@charset "UTF-8";
/* CSS Document */

/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 1000px){
.pageWidth{
	width:95%;
	height:auto;
	padding:0;
	margin:auto;
	overflow:hidden;
}
.pcView{
	display:none;
}
.spView{
	display:none;
}
.tbView{
	display:inherit;
}
.tbOff{
	display:none;
}
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.pageWidth{
	width:95%;
	margin:auto;
}
.pcView{
	display:none;
}
.tbView{
	display:none;
}
.spView{
	display:inherit;
}
.spOff{
	display:none;
}
/*/// ////////////////////////////////


displaySizer
///////////////////////////////////*/
#displaySizer{
	position:relative;
	z-indez:0;
}
#displaySizer .innerBx{
	border:none;
	border-top:65px solid #e9dbc8;
}
#displaySizer .innerBx h1.txtTtl{
	position:absolute;
	top:-55px; left:10px; right:0;
	text-align:center;
	color:#272222;
	font-size:0.8em;
	letter-spacing: 0.2em;
	text-align:left;
}

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


header
///////////////////////////////////*/
header h1{x
	float:none;
}
header nav{
	display: none;
}
header .bookingBtn{
	display: none;
}
/*/// ////////////////////////////////


navigator
///////////////////////////////////*/
header nav{
	display: none;
	position:fixed;
	left:40%; right:0; top:0; bottom:0;
	z-index:10000;
	background:#f0f0f0;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
header nav ul{
	display: block;
	padding-top:45px;
}
header nav ul li{
	display:block;
	position: relative;
	text-align:left;
}
header nav ul li .bx{
	display:none;
}
header nav ul li a,
header nav ul li .navWrap{
	color:#272222;
	padding-top:25px;
	padding-bottom:21px;
	position: relative;
}
header nav ul li .spHover{
	background:url(../img/common/bk_ffffff_70.png) top left scroll repeat;
}
header nav ul li .spHover{
}
header nav ul li a::after,
header nav ul li .navWrap::after{
	content:"";
	opacity:0.3;
	position: absolute;
	bottom:0; left:0; right:0;
	height: 3px;
	background:url(../img/common/pattern01.png) top left scroll repeat;
}
header nav ul.subConts li a::after,
header nav ul.subConts li .navWrap::after{
	opacity:0.15;
}
header nav ul li a i.fa,
header nav ul li .navWrap i.fa{
	color:#CCC;
	display: inline-block;
	font-size:2.0em;
	position: absolute;
	right:10px; top:25px;
}
header nav ul li .navWrap i.fa{
	font-size:1.6em;
}
header nav ul li .subConts i.fa{
	top:50%; margin-top:-13px;
}

header nav ul li .navWrap i.fa-minus-square-o{
	display: none;
}
header nav ul li .spHover i.fa-minus-square-o{
	display: inline-block;
}
header nav ul li .spHover i.fa-plus-square-o{
	display: none;
}
header nav ul li a small,
header nav ul li .navWrap small{
	display:inline-block;
	font-size:1.6em;
	letter-spacing:0.2em;
	line-height:1;
}
header nav ul li a span,
header nav ul li .navWrap span{
	display:inline-block;
	font-size:1.0em;
	letter-spacing:0.2em;
	vertical-align: middle;
	line-height:1;
}
header nav ul li ul.subConts{
	display: block;
	position:relative;
	top:0; left:0;
	text-align:left;
	padding-top:0;
	background:url(../img/common/bk_ffffff_70.png) top left scroll repeat;
}
header nav ul li ul.subConts li a{
	padding-top:20px;
	padding-bottom:25px;
}
header nav ul li ul.subConts li a{
	padding:20px 20px 25px;
	color:#272222;
	display: block;
	width:auto;
	transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-ms-transition: all 0.25s ease-in;
}
header nav ul li ul.subConts li a small,
header nav ul li ul.subConts li a span{
	display:block;
	padding-left:10px;
}
header nav ul li ul.subConts li a:hover{
	background:none;
	color:#272222;
}
header nav ul li ul.subConts li a::after{
	content:"";
	position:absolute;
	bottom:0; left:0; right:0;
	height:4px;
	opacity:0.3;
	background:url(../img/common/pattern01.png) top left scroll repeat;
}

header nav ul li.spView{
	display: block;
}
header nav ul li.spView a{
	background:#272222;
	color:#f0f0f0;
}
header nav ul li.tel a{
	background:#373333;
}
header nav ul li.spView a i{
	top:50%; margin-top:-10px;
}
header nav ul li.spView img{
	width:100%; height: auto;
}
/*/// ////////////////////////////////


footer
///////////////////////////////////*/
footer section.links ul{
	text-align: center;
	padding:0;
}
footer section.links ul li{
	float:none;
	display: inline-block;
	width:100px;
	position:relative;
	height:100px;
	margin:0;
	text-align:center;
}
footer section.links ul li:nth-child(4){
	width:216px; height: auto;
	margin:auto;
	float:none;
	display: block;
}
footer section.links ul li.booking .bx{
	z-index:1;
	position: absolute;
	top:0px; right:0px;
	width:100%; height:100px;
	background:#b89f80;
}
footer section.links ul li.booking .bx a,
footer section.links ul li.booking .bx a:hover{
	text-align: center;
	top:0; left:0; right:0; bottom:0;
}
footer section.links ul li.booking .bx a .inner{
	margin:-25px 0 0 -50px;
}

footer section.links ul li.sns ul li{
	height:auto;
	margin:1%;
	width:22%;
	text-align:center;
	display: inline-block;
}
footer section.links ul li.sns ul li a{
	padding:14.9px 0;
}
footer section.sitemap .fL{
	width:90%;
	margin:0 5%;
	float:none;
	padding:0;
}
footer section.sitemap .fR{
	display: none;
}
footer section.sitemap .fL p.tel a{
	text-decoration: none;
	color:#F0F0F0;
}
footer .copyRight{
	color:#000000;
	padding-bottom:30px;
}
.spMenu{
	display: block;
	position: fixed;
	top:10px; right:10px;
	z-index:10000;
}
/*/// ////////////////////////////////


innerCont
///////////////////////////////////*/
.innerCont #displaySizer{
	height:250px;
	background:url(../img/home/main03.png) center top scroll no-repeat;
	background-size:cover;
	display: relative;
}
.innerCont header h1{
	display: none;
}




}