@charset "utf-8";
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li:not(#onsen-wrapper #guidance .guide-con ul li,#spa-wrapper #guide .guide-con ul li,
#fm-con .bottom ul li) { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ font-size:100%; }
legend{ color:#000; }
body {
	text-align: center;
	color: #7E877C;
	cursor: auto;
	font: normal normal 80%/1.75em Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	overflow-x: hidden;
}
hr{display:none;}
figure{margin:0;}


/******************************************************************** universal
*/
.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}

.cB{clear:both;}

.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}

.lH0{line-height:0;}

.red{color:#C00;}
.gray{color:#666;}
.blue{color:#0D3B8C;}
.big{font-size:1.3em;}
.bold{font-weight:bold;}

.pc_none{display:none;}
.sp_none{display:block;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix {zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}


/******************************************************************** structure
*/
body{
	box-sizing: border-box;
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	line-height:1.8;
	color:#212121;
	overflow-x:hidden;
	font-family: 'Montserrat','Noto Sans JP', sans-serif;
}
a:link,
a:visited{color:#666D64;}
a:hover{color:#AEA69B;}

.wrapper { width: 100%; margin: 0 auto;}

a img{
	-webkit-transition: all .2s;
	transition: all .2s;
}
a img:hover{opacity:0.5;}

/******************************************************************** header
*/
#header {
	top: -100px;
	position: fixed;
	width: 100%;
	margin: 100px auto 0;
	padding:0;
	line-height: 1;
	z-index: 999;
	background:#666D64;
}
#header a,
#header {
	color: #fff;
	text-decoration: none;
}
#header .wrapper{
	height:72px;
	-webkit-transition: all .3s;
	transition: all .3s;
	width:100%;
	position: relative;
}
#header h1{
	position:absolute;
	left:35px;
	top:50%;
	margin:-19px 0 0;
	line-height:0;
	z-index:3;
}
#header h1 a{
	display:block;
	width:100%;
	height:100%;
}
#header p {
	position:absolute;
	right:35px;
	top:50%;
	margin:-12px 0 0;
	z-index:3;
}
#globalNav{height:72px;}
#globalNav ul {
	list-style: none;
	font-size: 0.9rem;
	margin:0 auto;
	text-align:center;
	width:100%;
	max-width:1050px;
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
	padding:0 150px;
	box-sizing:border-box;
	display:-webkit-flex;
  display:flex;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#globalNav ul li {
	display:inline-block;
	/*width:calc(100% / 4);*/
}

#globalNav ul li a{
	padding: 0 14px;
	-webkit-transition: all .3s;
	transition: all .3s;
	line-height:1.2;
	display:block;
	position:relative;
}
#globalNav ul li a span{
	display:block;
	position:absolute;
	left:0;
	bottom:-20px;
	width:100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity:0;
}
#globalNav ul li.plan a span{width:6em; left:-0.5em;}
#globalNav ul li a:hover span{opacity:1;}
#header p a{
	-webkit-transition: all .3s;
	transition: all .3s;
}
#header p a:hover,
#globalNav ul li a:hover{opacity:0.5;}

#header ul.sns{
	float:right;
	display:-webkit-flex;
  	display:flex;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	width:86px;
	margin:-0.2em 25px 0 0;
}
#header ul.sns li img{width:21px;}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #FFF;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}

#header.open{
	top:0;
}

/******************************************************************** footer
*/

#footer{
	color:#FFF;
	font-size:0.8rem;
	position:relative;
	z-index:1;
}
#footer a:link,
#footer a:visited{color:#FFF; text-decoration:none;}
#footer a:hover{color:#FFF; text-decoration:none;}

