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

.main-img {
padding-top: 112px;
width: 100%;
overflow: hidden;
position: relative;
}

.main-img img {max-width: 100%;}

.main-img h2 {
width: 25%;
/*width: 10%;*/
position: absolute;
top:136px;
right:1em;
z-index: 2;
}

.main-img figure img {position: relative;}
.main-img figcaption {
font-size:1.2rem;
color:#fff;
text-shadow: 1px 1px 2px #000,
-1px -1px 2px #000,
-1px 1px 2px #000,
1px -1px 2px #000;
position: absolute;
right:1em;
bottom:1em;
}

.main-img .holiday_badge {
width:20.83%;
position: absolute;
top:142px;
left:32px;
z-index: 2;
}

/*=========================================
BELOW 1024px
=========================================*/
@media only screen and (max-width: 1024px) {}

/*=========================================
BELOW 860px
=========================================*/
@media only screen and (max-width: 860px) {
.main-img {padding-top: 56px;}

.main-img h2 {
width: 24.04%;
/*width: 16.66%;*/
top:64px;
right:1em;
}

.main-img .holiday_badge {
width:30%;
position: absolute;
top:64px;
left:16px;
}
}

/*=========================================
BELOW 640px
=========================================*/
@media only screen and (max-width: 640px) {
.main-img figcaption {font-size:1rem;}

.main-img .holiday_badge {width:34%;}
}



.appeal_wrap {
 background: rgb(224,226,226);
 background: linear-gradient(90deg, rgba(224,226,226,1) 0%, rgba(239,242,234,1) 50%, rgba(224,226,226,1) 100%);
padding: 2em 0;
}
.appeal_wrap img {
max-width: 100%;
vertical-align: bottom;
}

.appeal__inner {
margin: auto;
max-width: 1280px;
width: 90%;
}
.appeal__inner ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.appeal__inner li {
box-sizing: border-box;
color:#000;
font-size:1.6rem;
text-align: center;
position: relative;
}
.appeal__inner li:not(:last-child) {
border-right:1px solid #ddd;
margin-right: 2em;
padding-right: 2em;
}
.appeal__inner li em {
color:#a99655;
display: block;
font-size:3.6rem;
}
.appeal__inner li em.pitch {letter-spacing: -.05em;}
.appeal__inner li em > span {
color:#a99655;
font-size:2.4rem;
}
.appeal__inner li > span {
color:#000;
font-size:1.2rem;
position: absolute;
right: 0;
bottom: -12px;
}
.appeal__inner li span.links {
    background-color: #a99655;
    color:#fff;
    padding: 0 .5em;
}

/*=========================================
BELOW 1024px
=========================================*/
@media only screen and (max-width: 1024px) {
.appeal__inner li {font-size:1.4rem;}
.appeal__inner li em {font-size:3.2rem;}
.appeal__inner li em > span {font-size:2rem;}
}


