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

#headerField{
	background-image: url(images/borderGold.jpg);
	padding-bottom: 1px;
	position: fixed;
	width: 100%;
	z-index: 500;
}
#headerContainer{
	background-image:url(images/headerBack.png);
	background-size: contain;
}
#headerLogo{
	width: 100%;
	height: auto;
}

html,body{
/*	font-size: 1rem !important; */
	font-size: 62.50%;
/*	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	margin:0;
	padding:0;
	height:100%;
}
body{}
/*
xs max-width:767
sm min-width:767;max-width:991;
md min-width:992;max-width:1199;
lg min-width:1200;
*/

/* lg */
@media screen and (min-width: 1200px) {
	html,body{
		font-size:100%;
	}
	
}
/* md PC*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	html,body{
		font-size:100%;
	}
}

/*  sm タブレット*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	html,body{
		font-size:2vw !important;
	}
	.smp0{padding:0 !important;}
	
	h2{
		padding-left:1rem !important;
		font-size: 1.25rem !important;
		padding-bottom: 0.5rem !important;
	}
}
/* xs スマホ*/
@media screen and (max-width: 767px) {
	html,body{
		font-size:4vw !important;
	}
	.container{width: auto;}
	.xsp0{padding:0 !important;}

	h2{
		padding-left:1rem !important;
		font-size: 1.4rem !important;
		padding-bottom: 0.8rem;
	}
}

h1{
	margin: 0 !important;
	padding: 0 !important;
}
h2{
	padding-left:2rem;
	font-size: 1.5rem;
	padding-bottom: 1rem;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif !important;
	color:#6D1A1B !important;
	position:relative;
	font-weight: bold;
}
h2::after {
	content: "";
	width:100%;
	height:3px;
	background-image:url(images/borderGold.jpg);
	position: absolute;
	bottom: 0;
	left: 0;
}
.h2center{
	padding-left:0 !important;
	text-align: center;
}
h4{
	font-size: 1rem;
}
.aTitle{
}
.noLiPoint{list-style: none}
.row-eq-height{
	display: flex;
	flex-wrap: wrap;
}
.p0{
	padding:0 !important;
}
.p1p{padding:1% !important;}
.m2{margin-top:2%;}
.m5{margin-top:5%;}
.m10{margin-top:10%;}
.lsCircle li{list-style: circle}
.gm,.fm{
	width: 100%;
	height: auto;
}
.gmOn,.fmOn{
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: auto;
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all  .5s ease;
}
.gmOn:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.fm,.fmOn{
	background-color: #ff0;
}
#gmEnd{
	margin-left: 1%;
}
#pageNavigation ul{
	margin: 0 !important;
	padding:0 !important;
	background-color: #286EDD;
}
#pageNavigation li{
	background-color: #F1696B;
	display:inline-block;
	width:22%;
	padding:0 !important;
	margin:0 !important;
}
.contentBorder10{
	background-image: url(images/borderBack.jpg);
	padding-top:10px;
}
#titleField{
	background-image: url(images/indexPhotoBack.jpg);
	background-size: contain;
}
.mainContainer{
	background-image: url(images/mainColumnBack.jpg);
	background-color: #fff;
	background-repeat: repeat-x;
}

.goldFrame{
	padding:2px;
	background-image: url(images/borderGold.jpg);
}
.imgFx{/*画像を幅に合わせる*/
	width: 100%;
	height: auto;
}
.alpha a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all  .5s ease;
}
.times{/* 営業時間の表示用 */
	border-top:1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	font-size:1.4rem;
	line-height: 2rem;
	font-weight: bold;
	padding:1.4rem 1.4rem;
	margin:1rem; 0 !important;
	text-align: center;
}