#footer .wrapper{
	width:92%;
	margin:0 auto;
	max-width:900px;
}
#footer .contents{
	background:#7D807C;
	padding:50px 0 60px;
}
#footer .contents .fL{width:24%;}
#footer .contents .fL:nth-of-type(2){width:27%; padding:0 4% 0 2%;}
#footer .contents .fR{width:42%;}
#footer .contents h3{
	font-size:1.2rem;
	line-height:1;
	margin-bottom:0.5em;
}
#footer .contents table{margin-bottom:1.5em;}
#footer .contents table tr th{
	width:5em;
	vertical-align:top;
}
#footer .contents p{
	margin-bottom:1.5em;
	padding-left:1em;
	text-indent:-1em;
}
#footer .contents p.address{
	padding-left:0;
	text-indent:0;
}
#footer .contents ol li span.small{
	display:block;
	padding-left:2.2em;
	font-size:0.7rem;
}
#footer .contents p.small{
	font-size:0.7rem;
	margin-bottom:0;
}
#footer .contents table+p{font-size:0.7rem;}

#footer .contents .fR h4{
	width:3em;
	float:left;
}
#footer .contents .fR ul{
	float:left;
}
#footer .contents .fR ul li{
	list-style:disc;
	margin:0 0 1.5em 1.5em;
	line-height:1.6;
}
#footer .contents .fR p{
	clear:both;
	font-size:0.7rem;
	margin-bottom:0;
}
#footer .contents .fR p:nth-of-type(2){
	margin-top:1em;
	font-size:1rem;
}

#footer .sns{background:#999F97;}
#footer .sns ul{
	display:-webkit-flex;
  display:flex;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	width:76px;
	margin:0 auto;
	line-height:0;
	padding:20px 0;
}

#footer .head{
	padding:0 0 30px;
}
#footer .head .fL{
	width:80%;
}
#footer .contents .head .fL h2{
	font-size:1.8rem;
	float:left;
	line-height:1;
	margin-right:100px;
}
#footer .contents .head .fL p{
	margin-bottom:0;
	padding:0.8em 0 0 2em;
	text-indent:0;
	float:left;
	font-size:0.8rem;
}
#footer .contents .head .fL p:first-of-type{padding:0.8em 0 0;}
#footer .contents a:hover{text-decoration:underline;}


#footer .foot{
	background:#666D64;
	position:relative;
}
#footer .foot .wrapper{
	display:-webkit-flex;
  display:flex;
	-webkit-align-items:center;
  align-items:center;
	padding:20px 0;
}
#footer .foot .wrapper figure{width:50%;}
#footer .foot .wrapper p#copy{
	text-align: center;
	padding: 0 auto;
	width: 100%;
}

#footer .foot .pageTop {
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-25px;
}
.photogenic #footer .foot .pageTop,
.wellness #footer .foot .pageTop,
.luxury #footer .foot .pageTop,
.eat-and-play #footer .foot .pageTop{top:50%; margin-top:-25px;}


/******************************************************************** index
*/
#top-con .catch{
	padding:0;
}
#top-con .catch .mv{
	height:56.25vw;
	overflow:hidden;
	display: flex;
  justify-content: center;
  align-items: center;
	position:relative;
}
#top-con .catch h2{
	position:relative;
	z-index:2;
}
#pc-video{
	background: #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 56.25vw;
}
#pc-video:before{
	display:block;
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:56.25vw;
}
#pc-video video{
	width:100%;
	height:100%;
	overflow:hidden;
}
#video {
    position: relative;
    width: 100%;
    height: 56.25vw;
    overflow: hidden !important;
}
#video iframe{
position: absolute;
z-index:0;
top:50%;
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}

/* #facility部 */
#facility{
	padding-top:20px;
	text-align:center;
	position:relative;
	z-index:3;
}
#facility h2{
	background:#999F97;
	color:#FFF;
	font-size:2.4vw;
	padding:0.5em 0;
}
#index .wrapper-com{
	padding-top: 150px;
	padding-bottom: 60px;
    text-align: center;
    position: relative;
    z-index: 3;
}
#index .wrapper-com h2{
	background: #999F97;
    color: #FFF;
    font-size: 2.4vw;
    padding: 0.5em 0;
}
#index .wrapper-com .lr-wrapper{
	display: flex;
	padding: 20px 0 0;
}
#index .wrapper-com .lr-con{
	width: 50%;
}
#index .wrapper-com .lr-con a{
	width: 100%;
} 
#index .wrapper-com .lr-con h3{
	font-size: 1.4vw;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
