@charset "utf-8";
/* CSS Document */
@media only screen and (max-width : 767px) {
.page-contents{padding-top: 0px;}
}
/*******************
	お食事処
********************/
#meal {
	background-color:#FFFFFF;
}
#meal #pageTitle{
	position: relative;
	width: 100%;
	/*height: 29.58333vw;*/
	background-position:left top;
	padding:13% 0;
	background-size:cover;
	text-align:center;
	background-image: url(../images/yao/meal/meal_mainImg.jpg);
	background-repeat: no-repeat;
	/*background-size: 100% auto;*/
}
#meal #pageTitle h2{
	/*position: absolute;
	top: 50%;
	left: 50%;
	width:282px;
	font-size: 60px;
	line-height: 100%;
	color: #fff;
	border-bottom: dashed 2px #fff;
	padding-bottom: 5px;
	text-align: center;
	letter-spacing: 10px;
	font-weight: normal;
	transform: translate(-50%, -50%);*/
	font-size:60px;
	line-height:100%;
	font-weight: normal;
	color:#fff;
	border-bottom:dashed 2px #fff;
	display:inline-block;
	padding-bottom:5px;
	letter-spacing: 8px;
}
#meal .wrap4 h3{
	width:290px;
	margin-left:auto;
	margin-right:auto;
}
#meal .wrap4 p{
	line-height:1.4em;
}
@media only screen and (max-width : 767px) {
	#meal #pageTitle{
		height: 35.4999vw;
		background-size: 120% auto;
		background-position: 0% center;
	}
	#meal #pageTitle h2{
		/*width : -webkit-calc(282/767*100%) ;
		width : calc(282/767*100%) ;
		font-size: 30px;
		line-height: 100%;
		color: #fff;
		border-bottom: dashed 2px #fff;
		padding-bottom: 5px;
		letter-spacing: 1px;*/
		font-size:30px;
		line-height:100%;
		color:#fff;
		border-bottom:dashed 2px #fff;
		display:inline-block;
		padding-bottom:5px;
	}
	#meal .wrap4 h3{
		width : 50%;
	}
	#meal .btn_03{
		background-color:#c10a0a;
		color:#fff;
		padding:10px 30px;
		margin-top: 5%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}
/*******************
	END お食事処
********************/

/*******************
	岩盤浴
********************/
#bedrock{
	background-color:#FFFFFF;
}
#bedrock #pageTitle{
	position: relative;
	width: 100%;
	/*height: 29.58333vw;*/
	background-image: url(../images/yao/bedrock/bedrock_mainImg.jpg);
	background-repeat: no-repeat;
	/*background-size: 100% auto;*/
	background-position:left top;
	padding:13% 0;
	background-size:cover;
	text-align:center;
}
#bedrock #pageTitle h2{
	/*width:355px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 290px;
	font-size: 60px;
	line-height: 100%;
	color: #fff;
	text-align: center;
	font-weight: normal;
	border-bottom: dashed 2px #fff;
	padding-bottom: 5px;
	transform: translate(-50%, -50%);
	letter-spacing: 12px;*/
	font-size:60px;
	line-height:100%;
	color:#fff;
	border-bottom:dashed 2px #fff;
	display:inline-block;
	padding-bottom:5px;
	letter-spacing: 12px;
	font-weight: normal;
}
#bedrock .lead{
	font-size: 2.4em;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.2em;
}
#bedrock .box{
	width:100%;
	text-align:center;
	line-height:1.4em;
}
#bedrock .box h3{ font-size:2.2em; line-height:0.8em;letter-spacing: 0.1em;}
#bedrock .box h3 span{ font-size:0.5em;}

#bedrock .boxset{}
#bedrock .boxset .box{
	width : -webkit-calc(302/980*100%);
	width : calc(302/980*100%);
	margin-right: -webkit-calc(32/980*100%);
	margin-right: calc(32/980*100%);
	float:left;
}
#bedrock .boxset .box:last-child{
	margin-right:0;
}
#bedrock .boxset .box h3{font-size:1.9em;}
@media only screen and (max-width : 767px) {
	#bedrock #pageTitle{
		height: 35.4999vw;
		background-size: 120% auto;
		background-position: 0% center;
	}
	#bedrock #pageTitle h2{
		/*width : -webkit-calc(355/767*100%) ;
		width : calc(355/767*100%) ;
		font-size: 30px;
		line-height: 100%;
		color: #fff;
		border-bottom: dashed 2px #fff;
		padding-bottom: 5px;*/
		font-size:30px;
		line-height:100%;
		color:#fff;
		border-bottom:dashed 2px #fff;
		display:inline-block;
		padding-bottom:5px;
	}
	#bedrock .lead{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		font-size:1.6em;
		letter-spacing: 0;
	}
	#bedrock .box h3{ font-size:1.4em; line-height:0.7em;letter-spacing: 0;}
	
	#bedrock .boxset .box{
		width : 80%;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	#bedrock .boxset .box:last-child{
		margin-right:auto;
	}
}
/*******************
	END 岩盤浴
********************/