.cnt{
	margin-top: 3%;
}
.nb{
	border: none !important;
}
.priceTitle{background-image: url(images/priceTitleBack.jpg);}
.priceTitle h3{
	background-image: url(images/titleFlower1.png);
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	color: #fff;
	margin:2rem 0 1rem;
	padding: 0.8rem;
	font-size:1.4rem;
}
.priceList{width:98%;margin:1%;}
.priceList th{width:60%;font-weight:normal}
.priceList td{width:40%}
.priceList tr{
	border-bottom: 1px dotted #cccccc;
}
.priceList tr:last-child{
	border:none;
}
.priceList td{text-align: right;}
.priceList td,.priceList th{
	padding:0.5rem;
}
.menuTitle{
	border:none !important;
}
.menuTitle th{
	padding-top:3rem;
	padding-left:0.5rem;
	font-weight: bold;
}
.menuTitle th::before{
	content:"◆";
	color:#8e231b;
}
.priceSheet{
/*	background-color:#ffe5e3;*/
}
.photoCaption{
	position: absolute;
	bottom:0;
	right:0;
	z-index: 400;
	color: #fff;
	width:20%;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	padding-top:0.3rem;
	padding-bottom:0.3rem;
}
/*縦書き*/
.v_r{
	position: absolute;
	left:25%;
	right: 25%;
	text-align: center;
	bottom: 0;
	top:0;
}
.v_r div{
	width:100%;height:100%;text-align: right
}
.v_r span{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif !important;
	font-size: 2rem;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	letter-spacing: 0.1em;
	text-orientation: upright;
	-webkit-text-orientation: upright;
	-moz-text-orientation: upright;
	-ms-text-orientation: upright;
	text-align: left;
	padding:2rem 17% 0;
	color:#8e231b;
	width: 100%;
}
#footerField{
	background-image: url(images/footerBack.jpg);
	color:#fff;
	margin-top:5%;
	padding-top:2%;
	padding-bottom:2%;
}
#footerField #mainMenu{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom:3%;
}
#footerField #mainMenu li{
	list-style: none;
	position: relative;
	font-size:1.4rem !important;
	line-height:5rem;
	padding-left:1.2rem;
	padding-right:0 !important;
}
#footerField #mainMenu li::after{
	content: "";
	display: block;
	position:absolute;
	top:2rem;
	left: 0;
	width:1rem;
	height: 1rem;
	background-image: url(images/footerMenuMark.png);
	background-size: contain;
}
#footerField .footerMenu{padding:0 !important;}
#footerField .footerMenu li{
	list-style: none;
	position: relative;
	padding-left:2rem;
	font-size:1.2rem;
	line-height:1.4rem;
	padding-top:1rem;
	padding-bottom:1rem;
}
#footerField .footerMenu li::after {
	content: "";
	display: block;
	position:absolute;
	top:0.75rem;
	left: 0;
	width:2rem;
	height: 2rem;
	background-image: url(images/linkArrow.png);
	background-size: contain;
}
#footerField #footerPlan, #footerField #footerMail{
	padding:0px 0px !important;
	margin-bottom: 10px !important;
	background-color: #fff;
}
#footerField #mainMenu a,#footerField .footerMenu a{
	color: #fff !important;
	text-decoration: none;
}
#footerField #mainMenu a:hover,#footerField .footerMenu a:hover{
	border-bottom: 1px solid #fff;
	padding-bottom: 0.1rem;
}
#footerAddress{
	text-align: left;
	margin-top:2rem;
}
.footerMail{color:#fff !important;}
#copyright{
	text-align: center;
	margin-top: 3%;
}


