@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Serif+TC&display=swap');
@import url("https://use.typekit.net/qwu6oza.css");


/*
font-family:'Noto Sans JP',sans-serif;
font-family:'Noto Serif JP',serif;
font-family:'Noto Sans SC',sans-serif;
font-family:'Noto Serif SC',serif;
font-family:'Noto Sans TC',sans-serif;
font-family:'Noto Serif TC',serif;
*/

body{font-family:'Noto Sans JP',sans-serif;}
body.eng{font-family:'roboto',sans-serif;/* font-weight: 300; */}
body.chi{font-family:'Noto Sans SC',sans-serif;}
body.tw{font-family:'Noto Sans TC',sans-serif;}

.serif, .home-exp li .home-exp-title{font-family:'Noto Serif JP',serif;}
body.eng .serif, body.eng .home-exp li .home-exp-title{font-family:'linotype-sabon',serif;}
body.chi .serif, body.chi .home-exp li .home-exp-title{font-family:'Noto Serif SC',serif;}
body.tw .serif, body.tw .home-exp li .home-exp-title{font-family:'Noto Serif TC',serif;}

/*
#004098 青
#e60012 赤
#1C0A08 黒 28,10,8
*/

/*
NEW COLOR

#2E2617 Earth Brown
#6C675C Earth Brown 70%
#96928B Earth Brown 50%
#D5D4D1 Earth Brown 20%

#E5DCD5 Sand Beige
#F5F1EE Sand Beige 40%

#FFFCF9 Off White
*/

.page-title{padding-top:30px;}
.section-title{}
.sub-title{}


h2{font-weight:normal;font-size:20px;margin-bottom:30px;}
.note{font-size:90%;}


