@charset "utf-8";

/*base.css上書き*/
#header,
#footer{
	background-color: none;
	background: url("../images/bg.jpg") repeat center top;
	}
#header{
	border-bottom-color: #493034;
}
#footer{
	border-top-color: #493034;
}
#header::after{
	display: none;
}
#hMenuBtn{
	display: none;
}
#hTel{
	right: 5px;
}
#fSubNav{
	right: 65px;
}
#contents{
	padding: 20px 0 0 0;
	background: -moz-linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.5) 50%,rgba(255,255,255,0)); 
	background: -webkit-linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.5) 50%,rgba(255,255,255,0)); 
	background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.5) 50%,rgba(255,255,255,0)); 
}
/*base.css上書き*/


/* for Common & Smartphone*/

body{
	background: url("../images/bg.jpg") repeat center top;
}

/*hBtnHP*/
#hBtnHP{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 33.34%;
	z-index: 9999;
	font-size: 100%;
	text-align: center;
}

#hBtnHP a{
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	background-color: #493034;
	color: #fff;
}
#hBtnHP a::before{
	display: none;
	content: "";
	display: inline-block;
	width: 16px;
	height: 100%;
	margin: 0 5px 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../images/ico_hp.png");
	background-size: contain;
	vertical-align: top;
}
#hBtnHP a img{
	display: none;
}
#hBtnHP a span{
	font-size: 100%;
}

/* ttl copy ////////////////////////////// */
#pageTtl{
	text-align: center;
}

.fpCopy01{
	font-size: 108%;/*14 / 18*/
	line-height: 1.4;
	font-weight:bold;
	font-feature-settings: "palt";
}
.fpCopy02{
	margin: 0 0 0.5em 0;
	font-size: 154%;/*20 / 32*/
	line-height: 1.4;
	font-weight:bold;
	font-feature-settings: "palt";
}
.fpCopy03{
	margin: 0 0 0.5em 0;
	font-size: 124%;/*16 / 20*/
	line-height: 1.4;
	font-weight:bold;
	font-feature-settings: "palt";
}
.fpLead01{
	font-size: 117%;/*15 / 16*/
	line-height: 1.8;
}
/* intro ////////////////////////////// */
#intro{
	text-align: center;
}
#intro .ill{
	width: 60%;
	margin: 0 auto 10px auto;
}

/* merit ////////////////////////////// */
#merit{}

#merit .merH{
	margin: 0 0 10px 0;
	text-align: center;
}
#merit .merT{
	margin: 0;
	text-align: left;
}
	#merit .merT .fpCopy03{
		text-align: center;
	}
#merit .merP{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

/* cons ////////////////////////////// */
#cons{}
#cons > .fpCopy02{
	position: relative;
	display: inline-block;
	margin: 0 0 30px 0;
	padding: 0 15px;
	text-align: center;
}
#cons > .fpCopy02::before,
#cons > .fpCopy02::after{
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 10px;
	border: 2px solid #493135;
}
#cons > .fpCopy02::before{
	left: 0;
	border-right: none;
}
#cons > .fpCopy02::after{
	right: 0;
	border-left: none;
}
#cons > .fpCopy02 br:last-of-type.sp{
	display: none;
}

#cons .consTtl{
	width: 50%;
	margin: 0 auto 10px auto;
	text-align: center;
}
#cons .consP{
	margin: 20px 0 0 0;
}
#cons .consP li{
	width: 48.5%;
	margin: 0 0 10px 0;
	font-size: 85%;
	text-align: left;
	font-feature-settings: "palt";
	line-height: 1.2;
}
#cons .consP li:nth-of-type(1){
	width: 100%;
}
#cons .consP li:nth-of-type(2n+1){
	float: right;
}
#cons .consP li:nth-of-type(2n){
	clear: both;
	float: left;
}
#cons .consP li span{
	display: inline-block;
	vertical-align: top;
}
#cons .consP li span:first-of-type{
	width: 3.6em;
}
#cons .consP li span:last-of-type{
	width: calc(100% - 3.9em);
}
#cons .consP li img{
	margin: 0 0 5px 0;
}

#fpBtnWrap{
	display: block;
	margin: 0 auto 50px auto;
}
#fpBtnWrap li{
	width: 48.5%;
	font-size: 124%;
	}
#fpBtnWrap li:first-of-type{
	width: 100%;
	margin: 0 0 10px 0;
}
#fpBtnWrap li:nth-of-type(2){
	float: left;
}
#fpBtnWrap li:nth-of-type(3){
	float: right;
}
#fpBtnWrap li a{
	position: relative;
	display: block;
	height: 36px;
	line-height: 36px;
}
#fpBtnWrap .btnReq a::before,
#fpBtnWrap .btnRsv a::before{
	width: 24px;
	height: 100%;
}
#fpBtnWrap li:first-of-type a{
	height: auto;
	line-height: normal;
}

/* iPhone5 とか*/
@media screen and (max-width: 320px) {
#cons > .fpCopy02 br:last-of-type.sp{
	display: block;
}


}
/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) {}

