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



html {
  overflow: auto;
  min-height: 100%;
  position: relative;

}
body {

  min-height: 100%;
  font-family: 'Noto Sans Japanese', sans-serif;
  color:#3d3d3d;
  line-height:0;

}
img {
    image-rendering: -webkit-optimize-contrast;
}



p{
	height:1.8;
	}
p,h2,h3{
transform: rotate(0.0001deg);
outline: 1px solid transparent;

}


a{
	color: #666666;
	text-decoration:underline;
    transition:all 0.2s ease-out;
		}
a:hover{
	color:#9b9561;
    transition:all 0.5s ease-out;
	}

a img{
transition:all 0.5s ease-in;
}
h1 a:hover img{
opacity: 1;
}
a:hover img{
opacity:0.8;
transition:all 0.5s ease-out;
}


#loader {
	text-align:center;
	width: 32px;
	height: 32px;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top:0;
	bottom:0;
  left: 0;
  right: 0;

  margin:auto;
	z-index: 800;
}
#loader img{
	width:100%;
	height:auto;
	}
#fade {
	width: 100%;
	min-height:100%;
	height:100%;
	background-color:#FFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 700;
}

#unSet #loader{
	z-index: 660;
	width: 45px;
	height: 45px;

	}
#unSet #fade{
	z-index: 650;
	}



#main-Container{
	width:100%;
	line-height:1;
	overflow:hidden;

	}


#contents-wrapper{
	position:relative;
	line-height:1;
	}

body.top{
width: 100%;
background-attachment: fixed;
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
}

#firstView{
position: relative;

}

.win21_copy{
position: absolute;
width:95%;
max-width:500px;
top:600px;
left:0;
right:0;
margin:auto;
}
.win21_copy img{
width:100%;
height: auto;
}
.icon_best{
position:absolute;
width:160px;
top:4px;
right:220px;
margin:auto;
z-index: 900;
}
.good-design{
	width:170px;
	position:absolute;
	top:125px;
	right:2%;
	z-index: 110;
}
.good-design img{
	border-radius:10px;
	width:100%;
	height: auto;
}
.icon_best img{
width: 100%;
height: auto;
border-radius:10px;
}
@media screen and (max-width: 980px) {
.win21_copy{
width:90%;
top:420px;
}
.icon_best{
position:fixed;
width:85px;
top:70px;
right:10px;
margin:auto;
}
.good-design{
width:85px;
top:145px;
right:10px;
}

}


#firstView .main_logo{
width:18%;
max-width:190px;
height: auto;
margin:0 auto;
padding-top:130px;
}

#firstView .bottomLine{
position: absolute;
width:1px;
height: 50px;
background: #FFF;
opacity: 0.5;
bottom:0;
left:0;
right:0;
margin:auto;
}

a.btn_fV{
position: fixed;
display: block;
width:40px;
padding:40px 20px;
text-align: center;
right:0;
top:320px;
margin:auto;
text-decoration: none;
color: #FFF;
background:url("../images/brown_80.png");
height: 225px;
z-index: 600;
}

a.btn_fV img{
width:80%;
height:auto;
}
.top_copy{
position: absolute;
display: block;
width:250px;
height:72px;
right:100px;
bottom:2%;
}
.top_open{
position: absolute;
display: block;
width:900px;
height:30px;
right:0;
left:0;
margin: auto;
bottom:10%;
}

a.btn_plan{
position: absolute;
display: block;
width:211px;
left:40px;
top:35%;
height: 173px;
}


a.btn_plan:hover img{
opacity: 0.8;
}


a.btn_fV:hover{
background:url("../images/brown_80.png") #b9b190;
}


.posi1_oride{
bottom:5% !important;

}
.posi2_oride{
top:150px !important;

}


/* ---- ヘッダー ----*/


#gloval_header{
	position:fixed;
	width:100%;
	background:#FFF;
    z-index:120;
    height:96px;
    transition:all 0.3s ease-out;

	}
#head-inner{
position:relative;
padding:15px 32px 0 32px;
    box-sizing: border-box;
}
#head-inner h1{
width:190px;
height:auto;
transition:all 0.3s ease-out;
}
#head-inner h1 img{
width:100%;
height:auto;
}


a.btn_taiken{
position: absolute;
top:0;
right:0;
display: block;
width:134px;
height:96px;
background: #6f6b57;
color: #FFF;
z-index:130;
text-align: center;
text-decoration: none;
line-height:96px;
transition:all 0.3s ease-out;
}


.active_header{
height:68px !important;
opacity:0.8;
}
.active_header #head-inner h1{
width:120px !important;

}
.active_header a.btn_taiken{
height:68px;
line-height:68px;
}




a.btn_taiken:hover{
background: #9f9669;
}


.drbtn {
  position:fixed;
  top:0;
  right:0;
  width:100px;
  height:96px;
  -webkit-transition:ease .5s;
  transition:ease .5s;
  cursor:pointer;
  align-items: flex-end;
  display: flex;
  justify-content: center;
  font-size: 10px;
  z-index: 700;
  background: #6f6b57;
}

.hambarg {
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: 4px;
  width: 35px;
  background: #FFF;
  -webkit-transition: ease .5s;
  transition: ease .5s;
}

.hambarg:nth-child(1) {
    top: 40%;
    left: 50%;
}
.hambarg:nth-child(2) {
    top: 50%;
    left: 50%;
}
.hambarg:nth-child(3) {
    top: 60%;
    left: 50%;
	}

.hambarg_gNav {
right:15px;
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: 4px;
  width: 35px;
  background: #FFF;
  -webkit-transition: ease .5s;
  transition: ease .5s;
}
.hambarg_gNav:nth-child(1) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
  }
.hambarg_gNav:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
  }




section{
	overflow: hidden;
}
nav{
	transition: .4s;
	transform: translatex(200%);
}
.action + #gloval_nav-cont{
  -webkit-transform:translateX(0);
  transform:translateX(0);
  overflow:hidden;
  -webkit-overflow-scrolling: touch;
}


#gloval_nav-cont{
	position:fixed;
	width:420px;
    top:0;
    z-index:880;
    right:0;
    line-height:1;
    background:url("../images/black_80.png");
      -webkit-transform: translateX(600px);
  transform: translateX(600px);
  -webkit-transition:ease .5s;
  transition:ease .5s;
	}


#gloval_nav{
	width:100%;
    position: relative;

	}



#gloval_nav ul{
	margin:25% auto 0 auto;
	font-size:22px;
    text-align:left;
    font-weight: 600;
    width: 250px;
	}

#gloval_nav ul li{
	line-height:1;
    border-bottom:1px solid #FFF;

    letter-spacing: 0.185em;
    box-sizing: border-box;
	}
#gloval_nav ul li a{
color: #FFF;
	display:block;
    text-decoration: none;
     padding:10px 5px;
	}
