@charset "utf-8";
main .main-slide div .s1 { background: url(../img/main/image1.jpg) no-repeat center/cover;  }
main .main-slide div .s2 { background: url(../img/main/image2.jpg) no-repeat center/cover;  }
main .main-slide div .s3 { background: url(../img/main/image3.jpg) no-repeat center/cover;  }
main .main-slide div .s4 { background: url(../img/main/image4.jpg) no-repeat center/cover;  }
main .main-slide div .s5 { background: url(../img/main/image5.jpg) no-repeat center/cover;  }
main .main-slide div .s6 { background: url(../img/main/image6.jpg) no-repeat center/cover;  }
main .main-slide div .s7 { background: url(../img/main/image7.jpg) no-repeat center/cover;  }
main .main-slide div .s8 { background: url(../img/main/image8.jpg) no-repeat center/cover;  }
main .main-slide div .s9 { background: url(../img/main/image9.jpg) no-repeat center/cover;  }
main .main-slide div .s10 { background: url(../img/main/image10.jpg) no-repeat center/cover;  }
main .main-slide div .s11 { background: url(../img/main/image11.jpg) no-repeat center/cover;  }
main .main-slide div .s12 { background: url(../img/main/image12.jpg) no-repeat center/cover;  }
main .main-slide div .s13 { background: url(../img/main/image13.jpg) no-repeat center/cover;  }
main .main-slide div .s14 { background: url(../img/main/image14.jpg) no-repeat center/cover;  }
main .main-slide div .s15 { background: url(../img/main/image15.jpg) no-repeat center/cover;  }
main .main-slide div .s16 { background: url(../img/main/image16.jpg) no-repeat center/cover;  }
main .main-slide div .s17 { background: url(../img/main/image17.jpg) no-repeat center/cover;  }
main .main-slide div .s18 { background: url(../img/main/image18.jpg) no-repeat center/cover;  }
main .main-slide div .s19 { background: url(../img/main/image19.jpg) no-repeat center/cover;  }
main .main-slide div .s20 { background: url(../img/main/image20.jpg) no-repeat center/cover;  }
main .main-slide div .s21 { background: url(../img/main/image21.jpg) no-repeat center/cover;  }
main .main-slide div .s22 { background: url(../img/main/image22.jpg) no-repeat center/cover;  }

.p-intro { display: flex; padding: 70px 0 0 0; }
.p-intro .imgbox { width: 50%; height: 100%; background: url('../img/main/image17.jpg') no-repeat center/cover; }
.p-intro .imgbox a { display: block; width: 100%; height: 100%; }
.p-intro .rights { display: flex; flex-direction: column; justify-content: space-between; width: 50%; padding: 80px 0 80px 10.416%; }
.p-intro .rights .titles h1 { margin-bottom: 15px; }