#index .wrapper-com .lr-con span{
	font-size: 1.0vw;
	padding-top: 20px;
	display: block;
} 
#index .wrapper-com .lr-con a img{
	width: 100%;	
	display: block;
} 

/* #infomation部 */
#index #info .flex3-wrapper{
	max-width: 1200px;
	display: flex;
	padding: 50px 0 60px;
	margin: 0 auto;
}
#index #info .flex3-wrapper .flex3-con{
	width: calc(100% / 3);
}
#index #info .flex3-wrapper .flex3-con img{
	max-width: 400px;
}
#index #info .flex3-wrapper .flex3-con p{
	font-size: 0.8vw;
}

/* ページMV共通 */
#top-con .next{
	position: absolute;
    left: 50%;
    top: 80%;
    z-index: 1;
	transform: translateX(-50%);
}
#index .mv-com{
	height: 50vh;
	display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
	width:100%;
	overflow-x: hidden;
}
#onsen-con .catch {
    background: url(../img/common/o-catch.jpg) no-repeat center center / cover;
	top: 72px;
}
#onsen-con .catch .slider{
	display: none;
}
#spa-con .catch {
    background: url(../img/common/s-catch.jpg) no-repeat center center / cover;
	top: 72px;
}
#spa-con .catch .slider{
	display: none;
}
#fm-con .catch {
    background: url(../img/common/f-catch.jpg) no-repeat center center / cover;
	top: 72px;
}
#index .mv-com h3{
	text-align: center;
    font-size: 2.55vw;
    color: #fff;
}
#index .mv-com p{
	position: absolute;
	top: 85%;
	z-index: 39;
}

/******************************************************************** ONSEN & SPA
*/
.com-os{
	color: #666D64;
    margin: 0 auto;
}
.com-os .ttl{
	font-size: 28px;
    margin-bottom: 30px;
    line-height: 1;
}
.com-os .txt{
	font-size: 15px;
    line-height: 1.8;
}
.com-os p:nth-of-type(2){
    margin-bottom: 0.5em;
}
.com-os .page-nav{
    background: #EFF0EF;
}
.com-os .page-nav .wrapper{
    width: 1080px;
    margin: 0 auto 40px;
}
.com-os .page-nav ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.com-os .page-nav ul li{
    padding: 0 20px;
}
.com-os .page-nav ul li a{
    display: block;
    background: url(../img/index/ico_arrow.png) no-repeat center 75%;
    padding: 1em 0 1.8em;
}
.com-os .page-nav ul li a:hover{
	text-decoration:none;
}
.os-wrapper{
	margin: 0 auto 30px;
    width: 900px;
	text-align: left;
}
.os-wrapper h3{
	font-size: 28px;
}
.os-wrapper .intro {
    font-size: 14px;
    margin-bottom: 20px;
}
.os-wrapper .place {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: space-between;
}
.os-wrapper h3 span {
    background: #666D64;
    color: #FFF;
    border-radius: 4px;
    font-size: 20px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: 0.2em;
    line-height: 1.4;
    margin-left: 0.5em;
}
.os-wrapper .place li {
    width: 436px;
		padding-bottom: 20px;
}
.os-wrapper .place li figure {
    line-height: 0;
}
.os-wrapper .place .en {
    font-size: 18px;
    line-height: 1.2;
    padding-top: 15px;
    clear: both;
}
.os-wrapper .place h4 {
    font-size: 16px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.os-wrapper .place .txt {
    color: #231815;
    font-size: 11px;
}
.os-wrapper .place .txt span{
	margin-bottom: 10px;
    display: inline-block;
}
.os-wrapper .place .txt a{
    text-decoration: none;
}
.os-wrapper .rh-link{
	text-align: right;
	margin-top: 40px;
}
.os-wrapper .rh-link a{
	display: inline-block;
    padding: 8px 15px;
    background: #960;
    color: #FFF;
    border-radius: 5px;
	font-size: 20px;
    text-decoration: none;
}
/* .os-wrapper .rh-link a:hover{
	text-decoration: none;
} */

/******************************************************************** ONSEN
*/
#onsen-con .os-wrapper:nth-of-type(1){
	margin-bottom: 40px;
}
#onsen-con .os-wrapper .place li{
	margin-bottom: 20px;
}
.fl_no{
	font-size: 28px;
}
.fl_no span{
	background: #666D64;
    color: #FFF;
    border-radius: 4px;
    font-size: 20px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: 0.2em;
    line-height: 1.4;
}
.onsen-tb table{
	border-collapse: collapse;
    background: #fff;
    width: 90%;
    font-size: 12px;
    margin: 10px auto 0 20px;
}
.onsen-tb table th {
    border: solid 1px #45150b;
    background: #eee;
    text-align: left;
    padding: 7px;
    font-weight: bold;
}
.onsen-tb table td {
    border: solid 1px #45150b;
    text-align: left;
    padding: 5px;
}