#gloval_nav ul li a:hover{
background:#696650;

	}

.grayOut{
color: #474747 !important;
border-bottom:1px solid #474747 !important;
padding:10px 5px;
}

body.foods #gloval_nav ul li.foods a,body.top #gloval_nav ul li.top a,body.concept #gloval_nav ul li.concept a,body.facilities #gloval_nav ul li.facilities a,body.room #gloval_nav ul li.room a,body.activity #gloval_nav ul li.activity a{
background: #464646;
}




#gloval_nav .gloval_data{
    text-align:left;
    width: 250px;
    color: #FFF;
    margin: 15% auto;
    padding-left: 8px;
	}
#gloval_nav .gloval_data h2{
	font-size:15px;
    font-weight: 500;
    letter-spacing: 0.2em;
    line-height: 1.5;
	}
  #gloval_nav .gloval_data h2 span{
  	font-size:11px;
display:block;;
  	}
 #gloval_nav .gloval_data p{
 margin: 7% 0;
 font-size:11px;
 line-height:2;
 font-weight: 200;
 letter-spacing: 0.2em;
	}
span.phone{

line-height:1.4;
}
#gloval_nav .gloval_data a{
text-decoration: none;
color: #FFF;}

.g_socialList{
margin-bottom:15%;
}
.g_socialList a{
display:inline-block;
margin:2px;
max-width: 27px;
width:100%;
}
.g_socialList a img{
width:100%;
height: auto;
}


ul.btn_sosial{
text-align: center;
position: absolute;
top:20px;
right:120px;
}
ul.btn_sosial li{
width:100%;
max-width:35px;
display: inline-block;
}
ul.btn_sosial li img{
   width: 100%;
   height: auto;
   }


/* ---- フッター ----*/

#footer{
	background:#FFF;
	font-size:12px;
	width:100%;
	height:96px;
	color:#4D4D4F !important;
	line-height:1.5;
    border-top:1px solid #b4b4b4;
	}
#footer-inner{
max-width: 1180px;
width: 100%;
margin:0 auto;
padding:24px 32px 0 32px;
box-sizing: border-box;

}




#footer-inner .footer-logo{
width:170px;
height: auto;
float: left;
margin-right: 25px;
}
.footerList{
margin-top: 25px;
margin-bottom: 15px;
float: left;
width:300px;
}
.footerList ul li{
display:inline-block;
padding:0 9px 0 7px;
}
.footerList ul li a{
text-decoration: none;
}

.r-border{
border-right:1px solid #929292;
}

.rightCont{
float:right;
text-align: right;
padding-top: 18px;

}

.copy{
font-size: 11px;

}

#footer-inner .footer-logo2{
margin-top:0;
margin-bottom:9px;
}

.footer-logo2 img{
width:170px !important;
height:auto;

}







/* ---- 検索窓 ----*/


	.shCont100{
		background:#f0f0e7;
		padding: 20px 0;
	}

	.shCont{
		max-width:750px;
		margin: 0 auto;
		background: #fafaf4;
		border:1px solid #deded4;
		padding:15px;
		box-sizing: border-box;
		text-align: center;
        position: relative;
		}
 ul.subInfo{
 position: absolute;
 top:16px;
 left:18px;
 }
 ul.subInfo li{
 display: inline-block;
 font-size: 12px;
 margin: 4px 8px;
 background-image:url("images/icon_sankaku.png");
 background-repeat: no-repeat;
 padding-left: 10px;
 }
 ul.subInfo li a{
 text-decoration: none;
 }
 .chWid{
 width:100px;
 display: inline-block;
 }

	fieldset{
		display: inline-block;
		margin:4px 8px;

	}
	legend{
		font-size:14px;
		line-height: 1.8;
		font-weight:300;
		text-align:left;
	}
	label{
		font-size:12px;
		line-height:2;
		text-align:left;
	}
	input,select{
		padding:6px;
	}
	select.slc_small{
		padding: 5px 10px;
	}

	.childList{
		border-bottom: 1px dashed #9C9C9C;
		margin-bottom: 10px;
		text-align:left;
	}
	input[type="submit"]  {
   background:#676553 !important;
   border:1px solid #c7c3a9 !important;
		cursor: pointer;
		padding: 15px 0 !important;
		letter-spacing: 0.3em !important;
        color:#FFF;
		 -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 1);
  width:500px !important;
  margin: 0 auto;
  font-size: 16px !important;
  font-weight: normal !important;
  transition-duration: 1s;
}
	input[type="submit"]:hover   {
   background:#a69a6d !important;
}
p.caution{
font-size:24px;
padding-bottom: 10px;
letter-spacing: 0.2em;
color: #00656d;
}

	.btn_sbm{
    display: block;
    width: 150px;
    float: right;
    margin-top: 50px;
	}
.s_copy{
	position: absolute;
	top:25px;
	right: 33px;
	display: inline-block;
	background: #000000;
	color: #FFFFFF;
	font-size: 13px;
	padding:8px;
	text-align: center;
	font-weight: 300;
}