/*インデックス用*/
#indexPhoto{
	background-image: url(images/indexPhotoBack.jpg);
	background-size: contain;
}
#osusumePoint{
	background-image: url(images/osusumeBack.png);
	background-size:100%;
	background-repeat: no-repeat;
	margin-top:5%;
	padding-bottom:3%;
	margin-bottom: 5%;
}
#osusumeTitle{
	width:50%;
	height:auto;
	margin-left:25%;
}
#osusumeSheet{
	background-image: url(images/tileBackPink.png);
	margin: 0 15px;
	padding: 2px;
}
#osusumeField{
	background-image: url(images/tileBackPink.png);
}
#iconAji,#iconYu,#iconYado{
	top:-10px;
	left:2%;
	position: absolute;
	width:25%;	
}
#informationList{
	width:100%;
}
#information{
	border:1px solid #f7d94c;
	position: relative;
	width: 100%;
	margin-top:1rem;
}
#information ul{
	margin: 0;
	padding:0rem;
	width:100%;
	position: relative;
}
#information ul li{
	padding:0.5rem;
	list-style: none;
	border-bottom: dashed 1px #f7d94c;
	position:relative;
}
#information ul li span{
	color:#8e231b;
	font-weight:bold;
	line-height: 3.2rem;
	font-size:1rem;
}
#information ul li h5{
	font-weight: normal;
	display:inline;
	line-height: 3.2rem;
	font-size:1rem !important;
}
#information ul li:last-child{
	border:none;
}
#information .date{
	position: relative;
	width:20%;
	float:left;
}
#information .infoTitle{
	margin:-2.6rem 0 0.75rem 7em;
	line-height: 1.8rem;
}
#planBanner{
	margin-top:1%;
}
#amenityGoodsBanner{
	margin-top:1%;
}
#detailBanner{
	margin-top:1%;
}
#photogalleryBanner{
	margin-top:1%;
}
#konamovie video{
	width:100%;
	height: auto;
}
#konachan{
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #86c166;
	font-size: 1.8rem;
}
.instaTitle{
	font-family: 'Shrikhand', cursive;
	font-size:4rem;
	text-align: center;
	color:#A6A6A6;
	margin-bottom:2rem;
} 
.topicsImage{
	width:80%;
	height:auto;
	margin:0.5rem 10%;
}
/* お料理 */
.mainComment{
	padding-bottom: 2%;
	font-size: 2rem;
	text-align: center;
}
#mealBasic{
	background-image: url(images/gdBackPink.png);
	background-repeat: repeat-x;
	padding-top:2%;
	padding-bottom: 2%;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#mealBasic .pCnt{
	margin-top:3%;
	margin-bottom:3%;
}
#mealBasic .pCnt img{
	padding:3px;
}
#mealBasic center{
	margin-top:3rem;
}
#mealAppend{
	text-align: center;
	font-size:2rem;
	margin-top: 10% !important;
	margin-bottom:5%;
}
.mealInfo span::after,.mealInfo span::before{
	content:"・";
}
.mealInfo p{
	font-size:2rem;
	font-weight: bold;
}
.mealInfo h5{
	font-size:2rem;
	font-weight: bold;
}
.mealInfo .append{
	margin-top:1rem;
	border:1px solid #cccccc;
	padding:0.8rem;
	text-align: center;
}
.mealMiniSheet{
	border:1px solid #eeeeee;
	padding-bottom:2%;
	font-size:1rem !important;
	margin-bottom:5%;
}
.mealMiniSheet img{
	margin-bottom: 5%;
}
.mealMiniSheet h2{
	padding-left:0.5rem !important;
	padding-right: 0.5rem !important;
	font-size: 1.4rem;
}
.mealMiniSheet center{
	font-size: 1.4rem !important;
}
.mealMiniSheet h5{
	font-size:1.8rem !important;
}
.toPlanLink{
	width:70%;
	margin: 1rem 15%;
	text-align: center;
	color : #fff !important;
	background-color: #6D1A1B;
	text-decoration: none !important;
	line-height: 2.4rem;
}
.noDecoration{
	text-decoration: none !important;
}
/* お風呂 */
.spaMainComment{
	background-image: url(images/gdBackBlue.png);
	background-repeat: repeat-x;
	text-align: center;
	font-size:1rem;
	padding-top: 2%;
	padding-bottom:2%;
	border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}