/*------------------------------------------------------------*/
* {margin:0;padding:0;}
body{-webkit-text-size-adjust:100%;font-size:14px;line-height:1.5;color:#666;background:#F5F1EE;overflow-x:hidden;}
img{border:0;margin:0;padding:0;vertical-align:middle;max-width:100%;}

a          {color:#666;}
a:hover    {color:#666;}
a:visited  {color:#666;}
a:focus{outline:none;}
ul,ol{list-style:none;}

@media screen and (min-width:1024px){.m-on{display:none!important;}}
@media screen and (max-width:1023px){.m-off{display:none!important;}}
@media screen and (min-width:768px){.s-on{display:none!important;}}
@media screen and (max-width:767px){.s-off{display:none!important;}}


.annotation-1 > li{padding-left:1.5em;}
.annotation-2 > li{padding-left:2.5em;}
.annotation-3 > li{padding-left:3.5em;}
.annotation-1 > li, .annotation-2 > li, .annotation-3 > li{position:relative;margin-bottom:5px;}
.annotation-1, .annotation-2, .annotation-3{margin:5px 0 10px;}
.annotation-1 > li span:first-of-type, .annotation-2 > li span:first-of-type, .annotation-3 > li span:first-of-type
{position:absolute;left:0;}

p{margin-bottom:10px;}
section{padding:20px 0;overflow:hidden;position:relative;}
section.home-section{padding:50px 0;overflow:hidden;}
section.title-section{padding-top:150px;}
.content{max-width:1200px;margin:0 auto;padding:0 10%;}
@media screen and (max-width:1024px){
	.content{width:84%;padding:0;}
}







/* common */
/*------------------------------------------------------------*/

/* header */
header{position:fixed;width:100%;z-index:3;font-size:0;}
#header-mark-wrap{background:#eee;}
#header-mark{
	box-sizing:border-box;height:40px;margin:0 auto;padding:0 10px;
	display:flex;justify-content:space-between;align-items:center;
	flex-direction:row-reverse;/* M無し時 */
}
#header-mark img{height:40px;}

#header-nav-wrap{background:#fff;box-shadow: 0 2px 10px 0px rgba(0,0,0,.2);}
nav{
	box-sizing:border-box;height:60px;margin:0 auto;padding-right:10px;
	display:flex;justify-content:space-between;align-items:center;
}

#header-logo{flex-grow:1;}
@media screen and (min-width:768px){
	#header-logo a img{height:60px;}
}

#header-nav{display:flex;font-size:13px;margin-right:20px;}
#header-nav li a{display:block;height:50px;line-height:50px;text-decoration:none;color:#555;padding:0 10px;}
#header-nav li a:hover{background:#E5ECF4}
#header-lang{align-self:flex-start;font-size:13px;color:#2E2617;}
#header-lang-title{display:flex;height:60px;align-items:center;padding-left:20px;}
#header-lang-title::after{
	content:"";display:block;width:8px;height:8px;margin-left:15px;margin-right:5px;margin-top:-2px;
	border-style:solid;border-color:#2E2617;border-width:0 2px 2px 0;transform:rotate(45deg);
}
/*#header-lang:hover #header-lang-title::after{transform:rotate(225deg);margin-top:8px;}*/
#header-lang ul{background:#fff;width:100%;height:0;text-align:center;overflow:hidden;transition:all 300ms 0s ease;}
#header-lang:hover ul{height:90px;}
#header-lang ul li a{display:block;height:29;line-height:29px;text-decoration:none;color:#2E2617;border-top:solid 1px #ddd;}
#header-lang ul li a:hover{background:#E5ECF4}

#header-mark,#header-mark img{height:40px;}
@media screen and (max-width:767px){
	#header-mark{height:30px;}
	#header-mark img{height:25px;}
	nav{height:50px;}
}





/* sp menu */
#sp-menu{padding:4px;display:none;}
#sp-menu span{display:block;width:18px;height:14px;border-style:solid;border-width:2px 0;border-color:#e60012;position:relative;}
#sp-menu span::after{content:"";display:block;position:absolute;top:6px;height:2px;width:100%;background:#004098;}

@media screen and (max-width:1199px){
	#header-nav,#header-lang{display:none;}
	#sp-menu{display:block;}
}








/* SNS */
.sns-section{margin-top:50px;}
.sns-wrap{display:flex;justify-content:space-between;align-items:flex-start;}
.sns-wrap h2{color:#000;font-weight:bold;white-space:nowrap;}
.sns-wrap h2::after{content:"";display:block;width:50px;height:20px;margin-bottom:20px;border-bottom:solid 1px #666;}
#sns-link li{display:inline-block;margin-right:5px;}
#insta-images{display:flex;margin-left:20px;}
#insta-images li{margin-left:5px;}
#insta-images li a{display:block;border-radius:5px;background-repear:no-repeat;background-size:cover;background-position:center;}
#our-brands{display:flex;align-items:center;flex-wrap:wrap;}
#our-brands li{margin-left:40px;}
#our-brands #koraku{padding-left:40px;border-left:solid 1px #666;}


#sns-blank{height:0px;margin:40px 0;border-top:solid 1px #6C675C;}
/* #sns-blank::after{content:"";display:block;height:4px;border-bottom:solid 1px #e60012;} */

@media screen and (min-width:1024px){
	#our-brands li{order:3;}
	#our-brands li:nth-child(1){order:2;}
	#our-brands li:nth-child(2){order:1;}
}

@media screen and (max-width:1199px){
	.sns-wrap{display:block;}
	.sns-wrap .sns-title{margin-bottom:30px;}
	#insta-images{margin:0;justify-content:space-between;flex-wrap:wrap;}
	#insta-images li{margin:0;width:16%;}
	#our-brands{margin:0;}
	#our-brands li{margin:0 30px 0 0;}
}
@media screen and (max-width:1023px){
	.sns-wrap h2{text-align:center;font-size:18px;}
	.sns-wrap h2::after{margin-left:auto;margin-right:auto;}
	#sns-link{text-align:center;}
	#sns-link li{margin:0 10px;}
	#insta-images li{width:33%;margin-bottom:0.5%;}
	#our-brands{justify-content:space-between;}
	#our-brands li{margin:0 0 20px;text-align:center;}
	#our-brands li:first-child{width:100%;}
	#our-brands li#koraku{width:100%;padding:0;border:none;}
	#our-brands li#koraku::before{content:"";display:block;width:50px;height:20px;margin:20px auto 0;border-top:solid 1px #666;}
}


/* footer hotel list */
#footer-hotel-list-title{background:#96928B;color:#fff;padding:15px 0;border:solid 1px #E5DCD5;cursor:pointer;}
#footer-hotel-list-title span{background:url(../assets/images/common/icon-group-links-p-white.svg) right no-repeat;padding-right:30px;}
#footer-hotel-list-title.active span{background-image:url(../assets/images/common/icon-group-links-m-white.svg);}
#footer-hotel-list{display:flex;justify-content:space-between;text-align:left;}
#footer-hotel-list .group{display:none;width:32%;}
#footer-hotel-list .group .title{color:#000;margin-top:20px;}
#footer-hotel-list .group ul{border-top:solid 1px #ccc;padding:10px 0;margin-bottom:20px;}
#footer-hotel-list .group ul a{display:block;text-decoration:none;padding:5px 0;}
@media screen and (max-width:1023px){
	#footer-hotel-list{display:block;}
	#footer-hotel-list .group{width:auto;}
}


/* footer */
footer{text-align:center;}
#group-links-title{background:#96928B;color:#fff;padding:15px 0;border:solid 1px #E5DCD5;cursor:pointer;}
#group-links-title span{background:url(../assets/images/common/icon-group-links-p-white.svg) right no-repeat;padding-right:30px;}
#group-links-title.active span{background-image:url(../assets/images/common/icon-group-links-m-white.svg);}
#group-links-more{display:none;padding:50px 0;}
#group-msp{display:inline-block;width:150px;border-radius:10px;margin-top:20px;overflow:hidden;}
#group-links-logo{display:flex;justify-content:space-between;}
#group-links-logo li{width:10%;}
#footer-links-1{display:flex;flex-wrap:wrap;background:#96928B;margin-bottom:10px;}
#footer-links-1 li{width:19%;flex-grow:1;border:solid 1px #E5DCD5;}
#footer-links-1 li a{display:block;padding:15px 0;font-size:12px;text-decoration:none;color:#fff;}
#footer-links-2 li{display:inline-block;padding:2px 5px;}
#footer-links-2 li a{text-decoration:none;font-size:11px;color:#666;}
#footer-mfhm-logo{display:inline-block;margin:50px 0;}
#copy{padding:15px 0;font-size:11px;color:#fff;text-align:center;background:#2E2617;}
@media screen and (max-width:1024px){
	
}
@media screen and (max-width:767px){
	#group-links-logo{flex-wrap:wrap;}
	/* #group-msp{width:auto;} */
	#group-links-logo li{width:40%}
	#footer-links-1 li{width:49%}
	#footer-mfhm-logo img{width:220px;}
	#copy{padding-bottom:100px;}
}










/* float btn */
#float-btn{position:fixed;top:110px;right:0;text-align:center;z-index:2;transition:all 500ms 0s ease-in-out;}
#float-btn-wrap{margin:0 auto;/* max-width:1200px; */}
#float-btn ul{display:flex;width:310px;justify-content:space-between;margin:0 20px 0 auto;}
#float-btn li{display:table;width:150px;height:50px;}
#float-btn li a{
	display:table-cell;vertical-align:middle;text-decoration:none;color:#fff;font-size:11px;
	background:#e82c74;box-shadow:3px 3px 6px 0px rgba(0,0,0,.1);
	border-radius:5px;
}
#float-btn li a span{color:#900;}/* #e60012 */

@media screen and (min-width:768px){
#float-btn.up{top:70px;}
}

@media screen and (max-width:767px){
	#float-btn{top:auto;bottom:20px;left:0;}
	#float-btn ul{margin:0 auto;}
}

/* #float-btn li a:focus{outline:none;} */





.swiper-container-horizontal > .swiper-scrollbar{max-width:800px;left:0;right:0;margin:0 auto;}
@media screen and (max-width:767px){
	.swiper-container-horizontal > .swiper-scrollbar{max-width:80vw;}
}





/* modal */
/*------------------------------------------------------------*/
.modaal-container{background:transparent;}
.modaal-content-container{padding:0;}
.modaal-inner-wrapper{padding-top:20px;padding-bottom:20px;}

.modal{display:none;}
.modal-contents .close{text-align:right;padding-bottom:20px;}
.modal-contents .close img{cursor:pointer;}

/* rsv */
#modal-rsv-contents{background:#F5F1EE;padding:20px 30px;text-align:center;color:#888;border-radius:5px;}
#modal-rsv-contents a{text-decoration:none;color:#2E2617;}
#modal-rsv-contents a.btn-a,#modal-rsv-contents a.btn-b,#modal-rsv-contents a.btn-c{display:block;padding:10px 0;border-radius:5px;}
#modal-rsv-contents a.btn-a{box-shadow: 0 2px 10px 0px rgba(0,0,0,.2);font-weight:bold;margin-bottom:20px;}
#modal-rsv-contents a.btn-b{background:#fff;margin-bottom:15px;}
#modal-rsv-contents a.btn-c{border:solid 1px #004098;margin-bottom:15px;}
#modal-rsv-contents #modal-rsv-check{padding:10px 10px 0;margin-bottom:15px;border:solid 1px #bbb;border-radius:5px;}
#modal-rsv-contents #modal-rsv-check ul{display:flex;justify-content:space-between;}
#modal-rsv-contents #modal-rsv-check ul li{width:49%;}
#modal-rsv-contents #modal-rsv-check a{font-size:90%;}
@media screen and (max-width:767px){
	body.eng #modal-rsv-contents #modal-rsv-check ul,
	body.chi #modal-rsv-contents #modal-rsv-check ul,
	body.tw #modal-rsv-contents #modal-rsv-check ul{display:block;}
	body.eng #modal-rsv-contents #modal-rsv-check ul li,
	body.chi #modal-rsv-contents #modal-rsv-check ul li,
	body.tw #modal-rsv-contents #modal-rsv-check ul li{width:auto;}
	body.eng #modal-rsv-contents #modal-rsv-check ul li:first-of-type,
	body.chi #modal-rsv-contents #modal-rsv-check ul li:first-of-type,
	body.tw #modal-rsv-contents #modal-rsv-check ul li:first-of-type{margin-bottom:10px;}
	body.eng #modal-rsv-contents #modal-rsv-check ul li a,
	body.chi #modal-rsv-contents #modal-rsv-check ul li a,
	body.tw #modal-rsv-contents #modal-rsv-check ul li a{padding:10px;}
}


#modal-rsv-hotels{display:none;text-align:left;height:300px;overflow:auto;margin-top:-20px;margin-bottom:20px;padding-bottom:20px;border-bottom:solid 1px #888;}
#modal-rsv-hotels li {padding-bottom:15px;}
#modal-rsv-hotels li a{display:block;color:#000;}
#modal-rsv-hotels h4{padding-top:30px;padding-bottom:20px;color:#2E2617;}

/* sp menu */
#modal-menu-contents{background:#f5f5f5;padding:20px 30px;text-align:center;color:#888;border-radius:5px;}
#modal-menu-contents a{text-decoration:none;color:#555;font-size:14px;}
#modal-menu-1{margin-bottom:20px;}
#modal-menu-1 li a{display:block;padding:10px 0;}
#modal-menu-2{display:flex;justify-content:space-between;border-top:solid 1px #004098;border-bottom:solid 1px #004098;padding:10px 0;margin-bottom:20px;}
#modal-menu-2 li{width:30%;flex-grow:1;}
#modal-menu-2 li a{display:block;padding:5px 0;}
#modal-menu-2 li:not(:last-child){border-right:solid 1px #E60012;}





/* HOME */
/*------------------------------------------------------------*/

/* main visual */
#home-main-visual .swiper-container{height:100vh;background:#000;}
#home-main-visual .swiper-container{height:calc(var(--vh, 1vh) * 100);}
#home-main-visual .swiper-slide{background-position:center;background-size:cover;opacity:1;transition:opacity 2000ms 0s ease;}
/* #home-main-visual .swiper-slide a{display:block;height:100%;} */
#home-main-visual .swiper-slide a{position:absolute;margin:auto;top:300px;bottom:0;left:0;right:0;display:block;width:80px;height:80px;padding:0;transition:all 2000ms 0s ease;}
#home-main-visual .swiper-slide img{position:relative;}
#home-main-visual .swiper-slide-prev,#home-main-visual .swiper-slide-next{opacity:.1;}
#home-main-visual .swiper-slide-prev a{padding-right:100px;}
#home-main-visual .swiper-slide-next a{padding-left:100px;}
#home-main-visual .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;}
#home-main-visual .swiper-pagination-bullet{background:#fff;}
#home-main-visual .swiper-pagination-bullet-active{background:#fff;}
#home-main-visual .swiper-container-horizontal > .swiper-scrollbar {height:2px;background:rgba(255,255,255,.5);bottom:60px;}
#home-main-visual .swiper-scrollbar-drag{background:#f00;}

#home-mv-m,#home-mv-tagline{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1;}
#home-mv-m{width:110px;padding-bottom:150px;}
#home-mv-tagline{width:220px;}

#home-banner-hygiene{position:absolute;z-index:1;left:10px;top:110px;}
#home-banner-lefttop{position:absolute;z-index:1;left:10px;top:110px;border-radius:10px;box-shadow: 3px 3px 6px 0px rgba(0,0,0,.1);overflow:hidden;}

@media screen and (max-width:767px){
	#home-main-visual .swiper-slide a{width:60px;top:320px;}
	#home-main-visual .swiper-slide img{width:60px;top:0;}
	#home-main-visual .swiper-container-horizontal > .swiper-pagination-bullets{bottom:90px;}
	#home-mv-m{width:70px;padding-bottom:280px;}
	#home-mv-tagline{width:170px;transform:rotate(90deg);}
	#home-banner-hygiene{width:140px;top:90px;}
	#home-banner-lefttop{width:140px;top:90px;}
}

#home-sub-visual{max-width:960px;margin:30px auto 10px;}
#home-sub-visual .swiper-pagination-bullet{background:#fff;}
#home-sub-visual .swiper-pagination-bullet-active{background:#fff;}
@media screen and (max-width:767px){
	#home-sub-visual{margin:10px auto;}
}



/* 記憶に残る */
#home-catch-fi{display:none;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1;pointer-events:none;}
#home-catch-text{
	position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1;
	display:flex;align-items:center;justify-content:center;
	color:#fff;font-size:24px;letter-spacing:.2em;
}
@media screen and (max-width:767px){
	#home-catch-text{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:18px;}
	body.eng #home-catch-text{writing-mode:horizontal-tb;text-align:center;}
}








/* youtube & concept */
#home-mov{
	display:flex;align-items:center;max-width:1200px;margin:0 auto;justify-content:space-between;padding:100px 10%;
	justify-content:center;padding:50px 10%; /* テキスト無し */
}
#home-youtube{width:55%;}
#home-concept{
	box-sizing:border-box;width:40%;padding-top:50px;
	background:url(../assets/images/chain/home/tagline-black-h.svg) left top no-repeat;
	background-size:250px;
}
#home-youtube-wrap{position:relative;width:100%;padding-top:56.25%;}
#home-youtube iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important;}