.r-intro { padding: 70px 0 0 0; }
.r-intro .rooms-slide { position: relative; width: 100%; height: 100%; overflow: hidden; } 
.r-intro .rooms-slide div .swiper-slide { display: flex; }
.r-intro .rooms-slide div .swiper-slide .lefts { position: relative; width: 50%; height: 100%; }
.r-intro .rooms-slide div .swiper-slide .lefts .imgbox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 31.25%; aspect-ratio: 3/4; }
.r-intro .rooms-slide div .swiper-slide .lefts .imgbox a { display: block; width: 100%; height: 100%; }
.r-intro .rooms-slide div .s1 .lefts .imgbox { background-image: url('../img/sub2/1/image1.jpg'); }
.r-intro .rooms-slide div .s2 .lefts .imgbox { background-image: url('../img/sub2/2/image7.jpg'); background-position: 30%;}
.r-intro .rooms-slide div .s3 .lefts .imgbox { background-image: url('../img/sub2/3/image3.jpg'); }
.r-intro .rooms-slide div .s4 .lefts .imgbox { background-image: url('../img/sub2/4/image3.jpg'); }
.r-intro .rooms-slide div .swiper-slide .lefts .img1 .swiper-button-prev { position: absolute;  }
.r-intro .rooms-slide div .swiper-slide .lefts .txtbox { position: absolute; bottom: 40px; left: 40px;}
.r-intro .rooms-slide div .swiper-slide .lefts .txtbox h1 { margin-bottom: 10px; font-size: 18px; }
.r-intro .rooms-slide div .swiper-slide .lefts .txtbox> :nth-child(2) { margin-bottom: 30px; font-size: 24px; font-weight: bold; color: #916d5c; }
.r-intro .rooms-slide div .swiper-slide> .imgbox { width: 50%; height: 100%; }
.r-intro .rooms-slide div .swiper-slide> .imgbox a { display: block; width: 100%; height: 100%; }
.r-intro .rooms-slide div .s1> .imgbox { background-image: url('../img/sub2/1/image2.jpg'); }
.r-intro .rooms-slide div .s2> .imgbox { background-image: url('../img/sub2/2/image9.jpg'); }
.r-intro .rooms-slide div .s3> .imgbox { background-image: url('../img/sub2/3/image1.jpg'); }
.r-intro .rooms-slide div .s4> .imgbox { background-image: url('../img/sub2/4/image2.jpg'); }


.r-intro .rooms-slide .controls { position: absolute; left: calc(32.777% + 40px); top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center;   z-index: 1;}
.r-intro .rooms-slide .controls .swiper-button-prev, .r-intro .rooms-slide .controls .swiper-button-next { position: static; margin-top: 0; }
.r-intro .rooms-slide .controls .swiper-button-prev::after, .r-intro .rooms-slide .controls .swiper-button-next::after { content: "PREV"; font-size: 14px; color: #706e6b; }
.r-intro .rooms-slide .controls .swiper-button-next::after { content: "NEXT"; }
.r-intro .rooms-slide .controls span { width: 1px; height: 150px; background: #878480; margin: 15px 0; }


.e-intro { position: relative; padding: 70px 0 0; }
.e-intro> div { position: absolute; top: calc(50% + 35px); left: 50%; transform: translate(-50%, -50%); width: 1400px; }
.e-intro div .tops { display: flex; justify-content: space-between; margin-bottom: 30px; }
.e-intro div .tops .rights { display: flex; align-items: center; }
.e-intro div .tops .rights .swiper-pagination { position: static; color: #5d5c59;  }
.e-intro div .tops .rights .swiper-button-prev, .e-intro div .tops .rights .swiper-button-next { position: static; margin-top: 0; width: auto; padding: 0 20px; }
.e-intro div .tops .rights .swiper-button-next { padding-right: 0; }
.e-intro div .tops .rights .swiper-button-prev::after, .e-intro div .tops .rights .swiper-button-next::after { content: "";}
.e-intro div .tops .rights .swiper-button-prev i, .e-intro div .tops .rights .swiper-button-next i { color: #5d5c59; }
.e-intro div .enjoy-slide { width: 100%; overflow: hidden; }
.e-intro div .enjoy-slide div .swiper-slide .imgbox { width: 100%; aspect-ratio: 3/4; margin-bottom: 40px; }
.e-intro div .enjoy-slide div .swiper-slide .imgbox a { display: block; width: 100%; height: 100%; }
.e-intro div .enjoy-slide div .s1 .imgbox { background-image: url('../img/sub3/1/image1.jpg'); background-position: 60%; }
.e-intro div .enjoy-slide div .s2 .imgbox { background-image: url('../img/sub3/2/image5.jpg'); }
.e-intro div .enjoy-slide div .s3 .imgbox { background-image: url('../img/sub3/3/image7.jpg'); background-position: 30%; }
.e-intro div .enjoy-slide div .s4 .imgbox { background-image: url('../img/sub3/4/image9.jpg'); }
.e-intro div .enjoy-slide div .swiper-slide .c7c1b3 { font-size: 24px; margin-bottom: 20px; font-weight: bold; }

footer .imgbox { background-image: url('../img/main/image15.jpg'); }



@media screen and (max-width: 1480px){
    .e-intro> div { width: 100%; padding: 0 40px; }
}

@media screen and (max-width: 1440px){
    footer .imgbox div { font-size: 100px; }
}

@media screen and (max-width: 1024px){
    .e-intro div .enjoy-slide div .swiper-slide .imgbox { aspect-ratio: 1/1; }
    footer .imgbox div { font-size: 80px; }
}

@media screen and (max-width: 970px){
    footer .imgbox div { font-size: 60px; }
}

@media screen and (max-width: 768px) { 
    .p-intro { display: block; padding: 0; height: auto; }
    .p-intro .imgbox { width: 100%; height: auto; aspect-ratio: 2.414/1; margin: 0 20px; width: auto; }
    .p-intro .rights { width: 100%; padding: 60px 0 40px 40px; }
    .p-intro .rights .titles { margin-bottom: 60px; }

    .r-intro { padding: 0; }
    .r-intro .rooms-slide div .swiper-slide .lefts { width: 100%; }
    .r-intro .rooms-slide div .swiper-slide .lefts .imgbox { width: 50%; top: 40%; }
    .r-intro .rooms-slide div .swiper-slide .lefts .txtbox { width: 100%; left: 0; padding: 0 20px; text-align: center; }
    .r-intro .rooms-slide div .swiper-slide> .imgbox { display: none; }
    .r-intro .rooms-slide .controls { left: calc(75% + 40px); top: 40%; }
    .r-intro .rooms-slide .controls .swiper-button-prev::after, .r-intro .rooms-slide .controls .swiper-button-next::after { font-size: 13px; }

    .e-intro> div { padding: 0 20px; }
    .e-intro div .enjoy-slide div .swiper-slide .imgbox { width: 100%; aspect-ratio: 4/3; margin-bottom: 40px; }
}

@media screen and (max-width: 703px) { 
    footer .imgbox div { font-size: 40px; }

}

@media screen and (max-width: 540px) { 
    .p-intro .imgbox { aspect-ratio: 4/3; }
    .p-intro .rights {  padding: 40px 20px;}

    .r-intro { height: 70vh; }
    .r-intro .rooms-slide div .swiper-slide .lefts .imgbox { width: 60%; }
    .r-intro .rooms-slide div .swiper-slide .lefts .txtbox { bottom: 20px; }
    .r-intro .rooms-slide .controls { left: calc(80% + 40px); }
    .r-intro .rooms-slide .controls .swiper-button-prev::after, .r-intro .rooms-slide .controls .swiper-button-next::after { font-size: 12px; }

    .e-intro { height: 70vh; }
}

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

    footer .imgbox div { font-size: 25px; }   
}

@media screen and (max-width: 320px) { 
    .r-intro .rooms-slide .controls { left: calc(80% + 30px); }
}