/******************************************************************** SPA
*/
.com-os .spa-ttl,
.com-os .onsen-ttl{
	width: 900px;
}
.info-con{
	width: 900px;
	margin: 0 auto 60px;
}
.info-con:first-of-type{
	margin-top: 60px;
}
.info-con:last-of-type{
	margin-bottom: 80px;
}
.info-con h2{
	font-weight: normal;
    font-size: 30px;
    font-size: 2.5rem;
    line-height: 1.0;
    color: #666D64;
    margin: 0 0 25px 0;
    text-align: center;
    line-height: 1.4em;
}
.guide-con{
	margin-top: 30px;
	margin-bottom: 30px;
}
.guide-con .con-header{
	background: url(../img/index/h3-line.png) left center repeat-x;
}
.guide-con .con-header h3{
	display: inline-block;
    font-size: 14.496px;
    font-size: 1.208rem;
    font-weight: normal;
    line-height: 1.0;
    background-color: white;
    padding-right: 1em;
    margin: 0;
}
.guide-con ul{
	margin-bottom: 30px;
	margin-left: 40px;
}
.guide-con ul li a{
	text-decoration: none;
}
#onsen-wrapper #guidance .guide-con ul li::marker{
	color: #666D64;
    font-size: 1.2em;
}
.tit-add{
	margin: 1em auto 1em!important;
}

/******************************************************************** FLOOR MAP
*/
#fm-con .mainContents{
	margin-top: 40px;
	margin-bottom: 80px;
}
#fm-con .fm-img,
#fm-con .ac-con{
	max-width: 900px;
	margin: 20px auto 20px;
	color: #666D64;
}
#fm-con .ac-con{
	text-align: left;
}
#fm-con .ac-con span{
	font-size: 1.8vw;
	font-weight: bold;
	border-bottom: 3px solid #666D64;;
}
#fm-con .ac-con ul{
	font-size: 1.0vw;
	padding: 10px 0;
}
#fm-con .ac-con ul li a{
	text-decoration: none;
}
#fm-con .ac-con .ac-tit{
	font-size: 18px;
    padding-top: 10px;
}


/* google-map */
.gmap{
	width: 900px;
	height: 400px;
	overflow: hidden;
	/* padding-bottom: 56.25%; */
	position: relative;
	margin: 0 auto;
}
.gmap iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%!important;
	width: 100%!important;
}
.bottom {
    background-color: #F7F7F7;
    padding: 20px;
    position: relative;
	width: 860px;
	margin: 0 auto;
	color: #666D64;
}
.bottom .name {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
	text-align: left;
}
.bottom ul{
	padding-left: 20px;
}
.bottom ul li {
    font-size: 14px;
    margin-bottom: 5px;
	text-align: left;
	list-style: circle;
}
.bottom ul li:before {
    color: #888888;
    font-size: 10px;
    padding-right: 5px;
    vertical-align: top;
}
.bottom .pc-fix {
    display: block;
}
.bottom .more a {
    top: 25px;
}
.bottom .sp-fix {
    display: none;
}
.more a {
    border: 1px solid #666D64;
    display: block;
    font-size: 14px;
    height: 30px;
    right: 20px;
    line-height: 30px;
    position: absolute;
    top: 20px;
    text-align: center;
    text-decoration: none;
    width: 200px;
}
.more a:hover {
    background-color: #666D64;
    color: #fff;
}

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