@media screen and (max-width:1023px){
	#home-mov{display:block;padding:10px 10px 50px;}
	#home-youtube{width:auto;margin-bottom:50px;}
	#home-concept{width:80%;margin:0 auto;}
}
@media screen and (max-width:767px){
	#home-concept{padding-top:0;padding-left:50px;background-image:url(../assets/images/chain/home/tagline-black-v.svg);background-size:16px;}
}





/* Rewards Club banner */
a#home-banner-rc{display:block;max-width:1200px;margin:0 auto;padding:0 10%;}
a#home-banner-rc img{box-shadow: 3px 3px 6px 0px rgba(0,0,0,.1);border-radius:10px;}

.home-banner-wrap{display:block;max-width:1200px;margin:0 auto;padding:0 10%;}
.home-banner-wrap a{display:block;margin-bottom:20px;}
.home-banner-wrap img{box-shadow: 3px 3px 6px 0px rgba(0,0,0,.1);border-radius:10px;}


/*
a#home-banner-rc{
	display:block;width:600px;padding:50px 0;text-align:center;margin:0 auto;
	border-radius:10px;box-shadow: 3px 3px 6px 0px rgba(0,0,0,.1);
	background:url(../assets/images/chain/home/banner-rc-bg.svg) #fff;
}
@media screen and (max-width:767px){
	a#home-banner-rc{width:90%;padding:30px 0;}
}
*/