/*******************
	テナント
********************/
#tenant{
	background-color:#FFFFFF;
}
#tenant #pageTitle{
	position: relative;
	width: 100%;
	/*height: 29.58333vw;*/
	background-image: url(../images/yao/tenant/tenant_mainImg.jpg);
	background-repeat: no-repeat;
	/*background-size: 100% auto;*/
	background-position:left top;
	padding:13% 0;
	background-size:cover;
	text-align:center;
	letter-spacing: 5px;
	font-weight: normal;
}
#tenant #pageTitle h2{
	/*position: absolute;
	top: 50%;
	left: 50%;
	width:279px;
	font-size: 60px;
	line-height: 100%;
	color: #fff;
	text-align: center;
	border-bottom: dashed 2px #fff;
	padding-bottom: 5px;
	font-weight: normal;
	transform: translate(-50%, -50%);*/
	font-size:60px;
	line-height:100%;
	color:#fff;
	border-bottom:dashed 2px #fff;
	display:inline-block;
	padding-bottom:5px;
}
#tenant .lead{
	font-size: 2.4em;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.2em;
}
#tenant .box{
	width:100%;
	text-align:center;
	line-height:1.4em;
}
#tenant .box{
	width:100%;
	text-align:center;
	line-height:1.4em;
}
#tenant .box h3{ font-size:2.2em; line-height:0.8em;letter-spacing: 0.1em;}
#tenant .box p{ text-align:left;}
.logoBox{
	float:right;
	margin-left:30px;
}
#tenant .logo01{width:157px;margin-top:-50px;}
#tenant .logo02,#tenant .logo03{width:270px;margin-top:-30px;}
#tenant .logo04{width:197px;margin-top:-50px;}

#tenant .btn_04{padding:10px 100px;}

.top-btn{
	width: 270px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.top-btn a{
	padding:5px 5px;
	background:#999;
	color:#fff;
	display: block;
	width: 100%!important;
	height: 100%!important;
	text-align: center;
}
@media only screen and (max-width : 767px) {
	#tenant #pageTitle{
		height: 35.4999vw;
		background-size: 120% auto;
		background-position: 0% center;
	}
	#tenant #pageTitle h2{
		/*width : -webkit-calc(279/767*100%) ;
		width : calc(279/767*100%) ;
		font-size: 30px;
		line-height: 100%;
		color: #fff;
		border-bottom: dashed 2px #fff;
		padding-bottom: 5px;*/
		font-size:30px;
		line-height:100%;
		color:#fff;
		border-bottom:dashed 2px #fff;
		display:inline-block;
		padding-bottom:5px;
	}
	#tenant .lead{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		font-size:1.6em;
		letter-spacing: 0;
	}
	#tenant .box h3{ font-size:1.4em; line-height:0.7em;letter-spacing: 0;}
	#tenant .logo01{
		width : -webkit-calc(157/480*100%) ;
		width : calc(157/480*100%) ;
		margin-top:-10px;
	}
	#tenant .logo02,
	#tenant .logo03{
		width : -webkit-calc(270/480*100%) ;
		width : calc(270/480*100%) ;
		margin-top:0px;
	}
	#tenant .logo04{
		width : -webkit-calc(197/480*100%) ;
		width : calc(197/480*100%) ;
		margin-top:0px;
	}
	#tenant .btn_04{padding:10px 30px;}
	.top-btn{
		width: 74%;
		margin-bottom: 5%;
	}
	.top-btn a{
		padding:3.5% 2%;
		background:#999;
		color:#fff;
	}
}
/*******************
	END テナント
********************/





.blPc{display:block;}
.blSp{display:none;}
@media screen and (max-width: 767px) {
	.blSp{display:block;}
	.blPc{display:none;}
}
.inPc{display:inline;}
.inSp{display:none;}
@media screen and (max-width: 767px) {
	.inSp{display:inline;}
	.inPc{display:none;}
}
















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