@charset "UTF-8";

/* #header .header__inner svg {

  fill: #fff;

}

.header .cls-4 {

  stroke: #fff;

}

.header .navigation__list {

  color: #fff;

}

.header .drawer-btn__border, .header .drawer-btn__border::after, .header .drawer-btn__border::before {

  background-color: #FFF;

} */



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - custom property

//////////////////////////////////////////////////////////////////////////////////////////////

*/





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

  .header__wrapper{

    position: absolute;

    width: 100%;

  }



  .header .drawer {

    width: 100%;

    padding: calc(290 * (100vw / 750)) 0 calc(100 * (100vw / 750)) !important;

  }

}



@media screen and (min-width: 768px) {

  

  .header__wrapper{

    position: fixed;

    top: 0;

    width: 100%;

    z-index: var(--zindex-header);

  }



  .header .drawer {

      width: 300px;

      padding: 100px 0;

  }

}



/* .header .drawer{

  padding: 0 0 calc(100 * (100vw / 750)) !important;

} */







/* 

#Foot{

  z-index: 10;

} */



.AU250521RESORT {

  --color-white: #fff;

  --color-black: #000;

  --font-yu: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic";

  --font-hiragino: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

  /* --font-mincho: 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro'; */

  --font-nimbus: nimbus-sans, sans-serif;

  /* --font-trajan: "trajan-pro-3", serif; */

  --font-sigurd : "sigurd-semi", sans-serif;

  --font_weight-light: 300;

  --font_weight-regular: 400;

  --font_weight-medium: 500;

  --font_weight-semibold: 600;

  --font_weight-bold: 700;

  --ease-up: cubic-bezier(0.16, 0.88, 0.25, 1);

  --blur-hover: blur(30px);



  position: relative;

  font-style: normal;

  color: #000;

  font-family: var(--font-hiragino);

  font-feature-settings: "palt";

  overflow: clip;

  background-color: #F3E7D4;

  /* overflow: clip; */

}



/* .AU250521RESORT::after{

  content: "";

  position: absolute;

  background-image: url(../img/mv_bg.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-position-y: top;

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

} */

 

/* Trajan Pro 3 Regular

font-family: "trajan-pro-3", serif;

font-weight: 400;

font-style: normal;

Trajan Pro 3 Bold

font-family: "trajan-pro-3", serif;

font-weight: 700;

font-style: normal; */



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - other

//////////////////////////////////////////////////////////////////////////////////////////////

*/



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

  .AU250521RESORT{

    padding-top: min(20 * (100vw / 750), 200px);

    padding-bottom: min(200 * (100vw/750), 200px);

  }



  .AU250521RESORT .hidden-mobile {display: none !important;}



  .AU250521RESORT .product {

    margin-bottom: min(155 * (100vw/750), 155px);

  }

}



@media screen and (min-width: 768px) {

  .AU250521RESORT{

    padding-bottom: min(178 * (100vw/1400), 178px);

  }



  .AU250521RESORT .main-wrap {

    max-width: min(1200 * (100vw/1400), 1200px);

    margin: 0 auto;

  }



  .AU250521RESORT .hidden-desktop {display: none !important;}



  .AU250521RESORT .product {

    margin-bottom: min(250 * (100vw/1400), 250px);

  }

}



.AU250521RESORT img,

.AU250521RESORT picture,

.AU250521RESORT video {

  display: block;

  width: 100%;

  height: auto;

  vertical-align: bottom;

}