/* topics */
#home-topics .swiper-container-horizontal > .swiper-scrollbar {height:2px;background:rgba(255,255,255,.5);bottom:20px}
#home-topics .swiper-scrollbar-drag{background:#2E2617;}
#home-topics .swiper-container{padding-bottom:50px;overflow:visible;}
#home-topics .swiper-slide{box-sizing:border-box;width:300px;height:auto;}
#home-topics .swiper-slide a{display:flex;flex-direction:column;height:100%;}
#home-topics .thumbnail{display:block;width:80%;margin:0 auto 40px;box-shadow: 0 2px 10px 0px rgba(0,0,0,.5);}
#home-topics .swiper-slide:nth-of-type(3n+1) .thumbnail{border-radius:50%;}
#home-topics .swiper-slide:nth-of-type(3n+2) .thumbnail{border-radius:10%;}
#home-topics .swiper-slide:nth-of-type(3n) .thumbnail{border-radius:50% 50% 10% 10%;}
#home-topics .swiper-slide a{text-decoration:none;}
#home-topics .doc{position:relative;padding:5% 0;border-right:solid 1px #fff;flex-grow:1;color:#fff;text-align:center;}
#home-topics .doc::before{position:absolute;top:-25px;left:50%;content:"";display:block;height:25px;border-right:solid 1px #2E2617;}
#home-topics .swiper-slide:first-child .doc{border-left:solid 1px #fff;}

