@charset "utf-8";
@media screen and (max-width:640px){
html {
	-webkit-text-size-adjust: 100%;
}
#smart_nav{
	margin:0 auto 5px;
}
.bread {
	margin-left: 10px;
}
#room{
}

#room h1{
	text-align:left;
	margin-bottom:10px;
	padding:0 3%;
}
#room h1.superior{
	margin-bottom:5px;
}
#room h1 img{
	width:210px;
}
#room h1.standard img{
	width:190px;
}

#room h1 + img{
	width:100%;
	margin-bottom:20px;
}


/******************************

 cont_wrapper

******************************/
.cont_wrapper{
	width:auto;
	margin:0 auto;
	padding:0 3%;
	overflow:hidden;
}

.cont_wrapper .main{
	width:auto;
	margin:0 auto 30px;
	float:none;
	text-align:left;
}
.cont_wrapper .sub{
	width:auto;
	float:none;
	text-align:left;
}
.cont_wrapper h2{
	margin-bottom:10px;
	font-size: 18px;
	line-height: 1.3;

}

/******************************

 main

******************************/
/*.cont_wrapper .main h2:after{
	content:attr(tit);
	font-size:18px;
	line-height:1.2;
}*/
.cont_wrapper .main h2{
	font-size:18px;
	line-height:1.2;
}
.cont_wrapper .main p{
	margin-bottom:20px;
	line-height:2;
	text-align: justify;
	text-justify: inter-ideograph;
}
.cont_wrapper .main ul{
	overflow:hidden;
}
.cont_wrapper .main ul li{
	width:49%;
	float:left;
	margin-bottom:2%;
}
.cont_wrapper .main ul li:nth-child(n+3){
	margin-bottom:0;
}
.cont_wrapper .main ul li:nth-child(odd){
	margin-right:2%;
}
.cont_wrapper .main ul li img{
	width:100%;
}

/******************************

 price

******************************/
.cont_wrapper .sub .price .cost{
	font-size:21px;
}
.cont_wrapper .sub .price .cost:after{
	content:'（ご覧になりたい料金項目をタップ）';
	font-size:12px;
}
.cont_wrapper .sub .price h4{
	margin-bottom:10px;
	font-size:15px;
	cursor:pointer;
}
.cont_wrapper .sub .price h5{
	font-size:15px;
	text-align:center;
}
.cont_wrapper .sub .price section{
	margin-bottom:20px;
}
.cont_wrapper .sub .price h4 + div{
	display:none;
}
.cont_wrapper .sub .price .free{
	border:1px dotted #fff;
	margin-top:10px;
	padding:10px;
	text-align:center;
}
.cont_wrapper .sub .price div dl{
	margin-bottom:10px;
}
.cont_wrapper .sub .price div dt{
	font-weight:bold;
	margin-top:10px;
}
.cont_wrapper .sub .price div .caution{
	text-align:center;
}
.cont_wrapper .sub .price table{
	width:80%;
	margin:0 auto 10px;
	font-size:14px;
}
.cont_wrapper .sub .price table th,
.cont_wrapper .sub .price table td{
	padding:5px 0;
	line-height:1.2;
}
.cont_wrapper .sub .price table td{
	color: #FFFF00;
	text-align:right;
}
.cont_wrapper .sub .price ul li{
	list-style:disc;
	margin:0 0 5px 2em;
}
.cont_wrapper .sub .price .biz{
	width:85%;
	margin:0 auto 10px;
}
.cont_wrapper .sub .price .biz span{
	font-size:14px;
	display:block;
	color: #FFFF00;
}
/******************************

 reserve

******************************/
.cont_wrapper .sub .reserve h3 img{
	width:100%;
}

/******************************

 sauna

******************************/
.cont_wrapper .sub .sauna h3 img{
	width:100%;
}



/******************************

 room_nav

******************************/
#room_nav{
	width:auto;
	margin:0 auto 40px;
}
#room_nav ul{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
#room_nav ul li{
	width:48%;
	margin-right:4%;
	margin-bottom:4%;
	float:left;
}
#room_nav ul li:last-child{
	margin-right:0;
}
#room_nav ul li:nth-child(even){
	margin-right:0;
}
#room_nav ul li img{
	width:100%;
}






}