.top_button {

  margin-top: calc(-110 * 100vw / 750);

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - grid

//////////////////////////////////////////////////////////////////////////////////////////////

*/



@media screen and (min-width: 768px) {

  .product02 .product_content02,

  .product04 .product_content02{

    display: grid;

    grid-template-columns: auto;

    grid-template-rows: auto auto auto auto;

  }



  .product02 .product-img01,

  .product04 .product-img01{

    grid-row: 1 / 2;

  }



  .product02 .product-img02,

  .product04 .product-img02{

    grid-row: 4 / 5;

  }



  .product02 .product-price,

  .product04 .product-price{

    grid-row: 2 / 3;

  }



  .product02 .product-text,

  .product04 .product-text{

    grid-row: 3 / 4;

  }

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - mainvisual

//////////////////////////////////////////////////////////////////////////////////////////////

*/





.AU250521RESORT .section-kv {

  position: relative;

  width: 100%;

}



.AU250521RESORT .mv-txt{

  position: absolute;

  display: flex;

  flex-direction: column;

  left: 50%;

  transform: translateX(-50%);

  z-index: 10;

  pointer-events: none;

}



.AU250521RESORT .sub-txt{

  font-family: var(--font-hiragino);

  text-align: center;

  color: #fff;

}





/* @media screen and (max-width: 768px) {

  .section-kv {

    padding-top: min(100 * (100vw / 750), 100px)!important;

  }

} */



/* 冒頭 mvアニメーション */



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

  .AU250521RESORT .mv-txt{

    bottom: min(100 * (100vw / 750), 100px);

  }



  .AU250521RESORT .mv-txt .ttl{

    width: min(547.7559 * (100vw / 750), 547.7559px);

  }



  .AU250521RESORT .sub-txt{

    font-size: min(24 * (100vw / 750), 20px);

    line-height: 1.72;

    letter-spacing: 0.075em;

    font-weight: var(--font_weight-semibold);

    margin-top: min(50 * (100vw / 750), 50px);

  }

}



@media screen and (min-width: 768px) {



  .AU250521RESORT .section-kv {

    margin-bottom: min(250 * (100vw / 1400), 250px);

  }



  .AU250521RESORT .mv-txt{

    bottom: 30.8%;

    /* padding-left: min(15 * (100vw / 1400), 15px); */

  }



  .AU250521RESORT .mv-txt .ttl{

    width: min(766.0313 * (100vw / 1400), 766.0313px);

  }



  .AU250521RESORT .sub-txt{

    font-size: min(15 * (100vw / 1400), 15px);

    line-height: 1.72;

    letter-spacing: 0.11em;

    font-weight: var(--font_weight-medium);

    margin-top: min(32 * (100vw / 1400), 32px);

  }

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - text / credit

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.product-text{

  font-family: var(--font-hiragino);

  font-weight: var(--font_weight-regular);

  text-align: justify;

}



.product-price{

  display: flex;

  justify-content: center;

}



.product-price .crdt{

  display: inline;

  font-family: var(--font-nimbus);

  line-height: 1;

  border-bottom: #000 solid 1px;

}



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

  .product-text{

    font-size: min(23 * (100vw / 750), 23px);

    font-weight: var(--font_weight-medium);

    letter-spacing: 0.13em;

    line-height: 1.8695652174;

    width: min(650.0003 * (100vw / 750), 650.0003px);

    margin: min(70 * (100vw / 750), 70px) auto 0;

  }

  .product-price{

    column-gap: min(14 * (100vw / 750), 14px);

    margin: min(43 * (100vw / 750), 43px) auto 0;

  }



  .product-price .crdt a{

    font-size: min(24 * (100vw / 750), 24px);

  }



  .side-txt{

    width: min(60.4014 * (100vw / 750), 60.4014px);

    height: min(874.9063 * (100vw / 750), 874.9063px);

  }

}



@media screen and (min-width: 768px) {

  .product-text{

    font-size: min(13 * (100vw / 1400), 13px);

    font-weight: var(--font_weight-regular);

    line-height: 2.07692307692;

    letter-spacing: 0.05em;

    padding-top: min(30 * (100vw / 1400), 30px);

  }



  .product-price{

    column-gap: min(8 * (100vw / 1400), 8px);

    margin-top: min(40 * (100vw / 1400), 40px);

  }



  .product-price .crdt a{

    font-size: min(12 * (100vw / 1400), 12px);

  }



  .side-txt{

    width: min(52.8555 * (100vw / 1400), 52.8555px);

    height: min(766.0313 * (100vw / 1400), 766.0313px);

  }

}





/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - pictures

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250521RESORT .product02 .product-img02,

.AU250521RESORT .product04 .product-img02{

  position: relative;

  z-index: 1;

}



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



  .AU250521RESORT .product01 .product-img01{

    width: min(650 * (100vw / 750), 650px);

    margin: min(180 * (100vw / 750), 180px) auto 0;

  }



  .AU250521RESORT .product01 .product-img02{

    width: min(430 * (100vw / 750), 430px);

    margin: min(100 * (100vw / 750), 100px) auto 0;

  }



  .AU250521RESORT .product02 .product-img01 a{

    width: min(630 * (100vw / 750), 630px);

    margin: 0 0 0 auto;

  }



  .AU250521RESORT .product02 .product-img02{

    width: min(500 * (100vw / 750), 500px);

    margin: min(640 * (100vw / 750), 640px) auto 0 min(109 * (100vw / 750), 109px);

  }



  .AU250521RESORT .product03 .product-img01{

    width: min(700 * (100vw / 750), 700px);

    margin: 0 auto;

  }



  .AU250521RESORT .product03 .product-img02{

    width: min(550 * (100vw / 750), 550px);

    margin: min(70 * (100vw / 750), 550px) auto 0;

  }



  .AU250521RESORT .product04 .product-img01 a {

    width: min(633 * (100vw / 750), 633px);

    margin: 0 auto 0 0;

  }



  .AU250521RESORT .product04 .product-img02{

    width: min(500 * (100vw / 750), 500px);

    margin: min(648 * (100vw / 750), 648px) min(95 * (100vw / 750), 95px) 0 auto;

  }



  .AU250521RESORT .product05 .product-img02{

    width: min(598.8552 * (100vw / 750), 598.8552px);

    margin: min(70 * (100vw / 750), 70px) auto 0;

  }



}