.spaMainComment span{
	font-size:2.5rem;
	font-weight: bold;
}
#spaMainAccounce{
	font-size:1.4rem;
	line-height: 2.2rem;
}
.spaMainAttention{
	text-align: left;
	font-size:1.2rem;
	border:1px solid #ebd3c6;
	padding:1% 2%;
	margin:2% auto;
	line-height: 2.6rem;
}
.spaMainAttention p{
	margin:0;
	padding: 0;	
	font-weight: bold;
}
.hamanoyuPriceH3{
	font-size:1.6rem;
	line-height: 2.8rem;
	font-weight: bold;
	text-align: center;
	padding:0 !important;
	background-color: #8e231b;
	margin: 5% 5% auto;
	width:90%;
	color:#8e231b;
	background-image:url(images/roomDetailBack.png);
	border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
}
.tRedHamanoyu{
	font-size: 1.2rem;
	line-height:1.4rem;
	border-collapse: collapse;
	border: 1px solid #8e231b;
	width:90%;
	margin:2% auto 5%;
}
.tRedHamanoyu th{
	text-align: center;
	padding:0.8rem;
	background-color:#ebd3c6;
	border-collapse: collapse;
	border: 1px solid #8e231b;
}
.tRedHamanoyu td{
	border-collapse: collapse;
	border: 1px solid #8e231b;
	background-color: #ffffff;
	padding: 0.8rem;
}
/*#spaHamanoyuOutsideAnnounce,#spaHamanoyuAnnounce,#spaHamanoyuReserve{*/
.spaHamanoyuComment{
	padding: 1%;
	font-size:1.2rem;
	line-height: 2.4rem;
}
.tRed{
	font-size: 1rem;
	line-height: 1.4rem;
	border-collapse: collapse;
	border: 1px solid #8e231b;
	width:90%;
	margin:2% auto;
}
.tRed th{
	text-align: center;
	padding:0.8rem;
	background-color:#ebd3c6;
	border-collapse: collapse;
	border: 1px solid #8e231b;
}
.tRed td{
	border-collapse: collapse;
	border: 1px solid #8e231b;
	background-color: #ffffff;
	padding: 0.8rem;
}

/* お部屋 */
.subComment{
	font-size:1rem !important;
	padding:1rem;
	text-align: left!important;
	border:1px solid #e0e0e0;
	margin-top:2rem;
	background-color: rgba(255,255,255,0.8);
	line-height: 2rem !important;
}
h4{
	font-weight: bold !important;
	margin-top:3% !important;
}
.rBG{
	background-image: url(images/roomBack.png);
	padding-top:3rem;
	padding-bottom:3rem;
}
#roomMainComment{
	background-image: url(images/gdBackGreen.png);
	background-repeat: repeat-x;
	padding-top: 2%;
	padding-bottom: 2%;
	border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