@media screen and (max-width: 1023px) {
.checkin{
width:85% !important;
}
input[type="text"]{
		width:100% !important;
}
		.shCont{
			width: 92%;
            padding-top:75px;
	}
 ul.subInfo{
 top:12px;
 left:8px;
 }
 ul.subInfo li{
 font-size: 11px;
 margin: 4px 4px;
 }
.s_copy{
    display:block;
		width:90%;
	margin:auto;
	 top:40px;
	left:0;
	right:0;

}

	.btn_sbm{
    display:inline-block;
		width:90%;
        float:none;
    margin-top:0;
	}
	input[type="submit"]{
		width:100% !important;
		font-size:13px !important;
}
p.caution{
font-size:20px;
letter-spacing: inherit;
}
	}



  .searchCalWidget *{margin:0;padding:0;color:#333;text-decoration:none;box-sizing:border-box;}
  .searchCalWidget select{padding:.25em 1em;font-size:16px;outline:none;border:1px solid #999;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
  .searchCalWidget select::-ms-expand{display:none;}
  .searchCalElement>ul{list-style:none;margin:0 0 1em;display:flex;justify-content:space-between;}
  .searchCalElement>ul>li{width:48%;}
  .searchCalElement>ul>li li{list-style:none;margin:0 0 .5em;padding:0 .5em .5em;border-bottom:1px solid #ddd;}
  .searchCalElement>ul>li li dl{display:flex;align-items:center;flex-wrap:wrap;}
  .searchCalElement>ul>li li dl dt{font-size:14px;}
  .searchCalElement>ul>li li dl dt span{margin-left:.25em;font-size:11px;}
  .searchCalElement>ul>li li dl dd{margin-left:auto;}
  .searchCalButton{padding:0 0 2em;display:flex;align-items:center;justify-content:center;}
  .searchCalButton dt{margin-right:1em;font-size:14px;font-weight:700;}
  .searchCalButton dd input{padding:.4em 2em;font-size:14px;font-weight:700;color:#fff;background:#333;border:none;border-radius:4px;cursor:pointer;}
  .searchCalSelectBox{padding:0 0 .5em;display:flex;align-items:baseline;flex-wrap:wrap;}
  .searchCalSelectBox>div>ol>li button{width: 28px; height: 27px;}
  .searchCalNote{list-style:none;padding:0 0 1em;display:flex;}
  .searchCalNote li{margin-right:1.5em;font-size:13px;line-height:16px;display:flex;}
  .searchCalNote li svg{margin-right:5px;width:16px;height:16px;fill:#333;}
  .searchCalSelect{margin-left:auto;padding:0 0 1em;display:flex;align-items:stretch;}
  .searchCalSelect ol{list-style:none;display:flex;align-items:stretch;}
  .searchCalSelect ol li{margin-left:5px;}
  .searchCalSelect ol li button{padding:5px 5px 4px;height:100%;display:flex;align-items:center;justify-content:center;width:28px;border:1px solid #999;border-radius:3px;background:transparent;cursor:pointer;}
  .searchCalSelect ol li button:disabled{opacity: .5}
  .searchCalSelect ol li svg{width:16px;height:16px;fill:#666;pointer-events:none;}
  #searchCal>dl>dt{padding:0 0 .5em;font-size:16px;font-weight:700;}
  #searchCal>dl>dd ul{list-style:none;display:flex;}
  #searchCal>dl>dd ul li{padding:.25em;font-size:11px;text-align:center;background:#eee;flex:1;}
  #searchCal>dl>dd ul li:first-child{color:#ff4d4d;}
  #searchCal>dl>dd ul li:last-child{color:#006dd9;}
  #searchCal>dl>dd ol{list-style:none;display:flex;flex-wrap:wrap;border:solid #ddd;border-width:1px 0 0 1px;}
  #searchCal>dl>dd ol li{width:14.28571%;min-height:40px;position:relative;border:solid #ddd;border-width:0 1px 1px 0;}
  #searchCal>dl>dd ol li dl{padding-bottom:0.8em;}
  #searchCal>dl>dd ol li dt{padding-top:.25em;font-size:18px;font-weight:700;text-align:center;}
  #searchCal>dl>dd ol li:nth-child(7n) dt{color:#006dd9;}
  #searchCal>dl>dd ol li:nth-child(7n-6) dt{color:#ff4d4d;}
  #searchCal>dl>dd ol li.none dl{opacity:.25;cursor:not-allowed;}
  #searchCal>dl>dd ol li dl dd{padding:.25em 0 .5em;display:flex;justify-content:center;}
  #searchCal>dl>dd ol li dl dd svg{width:20px;height:20px;fill:#333;}
  #searchCal>dl>dd ol li dd p{display:none;font-size:10px;font-weight:700;text-align:center;text-indent:-.4em;width:100%;position:absolute;bottom:5px;left:0;}
  @media screen and (max-width:640px){
    .searchCalElement>ul>li li dl dt{font-size:12px;}
    .searchCalElement>ul>li li dl dt span{font-size:10px;}
    .searchCalButton{padding:0 0 2em;display:block}
    .searchCalButton dt{margin:0 0 .5em;text-align:center;}
    .searchCalButton dd{text-align:center;}
    #searchCal>dl>dd ol li dd p{transform:scaleX(.75);}
  }















/* ---- コンテンツ ----*/
.content_w100{
width:100%;
padding:90px 0;
}

.content_w50{
width:50%;
}

.content_w1080{
width: 100%;
max-width:1080px;
margin: 0 auto;
}
.content_w1250{
width: 100%;
max-width:1250px;
margin: 0 auto;
}
.content_w800{
width: 100%;
max-width:800px;
margin: 0 auto;

}
.content_w700{
width: 100%;
max-width:750px;
margin: 0 auto;

}

.content_w100 h2{
font-size:85%;
font-weight: normal;
text-align: center;
margin-bottom:5px;
letter-spacing:0.1em;
line-height: 1.5;
padding:0 10px;
color: #94873f;
}

.content_w100 h3{
font-size:110%;
text-align: center;
margin-bottom:40px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.7;
padding:0 10px;
}

.content_w100 p{
font-weight:300;
font-size:85%;
margin:0 auto 20px auto;
line-height:2;
letter-spacing: 0.1em;
}



.info-cont{
margin:50px 0 20px 0;

}


p.headLine{
line-height: 1.6;
font-size:14px;
font-weight:500;
margin-bottom: 20px;
color: #A00002;
}
p.headLine span{
font-size:22px;
}

.newsCont{
margin:20% auto 0 auto;
}


.news{
box-sizing: border-box;
background: #f4f4f4;
height:280px;
width:100%;
padding:4%;
margin-top:10px;
}

.iPhone-wrap{
position: relative;
width:100%;
 padding-top:14.15%;
   overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.iPhone-wrap-headLine{
position: relative;
width:100%;
 padding-top:13%;
   overflow:none;
  -webkit-overflow-scrolling:touch;
}
.news iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display:block;
}



.news h2{
margin-bottom:2%;
}
.news h2 img{
width:50px;
height: auto;
}

.newsList{
width: 100%;
height:180px;
overflow-y:auto;
}

.newsList dl{
width: 100%;
text-align:left;
font-size:14px;
line-height:1.4;


}

.newsList dl dt{
display: block;
width:30%;
float: left;
margin-bottom:10px;
padding-bottom:5px;
}
.newsList dl dd{
display: block;
width:68%;
border-bottom:1px dashed #454545;
margin-bottom:10px;
padding-bottom:5px;
padding-left:30%;
}


.youtube-cont{
width: 100%;
max-width: 980px;
text-align: center;
margin:0 auto;

}
.iframe-wrap{
position: relative;
padding-bottom: 56.25%;
width:100%;
height: 0px;
}
.iframe-wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

h2.parish{
letter-spacing: 0.02em;
margin-bottom:70px;
color:#3d3d3d;
line-height:2;
}


.bnr_close{
background: #050505;
padding: 10px 0;
text-align: center;
border-top-left-radius:10px;
border-top-right-radius:10px;
color: #FFFFFF;
cursor: pointer;
	letter-spacing: 0.3em
}
ul.sp-bannerList{
font-size: 0;
}
ul.sp-bannerList li{
display: inline-block;
margin: 0;
}
ul.sp-bannerList li img{
width:100%;
height: auto;
}
ul.sp-bannerList li:first-child{
width:70.5%;
}
ul.sp-bannerList li:last-child{
width:29.5%;
}



.btnWinter{
	width:165px;
	position:absolute;
	top:125px;
	left:2%;
  border-radius: 10px;
	z-index: 100;
  overflow: hidden;
}
.btnWinter2{
	width:165px;
	position:absolute;
	top:375px;
	left:2%;
  border-radius: 10px;
	z-index: 100;
  overflow: hidden;
}
.btnSummer1{
	width:175px;
	position:absolute;
	top:375px;
	right:6%;
  border-radius: 10px;
	z-index: 100;
  overflow: hidden;
}

.btnWinter img,.btnWinter2 img{
	width:100%;
	height: auto;
}


/*=====左右浮遊レイアウト=====*/
.what_container{
position:relative;
height: auto;
}
.what_Img{
position:absolute;
width: 60%;
height:100%;
max-width: 1250px;
left:0;
top:0;
z-index:60;
}
.what_Img img{
width:100%;
height: auto;
}
.ratio-1_1:before {
    content: "";
    display: block;
    padding-top:40%; /* 1:1 */
}
.what_txtBox{
position:absolute;
width: 50%;
height:auto;
max-width: 1250px;
right:0;
top:14%;
z-index:50;
background: #f0f0e7;
text-align: left;

}
.what_inner{
padding:9% 0 10% 27%;
}
/*=====/左右浮遊レイアウト=====*/


h4.offer{
font-size:120%;
margin-bottom:30px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.1;
}

h4.pico{
font-size:130%;
text-align: center;
color: #FFF;
padding:3% 0 20% 0;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.2em;
}
h4.halo{
font-size:130%;
text-align: center;

padding:6% 0 3% 0;
font-weight: 500;
line-height: 1.8;
}

h4.resort{
text-align: left;
font-size:110%;
margin-bottom:30px;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 2.1;
}


a.btn_CT{
display: block;
width:250px;
background: #696650;
padding:20px;
text-align: center;
margin:50px auto 0 auto;
text-decoration: none;
color: #FFF;
border:2px solid #FFF;
}
a.btn_CT:hover{
background: #FFF;
color:#696650;
border:2px solid #696650;
}

.mg20at{
margin:20px auto 0 auto !important;

}


a.btn_WT{
display: block;
width:300px;
border:1px solid #6C6C6C;
padding:20px;
text-align: center;
text-decoration: none;
color:#1A1A1A;
font-weight: 500;
letter-spacing: 0.2em;
}
a.btn_WT:hover{
border:1px solid #696650;
background: #696650;
color: #FFF;
}



a.btn_WW{
display: block;
width:300px;
padding:20px;
text-align: center;
margin:50px auto 0 auto;
text-decoration: none;
color: #FFF;
border:1px solid #FFF;
letter-spacing: 0.2em;
	background: #8f8477;
}
a.btn_WW:hover{
background: #696650;
color:#FFF;
border:1px solid #FFF;
}

a.btn_goku{
display: block;
width:100%;
padding:20px 0;
text-align: center;
text-decoration: none;
color: #FFF !important;
background: #859eac;
letter-spacing: 0.2em;
border:1px solid #7490a2;
box-sizing:border-box;
}
a.btn_goku:hover{
background: #FFF;
color:#696650;
border:1px solid #696650;
}
a.btn_orenge{
display: block;
width:100%;
padding:20px 0;
text-align: center;
text-decoration: none;
color: #FFF;
background: #e49e61;
letter-spacing: 0.2em;
border:1px solid #f39800;
box-sizing:border-box;
}
a.btn_orenge:hover{
background: #FFF;
color:#f39800;
border:1px solid #f39800;
}


.who-ImgBox{
width:100%;
background:url("../images/top_photo6.jpg?01") no-repeat;
padding-bottom:5%;
background-size:cover ;
background-position: center;
}
.access-ImgBox{
width:100%;
background:url("../images/top_photo5.jpg") no-repeat;
padding-bottom:10%;
background-size:cover ;
background-position: center;
}

ul.list-topPhoto {
text-align: center;
}
ul.list-topPhoto li{
display: inline-block;
margin:0 3px;
}
ul.list-topPhoto li span{
display: block;
background: #efefe7;
padding: 5% 0;
font-size: 15px;
margin-bottom: 2%;
letter-spacing: 0.05em;
}

ul.list-topPhoto li img{
width:100%;
height: auto;
}
ul.list-topPhoto li p{
text-align: left;
font-size: 100%;
line-height: 1.7;
padding: 2px 0 10px 0;
}

.pc4_sp1row li,.pc4_sp2row li{
width:24%;
}


.resortBox{
margin-top:8%;
background: #f0f0e8;
padding:50px 0 50px 50px;
box-sizing:border-box;
width:50%;
}
.resortImg{
width:50%;
height: auto;

}
.resortImg img{
width:100%;
height: auto;
}
.float_rXX{
float: right;
}
.float_lXX{
float: left;
}
.accessImg{
max-width:800px;
width:100%;
height: auto;
margin: 0 auto;
}

.fL-cont{
text-align: center;
margin-top:35px;
}
.box-fL{
display: inline-block;
color: #FFFFFF;
font-size:14px;
text-align: left;
vertical-align: top;
margin:0 2%;
letter-spacing: 0.08em;
}
.box-fL:nth-child(2){
margin-top:26px;
}



.box-fL h5{
font-size:18px !important;
font-weight: 600;
margin-bottom: 12px;
}
.box-fL a{
color: #FFFFFF;
text-decoration: none;
}
.box-fL a:hover{
color:#D9C684;
}
.box-fL ul li{
line-height: 1.4;
margin-bottom: 5px;
}
.box-fL p{
font-size:11px;
line-height: 1.7;
margin-top:8px;
}




/*============================
下層ページ 共通
============================*/

.view100-under{
position: relative;
    width:100%;
    height: 600px;
    background-size:cover;
  background-position:center center;
  background-repeat: no-repeat;
}

.page-read{
position: absolute;
width:550px;
top: 50%;
left:0;
right:0;
margin: auto;
color: #FFFFFF;
text-align: center;
}
.read1,.read2{
display:block;
line-height: 1.5;
}
.read1{
font-size:85%;
font-weight: normal;
letter-spacing:0.2em;
padding-bottom:2%;
}
.read2{
font-size:110%;
font-weight: 500;
letter-spacing: 0.1em;
}

h4.T4{
font-size:130%;
line-height:2;
letter-spacing: 0.1em;
font-weight: 400;
}


.foot_reservation{
margin:40px 0;
}


/*============================
アクティビティ
============================*/







.act_title{
width:100%;
background-image: url("../activity/images/girls_LINE.png");
background-repeat:no-repeat;
background-position: center;

}
.family-line{
background-image: url("../activity/images/family_LINE.png");
}

.act_title h2{
text-align: center;
margin: 0 auto 30px auto;
box-sizing: border-box;
}
.act_title h2 img{
width:auto;
height:230px;
}
.act_access{
text-align: center;
width:100%;
margin:20px auto 5px auto;
overflow:auto;
padding:8px 5px;
}
.act_access img{
height:40px;
margin: 0 auto;
}
.act_midashi{
background:#FFF;
padding:20px;
text-align: left;
width:100%;
max-width: 800px;
margin:40px auto;
border:1px solid #cecece;
box-sizing: border-box;
 border-radius: 10px;
}
.act_midashi img{
width:100%;
max-width:390px;
height: auto;
border-radius: 10px;
}

.act_midashi h3{
font-size:18px;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.1em;
color: #d79845;
text-align: left;
}
.act_midashi h3 span{
color: #000;
font-size:15px;
font-weight:normal;
}
.midashi-Info{

}
.midashi-Info p{
font-weight: normal;
line-height: 1.7;
font-size: 13px;
}
.swiper-wrapper{

}
.wgt-cont{
position: relative;
display: inline-block;
padding:0;
background: #FFF;
margin:10px;
vertical-align: top;
border:1px solid #cecece;
box-sizing: border-box;
 border-radius: 10px;
}
.wgt-cont img{
width:100%;
height: auto;
 border-radius: 10px 10px 0 0;
}
.apS_size{
width:90px;
font-size: 11px;
font-weight: normal;
line-height: 1.3 !important;
}
.accessPop{
position:absolute;
text-align: center;
bottom:0;
right:0;
line-height:1.7;
padding:8px;
background: #385723;
color: #FFF;
box-sizing: border-box;
}

.apS_size span{
font-size: 13px !important;
}
.accessPop span{
font-size: 18px;
}
.size1{
width:26%;
}
.size2{
width:39%;
}

.size3{
width:22%;
}
.size4{
width:34%;
}

.mgnt-01{
margin-top: 6%;
}
.wgt-info{
padding:5px 15px;
}
.wgt-cont h4{
margin: 10px 0 18px 0;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
padding-left: 29px;
min-height: 26px;
}
.bg_icon1{
background: url("../activity/images/icon1.png") no-repeat;
background-size: 24px;
}
.bg_icon2{
background: url("../activity/images/icon2.png") no-repeat;
background-size: 24px;
}
.wgt-cont p{
font-weight: normal;
line-height: 1.5;
font-size: 12px;
}
h3.act_h3{
font-size:17px;
font-weight: 500;
text-align: center;
line-height: 1.5;
margin: 40px 0 20px 0;
letter-spacing: 0.1em;
}
h4.act_h4{
font-size:14px;
font-weight: normal;
text-align: center;
margin: 15px 0 ;
line-height: 1.5;
}
.float_left3 {
	float:left;
	margin-right:20px;
}
ul.girlsList {
text-align: center;
font-size: 0;
}
ul.girlsList li{
display: inline-block;
margin: 10px;
width:100%;
max-width: 210px;
}
ul.girlsList li img{
width:100%;
height: auto;
}

.tA-R{
float: right;

}
.act_head{
text-align: center;
margin: 40px 0 60px 0;
position: relative;
}
.act_head h3{
color: #cd8f3d;
font-size: 20px;
}
.familyColor{
color:#56a4a4 !important;
}

.item,.sns-item{
position: absolute;
z-index: 150;
}

.posi-1{
width:400px;
right:65%;
top:5%;
}
.posi-2{
width:400px;
left:65%;
top:5%;
}

.sns-posi-1{
width:380px;
left:0%;
top:-25%;
}
.sns-posi-2{
width:380px;
right:-30%;
bottom:-255px;
}
.sns-posi-3{
width:180px;
right:-35%;
bottom:140px;
}

.item img,.sns-item img{
width:100%;
height: auto;
}
#ichiran{
margin: 120px 0 60px 0;
}
#ichiran h2{
width:100%;
max-width:90px;
margin: 0 auto;
}
#ichiran h3{
width:100%;
margin:80px auto 50px auto;
}
#ichiran h2 img{
width:100%;
height: auto;
}
#ichiran h3 img{
height:25px;
}
#ichiran .wgt-info{
text-align: left;
}
#ichiran h4{
padding-left: 0;
font-size: 17px;
}
#ichiran .wgt-cont{
min-height: 530px;
}