@media screen and (min-width: 768px) {



  .AU250521RESORT .product01 .product-img01{

    width: min(550 * (100vw / 1400), 550px);

  }



  .AU250521RESORT .product01 .product-img02{

    width: min(330 * (100vw / 1400), 330px);

    margin-left: min(64 * (100vw / 1400), 64px);

  }



  .AU250521RESORT .product02 .product-img01{

    width: min(630 * (100vw / 1400), 630px);

    margin: 0 auto;

  }



  .AU250521RESORT .product02 .product-img02{

    width: min(465 * (100vw / 1400), 465px);

    margin: 0 auto;

    padding-top: min(117 * (100vw / 1400), 117px);

  }



  .AU250521RESORT .product03 .product-img01{

    width: min(880 * (100vw / 1400), 880px);

    margin: 0 auto;

  }



  .AU250521RESORT .product03 .product-img02{

    width: min(550 * (100vw / 1400), 550px);

    margin: min(65 * (100vw / 1400), 65px) auto 0;



  }



  .AU250521RESORT .product04 .product-img01{

    width: min(633 * (100vw / 1400), 633px);

    margin: 0 auto 0 0;

  }



  .AU250521RESORT .product04 .product-img02{

    width: min(500 * (100vw / 1400), 500px);

    margin: min(105 * (100vw / 1400), 105px) 0 0 auto;

  }



  .AU250521RESORT .product05 .product-img01{

    width: min(1200 * (100vw / 1400), 1200px);

    margin: 0 auto;

  }



  .AU250521RESORT .product05 .product-img02{

    width: min(598.8552 * (100vw / 1400), 598.8552px);

    margin: 0 auto;

  }

}





/* Windows (全バージョン)のみ */

@media screen and (min-width: 768px) {

  .win {

    .AU250521RESORT .product02 .product-text{

      width: min(410 * (100vw / 1400), 410px);

    }



  }

}



/* Firefox */

@-moz-document url-prefix() {

  @media screen and (min-width: 768px) {

    .AU250521RESORT .product03 .product_content .product-text {

        width: min(610 * (100vw / 1400), 610px);

    }

  }

}



@media screen and (min-width: 768px) {

  _::-webkit-full-page-media, _:future, :root .AU250521RESORT .product03 .product_content .product-text {

    width: min(603 * (100vw / 1400), 603px);

  }

}







/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product01

//////////////////////////////////////////////////////////////////////////////////////////////

*/





@media screen and (min-width: 768px) {

  .AU250521RESORT .product01{

    display: flex;

    justify-content: space-between;

    align-items: end;

    width: min(1080 * (100vw / 1400), 1080px);

    margin-right: auto;

    margin-left: auto;

    margin-bottom: min(243 * (100vw / 1400), 243px);

  }



  .AU250521RESORT .product01 .product_content01{

    width: min(550 * (100vw / 1400), 550px);

    margin-left: min(22 * (100vw / 1400), 22px);

    padding-bottom: min(35 * (100vw / 1400), 35px);

  }



  /* .AU250521RESORT .product01 .product-img01{

    margin-left: min(10 * (100vw / 1400), 10px);

  } */



  .AU250521RESORT .product01 .product_content02{

    width: min(428 * (100vw / 1400), 428px);

  }



  .AU250521RESORT .product01 .product-text{

    padding-top: min(62 * (100vw / 1400), 62px);

  }





}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product02

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250521RESORT .product02,

.AU250521RESORT .product02 .product-img01 {

  position: relative;

  z-index: 1;

}



.AU250521RESORT .product02 .product_content01{

  position: absolute;

}