#honkanTab{
	display: none;
}
#showHonkanTab,#showShinkanTab{
	cursor: pointer;
	-webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition: all  .75s ease;
	font-size:1.4rem;
	line-height: 3.2rem;
	color:#666666;
	background-color: #CCCCCC;
	text-align: center;
}
.roomSeltab{
	background-color: #3b2023 !important;
	color:#ffffff !important;
}
#showShinkanTab{
	-webkit-border-top-left-radius: 1rem; 
    -moz-border-radius-topleft: 1rem;
	-webkit-border-bottom-left-radius: 1rem; 
    -moz-border-radius-bottomleft: 1rem;
}
#showHonkanTab{
	-webkit-border-top-right-radius: 1rem; 
    -moz-border-radius-topright: 1rem;
	-webkit-border-bottom-right-radius: 1rem; 
    -moz-border-radius-bottomright: 1rem;
}
.roomThumb img{
	padding:1px 1px;
}
.roomAttention{
	margin-top:1rem;
	border:1px solid #cccccc;
	padding:0.8rem;
	background-color: #fff;
}
.roomAttention ul{
	margin:0.8rem 0;
}
.roomBath{
	font-size: 1.6rem;
	border-collapse: collapse;
	border: 1px solid #8e231b;
	width:90%;
	margin:5% auto;
}
.roomBath th{
	text-align: center;
	padding:0.8rem;
	background-color:#ebd3c6;
	border-collapse: collapse;
	border: 1px solid #8e231b;
}
.roomBath td{
	border-collapse: collapse;
	border: 1px solid #8e231b;
	background-color: #ffffff;
	padding: 0.8rem;
}
.roomDetail{
	background-image: url(images/roomDetailBack.png);
	padding: 1rem;
	border:2px solid #8e231b;
	width:100%;
	margin:2% auto;
	border-collapse: collapse;
}
.roomDetail th{
	width:20%;
	padding:0.5rem;
	text-align: center;
	border-collapse: collapse;
	border:1px solid #8e231b;
	background-color: rgba(235,35,27,0.5);
	color:#ffffff;
}
.roomDetail td{
	widows: 80%;
	padding: 0.5rem;
	border-collapse: collapse;
	border:1px solid #8e231b;
}
.roomDetail dl{
	background-color: #000;
	margin:0!important;
}
.roomDetail dt{
	clear: left;
	float: left;
	width:20%;
}
.roomDetail dd{
	float: left;
	width:80%;
}
.roomName{
	background-image: url(images/roomNameBack.png);
/*	background: linear-gradient(135deg,#e8244e, #b30026);*/
	background-color: #b30026;
	font-size:1.4rem !important;
	padding:1.2rem 0.5rem;
	color:#ffffff;
	text-align: center;
    -webkit-border-top-left-radius: 1rem; 
    -moz-border-radius-topleft: 1rem;
	-webkit-border-top-right-radius: 1rem; 
    -moz-border-radius-topright: 1rem;
}
.roomMap{
	padding-bottom: 1rem;
	margin-top:0.8rem;
}
#petAnnounce{
	margin-top:1.5rem;
	padding:0.8rem;
}
#petAnnounce h5{
	font-weight: bold;
	color:#6D1A1B;
	font-size:1rem !important;
	border-bottom: 1px dotted #6D1A1B;
	padding-bottom: 0.4rem;
	padding-left:0.8rem;
}
#petAnnounce dt{margin-bottom: 0.8rem;}
#petAnnounce dd{
	padding-left: 0.8rem;
}
/* 館内施設 */
.facilitiesSheet{
	margin-top: 5%;
	margin-bottom:8%;
}
.kannaiThumb{

}
.kannaiThumb img{
	width:100%;
	height:auto;
	padding:4%;
	background-image: url(images/gdBackRed.png);
	background-size: cover;
}
.kannaiThumbBlue img{
	width:100%;
	height:auto;
	padding:5px;
	background-image: url(images/gdBackBlue.png);
	background-size: cover;
}
.kannaiMsg h2{
	margin:5% 0 !important;
	padding-left:0 !important;
	
}
.kannaiMsg h2::after{
	content:none;
}
.kannaiMsg p{
	text-align: right;
}
.kannaiMsg p a{
	position: relative;
}
.kannaiMsg p a::before{
	content: "";
	background-image: url(images/linkArrow.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top:0;
	left:-1.6rem;
	width:1.6rem;
	height:1.4rem;
	background-size: contain;
}

.kannaiMini{
	background-image: url(images/gdBackBlue.png);
	background-size: contain;
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold;
	padding-bottom: 0.8rem;
}
.kannaiMini img{
	width:100%;
	height: auto;
	padding:5px;
	margin-bottom:0.8rem;
}
.ft{
	padding:10px;
	text-align: center;
	background-image: url(images/gdBackRed.png);
	background-size: cover;
}
.ft p{
	padding:1% 0;
	font-weight: bold;
}
.ft img{
	width:100%;
	height: auto;
	border:1px solid #fff;
}
/* 浜の湯 */
.hamanoyuCaption{
	text-align: center;
	font-size:2.5rem;
	padding-top: 2%;
	padding-bottom:2%;
}
#hamanoyuPrice{
	font-size: 1.6rem;
	border-collapse: collapse;
	border: 1px solid #8e231b;
	width:90%;
	margin:5% auto;
}
#hamanoyuPrice th{
	text-align: center;
	padding:0.8rem;
	background-color:#ebd3c6;
	border-collapse: collapse;
	border: 1px solid #8e231b;
}
#hamanoyuPrice td{
	border-collapse: collapse;
	border: 1px solid #8e231b;
	background-color: #ffffff;
	padding: 0.8rem;
}
/* 釜めし亭 */
.kamameshiAnnounce{
	padding: 1%;
	font-size:1.2rem;
	line-height: 1.8rem;
}
.kamameshiPrice{
	text-align: right;
}
.kamameshiTanpin {width:100%}
.kamameshiTanpin tr{
	border-bottom: 1px dotted #cccccc;
}
.kamameshiTanpin tr:last-child{
	border-bottom: none;
}
.kamameshiTanpin th{width:80%;padding:0.5rem;}
.kamameshiTanpin td{width:20%;padding:0.5rem;}