@media screen and (max-width:1480px) {
.item{
display: inline-block;
position:inherit;
text-align: center;
left:0;
right:0;
top:0;
width:30%;
}

}

@media screen and (max-width: 767px) {

.who-ImgBox{
height: 200px;
background-size:140%;
}
.act_access{
margin:5px auto 5px auto;
}
.act_access img{
height:inherit;
width:250px;

}
.apS_size{

font-size: 12px;
}



/******************* スワイパー ****************************/

/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
	width: 35px !important; /* ボタンの幅 */
	height: 35px !important; /* ボタンの高さ */
	background-size: 35px 35px !important; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
	margin-top: -24px !important; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}
/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image:url("../activity/images/swiper_allow.png") !important;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image:url("../activity/images/swiper_allow.png") !important;
	transform: scale(-1, 1); /* 左右反転 */
}



#ichiran .wgt-cont{
min-height:inherit;
}
.item{
width:48%;
}
.sns-item{
display: none;
}
.act_title h2{
margin: 0 auto;
}


.act_title h2 img{
width:100%;
height:inherit;
}
.wgt-cont{
margin:0;
}
.float_left3 {
	float:none;
}
.act_midashi{
padding:10px;
margin:30px auto 10px auto !important;
}
.act_midashi img{
max-width:100%;
}
.act_midashi h3{
margin-top: 12px;
}
ul.girlsList li{
max-width: 160px;
}
.accessPop{
width:200px !important;}
}
/*============================
コンセプト
============================*/