@media print, screen and (min-width:768px) {
	/*base.css上書き*/
	#header{
		height: auto;
		padding: 20px 0 10px 0;
	}

	/*hBtnHP*/
	#hBtnHP{
		position: absolute;
		top:-10px;
		bottom: auto;
		left: auto;
		right: 10px;
		width: 25.5%;
		z-index: 9999;
		font-size: 108%;
		text-align: center;
		font-weight: bold;
	}
	#hBtnHP a{
		position: relative;
		display: block;
		height: auto;
		line-height: normal;
		padding: 2px 0;
		text-align: center;
		border-radius: 0;
		background: #fff;
		border: 2px solid #493034;
		border-radius: 4px;
	}
	#hBtnHP a::before{
		display: none;
	}
	#hBtnHP a img{
		display: inline-block;
	}
	#hBtnHP a span{
		display: none;
	}
	#hNav{
    position: static;
    clear: none;
    float: right;
    width: 26%;
    text-align: right;
    margin-top: 40px;
	}
	#hNav .nav a{
		height: 30px;
		line-height: 30px;
	}
	#hSns{
		margin-top: 15px;
	}
	
	.hScroll#header{
		height: 130px;
	}
	.hScroll #hLogo{
		margin-top: 45px;
		}
	.hScroll #hNav .nav{
		margin-top: 34px;
		}
	.hScroll #hNav .nav a{
		height: 24px;
		line-height: 24px;
		}
	.hScroll #hSns li{
		margin-top: 40px;
		}
	.hScroll #hTelWrap{
		margin-top: 55px;
		}
	.hScroll #hTel{}
	.hScroll #hBtnHP{
		top: 42px;
		}
	.hScroll #hBtnHP img{
		height: 26px;
		}
	.hScroll #hBtnHP a{
		padding: 0;
		}
	.hScroll #hBtnHP a::before{
		display: none;
		}
	.hScroll #fSubNav li{
		margin: 0 0 0 0;
	}
	#contents{
		padding: 30px 0 0 0;
	}
	.conPC{
		max-width: 850px;
	}

	/* ttl copy ////////////////////////////// */
	#pageTtl{}
	.fpCopy01{
		font-size: 139%;/*14 / 18*/
	}
	.fpCopy02{
		margin: 0 0 0.5em 0;
		font-size: 248%;/*20 / 32*/
	}
	.fpCopy03{
		margin: 0 0 0.5em 0;
		font-size: 154%;/*18 / 20*/
	}
	.fpLead01{
		font-size: 124%;/*15 / 16*/
	}
	/* intro ////////////////////////////// */
	#intro{}
	/* merit ////////////////////////////// */
	#merit{}

	#merit .merH{
		width:520px;
		margin: 0 auto 20px auto;
	}
	#merit .merT{
		float: left;
		width: 46.2%;
		margin: 0 0 0 0;
	}
	#merit > section:nth-of-type(2) .merT{
		float: right;
	}
	#merit .merT .fpCopy03{
		text-align: left;
	}
	#merit .merP{
		float: right;
		width: 50.6%;
		margin: 0;
	}
	#merit > section:nth-of-type(2) .merP{
		float: left;
	}
	
	/* cons ////////////////////////////// */
	#cons{}
	#cons > .fpCopy02{
		margin: 0 0 50px 0;
		padding: 0 25px;
	}
	#cons > .fpCopy02::before,
	#cons > .fpCopy02::after{
		width: 15px;
	}
	#cons > .fpCopy02::before{}
	#cons > .fpCopy02::after{}
	
	#cons .consTtl{
		width: 230px;
		margin: 0 auto 10px auto;
		text-align: center;
	}
	#cons .consP{
		margin: 20px 0 0 0;
	}
	#cons .consP li{
		float: left;
		width: 31.0%;
		margin: 0 3.5% 20px 0;
		font-size: 85%;
	}
	#cons .consP li:nth-of-type(1){
		width: 100%;
	}
	#cons .consP li:nth-of-type(2n+1){
		float: left;
	}
	#cons .consP li:nth-of-type(2n){
		clear: none;
	}
	#cons .consP li:nth-of-type(3n+2){
		
	}
	#cons .consP li:nth-of-type(3n+1){
		margin-right: 0;
	}
	#cons .consP li span{}
	#cons .consP li span:first-of-type{}
	#cons .consP li span:last-of-type{}
	#cons .consP li img{}
	
	#fpBtnWrap{
		display: block;
		width: 400px;
		margin: 0 auto 50px auto;
	}
	#fpBtnWrap li{
		width: 195px;
		font-size: 139%;
	}
	#fpBtnWrap li:first-of-type{
		width: 100%;
		margin: 0 0 10px 0;
	}
	#fpBtnWrap li:nth-of-type(2){
		float: left;
	}
	#fpBtnWrap li:nth-of-type(3){
		float: right;
	}
	#fpBtnWrap li a{
		position: relative;
		display: block;
		height: 45px;
		line-height: 45px;
	}
	#fpBtnWrap .btnReq a::before,
	#fpBtnWrap .btnRsv a::before{
		width: 36px;
		height: 100%;
	}
	#fpBtnWrap li:first-of-type a{
		height: auto;
		line-height: normal;
	}
}