.kamameshiDesert{
	width: 80%;
}
.kamameshiDesert th{
	width:80%;
}
.kamameshiDesert td{
	width: 20%;
	vertical-align: middle;
}
.kamameshiMenuField dd{
	padding-left:1rem;
	font-weight: normal;
}
.kamameshiAnnounce h5{
	
}
.kamameshiMenuField{
	margin-bottom:3%;
	padding:1rem;
	background-color: #fefbec;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.ikamenchiImage{
	width:50%;
	height:auto;
	float: right;
	border: 3px solid #6D1A1B ;
	margin:0.5rem;
}
/* ふらり */
#furariTimes{
	margin-top:2%;
	font-size: 2rem;
	font-weight: bold;
}
/* アロマエステ */
.aromaSet h4{
	margin:0 !important;
}
.aromaSet .tRed th{text-align: left;}
.aromaTitle{
	background-image: url(images/aromaTitleBack.jpg);
}
.aromaTitle h3{
	background-image: url(images/titleFlower1.png);
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	color: #fff;
	margin:2rem 0 1rem;
	padding: 0.8rem;
}
.aromaMenuAttention{
	margin-top:5%;
	border:1px solid #cccccc;
	padding:1rem;
}
.aromaInform dt{
	margin-top:2rem;
}
.aromaInform dt:first-child{
	margin-top:0 !important;
}
.aromaInform dt::before{
	content:"◆";
	color:#8e231b;
}
.aromaInform dd{
	padding-left:2.5rem;
	margin-bottom:0.5rem;
	position: relative;
}
.aromaInform dd::before{
	content:"☆";
	color:#8e231b;
	position: absolute;
	left:1rem;
	top:0;
}
/* 観光情報 */
.kankoBanner{
	margin-top:2%;
}
.kankoBanner img{
	width: 100%;
	height: auto;
}
.kankoSheet{
	margin-top:2%;
}
.kankoSheet h3{
	position: relative;
	padding-bottom: 8px;
	padding-left: 8px;
}
.kankoSheet h3::after{
	content: "";
	width:100%;
	height:3px;
	background-color: #0c0c0c;
	position: absolute;
	bottom: 0;
	left: 0;
}
.kankoSheet div:first-child{
	
}
.kankoSheet img{
	margin-bottom: 0.8rem;
}
.kankoSheet span{
	text-align: right;
}
.kankoFrame{
	border:1px solid #eeeeee;
	padding:0.8rem;
}
/* アクセス */
.mapSheetBlue{
	background-color: #e4f0f6;
}
.blueframe{
	width:90%;
	margin:2% 5% 0;
	border:1px solid #00a0e9;
	padding:1rem;
}
.mapSheetGreen{
	background-color: #eaf6e4;
}
.greenframe{
	width:90%;
	margin:0 5%;
	border:1px solid #23ac38;
	padding:1rem;
}
.mapSheetGreen,.mapSheetBlue{
	padding: 2rem;
	border:3px double #eeeeee;
}
.bluedt{
	width:90%;
	margin-left:5%;
}
.bluedt dt{
	margin-top:1rem;
	padding-left:1rem;
	padding-bottom:0.3rem;
	border-bottom:1px solid #00a0e9;
}
.bluedt dd{
	padding-top:0.5rem;
	padding-left: 2.5rem;
}
#maps{width: 100%;height:34rem;}
/* アメニティグッズ */
.amThumb img{
	width:100%;
	height: auto;
}
.amenityGoods{

}
.amenityGoods p{
	padding: 0;
	margin: 0.5rem 0;
	line-height: 1.4rem;
}
.amenityGoods p::before{
	content:"・";
	color:#8e231b;
}
.amenityImage img{
	margin-bottom:0.8rem;
}
/*  詳細情報*/
.detailInfo li{
	list-style: none;
	padding-top:0.8rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px dotted #cccccc;
}
.detailInfo li:last-child{
	border:0px;
}
.detailInfo dd{padding-left:1.5rem;}
.detailList{
	margin: 0;
	padding:0;
}
.detailList li{
	border:0px;
}
.accessdl dt{
	line-height:3rem;
	border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
	padding-left:1rem;
	background-color:#8e231b;
	color:#fff;
}
.accessdl dd{
	padding-top:0.6rem;
	padding-left: 2.5rem;
	margin-bottom:1.5rem;
}
.accessblock{
	border: 1px solid #d8d8d8;
	margin-left:1rem;
	margin-right: 1rem;
}
.accessblock dt{
	color:#000;
	background-color: transparent;
}
.accessblock dd{
	padding-top:0;
	padding:0 1rem !important;
}
.tdcenter td{text-align: center}
.normalList li{
	border:none !important;
	list-style: disc;
}
.overWtd td{
	padding:0.3rem !important;
}
/* 投稿動画 */
#videoField video{
	width: 100%;
	height: auto;
}
/* swiper 設定*/
.swiper-pagination-bullet-active{
	background-color: #ffffff !important;
}
.cp img{
cursor:pointer;
}