.conceptBG{
background: #f1f0e7;
}
.view100-concept{
width:100%;
position: relative;
}
.c-floatBox1{
position: absolute;
right:12%;
top:35%;
}
.c-floatBox2{
position: absolute;
right:21%;
top:19%;
width:380px;
}
.c-floatBox3{
position: absolute;
left:16%;
top:21%;
width:480px;
}
.c-floatBox4{
position: absolute;
right:21%;
top:16%;
width:370px;
}

.c-tate{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
 -webkit-text-orientation: upright;
  text-orientation: upright;

}
span.text-combine{
  -ms-text-combine-horizontal: all;
  text-align: center;
}

.c-floatBox1{
width:300px;
height:550px;
}
.c-floatBox1 h4{
float:right;
width:20%;
}
.c-floatBox1 p{
float:right;
width:80%;
padding-top:5%;
}

.c-floatBox1 h4,.c-floatBox2 h4,.c-floatBox3 h4,.c-floatBox4 h4{
letter-spacing: 0.3em;
}

@media screen and (max-width: 1220px) {
.c-floatBox1{
right:8%;
height:450px;
}
.c-floatBox2{
right:18%;
top:15%;
width:300px;
}
.c-floatBox3{
top:15%;
left:15%;
width:380px;
}
.c-floatBox4{
right:18%;
top:14%;
width:320px;
}



}