for ipad ( 500px - 800px) 微調整

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

@media screen and (min-width:500px) and ( max-width:800px) {
.com-os{
	margin-top: 15vw!important;
}
}

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

for SmartPhone ( - 800px)

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

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

.pc_none{display:block;}
.sp_none{display:none;}

#header,
.wrapper {
	width: 100%;
	padding: 0;
}
#header {
	top: 0;
	position: fixed;
	margin-top: 0;
	z-index: 99;
}
#header .wrapper{height:auto;}
#header.fixed {
	padding-top: 0;
	background: transparent;
}
#mobile-head {
	background:#666D64;
	width: 100%;
	height: 56px;
	z-index: 999;
	position: relative;
}
#header.fixed h1,
#header h1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}

#header p{display:none;}
#globalNav {
	position: absolute;
	top: -500px;
	background: #333;
	width: 100%;
	height:auto;
	text-align: center;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#globalNav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 14px;
  top:auto;
  -webkit-transform: translateY(0); /* Safari用 */
  transform: translateY(0);
	padding:0;
  display:block;
}
#globalNav ul li {
	float:none;
	position: static;
	border-bottom:#4F4F4F 1px solid;
	display:block;
	width:100%;
}
#header #globalNav ul li a,
#header.fixed #globalNav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 18px 0;
	text-decoration:none;
}
#header #globalNav ul li a span{
	position:relative;
	opacity:1;
	bottom:0;
}
#globalNav ul li.plan a span{width:100%; left:0;}
#nav-toggle {
	display: block;
	z-index: 999;
}
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.open #globalNav {
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}

/******************************************************************** footer-under 800px
*/
#footer{font-size:3vw;}

#footer .contents{padding:8%;}
#footer .wrapper {width:100%;}
#footer .contents .fL,
#footer .contents .fR{width:100%; float:none;}
#footer .contents .fL:nth-of-type(2){width:100%; padding:0; margin-bottom:8%;}
#footer .contents h3{font-size:5vw;}
#footer .contents table{margin-bottom:8%;}
#footer .contents p{
	margin-bottom:8%;
}
#footer .contents p.small{
	font-size:2.6vw;
	margin-bottom:0.5em;
}
#footer .contents table+p {font-size:3.6vw;}
#footer .contents p.address{
	padding-left:0;
	text-indent:0;
}
#footer .contents .fR h4{
	float:none;
	margin-bottom:0.5em;
}
#footer .contents .fR ul{float:none;}
#footer .contents .fR ul li{margin:0 0 1em 1.5em;}
#footer .contents .fR p{font-size:3.6vw;}
#footer .contents ol li span.small{font-size:2.6vw;}
#footer .contents .fR p.small{font-size:2.6vw;}
#footer .contents .fR p:nth-of-type(2){font-size:3.6vw;}

#footer .sns ul{padding:4% 0;}

#footer .head{padding:0 0 8%;}
#footer .head .sns{width:200px;}

#footer .head .fL{
	width:auto;
	margin-bottom:0;
	float:left;
}
#footer .contents .head .fL h2{font-size:6vw;}
#footer .head .fR{
	display:-webkit-flex;
  display:flex;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	float:right;
	width:64px;
	margin:0 auto;
}