/* よくあるお問い合わせ */
.qalist{
	margin-top:2%;
	border: 1px solid #3F672A;
}
.qalist dt{
	background-color: #86c166;
	color:#fff;
	padding:0.5rem;
	cursor: pointer;
	background-image: url(images/roomNameBack.png);
	border-bottom:1px solid #3F672A;
	font-size:1.2rem;
}
.qalist dt::before{
	font-family: 'Cabin', sans-serif;
	content: "Q: ";
}
.qalist dt::after{
	content:"▼";
	position:absolute;
	right:2rem;
}
.qalist dt:last-child{
	border: 1px;
}
.qalist dd{
	padding-top:0.5rem;
	padding-right:0.5rem;
	padding-bottom:0.5rem;
	padding-left: 2rem;
	display: none;
	background-color: #fff;
	border-bottom:1px solid #3F672A;
}
.qalist dd:last-child{
	border-bottom:0px;
}
.qalist dd::before{
	font-family: 'Cabin', sans-serif;
	content: "A: ";
}

/* 予約検索・変更 */
.reserveInfo li{
	list-style: none;
	padding-top:0.8rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px dotted #cccccc;
}

/* お問い合わせフォーム */
.formfield textarea{
	width: 100%;
}
.formAnnounce{
	padding:1rem;
	text-align: center;
}
.formInqInput{
	width:100%;
	height:10rem;
	background-image: url(images/formInqInput.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.formInqConf{
	width:100%;
	height:10rem;
	background-image: url(images/formInqConf.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.formInqFinish{
	width:100%;
	height:10rem;
	background-image: url(images/formInqFinish.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.formdl{
	border:1px solid #8e231b;
}
.formdl dt{
	padding:0.5rem;
	background-color: #8e231b;
	color:#fff;
}
.formdl dd{
	padding: 1rem;
	background-color: #fff;
}
.formtel{
	margin-top:1.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
	line-height: 3rem;
	width:80%;
	margin-left: 10%;
	border:1px solid #c0c0c0;
	background-color: #fff;
	padding:1rem;
}
.formtel span{
	display:inline-block;
	color:#8e231b;
	font-size: 2.5rem;
}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .formbtn2{
	position: relative;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
.mw_wp_form_input .formbtn2:active{
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.formbtn{
	width:100%;
	margin-bottom:1rem;
	line-height:6rem;
	height:6rem;
}
.mw_wp_form_confirm .formbtn{
/*送信ボタン用*/
}
 
#submitback input{
/*戻るボタン用*/
}
/* ご予約お問い合わせ */
.formReserveAnnounce{
	padding:1rem;
}
.formReserveAnnounce dl{
	margin-top:2%;
	margin-left:2%;
	margin-right: 2%;
}
.formReserveAnnounce dt{
	padding-top:1.5rem;
	padding-bottom:0.3rem;
	color:#8e231b;
	font-weight: bold;
	border-bottom:1px solid #8e231b;
}
.formReserveAnnounce dd{
	padding-top:0.3rem;
	padding-left:2rem;
}
.reserveflow{
	text-align: center;
	background-color:#8e231b;
	color:#fff;
	padding:1rem 0.8rem;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.reservearrow{
	text-align: center;
	color:#8e231b;
	padding:1rem 0.8rem;
}
.inp{width:100% !important;}
/* フォトギャラリー */
#photogalleryBox{
	margin: 0;
	padding: 0;
	list-style: none;
}
#photogalleryBox li{
	margin: 0;
	padding: 1px;
	list-style: none;
	background-color:#000;
}
/**/
.iziModal-header h2{
	padding:0 !important;
	margin:0 !important;
	color :#fff !important;
}
.iziModal-header h2::after{
	content:none;
	
}

/* スマホ用ハンバーガーメニューボタン */
#hbg{
	position:fixed;
	right:1vw;
	top:1vw;
	color:#6D1A1B;
	z-index: 999;
}
#menu-trigger-frame{
}
.menu-trigger-text{
	color:#6D1A1B !important;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none !important;
	font-size:4vw;
	line-height: 8vw;
	position:fixed;
	top:1vw;
	right:11.5vw;
	text-align: right;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
	/*
  width: 3.5rem;
  height: 3.2rem;
	*/
	width:10vw;
	height:8vw;
}
.menu-trigger span {
  position: absolute;
  left: 10%;
  width: 80%;
  height: 4px;
  background-color: #6D1A1B;
  border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
  top: 1vw;
}
.menu-trigger span:nth-of-type(2) {
  top: 3.7vw;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 1vw;
}
.menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(2.5vw) rotate(-45deg);
  transform: translateY(2.5vw) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}
/* ハンバーガーメニューここまで */
/*スマホ用グローバルメニュー*/
#gmList{
	z-index: 900;
	overflow: auto;
	transition: all .4s;
	position:fixed;
	top:-1%;
	bottom:200%;
	background-color: rgba(255,255,255,0.9);
	margin:0;
	padding: 0 !important;
}
.smhMenu{
	top:0 !important;
	bottom:0 !important;
	transition: all .4s;
}
#gmList ul{
	margin:0;
	padding:0;
}
#gmList #gmlul a{
	text-decoration: none;
}
#gmList #gmlul li{
	list-style: none;
	text-align: center;
	padding: 1rem 1.5rem;
	border-bottom:1px dotted #666666;
	font-size:1.4rem;
	font-weight: bold;
	line-height:2rem;
	color:#6D1A1B;
	margin-left:0 !important;
}
#gmList #gmlul a:first-child li{
	padding-top:0;
	padding-bottom:0;
	background-color: rgba(0,0,0,0.75) !important;
}
#gmList #gmlul a:last-child li{
	border-bottom: none;
}
#gmList p{
	font-weight: bold;
	font-size:1.25rem;
	line-geight:1.25rem;
	color:#404040;
}
#gmList ul:first-child{
	border-top: 1px dotted #999999;
}
/*言語切り替え*/
.lngField{
	padding-top:5px;
	background-color:#3b2023;
	color:#fff;
}
.lngFieldSm{
	padding-top: 3vw;
	line-height: 8vw;
	font-size:3vw;
}
.lngField #headername{
	font-size: small;
	line-height: 1.8rem;
}
.lngField select{
	border:none;background-color: transparent;overflow : hidden;outline : none;
}
.lngFieldSm select{
	border:none;background-color: transparent;overflow : hidden;outline : none;
}
.smLngField{
	color:#fff;margin-left: 1vw; padding:1vw;display: inline;border-radius: 1.5vw;background-color:#3b2023;
}
.lngBtn,.lngBtnNow{
	display: inline-block;
	padding:2px 8px;
	margin: 0 2px !important;
	line-height: 1.6rem;
}
#lngChoice{
	line-height: 2.2rem;
	text-align: right;
}
.lngBtn{
	cursor: pointer;
}
.lngBtnNow{
	border:1px solid #fff;
	border-radius: 3px;
	background-color: #fff;
	color:#3b2023;
}