@media screen and (max-width: 980px) {
.view100-concept{
padding-top:100px;
}

.info-cont{
margin:0 !important;
}

.c-floatBox1{
height: auto;
position:relative;
width: 100%;
right:0;
}
.c-floatBox2{
height: auto;
position:relative;
width:95%;
right:0;
margin: 0 auto;
padding-top: 15px;
}
.c-floatBox3{
height: auto;
position:relative;
width:95%;
left:0;
margin: 0 auto;
padding-top: 15px;
}
.c-floatBox4{
height: auto;
position:relative;
width:95%;
right:0;
margin: 0 auto;
padding-top: 15px;
}

.c-tate{
 writing-mode:inherit !important;
 text-orientation:inherit !important;

}
.c-floatBox1 h4{
float:none;
width:95% !important;
margin:3% auto;
}
.c-floatBox1 p{
float:none;
width:95% !important;
padding-top:0;
margin: 0 auto 5% auto;
}




}



/*============================
客室紹介
============================*/

.room-cont{
margin-top: 120px;
}

.roomImg{
width:55%;
height: auto;

}
.roomImg img{
width:100%;
height: auto;
}
.roomBox{
padding:0 0 0 50px;
box-sizing:border-box;
width:45%;
}
span.subT{
font-size: 80%;
line-height: 1.4;
background: #efefe7;
padding: 10px;
box-sizing: border-box;
display:inline-block;
}
ul.list-roomData{
margin:15% 0;
line-height: 1.8;
font-size: 14px;
}
ul.list-roomData li{
display:inline-block;
vertical-align: middle;
max-width: 400px;
width: 100%;
}
ul.list-roomData li img{
width:100%;
height: auto;
}

ul.list-roomPhoto{
text-align: center;
margin: 3% 0;
font-size: 0;
}
ul.list-roomPhoto li{
display: inline-block;
width:23%;
padding: 0 1%;
}
ul.list-roomPhoto li img{
width:100%;
height: auto;
}
p.room_p{
margin-bottom: 10%;
}
.BG_room{
background-image:url("../guest-room/images/main_photo_room.jpg?01");
background-position: top center !important;

}
.BG_act{
background-image:url("../activity/images/main_photo_act.jpg");
background-position: top center !important;

}
.BG_oneDay{
background-image:url("../guest-room/images/bg_oneday.jpg");
}


/*============================
FACILITY
============================*/
.BG_facility{
background-image:url("../facilities/images/main_photo_facility.jpg");
}

ul.list-facility{
text-align: center;
}
ul.list-facility li{
display: inline-block;
width:46%;
margin:1%;
vertical-align: top;
}
ul.list-facility li img{
width:100%;
height: auto;
}
.title_setsubi{
text-align: left;
line-height: 1.6;
	width:94%;
	margin:1% auto;
	border-bottom: 1px solid #8F8F8F;
}
.f-data{
text-align: left;
margin:0 0 3% 0;
line-height: 1.6;
}
.f-data span{
display:inline-block;
font-size:14px;
margin-right: 5px;
}
.f-data span.f-icon{
font-size:12px !important;
padding:5px 8px;
background: #6f6c57;
color: #FFF;
}
.f-data p{
margin-top: 2%;
line-height: 1.6;
font-size:12px;
text-align: left;
}
.f-data p span{
display: block;
padding-left:1em;
text-indent:-1em;
font-size:12px;
margin-bottom: 1%
}
.f-wrap{
border-top:1px solid #A8A8A8;
padding:4% 3% 1% 3%;
}

.omoi-cont{
text-align: center;
}
.omoi-fL{
vertical-align: top;
display: inline-block;
}
.omoi-fR{
vertical-align: top;
display: inline-block;
max-width:560px;
margin: 0 0 0 45px;
}

/*============================
FOOD-DRINK
============================*/


.BG_food{
background-image:url("../foods/images/main_photo_food.jpg?12");
}
ul.list-food{
text-align: center;
font-size: 0;
}
ul.list-food li{
display: inline-block;
width:31%;
margin:1%;
}
ul.list-food li img{
width:100%;
height: auto;
}
.leftImg{
float: left;
margin-right: 10px;
width: 100%;
max-width:55%;
}
.leftImg img{
width:100%;
height: auto;
}
.rightInfo{
float: right;
text-align: left;
padding:0 10px;
width:40%;
}
.rightInfo h2{
color: #252525;
font-size: 18px;
font-weight: 600;
text-align:center;
padding: 0;
margin-bottom: 15px;

}

ul.food-btnList{
text-align: center;
margin:3% 0;
}


ul.food-btnList li:first-child{
background: #99a78f;
}
ul.food-btnList li{
display: inline-block;
line-height: 1.5;
background: #99a78f;

margin: 0 4px;
width:45%;
}


ul.food-btnList li a{
display: block;
padding: 20px;
font-size: 18px;
text-decoration: none;
color: #FFF;
}
.rightInfo p{
line-height: 1.8;
padding-bottom: 18px;
}
dl.w-food,dl.w-drink{
font-size:14px;
width: 100%;
line-height: 1.3;
}
dl.w-food dt{
display: block;
width:30%;
float: left;
margin-bottom:10px;
padding-bottom:5px;
}
dl.w-food dd{
display: block;
width:68%;
border-bottom:1px dashed #454545;
margin-bottom:10px;
padding-bottom:5px;
padding-left:30%;

}
dl.w-drink{
	margin-top: 40px
}
dl.w-drink dt{
display: block;
width:80%;
float: left;
margin-bottom:10px;
padding-bottom:10px;
line-height:1.5;
}
dl.w-drink dd{
display: block;
width:28%;
border-bottom:1px dashed #A4A4A4;;
margin-bottom:10px;
padding-bottom:10px;
padding-left:71%;
line-height:1.5;
text-align: right;
}
dl.w-drink h6{
	font-weight: 500;
	font-size: 16px;
	margin-bottom:12px;
	border-bottom:1px solid #222222;
	padding-bottom: 8px;
}

dl.w-nonPh_food dt{
	text-align: left;
display: block;
width:70%;
float: left;
margin-bottom:10px;
padding-bottom:10px;
line-height:1.5;
}
dl.w-nonPh_food dd{
display: block;
width:40%;
border-bottom:1px dashed #454545;
margin-bottom:10px;
padding-bottom:10px;
padding-left:55%;
line-height:1.5;
text-align: right;
}

