/* jqm docs css

Beware: lots of last-minute CSS going on in here 
cobblers, shoes, 
*/

body { background: #ffffff;font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Arial,Helvetica,Arial,sans-serif;}
ui-content { margin: 0; padding:8px;}
.ui-mobile .type-home .ui-content { margin: 0; }
.ui-mobile #homeheader { padding: 0; text-align: center;  margin: 0 auto; }
.ui-mobile homeheader h1 { margin: 0 0; }

h2 { margin:1.2em 0 .4em 0; }
p code { font-size:1.2em; font-weight:bold; } 

dt { font-weight: bold; margin: 2em 0 .5em; }
dt code, dd code { font-size:1.3em; line-height:150%; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

#homeheader img { width: 100%; height:auto; }
img { max-width: 100%; border:none; }

.ui-header .home { top:0; }
.nav { margin-top: 5px; }

.space { display:block; width:100%; height:10px; clear:both; }

p.intro {
	font-size: .96em;
	line-height: 1.3;
		border-top: 1px solid #75ae18;
		border-bottom: 0;
		background: none;
		margin: 1.5em 0;
		padding: 1.5em 15px 0;

}
p.intro strong {
	color:  #558e08;
}

.nav-chilicon .ui-btn .ui-btn-inner { padding-top: 50px !important; }
.nav-chilicon .ui-btn .ui-icon { width: 50px!important; height: 40px!important; margin-left: -25px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }

.subtitle {overflow:hidden; padding: 3px 8px;vertical-align:middle;}
.buname { display:block; width:100%; border-bottom:1px solid #ddd; font-size:15px; font-weight:normal;margin:0px auto 0px 0px; padding: 5px 10px 5px 5px;  }
.renthome .buname{margin:0px;}
.rentroom{display:block; overflow:hidden;font-size:13px; font-weight:normal;}
.roomname{width:auto;overflow:hidden;}
.roomname .room{float:left;margin:5px 3px 0px 3px;font-size:1.1em;font-weight:bold;}
.roomstatus{float:left;overflow:hidden;margin:2px 0px 0 5px;}
.rentroom .info{margin:3px;}
.rent{overflow:hidden;margin:13px 0 13px 0;}
.yachin{color:#f00; font-size:1.3em; font-weight:bold; line-height:1.5em; margin-top:0.2em;}
span.yachin { color:#f00; font-size:31px; font-weight:bold; line-height:1.0em; margin:3px; }
.b_status{font-size:13px;margin:3px 0px;}
.toptags{overflow:hidden;margin:0px 0 0 3px;}
.specialtags{position:absolute;overflow:hidden;margin:0px 0 0 3px;}
.contracttag{float:left;margin:1px 2px 3px 0px;}
.specialtag{float:left;height:16px;color:white;font-size:12px;font-weight:normal;padding:2px 3px 0px 3px;text-align:center;text-shadow:0 1px 2px #666;;margin:1px 2px 1px 0px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px;}
.statustag{float:left;height:14px;color:white;font-size:12px;font-weight:normal;padding:1px 3px 1px 3px;text-align:center;text-shadow:0 1px 2px #666;margin:1px 3px 1px 0px; border: 1px solid #ddd;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px;}
.bukken p { line-height:1.1em; }
.leftimages{float:left; width:125px;}
.leftimages div{

	text-align:center;
	max-width:120px;
	height:120px;
	max-height:120px;
}
.leftimages img{
	width:120px;
	max-width:120px;
	height:120px;
	max-height:120px;
	object-fit: cover;
}
.rightcontents{
	margin:3px;
	float:left;
	width:calc(100% - 131px);
}

.ui-listview>li.ui-last-child>a.ui-btn{
 	border-width:1px;
 }
.ui-listview>li>a.ui-btn{
	border-width:1px;
	margin: 8px;
	padding: 0px;
	height:300px;
}


.ui-listview .ui-li-has-thumb>.ui-btn>img:first-child,
.ui-listview .ui-li-has-thumb>.ui-btn>img{
	top:0px;
	left:0;
	width:120px;
	max-width:120px;
	height:120px;
	max-height:120px;
	padding:0px 0px;
	object-fit: cover;
}
.ui-listview .ui-li-has-thumb>.ui-btn>img:first-child{
	top:30px;
	left:0;
}
.ui-listview>.ui-li-has-thumb>.ui-btn{
	padding-left:0px;
}
/*.bukken img { width:50%; height:auto; }*/


.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 33.33333333%; }
.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
.gallery li img { display: block; width: 100%; height: auto; }
#Gallery1 .ui-content, #Gallery2 .ui-content { overflow: hidden; }
	
.footer-docs {
	padding: 5px 0;
}
.footer-docs p {
	float: left;
	margin-left:15px;
	font-weight: normal;
	font-size: .9em;
}

.footer-copy {
	width: 100%;
	height: 30px;
	background: #DF1520;
	color:#FFF;
	text-align:center;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	line-height:30px;
	text-shadow:none;
}

.type-interior .content-secondary {
	border-right: 0;
	border-left: 0;
	margin: 10px -15px 0;
	background: #fff;
	border-top: 1px solid #ccc;
}
.type-home .ui-content {
	margin-top: 0;
}
.type-interior .ui-content {
	padding-bottom: 0;
}
.content-secondary .ui-collapsible {
	padding: 0 15px 10px;

}
.content-secondary .ui-collapsible-content {
	padding: 0;
	background: none;
	border-bottom: none;
}
.content-secondary .ui-listview {
	margin: 0;
}
/* new API additions */

dt {  
	margin: 35px 0 15px 0; 
	background-color:#ddd; 
	font-weight:normal;
}
dt code { 
	display:inline-block; 
	font-weight:bold;
	color:#FF0000; 
	padding:3px 7px; 
	margin-right:10px; 
	background-color:#fff; 
}
dd { 
	margin-bottom:10px; 
}
dd .default { font-weight:bold; }
dd pre { 
	margin:0 0 0 0; 
}
dd code { font-weight: normal; }
dd pre code { 
	margin:0; 
	border:none; 
	font-weight:normal; 
	font-size:100%; 
	background-color:transparent; 
}
dd h4 { margin:15px 0 0 0; }
		

/* F bar theme - just for the docs overview headers */
.ui-btn{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Arial,Helvetica,Arial,sans-serif;
}
.ui-page-theme-f .ui-btn,
html .ui-bar-f .ui-btn, 
html .ui-body-f .ui-btn, 
html body .ui-group-theme-f .ui-btn, html head + body .ui-btn.ui-btn-f, 
.ui-page-theme-f .ui-btn:visited, html .ui-bar-f .ui-btn:visited, 
html .ui-body-f .ui-btn:visited, 
html body .ui-group-theme-f .ui-btn:visited, 
html head + body .ui-btn.ui-btn-f:visited,
.ui-page-theme-f .ui-btn:hover, html .ui-bar-f .ui-btn:hover, 
html .ui-body-f .ui-btn:hover, 
html body .ui-group-theme-f .ui-btn:hover, 
html head + body .ui-btn.ui-btn-f:hover
{
	background-image:none;	
	border-color:#DF1520;
	color: 		#fff;
	text-shadow: 0 -1px 1px #770202;
}

.ui-page-theme-f a{
	font-weight:normal;
}

.ui-body-f,
.ui-btn-f,
.ui-bar-f {
	border-top: 1px solid 	#FF0000;
	border-bottom: 1px solid #FF0000;
	background: 			#f47070;
	color: 					#fff;
	border-color:#FF0000;
	font-weight: bold;
	text-shadow: none;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f47070), to(#FF0000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#f47070, #FF0000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#f47070, #FF0000); /* FF3.6 */
	background-image:     -ms-linear-gradient(#f47070, #FF0000); /* IE10 */
	background-image:      -o-linear-gradient(#f47070, #FF0000); /* Opera 11.10+ */
	background-image:         linear-gradient(#f47070, #FF0000);		
}

.ui-bar-f,
.ui-bar-f .ui-link-inherit {
	color: 					#fff;
}
.ui-btn-f,
.ui-bar-f, .ui-link {
	color: 					#fff;
	font-weight: bold;
}
.ui-btn-f,
.ui-btn-up-f {
	border: 1px solid 		#cc0000;
	border-color:			#cc0000;
	background: 			#FF0000;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #770202;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFcccc), to(#ff0000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#FFcccc, #ff0000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#FFcccc, #ff0000); /* FF3.6 */
	background-image:     -ms-linear-gradient(#FFcccc, #ff0000); /* IE10 */
	background-image:      -o-linear-gradient(#FFcccc, #ff0000); /* Opera 11.10+ */
	background-image:         linear-gradient(#FFcccc, #ff0000);
}
.ui-btn-up-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-hover-f {
	border: 1px solid 		#cc0000;
	border-color:			#cc0000;
	background: 			#fe6060;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #770202;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fd827f), to(#fc333d)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#fd827f, #fc333d); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#fd827f, #fc333d); /* FF3.6 */
	background-image:     -ms-linear-gradient(#fd827f, #fc333d); /* IE10 */
	background-image:      -o-linear-gradient(#fd827f, #fc333d); /* Opera 11.10+ */
	background-image:         linear-gradient(#fd827f, #fc333d);
}
.ui-btn-hover-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-down-f {
	border: 1px solid 		#cc0000;
	border-color:			#cc0000;
	background: 			#3d3d3d;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #770202;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#ef6262)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#FF0000, #ef6262); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#FF0000, #ef6262); /* FF3.6 */
	background-image:     -ms-linear-gradient(#FF0000, #ef6262); /* IE10 */
	background-image:      -o-linear-gradient(#FF0000, #ef6262); /* Opera 11.10+ */
	background-image:         linear-gradient(#FF0000, #ef6262);
}
.ui-btn-down-f a.ui-link-inherit {
	color: 					#fff;
}

.ui-btn-active-f {
	border: 1px solid 		#ff0000;
	background: 			#3d3d3d;
	border-color:#FF0000;
	font-weight: bold;
	color: 					#ffffff;
	text-shadow: 0 -1px 1px #770202;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F47070), to(#ff9999)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#F47070, #ff9999); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#F47070, #ff9999); /* FF3.6 */
	background-image:     -ms-linear-gradient(#F47070, #ff9999); /* IE10 */
	background-image:      -o-linear-gradient(#F47070, #ff9999); /* Opera 11.10+ */
	background-image:         linear-gradient(#F47070, #ff9999);
}
.ui-btn-active-f a.ui-link-inherit {
	border-color:#FF0000;
	color: 					#555;
}

.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn, 
html .ui-body-a .ui-btn, 
html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, 
.ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, 
html .ui-body-a .ui-btn:visited, 
html body .ui-group-theme-a .ui-btn:visited, 
html head + body .ui-btn.ui-btn-a:visited,
.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, 
html .ui-body-a .ui-btn:hover, 
html body .ui-group-theme-a .ui-btn:hover, 
html head + body .ui-btn.ui-btn-a:hover
{
	background-color:#ffffff;
	color: 		#555;
	text-shadow: none;
}
.ui-page-theme-a{
	background-color:#ffffff;
	color: 		#555;
}
.ui-page-theme-a a{
/*	font-weight:normal;*/
}
html .ui-body-a a{
	font-weight:normal;
}

.ui-page-theme-b .ui-btn,
html .ui-bar-b .ui-btn, 
html .ui-body-b .ui-btn, 
html body .ui-group-theme-b .ui-btn, html head + body .ui-btn.ui-btn-b, 
.ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, 
html .ui-body-b .ui-btn:visited, 
html body .ui-group-theme-b .ui-btn:visited, 
html head + body .ui-btn.ui-btn-b:visited,
.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, 
html .ui-body-b .ui-btn:hover, 
html body .ui-group-theme-b .ui-btn:hover, 
html head + body .ui-btn.ui-btn-b:hover
{
	background-image:none;
	background-color:#ffffff;
	border-color:#D5D5D5;
	color: 		#555;
	text-shadow: none;
}
.ui-bar-b{
	border-color:#D5D5D5;
	background-color:#ffffff;
	color: 		#555;
	text-shadow: none;

	
}
.ui-page-theme-b a{
	font-weight:normal;
}

/* docs site layout */

@media all and (min-width: 650px){
	
	.jqm-home {
		position: absolute;
		left: 10px;
		top: 0;
	}
	 .ui-content {
		margin-top: 5px;
	}
	.ui-mobile .jqm-themeswitcher {
		float: right;
	}
	p.intro {
		margin: 2em 0;
	}
	.type-home .ui-content,
	.type-interior .ui-content {
		padding: 0;
		background: url(../images/px-ccc.gif) 50% 0 repeat-y;
	}
	.type-interior .ui-content {
		background-position: 45%;
		overflow: hidden;
	}
	.content-secondary {
		text-align: left;
		float: left;
		width: 45%;
		background: none;
	}
	.content-secondary,
	.type-interior .content-secondary {
		margin: 30px 0 20px 2%;
		padding: 20px 4% 0 0;
		background: none;
		border-top: none;
	}
	.type-index .content-secondary {
		padding: 0;
	}
	.content-secondary .ui-collapsible {
		margin: 0;
		padding: 0;
	}
	.content-secondary .ui-collapsible-content {
		border: none;
	}
	.type-index .content-secondary .ui-listview {
		margin: 0;
	}

	.ui-mobile #homeheader {
		padding: 0;
	}
	.content-primary {
		width: 45%;
		float: right;
		margin-top: 30px;
		margin-right: 1%;
		padding-right: 1%;
	}
	.content-primary ul:first-child {
		margin-top: 0;
	}
	.content-secondary h2 {
		position: absolute;
		left: -9999px;
	}
	.type-interior .content-primary {
		padding: 1.5em 6% 3em 0;
		margin: 0;
	}
	/* fix up the collapsibles - expanded on desktop */
	.content-secondary .ui-collapsible-heading {
		display: none;
	}
	.content-secondary .ui-collapsible-contain {
		margin:0;
	}
	.content-secondary .ui-collapsible-content {
		display: block;
		margin: 0;
		padding: 0;
	}
	.type-interior  .content-secondary .ui-li-divider {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	
}
@media all and (min-width: 750px){
	.type-home .ui-content,
	.type-interior .ui-content {
		background-position: 39%;
	}
	.content-secondary {
		width: 34%;
	}
	.content-primary {
		width: 56%;
		padding-right: 1%;
	}	
	.type-interior .ui-content {
		background-position: 34%;
	}
}

@media all and (min-width: 1200px){
	.type-home .ui-content{
		background-position: 38.5%;
	}
	.type-interior .ui-content {
		background-position: 30%;
	}
	.content-secondary {
		width: 30%;
		padding-right:6%;
		margin: 30px 0 20px 5%;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	.content-primary {
		width: 50%;
		margin-right: 5%;
		padding-right: 3%;
	}
	.type-interior .content-primary {
		width: 60%;
	}
}