/* news */
#home-news .swiper-container-horizontal > .swiper-scrollbar {height:2px;background:rgba(255,255,255,.5);bottom:20px}
#home-news .swiper-scrollbar-drag{background:#f00;}
#home-news .swiper-container{padding-bottom:50px;overflow:visible;}
#home-news .swiper-slide{box-sizing:border-box;width:300px;height:auto;/*opacity:.5;transition:all 500ms;*/}
#home-news .swiper-slide a{display:flex;flex-direction:column;height:100%;}
#home-news .thumbnail{display:block;/* width:80%; */margin:0 auto 40px;box-shadow: 0 2px 10px 0px rgba(0,0,0,.5);border-radius:10%;}
#home-news .swiper-slide a{text-decoration:none;}
#home-news .doc{/* width:80%; */margin:0 auto;flex-grow:1;color:#fff;}


/* experience */
.home-exp{display:flex;background:#000;}
.home-exp li{flex-grow:1;position:relative;border-style:solid;border-width:0 1px 1px 0;border-color:#fff;}
.home-exp li img{width:100%;}
.home-exp li a{display:block;text-decoration:none;}
.home-exp li .home-exp-title{
	position:absolute;bottom:20px;padding:20px 0 20px 80px;color:#fff;font-size:15px;
	background-repeat:no-repeat;background-position:15px center;background-size:56px;
}
.home-exp:first-of-type{border-top:solid 1px #fff;}
.home-exp li:last-child{border-right:none;}

@media screen and (max-width:767px){
	.home-exp{display:block;}
	.home-exp li{border-right:none;}
}

/* .swiper-wrapper{-webkit-animation-delay:0s;} */












/* hotel list */
/*------------------------------------------------------------*/
.hotel-list-anc{display:flex;}
.hotel-list-anc li{flex-grow:1;margin-right:1%;margin-bottom:1%;width:20%;}
.hotel-list-anc a{
	display:block;padding:20px 10px;color:#2E2617;text-decoration:none;border-radius:5px;
	background:url(../assets/images/common/arrow/down-gray.svg) center right 10px no-repeat;
	box-shadow:3px 3px 6px 0px rgba(0,0,0,.1),-3px -3px 6px 0px #fff;transition:all 300ms 0s ease;
}

@media screen and (min-width:1024px){ /* PCのみ */
	body.eng .hotel-list-anc, body.chi .hotel-list-anc, body.tw .hotel-list-anc{flex-wrap:wrap;}
	body.eng .hotel-list-anc li, body.chi .hotel-list-anc li, body.tw .hotel-list-anc li{flex-grow:0;margin-right:1%;margin-bottom:1%;width:13.2%;}
}

.hotel-list-anc a:hover{box-shadow:3px 3px 6px 0px rgba(0,0,0,.2),-3px -3px 6px 0px #fff;}
#page-home .hotel-list-anc a{background-image:url(../assets/images/common/arrow/right-earth-brown.svg);}
#hotel-map {display:flex;align-items:center;justify-content:space-between;margin-top:-40px;}
#hotel-map #hotel-map-image{width:45%;}
#hotel-map .hotel-list-anc{width:50%;flex-wrap:wrap;}
#hotel-map .hotel-list-anc a{padding:10px;}
#hotel-map .hotel-list-anc li{flex-grow:0;margin-right:2%;margin-bottom:2%;width:30%;}

@media screen and (max-width:1023px){
	.hotel-list-anc{flex-wrap:wrap;}
	.hotel-list-anc li{width:24%;flex-grow:0;margin-bottom:2%;}
	.hotel-list-anc li a{padding:20px;}
}
@media screen and (max-width:767px){
	.hotel-list-anc{justify-content:space-between;}
	.hotel-list-anc li{width:48%;flex-grow:0;margin-bottom:3%;}
	#hotel-map{display:block;}
	#hotel-map #hotel-map-image{width:auto;margin-bottom:20px;}
	#hotel-map .hotel-list-anc{width:auto;}
	#hotel-map .hotel-list-anc li{width:48%;flex-grow:0;margin-bottom:2%;}
	/* #hotel-map .hotel-list-anc{display:none;} */
}


.page-hotellist h3{color:#333;margin-bottom:30px;padding:5px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}

.hotel-list{display:flex;flex-wrap:wrap;}
.hotel-list li.hotel-list-item{width:32%;margin-left:1%;margin-bottom:20px;}
.hotel-list li.hotel-list-item a{
	display:flex;flex-direction:column;text-decoration:none;padding:10px;background:#fff;border-radius:5px;height:100%;box-sizing:border-box;
	box-shadow:4px 4px 6px 0px rgba(0,0,0,.1);transition:all 300ms 0s ease;
}
.hotel-list li.hotel-list-item a:hover{box-shadow:4px 4px 6px 0px rgba(0,0,0,.3);}

.hotel-list li.hotel-list-item a img.thumbnail{border-radius:5px;margin-bottom:5px;}
.hotel-list li.hotel-list-item a .doc{margin-bottom:5px;}
.hotel-list li.hotel-list-item a h4{color:#000;}
.hotel-list li.hotel-list-item a h4::after{content:"";display:block;width:30px;height:10px;margin-bottom:10px;border-bottom:solid 1px #666;}
.hotel-list .facility-icon{display:flex;justify-content:space-between;padding:0 10px;margin-bottom:5px;border-bottom:solid 1px #ccc;}
.hotel-list .facility-icon li{width:9%;}
.hotel-list .facility-icon li.ng{opacity:.1;}

@media screen and (max-width:1023px){
	.hotel-list li.hotel-list-item{width:48%;}
}
@media screen and (max-width:767px){
	.hotel-list li.hotel-list-item{width:100%;}
	.hotel-list .facility-icon li{width:10%;}
}



.facility-icon-legend{display:flex;flex-wrap:wrap;}
.facility-icon-legend li{
	box-sizing:border-box;background-repeat:no-repeat;background-size:26px;height:26px;line-height:26px;padding-left:30px;padding-right:20px;
	font-size:12px;color:#666
}
@media screen and (max-width:767px){
	.facility-icon-legend li{width:49%;background-size:20px;height:20px;line-height:20px;padding-left:26px;padding-right:0;}
}


/* hotel swiper */
.hotel-swiper .swiper-container-horizontal > .swiper-scrollbar {height:8px/* 2px */;background:rgba(255,255,255,1);bottom:20px;border-top:solid 1px #ccc;cursor:pointer;}
.hotel-swiper .swiper-scrollbar-drag{background:#2E2617;}
.hotel-swiper .swiper-container{padding-bottom:50px;overflow:visible;}
.hotel-swiper .swiper-slide{
	box-sizing:border-box;width:360px;height:auto;overflow:hidden;
	box-shadow:4px 4px 6px 0px rgba(0,0,0,.1);border-radius:10px;background:#fff;
	transition:all 300ms 0s ease;
}
.hotel-swiper .swiper-slide:hover{box-shadow:4px 4px 6px 0px rgba(0,0,0,.3);}
.hotel-swiper .swiper-slide a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;text-decoration:none;}
.hotel-swiper .thumbnail{display:block;margin:0 auto 20px;}
.hotel-swiper h4{color:#000;padding:0 20px;}
.hotel-swiper h4::after{content:"";display:block;width:30px;height:15px;margin-bottom:15px;border-bottom:solid 1px #666;}
.hotel-swiper .doc{margin-bottom:20px;overflow:auto;height:5.5em;padding:0 20px;}
.hotel-swiper .doc .title{color:#1C0A08;padding-left:8px;border-left:solid 3px #ccc;}
.hotel-swiper .access{padding-top:10px;padding-bottom:20px;border-top:solid 1px #ccc;flex-grow:1;margin:0 20px;}
.hotel-swiper .facility-icon{display:flex;justify-content:space-between;padding:0 20px 5px;}
.hotel-swiper .facility-icon li{width:10%;}
.hotel-swiper .facility-icon li.ng{opacity:.1;}

@media screen and (max-width:767px){
	/*.hotel-swiper{font-size:12px;}*/
	.hotel-swiper .facility-icon li{width:12%;}
}


.grd-wrap::before,.grd-wrap::after{content:"";display:block;position:absolute;width:10%;height:100%;z-index:2;top:0;background:#999;}
.grd-wrap::before{left:0;background:linear-gradient(90deg,rgba(245,245,245,1),rgba(245,245,245,0));}
.grd-wrap::after{right:0;background:linear-gradient(90deg,rgba(245,245,245,0),rgba(245,245,245,1));}
@media screen and (max-width:767px){
	.grd-wrap::before,.grd-wrap::after{display:none;}
}







/* experience */
/*------------------------------------------------------------*/

#exp-catch-fi{display:none;}
#exp-catch{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1;
	display:flex;flex-direction:column;justify-content:center;align-items:center;
}
#exp-catch img{margin-bottom:30px;}
#exp-catch-text{color:#fff;font-size:18px;letter-spacing:.1em;}
@media screen and (max-width:767px){
	#exp-catch img{margin:140px 0 60px;}
	#exp-catch-text{flex-grow:1;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;}
	body.eng #exp-catch-text{writing-mode:horizontal-tb;text-align:center;}
}

#exp-main-visual{height:100vh;background:#000;position:relative;}
#exp-main-visual{height:calc(var(--vh, 1vh) * 100);}
#exp-main-visual{background-position:center;background-size:cover;}

.exp-title{padding-top:40px;}
.exp-title h2{color:#333;}

.exp-hotels-wrap{margin-bottom:30px;}
.exp-hotels-wrap h3{color:#333;padding:5px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;margin-bottom:30px;}
.exp-hotels{display:flex;flex-wrap:wrap;}
.exp-hotels li{width:32%;margin-left:1%;margin-bottom:20px;}
.exp-hotels li a{display:flex;justify-content:space-between;text-decoration:none;padding:10px;background:#fff;border-radius:5px;height:calc(100% - 20px);}
.exp-hotels li a .thumbnail{width:40%;}
.exp-hotels li a .thumbnail img{border-radius:5px;}
.exp-hotels li a .doc{width:55%;}
.exp-hotels li a .doc h4{color:#000;}
.exp-hotels li a .doc h4::after{content:"";display:block;width:30px;height:10px;margin-bottom:10px;border-bottom:solid 1px #666;}

@media screen and (max-width:1023px){
	.exp-hotels li{width:48%;margin-bottom:15px;}
}
@media screen and (max-width:767px){
	.exp-hotels li{width:100%; margin-left:0;margin-bottom:10px;}
	/* .exp-hotels li a .doc{font-size:11px;} */
}



/* form */
/*------------------------------------------------------------*/

.page-form h3{color:#fff;background:#6C675C;padding:5px 20px;font-weight:normal;border-radius:5px;margin-bottom:20px;}
.page-form dl{border-bottom:solid 1px #ccc;padding-top:5px;padding-bottom:5px;}
.page-form dl{display:flex;align-items:center;}
.page-form dl ul{display:flex;justify-content:space-between;align-items:center;}
.page-form dl,.page-form p{padding-right:20px;}
.page-form dl dt{width:50%;}
.page-form dl dt a{text-decoration:none;color:#000;}
.page-form dl ul li a{
	display:inline-block;padding:5px 25px 5px 0;background:url(../assets/images/common/arrow/right-gray.svg) right no-repeat;
	text-decoration:none;color:#888;
}
.page-form dl ul li:nth-of-type(1) {padding-right:10px;border-right:solid 1px #ccc;}
.page-form dl ul li:nth-of-type(2) {padding-left:10px;}

@media screen and (max-width:767px){
	.page-form dl,.page-form p{display:block;padding-left:0;padding-right:0;}
	.page-form dl dt{margin-bottom:5px;width:auto;}
	.page-form dl ul li{flex-grow:1;}
}



/* Air Plan */
/*------------------------------------------------------------*/
.air-catch,.air-lead{text-align:center;}
#air-btn{display:flex;margin-top:30px;margin-bottom:30px;}
#air-btn li{width:50%;text-align:center;}
#air-btn li img{border-radius:10px;}
@media screen and (max-width:767px){
	.air-catch,.air-lead{text-align:left;}
	#air-btn{display:block;}
	#air-btn li{width:auto;margin-bottom:20px;}
}

/* faq */
/*------------------------------------------------------------*/

.page-faq h3{color:#fff;background:#6C675C;padding:5px 20px;font-weight:normal;border-radius:5px;margin-bottom:20px;}
.page-faq dl{border-bottom:solid 1px #ccc;padding-top:7px;padding-bottom:7px;cursor:pointer;}
.page-faq dl dd{padding:10px;background:#fff;color:#555;display:none;}

table.info-table{border-collapse:collapse;margin-bottom:5px;}
table.info-table th,table.info-table td{font-size:11px;font-weight:normal;border:solid 1px #999;padding:2px 10px;background:#fff;}

@media screen and (max-width:767px){
	.scroll-table{overflow:auto;}
	.scroll-table table{width:100%;}
	.scroll-table table th,.scroll-table table td{white-space:nowrap;}
}

.qa dt{padding-left:2em;position:relative;}
.qa dt span:first-of-type{position:absolute;left:0;}



/* terms */
/*------------------------------------------------------------*/
.page-terms h3{color:#fff;background:#6C675C;padding:5px 20px;font-weight:normal;border-radius:5px;margin-bottom:20px;}
.page-terms h4{margin-bottom:10px;}
.page-terms ol.num{list-style:decimal;}
.page-terms ol.num > li{margin-left:1.5em;padding-left:.5em;margin-bottom:5px;}
.page-terms ol.num > li > ol{padding:5px 0;}
.page-terms ul.circle{list-style:circle;}
.page-terms ul.circle > li{margin-left:1.5em;padding-left:.5em;margin-bottom:5px;}
.page-terms ul.circle > li > ol{padding:5px 0;}

table.terms-table{border-collapse:collapse;}
table.terms-table th,table.terms-table td{background:#fff;padding:2px 10px;border:solid 2px #f5f5f5;}

@media screen and (max-width:767px){
	.table-div th,.table-div td{display:block;}/* divに切り替える場合 */
	table.terms-table th{color:#fff;background:#888;}
}

/*
.page-terms ol.num > li > ol > li{padding-left:3em;position:relative;}
.page-terms ol.num > li > ol > li span:first-of-type{position:absolute;left:0;}
*/


/* best price */
/*------------------------------------------------------------*/
#bestprice{color:#2E2617;text-align:center;font-size:15px;margin-bottom:40px;}
#bestprice-catch{
	max-width:600px;margin-left:auto;margin-right:auto;
	padding:10px 0;border:solid 1px #2E2617;background:#fff;font-weight:bold;font-size:17px;
}