ul.w-foodList{
text-align: center;
padding-top: 15px;
}
ul.w-foodList li{
display: inline-block;
width: 45%;
margin: 4px 8px;
vertical-align: top;
}
ul.w-foodList li img{
width: 100%;
height: auto;
}
ul.w-foodList li h4{
margin-bottom:2px !important;
padding-bottom:0;
}

ul.w-foodList p{
font-size:14px;
margin:6px 0 0 0;
line-height: 1.6;
text-align: left;
border-bottom: 1px dashed #3B3B3B;
}

ul.w-foodList img{
margin: 20px 0 10px 0;
}

h3.foodTitle{
font-size: 20px !important;
font-weight: 600;
margin-bottom: 5px;
}
.foodalert{
font-size: 12px;
text-align: center;
}

.drinkImg{
max-width:45%;
width: 100%;
float: right;
margin:0 0 5px 10px;
}

.drinkRight{
float: left;
width:50%;
padding-top:15px;
}
.drinkImg img{
width:100%;
height: auto;

}

/*============================
SLIDER
============================*/



#slider-contents {
position: relative;
	width: 100%;
	margin:0 auto 30px;
}

#slider-contents img{
width:100%;
height: auto;
}

.sliderTXT{
position: absolute;
text-align: center;
line-height: 50%;
width: 350px;
top:50%;
left:0;
right:0;
margin:auto;
color: #FFF;
font-size:140%;
z-index: 800;
}





#map {
margin: 45px 0;
 }




.layerWhite{
position:absolute;
background:#FFF;
width: 100%;
transform: translateX(0);
transition:all 3s 0s ease;
z-index: 500;
}
.layer2White{
position:absolute;
background:#FFF;
opacity: 0.5;
width: 100%;
transform: translateX(0);
transition:all 2.8s 0.2s ease;
z-index: 500;
}

.layer3White{
position:absolute;
background:#FFF;
width: 100%;
transform: translateX(0);
transition:all 3s 0s ease;
z-index: 500;
}
.layer4White{
position:absolute;
background:#FFF;
opacity: 0.5;
width: 100%;
transform: translateX(0);
transition:all 2.8s 0.2s ease;
z-index: 500;
}

.layerWhite.active,.layer2White.active{
transform: translateX(100%);
}
.layer3White.active,.layer4White.active{
transform: translateX(-100%);
}





.btn_top_scrl{
	position:fixed;
	width:30px;
	bottom:20px;
    z-index: 600;
	}
.btn_top_scrl img{
	width:100%;
	height:auto;
	}




.alertTXT{
	font-size:10px !important;
	line-height:1.5;
	}









.ds_pcOnly{
	display:block;
	}
.ds_pc{
	display:block;
	}
.ds_tab{
	display:none;
	}
.ds_sp{
	display:none;
	}



#footer-inner img,.main_logo img,.accessImg img{
width: 100%;
height: auto;
}

.firstView-mgn_b{
padding-bottom:18%;
}



@media screen and (max-width: 1420px) {

ul.list-roomData{
margin:5% 0;
}

.content_w50{
width:100%;
}
p.room_p{
margin-bottom:3%;
}

}



@media screen and (max-width: 1240px) {


/*------ bxSlider------*/
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{
	/*display: none;*/
	}
/*------ bxSlider------*/

#firstView .main_logo{

max-width:300px;
}

}



@media screen and (max-width: 1023px) {



.ds_pcOnly{
	display:none;
	}
.ds_pc{
	display:block;
	}
.ds_tab{
	display:block;
	}
.ds_sp{
	display:none;
	}

	}




@media screen and (max-width: 980px) {

.firstView-mgn_b{
padding-bottom:0;
}


.SP_hideBtn{
position: fixed;
  top:10px;
  right: 10px;
  width: 41px;
  height: 41px;
background:none;
z-index: 720;
display:none;
}

#firstView{
/*height: 650px;*/

}


body.top{
background-attachment:scroll !important;
background-position:center 0;
background-size:100% auto;
}

.content_w100{
padding:50px 0;
}

.content_w100 p{

width:95%;
}

#gloval_header{
    height:60px;
    }

#gloval_header #head-inner{
padding:12px 0;

}

#gloval_header #head-inner h1{
width:120px !important;

}
.active_header a.btn_taiken{
height:60px;
line-height:60px;
}




#head-inner{
padding:30px 0;
}


#head-inner h1{
margin: 0 auto;
width:45%;
}

ul.btn_sosial{
text-align: left;
width: 70px;
left:15px;
}
ul.btn_sosial li{

width: 27px;

}
.spd1{
padding:0;
}


.content_w100 h3{
margin-bottom:20px;
letter-spacing: 0.1em;

}

h2.parish{
width:90%;
margin: 0 auto;
}

.active_header{
opacity:0.95;
height: 60px !important;
}


.active_header #head-inner{
padding:12px 0;

}
.active_header #head-inner h1{
width:120px;

}



#firstView .main_logo{

width:60%;
max-width:260px;
position: absolute;
left:0;
right:0;
bottom:20px;
}

#gloval_nav ul{
margin-top: 15%;
}

#gloval_nav-cont.action {
transform: translatex(0);
}



#gloval_nav-cont{
  top:0;
  left:0;
  margin:0;
  width:280px;
  height: 100%;
  padding:0;
  -webkit-transform: translateX(-300px);
  transform: translateX(-300px);
  -webkit-transition:ease .5s;
  transition:ease .5s;
  z-index:800;
  position:fixed;
  border-right:1px solid #CDCDCD;
  box-sizing: border-box;
		}

 .box-fL{
 display: block;
text-align: center;
}
 .box-fR{
 display: block;
}

a.btn_plan:hover img{
opacity: 1 !important;
}


.SP_wid{
width: 90%;
margin: 0 auto;
}
.iPhone-wrap{
 padding-top:40.15%;
}
.iPhone-wrap-headLine{
 padding-top:45.15%;
}
.news{
padding-top:15px;
height:auto;
margin-top: 0;
}
p.headLine{
margin-top: 40px;
}

.newsCont{
position:relative;
bottom:0;
margin-top: 0 !important;
padding:0 !important
}
.news h2 {
text-align: center;
padding:6% 0 3% 0;
}
.news h2 img{
width:70px;
}


.news .newsList dl dt{
float:none;
margin-bottom:0;
padding-bottom:5px;
}
.news .newsList dl dd{
float:none;
width:90%;
padding-left:2%;
}

p.headLine span{
font-size:18px;
}

.posi1_oride{
bottom:0 !important;
}
.posi2_oride{
top:inherit !important;
position: relative !important;
}

a.btn_fV{
width:100%;
height:25px;
padding:20px 0;
top:inherit;
bottom:0;
left:0;
right:0;
}