.AU250521RESORT .product02 .product-img01::after{

  content: "";

  position: absolute;

  left: 0;

  background-image: url(../img/bg01.jpg);

  background-repeat: no-repeat;

  background-size: contain;

  z-index: -1;

}



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

  .AU250521RESORT .product02 {

    margin-bottom: min(170 * (100vw / 750), 170px);

  }



  .AU250521RESORT .product02 .product_content01{

    top: min(1003 * (100vw / 750), 1003px);

    right: min(38 * (100vw / 750), 38px);

  }



  .AU250521RESORT .product02 .product-img01::after{

    width: min(530 * (100vw / 750), 530px);

    height: min(920 * (100vw / 750), 920px);

    top: min(735.5709 * (100vw / 750), 735.5709px);

  }



  .product02 .product-text {

    margin: min(65 * (100vw / 750), 65px) auto 0;

  }

}



@media screen and (min-width: 768px) {

  .AU250521RESORT .product02{

    width: min(1055 * (100vw / 1400), 1055px);

    margin-right: auto;

    margin-left: auto;

  }



  .AU250521RESORT .product02 .product_content01{

    top: min(690 * (100vw / 1400), 690px);

    right: 0;

  }



  .AU250521RESORT .product02 .product_content02{

    width: min(630 * (100vw / 1400), 630px);

    margin: 0 auto;

  }



  /* .AU250521RESORT .product02 .product-img01{

    width: min(630 * (100vw / 1400), 630px);

    margin: 0 auto;

  } */



  .AU250521RESORT .product02 .product-img01::after{

    width: min(530 * (100vw / 1400), 530px);

    height: min(920 * (100vw / 1400), 920px);

    top: min(811.2551 * (100vw / 1400), 811.2551px);

    left: -61%;

  }



  .AU250521RESORT .product02 .product-text{

    width: min(400.0235 * (100vw / 1400), 400.0235px);

    justify-self: end;

    padding-top: min(117 * (100vw / 1400), 117px);



  }



  .AU250521RESORT .product02 .product-price{

    justify-self: end;

  }



}





/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product03

//////////////////////////////////////////////////////////////////////////////////////////////

*/





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

  .AU250521RESORT .product03 {

    margin-bottom: min(185 * (100vw / 750), 185px);

  }



  .product03 .product-text {

    margin: min(65 * (100vw / 750), 65px) auto 0;

  }

}



@media screen and (min-width: 768px) {

  .AU250521RESORT .product03 {

    margin-bottom: min(247 * (100vw / 1400), 247px);

  }



  .AU250521RESORT .product03 .product-text{

    width: min(600.0001 * (100vw / 1400), 600.0001px);

    letter-spacing: 0.061em;

    padding-top: min(64 * (100vw / 1400), 64px);

    margin: 0 auto;

  }



  .product03 .product-price {

    margin-top: min(37 * (100vw / 1400), 37px);

  }

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product04

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250521RESORT .product04,

.AU250521RESORT .product04 .product-img01 {

  position: relative;

  z-index: 1;

}



.AU250521RESORT .product04 .product_content01{

  position: absolute;

}



.AU250521RESORT .product04 .product-img01::after{

  content: "";

  position: absolute;

  right: 0;

  background-repeat: no-repeat;

  background-size: contain;

  z-index: -1;

}



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

  .AU250521RESORT .product04 {

    margin-bottom: min(165 * (100vw / 750), 165px);

  }



  .AU250521RESORT .product04 .product_content01{

    top: min(1002 * (100vw / 750), 1002px);

    left: min(45 * (100vw / 750), 45px);

  }



  .AU250521RESORT .product04 .product-img01::after{

    background-image: url(../img/bg02_sp.jpg);

    width: min(540 * (100vw / 750), 540px);

    height: min(890 * (100vw / 750), 890px);

    top: min(765 * (100vw / 750), 765px);

  }



}



@media screen and (min-width: 768px) {

  .AU250521RESORT .product04{

    width: min(1116 * (100vw / 1400), 1116px);

    margin-right: auto;

    margin-left: auto;

  }



  .AU250521RESORT .product04 .product_content01{

    top: min(548 * (100vw / 1400), 548px);

    left: 0;

  }



  .AU250521RESORT .product04 .product-img01{

    width: min(633 * (100vw / 1400), 633px);

  }



  .AU250521RESORT .product04 .product_content02{

    width: min(642.5323 * (100vw / 1400), 642.5323px);

    margin: 0 auto 0 min(165 * (100vw / 1400), 165px);

  }



  .AU250521RESORT .product04 .product-img01::after{

    background-image: url(../img/bg02.jpg);

    width: min(620 * (100vw / 1400), 620px);

    height: min(920 * (100vw / 1400), 920px);

    top: min(599 * (100vw / 1400), 599px);

    right: -73%;

  }



  .AU250521RESORT .product04 .product-text{

    width: min(395 * (100vw / 1400), 395px);

    justify-self: start;

    padding-top: min(90 * (100vw / 1400), 90px);

  }



  .AU250521RESORT .product04 .product-price{

    justify-self: start;

    margin-left: min(138 * (100vw / 1400), 138px);

  }



}