/*=========================================
BELOW 860px
=========================================*/
@media only screen and (max-width: 979px) {
.appeal__inner ul {
align-items: stretch;
}
.appeal__inner li {align-self: stretch;}
.appeal__inner li:not(:last-child) {
border:none;
margin-right: 0;
padding-right: 0;
width: 50%;
}

.appeal__inner li:last-child {
margin-right: 0;
padding-right: 0;
width: 50%;
}
.appeal__inner li:nth-child(1),
.appeal__inner li:nth-child(2) {margin-bottom: 2em;}
.appeal__inner li:nth-child(1),
.appeal__inner li:nth-child(3) { border-right:1px solid #fff;}
.appeal__inner li:nth-child(1)::after,
.appeal__inner li:nth-child(2)::after {
border-bottom:1px solid #fff;
content:'';
display: block;
height:1px;
margin: auto;
width: 98%;
position: relative;
bottom:-1em;
}
.appeal__inner li:nth-child(1)::after {bottom:-2.6em}
}

/*=========================================
BELOW 640px
=========================================*/
@media only screen and (max-width: 640px) {
.appeal__inner li:not(:last-child) {
border:none;
border-bottom: 1px solid #fff;
margin-right: 0;
margin-bottom: 1em;
padding-right: 0;
padding-bottom: 1em;
width: 100%;
}

.appeal__inner li:last-child {
margin-right: 0;
padding-right: 0;
width: 100%;
}
.appeal__inner li:nth-child(1),
.appeal__inner li:nth-child(2) {margin-bottom: 1em;}
.appeal__inner li:nth-child(1)::after,
.appeal__inner li:nth-child(2)::after {display: none;}

.appeal__inner li {
font-size:1.2rem;
position: relative;
}
.appeal__inner li em {font-size:2.8rem;}
.appeal__inner li em > span {font-size:1.8rem;}
.appeal__inner li > span {
font-size:1rem;
bottom: -14px;
}
}


.topics_wrap {
background-color: #ededed;
margin: 2em auto 0;
padding: 4em 0;
}
.topics_wrap img {
max-width: 100%;
vertical-align: bottom;
}

.topics_wrap .splide__pagination {bottom:-2em;}

/*=========================================
BELOW 1030px
=========================================*/
@media only screen and (max-width: 1030px) {}

/*=========================================
BELOW 860px
=========================================*/
@media only screen and (max-width: 860px) {}

/*=========================================
BELOW 640px
=========================================*/
@media only screen and (max-width: 640px) {}


.information_wrap {padding: 4em 0 2em;}
.information__inner {
margin:auto;
max-width: 1000px;
width: 96%;
}
.information__fx {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.information__fx h2 {
color:#000;
font-family: 'Oswald', sans-serif;
font-size:2.4rem;
position: relative;
}
.information__fx h2::after {
background-color: #000;
content:'';
display: inline-block;
height: 1px;
margin: 0 16px;
width: 56px;
position: absolute;
top:50%;
}
.information__fx .information__summary {padding-left: 5.5em;}
.information__fx .information__summary a,
.information__fx .information__summary a > span {color:#000;}
.information__fx .information__summary h3 {
color:#000;
font-size:4rem;
}
.information__fx .information__summary h3 span {
background-color: #a99655;
color:#fff;
font-size:3.2rem;
line-height: 1;
margin-left: .5em;
padding: 0 .5em .1em;
}

/*=========================================
BELOW 1024px
=========================================*/
@media only screen and (max-width: 1024px) {
.information__fx h2 {
border-bottom: 1px solid #fff;
width:100%;
}
.information__fx h2::after {display: none;}
.information__fx .information__summary {
padding-left: 0;
width: 100%;
}
}

/*=========================================
BELOW 860px
=========================================*/
@media only screen and (max-width: 860px) {
.information__fx h2 {font-size:2rem;}
.information__fx .information__summary h3 {font-size:3.2rem;}
.information__fx .information__summary h3 span {font-size:2.4rem;}
}

/*=========================================
BELOW 640px
=========================================*/
@media only screen and (max-width: 640px) {
.information__fx h2 {
font-size:1.8rem;
text-align: center;
}
.information__fx .information__summary h3 {
font-size:2.6rem;
text-align: center;
}
.information__fx .information__summary h3 span {
display: block;
font-size:2rem;
line-height: 1.6;
margin:.5em auto 0;
text-align: center;
width: 12em;
}
}



.lnav_wrap {margin-bottom: 4em;}

.lnav_intro {
background: rgb(162,141,69);
background: linear-gradient(135deg, rgba(162,141,69,1) 0%, rgba(111,88,33,1) 100%);
}
.lnav_intro__inner {
background: url(../../top/img/bg_lnav.png) no-repeat 100% 100%;
background-size: contain;
padding: 6em 0 4em;
}
.lnav_intro__inner h2 {
margin:0 auto 3em;
max-width: 640px;
text-align: center;
width: 96%;
}
.lnav_intro__inner h2 img {width: 100%;}
.lnav_intro__inner p {
color:#fff;
font-size:2.4rem;
margin:0 auto 3em;
line-height: 2;
text-align: center;
width: 96%;
}

.lnav_primary {}
.lnav_section {
height: 100vh;
width: 100vw;
position: relative;
}
.lnav_inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.lnav_image {
/*position: fixed;*/
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100vw;
height: 100vh;
background-size: cover;
background-position: center;
background-repeat: none
}

.lnav__summary {
margin:auto;
max-width: 1000px;
width: 96%;
position: relative;
top:8em;
}
.lnav__summary h3 {
color:#fff;
font-family: 'Oswald', sans-serif;
font-size:3.2rem;
letter-spacing: .2em;
margin-bottom: 1em;
}
.lnav__summary p {
color:#fff;
font-size:2.4rem;
}
.lnav__summary a {
color:#fff;
display: inline-block;
font-family: 'Oswald', sans-serif;
font-size:2.4rem;
margin-top:3em;
transition: .3s;
position: relative;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
}
.lnav__summary a::before {
background-color: #fff;
content:'';
display: block;
height:1px;
width:.6em;
transform: rotate(25deg);
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
position: absolute;
bottom:.1em;
right:0;
}
.lnav__summary a::after {
background-color: #fff;
content:'';
display: block;
height:1px;
width:12em;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
}
.lnav__summary a:hover {letter-spacing: .4em;}
.lnav__summary a:hover::after {width: 14em;}


.lnav_secondary {
 background: rgb(186,186,177);
 background: linear-gradient(135deg, rgba(186,186,177,1) 0%, rgba(239,242,234,1) 100%);
padding: 6em 0;
}
.lnav_secondary__inner {
margin:auto;
max-width: 1000px;
width: 96%;
}
.lnav_secondary img {width:100%}

.lnav_secondary__inner ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.lnav_secondary__inner li {
margin-bottom: 2em;
width: 30.33%;
}

.lnav_secondary__inner li a .thumbs {
overflow: hidden;
}
.lnav_secondary__inner li a img {
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
}
.lnav_secondary__inner li a:hover  img{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
}
.lnav_secondary__inner li a h3 {
color:#a99655;
font-family: 'Oswald', sans-serif;
font-size:2.4rem;
text-align: center;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
}
.lnav_secondary__inner li a:hover h3 {
letter-spacing: .2em;
}

/*=========================================
BELOW 1024px
=========================================*/
@media only screen and (max-width: 1024px) {
.lnav_intro {
background:#6c5820;
}
.lnav_intro__inner {
background-size:80%;
}
}


/*=========================================
BELOW 860px
=========================================*/
@media only screen and (max-width: 860px) {
.lnav_intro__inner p {font-size:2rem;}

.lnav__summary h3 {font-size:2.8rem;}
.lnav__summary p {font-size:2rem;}
.lnav__summary a {font-size:2rem;}

.lnav_secondary__inner li a h3 {font-size:2rem;}
}

/*=========================================
BELOW 640px
=========================================*/
@media only screen and (max-width: 640px) {
.lnav_intro__inner h2 {width: 84%;}
.lnav_intro__inner p {font-size:1.6rem;}

.lnav__summary h3 {font-size:2.4rem;}
.lnav__summary p {font-size:1.6rem;}
.lnav__summary a {font-size:1.6rem;}

.lnav_secondary__inner li {width: 48%;}
.lnav_secondary__inner li a h3 {font-size:1.8rem;}
}




/* CP FLOATING */
.float-banner {
position: fixed;
bottom: 96px;
left: 0;
z-index: 9;
transition: opacity 0.4s ease;
opacity: 0;
pointer-events: none;
}
.float-banner.is-visible {
opacity: 1;
pointer-events: all;
}
.float-banner .banner-space {
max-width: 320px;
position: relative;
}
.float-banner img {width:100%;}
.weekday-bnr {
cursor: pointer;
}
.float-close {
background-color: #444;
width: 24px;
height: 24px;
display: block;
position: absolute;
left: 0;
top: -24px;
z-index: 800;
cursor: pointer;
}
.float-close::before,
.float-close::after {
width: 16px;
height: 1px;
position: absolute;
top: 50%;
left: 50%;
content: '';
background: #fff;
}
.float-close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.float-close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}

@media only screen and (max-width: 860px) {
.float-banner {
bottom: 68px;
right: 28px;
}
}

@media only screen and (max-width: 480px) {
.float-banner {
right: 0;
}
.float-banner .banner-space {max-width: 100%;}
.float-close {
    display: none;
}
}


.top_merit_wrap {padding: 2em 0 0;}
.merit__inner {
background: #000 url(../img/bg_top_merit.png) no-repeat 100%;
background-size: 40%;
box-sizing:border-box;
border: 4px solid;
border-image: linear-gradient(15deg, #66502a 0%, #c7b274 40%, #66502a 70%, #c7b274 100%);
border-image-slice: 1; 
margin:auto;
max-width: 820px;
padding: 2em;
width: 90%;
}

.merit__summary h2 {
border-bottom: 2px solid;
border-image: linear-gradient(15deg, #66502a 0%, #c7b274 40%, #66502a 70%, #c7b274 100%);
border-image-slice: 1; 
color:#fff;
font-size:4rem;
line-height: 1;
padding-bottom: .25em;
}
.merit__summary h2 > span {
color:#fff;
font-size:65%;
}
.merit__summary ul {margin-top:2em;}
.merit__summary li {margin-bottom: 1em;}
.merit__summary li a {
color:#fff;
display: flex;
align-items: center;
font-size:2rem;
position: relative;
transition: .3s;
}
.merit__summary li a span {
background-color: #faf549;
color:#000;
font-family: 'Oswald', sans-serif;
font-size:2.4rem;
line-height: 1;
margin-right: .5em;
padding: 0 .25em .1em;
transition: .3s;
}

.merit__summary li a::after {
background: url(../img/ic_top_merit.png) no-repeat 0;
background-size: cover;
content:'';
height: 24px;
width: 24px;
margin-left: 1em;
transition: .3s;
}

.merit__summary li a:hover span {background-color: #9cc}
.merit__summary li a:hover::after {transform: translateX(4px);}

@media only screen and (max-width: 639px) {
.merit__inner {
background-size: 100%;
padding: 1em;
}
.merit__summary h2 {
font-size:2.1rem;
text-align: center;
}
.merit__summary li a {
flex-wrap: wrap;
font-size:1.5rem;
}
.merit__summary li a span {
display: block;
font-size:1.8rem;
margin-bottom: .25em;
text-align: center;
width: 100%;
}
.merit__summary li a::after {
height: 24px;
width: 24px;
}
}

.top_potential_wrap {padding-top: 2em;}
.potential__inner {
 margin: 0 auto 2em;
 max-width: 820px;
 width: 90%;
}
.potential__inner img {width: 100%;}

.potential__inner li {margin-top:2em;}


.holiday {
-webkit-box-shadow: 1px 2px 2px #ccc;
box-shadow: 1px 1px 6px #ccc;
/*display: flex;
flex-wrap: wrap;
align-items: center;*/
letter-spacing: 0.3px;
margin: 4em auto 0;
}
.holiday dt {
background-color: rgba(239,242,234,1);
color: #444;
display: block;
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 1.5;
margin: 0 auto;
padding: 16px 0;
width: 100%;
}
.holiday dd {
color: #333;
display: block;
font-size: 1.6rem;
font-weight: bold;
line-height: 2;
padding: 10px 20px;
text-align: center;
width: 100%;
}
.holiday dd > span {
display: block;
font-size:1.2rem;
}

/*===== for   BELOW - 799px =====*/
@media screen and (max-width:799px){
.holiday dt {font-size: 1.65rem;}
.holiday dd {font-size: 1.3rem;}
.holiday dd > span {font-size: 1rem;}
}


.action_wrap {
/*background-color: #e4aca6;*/
background-color: #283047;
padding: 32px 0;
}
.action__inner {
margin: auto;
max-width: 820px;
width: 90%;
}
.action__inner ul {
display: flex;
justify-content: center;
}
.action__inner li {
padding: 8px 0;
position: relative;
}
.action__inner li:nth-child(1) {
margin-right:4em;
/*width: 45%;*/
}
.action__inner li:nth-child(1)::after {
background-color: #fff;
content: '';
height: 100%;
width: 1px;
position: absolute;
right:-2em;
}
/*.action__inner li:nth-child(2) {width: 26.25%;}*/
.action__inner li img {width: 100%;}

/*===== for   BELOW - 639px =====*/
@media screen and (max-width:639px){
.action__inner ul {
display: block;
}
.action__inner li:nth-child(1) {
margin:0 0 2em;
width: 100%;
}
.action__inner li:nth-child(2) {width: 100%;}
.action__inner li:nth-child(1)::after {
height: 1px;
width: 100%;
bottom:-1em;
right:0;
}
.action__inner li img {
display: block;
margin:auto;
max-width: 300px;
width: 100%;
}
}


.roomtour_wrap {
margin:80px auto;
}
.roomtour_wrap h2 {
font-size:4rem;
margin-bottom: 40px;
text-align: center;
}
.roomtour_wrap h2 > span {
display: block;
font-family: 'Oswald', sans-serif;
font-size:2.4rem;
}
.roomtour_wrap img {
max-width: 100%;
width: 100%;
}

.roomtour_wrap .roomtour_type {
padding: 120px 0;
}
.roomtour_wrap .roomtour_type.type_f {
background: url(../img/bg_ftype.jpg) no-repeat 50% 0;
background-size: cover;
}
.roomtour_wrap .roomtour_type.type_e {
background: url(../img/bg_etype.jpg) no-repeat 50% 0;
background-size: cover;
}

.roomtour_wrap .roomtour_inner {
background-color: rgba(255,255,255,.8);
box-shadow: 0 0 4px rgba(0,0,0,.5);
margin: auto;
max-width: 1200px;
padding: 64px;
width: 90%;
}
.roomtour_wrap .roomtour_inner .fx {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.roomtour_wrap .roomtour_inner .pic {
width:37.88%;
}
.roomtour_wrap .roomtour_inner .summary {
width:53.84%;
}

.roomtour_wrap .spec {margin-bottom: 64px;}
.roomtour_wrap .spec dl {
display: inline-flex;
align-items: stretch;
margin-bottom: 16px;
}
.roomtour_wrap .spec dt {
background-color: #a99655;
color:#fff;
font-family: 'Oswald', sans-serif;
font-size:4.8rem;
padding: 0 24px;
}
.roomtour_wrap .spec dt > span {
color:#fff;
font-family: 'Oswald', sans-serif;
font-size:1.5em;
line-height: 1;
}
.roomtour_wrap .spec dd {
background-color: #ddd;
display: inline-flex;
justify-content: center;
align-items: center;
font-size:3.2rem;
padding: 0 24px;
}
.roomtour_wrap .spec dd > span {
font-size:1.5em;
line-height: 1;
padding-bottom: .25em;
}
.roomtour_wrap .spec p {
font-size:1.6rem;
}
.roomtour_wrap .spec p .spec_primary > em {
margin-left:1em;
}
.roomtour_wrap .spec p .spec_primary > em > span {
font-size:2em;
}
.roomtour_wrap .spec p .spec_secondary {
margin-left:1em;
}
.roomtour_wrap .spec p .spec_secondary > em {
margin-left:1em;
}
.roomtour_wrap .spec p .sm {font-size:1.2rem;}
.roomtour_wrap .spec ul {
margin-top:1em;
}
.roomtour_wrap .spec li {
border-bottom: 1px dotted #666;
margin-bottom: .5em;
padding-bottom: .5em;
}

.roomtour_wrap .summary h3 {
border-left:4px solid #a99655;
color:#a99655;
font-size:2.4rem;
margin-bottom:1em;
padding-left: .5em;
}

.roomtour_wrap button {
padding: 0;
border: none;
outline: none;
font: inherit;
color: inherit;
background: none;
cursor: pointer;
}

/*===== for   BELOW - 799px =====*/
@media screen and (max-width:799px){
.roomtour_wrap {
margin:64px auto;
}
.roomtour_wrap h2 {
font-size:3.2rem;
margin-bottom: 32px;
text-align: center;
}
.roomtour_wrap h2 > span {
display: block;
font-family: 'Oswald', sans-serif;
font-size:2rem;
}

.roomtour_wrap .roomtour_type {
padding: 96px 0;
}


.roomtour_wrap .roomtour_inner {
padding: 56px 24px;
width: 80%;
}
.roomtour_wrap .roomtour_inner .fx {
flex-flow: column wrap;
}
.roomtour_wrap .roomtour_inner .pic {
margin-top:24px;
order:2;
width:100%;
}
.roomtour_wrap .roomtour_inner .summary {
order:1;
width:100%;
}

.roomtour_wrap .roomtour_inner .pic img {
    display: block;
    margin:auto;
    max-width: 394px;
    width: 100%;
}

.roomtour_wrap .spec {margin-bottom: 48px;}
.roomtour_wrap .spec dt {
font-size:4rem;
}

.roomtour_wrap .spec dd {
font-size:2.4rem;
padding: 0 20px;
}

.roomtour_wrap .spec p {
font-size:1.4rem;
}
.roomtour_wrap .spec p .sm {font-size:1rem;}

.roomtour_wrap .summary h3 {
font-size:2rem;
}
}


/*===== for   BELOW - 639px =====*/
@media screen and (max-width:639px){
.roomtour_wrap {
margin:40px auto;
}
.roomtour_wrap h2 {
font-size:2.4rem;
margin-bottom: 24px;
text-align: center;
}
.roomtour_wrap h2 > span {
display: block;
font-family: 'Oswald', sans-serif;
font-size:1.6rem;
}

.roomtour_wrap .roomtour_type {
padding: 72px 0;
}

.roomtour_wrap .roomtour_inner {
padding: 40px 16px;
width: 74%;
}
.roomtour_wrap .spec {margin-bottom: 32px;}
.roomtour_wrap .spec dt {
font-size:3.2rem;
}

.roomtour_wrap .spec dd {
font-size:2rem;
padding: 0 20px;
}

.roomtour_wrap .spec p {
font-size:1.3rem;
}

.roomtour_wrap .spec p .spec_secondary {
	display: block;
margin-left:0;
}
.roomtour_wrap .summary h3 {
font-size:1.8rem;
}
}


.campaign_wrap {
    margin:3em auto;
    max-width: 1000px;
    width: 90%;
}
.campaign_wrap img {
    max-width: 100%;
    width: auto;
}

/*===== for   BELOW - 799px =====*/
@media screen and (max-width:799px){
.campaign_wrap {margin:2em auto;}
}


.modal-video-close-btn {right:0!important;}



.biz_closed {
border: 6px solid rgba(0, 0, 0, 0.3);
background-color: #fff;
color: #000;
margin: 4em auto;
padding: 2em 1em;
text-align: center;
}
.biz_closed h3 {
background-color: #0c1f3a;
color: #fff;
font-size: 20px;
line-height: 2;
margin-bottom: 1em;
}

.biz_closed dt {
font-size: 20px;
font-weight: 700;
margin-bottom: 1em;
}
.biz_closed dt em {
color: #c00;
font-style: normal;
}
.biz_closed dd {
font-size: 14px;
}

@media screen and (max-width: 767px) {
.biz_closed h3 {
font-size: 16px;
}
}
@media screen and (max-width: 639px) {
.biz_closed dt {
font-size: 16px;
}
}
@media screen and (max-width: 479px) {
.biz_closed dt {
font-size: 14px;
}
.biz_closed dd {
font-size: 12px;
}
}