a.btn_fV{
background:#A4996B;
}
a.btn_fV span{
display:block;
width: 100%;
position: relative;
}
a.btn_fV img{
position: absolute;
width:220px;
height:auto;
left:0;
right:0;
top:0;
margin: auto;
}

.top_copy{
width:160px;
height:50px;
right:0;
left:0;
top:75%;
margin: auto;
bottom:inherit;
}
.top_open{
width:70%;
height:30px;
top: 77%;
bottom:inherit;
}


.foot_reservation{
width: 100%;
margin: 0;
padding:1px 0;
}


ul.list-facility{
margin-top: 5px;
}

.view100-under{
    background-size:100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  height:inherit;
}
.BG_room{
height: 275px;
margin-top:50px;
background-image:url("../guest-room/images/sp_main_photo_room.jpg?01");
}
.BG_act{
height: 275px;
margin-top:50px;
background-image:url("../activity/images/sp_main_photo_act.jpg");
}

.BG_oneDay{
height: 285px;
background-image:url("../guest-room/images/sp_bg_oneday.jpg");
}
.BG_facility{
height: 275px;
margin-top:50px;
background-image:url("../facilities/images/sp_main_photo_facility.jpg");
}
.BG_food{
height: 275px;
margin-top:50px;
background-image:url("../foods/images/sp_main_photo_food.jpg?12");
}
.omoi-fL{
margin-top: 15px;
}
.omoi-fL img{
width:100%;
height: auto;
}


.omoi-fR{
width:100%;
margin: 40px auto 0 auto;
}

.page-read{
width:250px;
top: 35%;
}

.btnWinter{
	width:42%;
	height:auto;
	position:absolute;
	margin: 0 auto;
	left:2%;
	top:auto;
  right:auto;
  bottom:2%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.btnWinter2{
	width:47%;
	height:auto;
	position:absolute;
	margin: 0 auto;
	left:auto;
	top:auto;
  right:2%;
  bottom:2%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}


/*=====左右浮遊レイアウト=====*/
.what_Img{
position:relative;
width: 100%;
}
.ratio-1_1:before {
    padding-top:0; /* 1:1 */
}
.what_txtBox{
position:relative;
top:0;
width:100%;
background: #f0f0e7;
text-align:center;

}
.what_inner{
width:90%;
margin: 0 auto;
padding:9% 0 10% 0 !important;

}
/*=====/左右浮遊レイアウト=====*/

h4.halo{
font-size:110%;
}

h4.offer{
font-size:130%;
letter-spacing: 0.1em;
text-align: center;
}
h4.resort{
text-align:center;
font-size: 110%;
}
h4.pico{
font-size:80%;

}

a.btn_WT{
width:100%;
margin:40px auto 0 auto;
padding:20px 0;
}
a.btn_WW{
width:100%;
padding:20px 0;
margin:5px auto 0 auto;
}

ul.list-topPhoto li{

padding-bottom:0.5%;
}

ul.list-topPhoto li p{
font-size:90%;
}
.pc4_sp1row li{
width:92%;
}
.pc4_sp2row li{
width:46%;

}

.roomBox{
margin-top:0;
width:100%;
padding:10px;
}
.resortBox{
margin-top:0;
width:100%;
padding:10px;
}
.resortImg{
width:100%;
}
.roomImg{
width:100%;
}

span.subT{
width:100%;
text-align: center;
}
h4.T4{
font-size:120%;

}

ul.list-roomPhoto li{
width:46%;
padding:1%;
}

.room-cont{
margin-top:50px;
}

ul.list-food li{
width:48%;
}

ul.list-facility li{

width:45%;

}

.box-fL p{
font-size:12px;
}


.float_rXX{
float: none;
}
.float_lXX{
float: none;
}

.leftImg,.rightInfo{
float: none;
}
.leftImg{
margin-top: 40px;
max-width: 980px;
text-align: center;
}
.rightInfo{
width:98%;
padding: 0;
margin: 0 auto;
}
.rightInfo h2{
text-align: center;
margin-top: 20px;

}

dl.w-food dt,dl.w-drink dt,dl.w-nonPh_food dt{
float:none;
margin-bottom:0;
padding-bottom:5px;
width:90%;
}
dl.w-food dd,dl.w-drink dd,dl.w-nonPh_food dd{
float:none;
width:90%;
padding-left:2%;
	text-align: left;
}

.w-foodList h4{
margin: 30px 0 0 0;
}

ul.w-foodList li{
width: 90%;
}

dl.w-drink .minTitle{
	padding-top: 0 ;
}


ul.food-btnList li a{
padding: 12px;
font-size: 12px;

}

.drinkImg{
max-width:100%;
float: none;
margin: 0;

}

.drinkRight{
float: none;
width:95%;
margin: 0 auto;
}




#footer{
	height:100%;
    padding-bottom: 80px;
	}



#footer-inner .footer-logo{
width:60%;
max-width: 260px;
height: auto;
float:none;
margin-left:auto;
margin-right:auto;
text-align: center;

}
.footerList{
margin-top: 25px;
margin-bottom: 15px;
float:none;
width:100%;
text-align: center;

}
.rightCont{
float:none;
text-align:center;

}

.copy{
margin-bottom: 10px;
}


.sliderTXT{
font-size:110%;

}


.layerWhite,.layer2White,.layer3White,.layer4White{
width:0;
}















.drbtn {
  position: fixed;
  top:10px;
  right: 10px;
  width: 41px;
  height: 41px;
  -webkit-transition:ease .5s;
  transition:ease .5s;
  cursor:pointer;
  align-items: flex-end;
  display: flex;
  justify-content: center;
  font-size: 10px;
  z-index: 600;
  background: none;
}

.hambarg {
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: 4px;
  width: 25px;
  background: #787878;
  -webkit-transition: ease .5s;
  transition: ease .5s;

}
.hambarg:nth-child(1) {
    top: 30%;
    left: 50%;
}
.hambarg:nth-child(2) {
    top: 50%;
    left: 50%;
}
.hambarg:nth-child(3) {
    top: 70%;
    left: 50%;
	}




.drbtn.action .hambarg:nth-child(1) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
  }
.drbtn.action .hambarg:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
  }
.drbtn.action .hambarg:nth-child(3) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
  }






.alertTXT{
	font-size:10px;
	text-align:left;
	}




.ds_pcOnly{
	display:none !important;
	}
.ds_pc{
	display:none !important;
	}
.ds_accessImg{
	display:block !important;
	}
.ds_sp{
	display:block !important;
	}






}






.danmachi2None{
	display:none;
	}



/* ---------------------------- リフレクション -----------------------------------*/

.reflection-img{
    position    :relative;
    overflow    :hidden;
}



.reflection {
    height      :100%;
    width       :10px;
    position    :absolute;
    top         :0;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 3s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 3s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 3s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 3s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 3s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}






/* ---------------------------- animate.css -----------------------------------*/