#footer .foot .wrapper{
  display:block;
	padding:16% 0 8%;
}
.photogenic #footer .foot .pageTop,
.wellness #footer .foot .pageTop,
.luxury #footer .foot .pageTop,
.eat-and-play #footer .foot .pageTop{top:6%; margin-top:0;}
.photogenic #footer .foot .wrapper,
.wellness #footer .foot .wrapper,
.luxury #footer .foot .wrapper,
.eat-and-play #footer .foot .wrapper{
	padding:22% 0 8%;
}
#footer .foot .wrapper figure{width:100%; text-align:center; margin-bottom:3vw;margin-top:3vw;}
#footer .foot .wrapper p#copy{
	width:auto;
	text-align: center;
	padding:0 8%;
}
#footer .foot .pageTop{
	top: 15px;
}

/******************************************************************** top-con-under 800px
*/
.catch{padding:55vw 0 75px;}
.catch h1{width:80%; margin:0 auto 20vw;}
.catch h1 img{width:100%;}
.Underlayer .catch{padding:56px 0 0;}
.Underlayer .catch .mv{height:16vh;}
.Underlayer .catch .sub{font-size:4.5vw; margin:0 0 8%;}
.Underlayer .catch h2{font-size:7vw;}
.catch .date{width:70%; margin:0 auto 40vw;}
.catch .date img{width:100%;}
.catch .pageDown{margin-bottom:26vw;}
.catch .greeting{
	font-size:4vw;
	margin-bottom:4em;
	padding:0 8%;
}
.catch .greeting_en{
	font-size:4vw;
	padding:0 8%;
}

.Underlayer .mainContents {padding-top:8%;}
.mainContents .col2 ul>li{
	display:block;
	padding:0 4%;
}
.mainContents .col2 ul>li figure{
	width:100%;
	height:auto;
	margin-bottom:4%;
	line-height:0;
}
.mainContents .col2 ul>li figure img{display:inline-block; width:100%;}
.mainContents .col2 ul>li .feature{
	width:100%;
	box-sizing:border-box;
	padding:0;
}

.mainContents a:link,
.mainContents a:visited{
	text-decoration:none;
}

.bnr_col2{padding:8% 0;}
.bnr_col3{margin:8% 0;}
.bnr_col2 ul,
.bnr_col3 ul{display:block;}
.bnr_col2 ul li,
.bnr_col3 ul li{width:100%;}
.bnr_col2 ul li a p,
.bnr_col3 ul li a p{font-size:6vw;}
.bnr_col3 ul li a p span{
	font-size:4vw;
	margin-bottom:2%;
}


/******************************************************************** index-under 800px
*/
/* #top-con .catch{
	background:url(../img/index/slide01.jpg) no-repeat right top;
	background-size:cover;
} */

	#top-con .catch .mv{
		background:rgba(0,0,0,0.1);
		width:100%;
		position:relative;
		height:100vh;
	}
	#top-con .catch h2{
		position:relative;
		z-index:2;
		width:50%;
		padding-top:56px;
	}
	#top-con .catch h2 img{width:100%;}
	
	#pc-video , #video{
		height: 100%;
		top: 50%;
     	left: 50%;
    	width: 100%;
    	transform: translate(-50%, -50%);
		min-width: 800px;
    	min-height: 100%;
	}
	#index .wrapper-com h2{
		font-size: 5vw;
	}
	#index .wrapper-com{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#index #facility,
	#index #fm{
		padding-top: 40px;
	}
	#index .wrapper-com .lr-wrapper{
		flex-direction: column;
	}
	#index .wrapper-com .lr-con{
		width: 90%;
		margin: 0 auto;
	}
	#index .wrapper-com .lr-con:not(:last-child){
		margin-bottom: 30px;
	}
	#index .wrapper-com .lr-con h3{
		font-size: 4.8vw;
	}
	#index .wrapper-com .lr-con span{
		font-size: 3.6vw;
		padding-top: 10px;
	}
	#index #info .flex3-wrapper{
		flex-direction: column;
		max-width: unset;
	}
	#index #info .flex3-wrapper .flex3-con{
		width: 90%;
		margin: 0 auto;
	}
	#index #info .flex3-wrapper .flex3-con:not(:last-child){
		margin-bottom: 30px;
	}
	#index #info .flex3-wrapper .flex3-con img{
		max-width: unset;
		width: 100%;
	}
	#index #info .flex3-wrapper .flex3-con p{
		font-size: 3.6vw;
	}