/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product05

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250521RESORT .product05 {

  margin-bottom: 0;

}



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

}



@media screen and (min-width: 768px) {





  .AU250521RESORT .product05 .product_content02{

    width: min(598.8552 * (100vw / 1400), 598.8552px);

    margin: 0 auto;

  }



  .AU250521RESORT .product05 .product-text{

    padding: min(75 * (100vw / 1400), 75px) 0 min(80 * (100vw / 1400), 80px);

  }

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - closing

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250521RESORT .closing{

  display: flex;

  justify-content: center;

}



.AU250521RESORT .closing a{

  display: inline;

  color: #000;

  border-bottom: #000 solid 0.5px;

  letter-spacing: 0.035em;

  font-family: var(--font-nimbus);

  font-weight: var(--font_weight-regular);

  text-align: center;

}



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

  .AU250521RESORT .closing{

    margin: min(200 * (100vw/750), 200px) auto 0;

  }



  .AU250521RESORT .closing a{

    font-size: min(30 * (100vw/750), 30px);

    /* padding-bottom: min(8 * (100vw / 750), 8px); */

  }

}



@media screen and (min-width: 768px) {

  .AU250521RESORT .closing{

   margin: min(165 * (100vw/1400), 165px) auto 0;

  }



  .AU250521RESORT .closing a{

    font-size: min(18 * (100vw/1400), 18px);

    padding: 0 min(5 * (100vw / 1400), 5px);

    padding-bottom: min(4 * (100vw / 1400), 4px);

  }

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - animation

//////////////////////////////////////////////////////////////////////////////////////////////

*/



/* ========= mainvisual */

.section-kv.js-show .pic img{

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

  -webkit-transform: scale(1.07);

  transform: scale(1.07);

  -webkit-transform-origin: top left;

  transform-origin: top left;

}



.section-kv.js-show.on .pic img{

  transition: opacity 2s cubic-bezier(0.77, 0, 0.175, 1), transform 3.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  opacity: 1;

  transform: scale(1);

}



.section-kv.js-show .showUp{

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

}



.section-kv.js-show.on .showUp{

  transition: opacity 1.4s cubic-bezier(0.39, 0.575, 0.565, 1);

  transition-delay: 1s;

  opacity: 1;

}



/* ========= images below mainvisual */

.product-img01.js-show.blur::after,

.js-show.blur{

  opacity: 0;

  -webkit-filter: var(--blur-hover) brightness(1.1);

  filter: var(--blur-hover) brightness(1.1);

}



.product-img01.js-show.blur.on::after,

.js-show.blur.on{

  -webkit-animation: blurPic 1s ease forwards;

  animation: blurPic 1s ease forwards;

}



@keyframes blurPic {

  0%{

    opacity: 0;

    -webkit-filter: var(--blur-hover) brightness(1.1);

    filter: var(--blur-hover) brightness(1.1);

  }

  100%{

    opacity: 1;

    -webkit-filter: blur(0) brightness(1);

    filter: blur(0) brightness(1);

  }

}



/* ========= texts below mainvisual */

.js-show.fadeIn{

  opacity: 0;

  -webkit-transition: 0.6s;

  -o-transition: 0.6s;

  transition: 0.6s;

}



.js-show.fadeIn.on{

  opacity: 1;

}



/* ========= side text */

.js-show.slideIn{

  -webkit-transition: -webkit-clip-path 2s cubic-bezier(0.455,0.03,0.515,0.955) 0s;

  transition: -webkit-clip-path 2s cubic-bezier(0.455,0.03,0.515,0.955) 0s;

  transition: clip-path 2s cubic-bezier(0.455,0.03,0.515,0.955) 0s;

  transition: clip-path 2s cubic-bezier(0.455,0.03,0.515,0.955) 0s, -webkit-clip-path 2s cubic-bezier(0.455,0.03,0.515,0.955) 0s;

  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);

  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);

}



.js-show.slideIn.on{

  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

}