/******************************************************************** ONSEN & SPA 共通-under 800px
*/
	#onsen-con .catch .slider{
		display: block;
		z-index: -99;
	}
	#spa-con .catch .slider{
		display: block;
		z-index: -99;
	}
	.catch {
		padding-top: 0;
		padding-bottom: 0;
	}
	.com-os{
		margin-top: 10vw;
	}
	#index .mv-com h3{
		font-size: 10.5vw;
		position: absolute;
    	z-index: 29;
		top: 30%;
	}
	#index .mv-com p{
		top: 60%;
		z-index: 89;
	}
	.com-os .ttl{
		font-size: 22px;
	}
	.com-os .txt {
		font-size: 12px;
		line-height: 1.5;
		margin: auto 0px;
	}
	.com-os p:nth-of-type(2) {
		margin: 0 8px 4em;
	}
	.com-os .page-nav .wrapper {
		width: 100%;
		justify-content: flex-start;
	}
	.com-os .page-nav ul{
		flex-wrap: wrap;
	}
	.com-os .page-nav ul li{
		padding: 0;
    	width: 50%;
    	text-align: center;
		border-right: #CCC 1px solid;
    	border-bottom: #CCC 1px solid;
    	box-sizing: border-box;
	}
	.os-wrapper{
		width: 90%;
	}
	.os-wrapper .place li{
		width: 90%;
	}
	.os-wrapper .place li:nth-child(1){
		margin-bottom: 30px;
	}
	.os-wrapper .place li:nth-child(n+3){
		margin-top: 30px;
	}
	.os-wrapper .place figure img{
		width: 111%;
	}
	.os-wrapper .place h4{
		padding-bottom: 0;
	}
	.info-con h2{
		font-size: 2em;
	}
	.os-wrapper {
		margin: 0 auto 60px;
	}
	#onsen-ttl .txt,
	#spa-ttl .txt{
		text-align: left;
	}

	#onsen-con .catch {
		top: 5.0vw;
		background: none;
    	position: relative;
		height: 300px;
		padding: 0;
		z-index: -999;
	}
	#spa-con .catch {
		top: 5.0vw;
		background: none;
    	position: relative;
		height: 300px;
		padding: 0;
		z-index: -999;
	}
	#fm-con .catch {
		top: 56px;
		height: 200px;
	}

/******************************************************************** ONSEN-under 800px
*/
.info-con{
	width: 90%;
}
.onsen-tb{
	margin: auto 0;
	width: 100%;
} 
.onsen-tb table{
	width: 100%;
	margin-left: 0;
}
.onsen-tb table td{
	width: 22%;
}
.onsen-tb ul{
	margin-left: 0!important;
}

/******************************************************************** SPA-under 800px
*/
.os-wrapper .rh-link{
	margin-top: 1em!important;
}

/******************************************************************** FLOOR MAP-under 800px
*/
#fm-con .mv-com h3{
	font-size: 8.0vw!important;
}
#fm-con .fm-img, .ac-con{
	width: 90%;
}
#fm-con .fm-img img{
	width: 100%;
}
#fm-con .ac-con span {
    font-size: 4.8vw;
}
#fm-con .ac-con ul{
	font-size: 12px;
}
.gmap {
    width: 90%;
    height: 300px;
}
.gmap iframe{
	width: 100%!important;
	height: 100%!important;
}
.bottom{
	width: 80%;
}
.bottom .name{
	font-size: 15px;
}
.bottom ul li {
    font-size: 12px;
}
.bottom .pc-fix {
    display: none;
}
.bottom .sp-fix {
    display: block;
}
.sp-fix a{
	border: 1px solid #666D64;;
    display: block;
    font-size: 14px;
    height: 30px;
    right: 10px;
    line-height: 30px;
    position: absolute;
    top: 95px;
    text-align: center;
    text-decoration: none;
    width: 120px;
    color: #666D64;;
}
.bottom .more a {
    top: 95px;
}

}