@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;

  }



  #header.is-open .header__inner svg {

    fill: #000;

  }

  .header.is-open .cls-4 {

    stroke: #000;

  }

  .header.is-open .navigation__list {

    color: #000;

  }

}



@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 .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: #fff;

}





.header.is-open .drawer-btn__border::after,

.header.is-open .drawer-btn__border::before {

  background: #000;

}



/* .header .navigation__icon--user a{

  color: #fff;

}



#header .header__inner svg{

  fill: #fff;

}

.cls-4{

  stroke: #fff;

}

.header .navigation__list{

  color: #fff;

}

.header .drawer-btn__border{

  background: #fff;

}

.header .drawer-btn__border::after{

  background: #fff;

}

.header .drawer-btn__border::before{

  background: #fff;

} */





/* 

.header .drawer{

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

} */





/* 

#Foot{

  z-index: 10;

} */



.AU250515SUMMER {

  --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: #fff;

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

  font-feature-settings: "palt";

  overflow: clip;

  /* background-color: #7AA9E1; */

  /* overflow: clip; */

}



/* .AU250515SUMMER::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; */



.AU250515SUMMER path {

  fill: #fff;

}

/*

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

setting - other

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

*/



.AU250515SUMMER .main-wrap {

  position: fixed;

  width: 100%;

  height: 100vh;

}



.AU250515SUMMER .main-wrap.endFixed{

  position: relative;

  z-index: 10;

  margin-right: auto;

  margin-left: auto;

  height: auto;

}







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

  .AU250515SUMMER{

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

  }

/* 

  .AU250515SUMMER::after{

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

  } */



  .AU250515SUMMER .main-wrap{

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

  }



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



  .AU250515SUMMER .product01,

  .AU250515SUMMER .product02 {

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

  }

}



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

  .AU250515SUMMER{

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

  }



  .AU250515SUMMER .main-wrap {

    --width-primary: 140rem;

    /* margin-top: max(-150*100vw/1400, -150px); */

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

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

    /* padding-right: min(146 * (100vw / 1400), 146px);

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

  }



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



  .AU250515SUMMER .product01,

  .AU250515SUMMER .product02 {

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

  }



}





.AU250515SUMMER img,

.AU250515SUMMER picture,

.AU250515SUMMER video {

  display: block;

  width: 100%;

  height: auto;

  vertical-align: bottom;

}



.top_button {

  margin-top: max(-27 * (100vw / 1400), 27px);

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

}



/*

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

setting - grid

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

*/





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

  .AU250515SUMMER .product_content02 {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-row: 1fr 1fr;

  }



  .product-text__wrapper{

    grid-column: 2 / 3;

    grid-row: 1 / 2;

  }



  .product02 .product-text__wrapper{

    grid-column: 1 / 2;

  }



  .product_inner{

    grid-column: 1 / 2;

    grid-row: 1 / 3;

  }



  .product02 .product_inner{

    grid-column: 2 / 3;

  }



  .product-item01{

    grid-column: 2 / 3;

    grid-row: 2 / 3;

    align-self: flex-end;

  }



  .product02 .product-item01{

    grid-column: 1 / 2;

  }



}





/*

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

setting - mainvisual / lead text

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

*/



.AU250515SUMMER .section-inner{

  position: relative;

  z-index: -1;

  width: 100%;

}



.AU250515SUMMER .main-title{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  z-index: 10;

  pointer-events: none;

}



.main-txt img:first-child {

  transform: translateX(3px);

}



.AU250515SUMMER .main-title .main-txt{

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}





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

.section-kv {

  width: 100%;

  /* overflow: hidden; */

  /* height: 100vh; */

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

}



.section-kv .pic img{

  opacity: 0;

  overflow: hidden;

  transform: scale3d(1.1, 1.1, 0);

  /* transition-duration: 0.5s; */

  transition: 0.95s 2s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.ready .section-kv .pic img{

  opacity: 1;

  transform: none;

  transform: scale3d(1, 1, 1);

}



/* .ready .sky-bg{

  opacity: 0;

} */



.sky-bg {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  height: 100svh;

  z-index: 5;

  pointer-events: none;

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

  /* background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed; */

  transition: opacity 0.75s 2s;



}



.sky-bg:has(+.endFixed) {

  z-index: -1;

}



.sky-bg .sky-pic{

  position: absolute;

  bottom: 0;

  transition: 2s 0.75s cubic-bezier(0.77, 0, 0.175, 1);

}



/* .ready .sky-bg .sky-bg-inner{

  clip-path: inset(calc(50px * var(--scale)));

} */



.section-kv .section-inner img{

  object-fit: cover;

}





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

  .ready .sky-bg .sky-pic{

    bottom: calc(-100vh + 100vh);

    /* bottom: calc(-177.5vw + 100vh); */

    height: 100vh;

  }

}



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

  _::-webkit-full-page-media, _:future, :root .ready .sky-bg .sky-pic {

    bottom: calc(-100vh + 100vh);

  }

}



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

  _::-webkit-full-page-media, _:future, :root .ready .sky-bg .sky-pic {

    bottom: calc(-100vh + 100vh);

  }

} */



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

  _::-webkit-full-page-media, _:future, :root .ready .sky-bg .sky-pic {

    bottom: calc(-100vh + 100vh);

  }

}

 */



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

  .ready .sky-bg .sky-pic{

    bottom: calc(-100vh + 100vh);

    /* bottom: calc(-216.5vw + 100vh); */

    height: 100vh;

  }

}





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

  /* .ready .sky-bg .sky-pic {

    bottom: calc(-206vw + 100vh);

  } */



  .sky-bg {

    background: #fff;

  }



  .ready .sky-bg .sky-pic{

    /* bottom: calc(-400.5vw + 100vh); */



    /* bottom: calc(-216.5vw + 100vh); */

    height: 100vh;

    width: 100%;

  }





  /* * pcと同じ動きの実装例 * */

  .sky-bg .sky-pic{

    bottom: calc(-100vw + 100vh);

  }



  /* pcと同じ動きの実装例 */

  /* .sky-bg:has(+.endFixed) .sky-pic {

    transition: none;

    bottom: calc(-216.5vw + 100vh);

  } */



  .ready .sky-bg .sky-pic img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    display: block;

  }



  .ready .sky-bg .sky-bg-inner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    /* clip-path:  inset(calc(55* (100vw / 750)) 0 calc(100svh - calc(737* (100vw / 750)))); */

  }



  /* .sky-bg {

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

  } */



  .section-kv {

    height: calc(737* (100vw / 750));

  }

}

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



  .ready .sky-bg .sky-pic{

    bottom: calc(-148.6vw + 100vh);

  }



  .ready .sky-bg .sky-bg-inner{

    /* position: absolute;

    top: 0;

    left: 0; */

    width: 100vw;

    height: 100vh;

    object-fit: cover;

    /* animation: cropCenter 2.3s forwards;

    animation-delay: 1.8s; */

  }



  /* @keyframes cropCenter {

    from {

      clip-path: inset(0 0 0 0);

      opacity: 1;

    }

    to {

      clip-path: inset(

        calc((100vh - 737px)/2)

        calc((100vw - 1100px)/2)

        calc((100vh - 737px)/2)

        calc((100vw - 1100px)/2)

      );

      opacity: 0;

    }

  } */

}

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



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

  .AU250515SUMMER .section.mv__wrapper {

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

  }



  .AU250515SUMMER .main-title{

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

  }



  .AU250515SUMMER .main-title .main-txt{

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

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

  }

}



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

  .AU250515SUMMER .mv__wrapper{

    position: relative;

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

  }



  .AU250515SUMMER .main-title{

    bottom: 35%;

  }



  .AU250515SUMMER .main-title .main-txt{

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

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

  }

}



/*

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

setting - lead-text__wrapper

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

*/



.lead-text{

  text-align: center;

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

}



.product-ttl{

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

}



.product-price{

  display: flex;

}



.product-price .crdt a{

  display: inline;

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

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

  line-height: 1;

  border-bottom: #fff solid 1px;

}



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

  .lead-text__wrapper{

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

  }



  .lead-text{

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

    line-height: 1.7692307692;

    letter-spacing: 0.075em;

  }



  .product-ttl{

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

    line-height: 1.7307692308;

    text-align: center;

  }



  .product-text{

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

    line-height: 1.8695652174;

    letter-spacing: 0.1em;

    text-align: justify;

  }



  .product-price{

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

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

  }



  .product-price .crdt a{

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

  }

}



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

  .lead-text__wrapper{

    margin: min(123 * (100vw/1400), 123px) auto min(150 * (100vw/1400), 150px);

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

  }



  .lead-text{

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

    line-height: 2.25;

    letter-spacing: 0.12em;

  }



  .product-ttl{

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

    line-height: 1.875;

    text-align: left;

  }



  .product-text{

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

    line-height: 2.07692307692;

    letter-spacing: 0.05em;

    text-align: justify;

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

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

  }



  .product-price{

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

  }



  .product-price .crdt a{

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

  }

}





/*

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

setting - common parts in product section

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

*/

.AU250515SUMMER .product-price{

  display: flex;

  flex-wrap: wrap;

}



.AU250515SUMMER .product-price li{

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

  line-height: 1;

  white-space: nowrap;

  letter-spacing: 0.01em;

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

}



.AU250515SUMMER .product-price a{

  display: inline-block;

  border-bottom: solid 1px #fff;

}



.AU250515SUMMER .product-ttl{

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

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

  letter-spacing: 0.075em;

  white-space: nowrap;

}



.AU250515SUMMER .product_lead{

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

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

  letter-spacing: 0.075em;

  text-align: justify;

}



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



  .AU250515SUMMER .lead-text {

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

    margin: 0 auto;

  }



  .AU250515SUMMER .product-price li{

    font-size: calc(24* (100vw / 750));

    align-items: center;

    justify-content: center;

  }



  .AU250515SUMMER .product-price{

    align-items: center;

    justify-content: center;

    row-gap: min(25 * (100vw / 750), 25px);

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

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

  }



  .AU250515SUMMER .product-ttl{

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

    line-height: 1.7307692308;

  }



  .AU250515SUMMER .product-text{

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

    line-height: 1.8695652174;

    letter-spacing: 0.13em;

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

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

  }



  .AU250515SUMMER .product-text__wrapper{

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

  }



  .AU250515SUMMER .product-img01{

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

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

  }



  .AU250515SUMMER .product-img02{

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

    margin: 0 auto;

  }



  .AU250515SUMMER .product-img03{

    margin: 0 auto;

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

  }



}



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

 



  .AU250515SUMMER .product-price{

    justify-content: center;

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

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

  }



  .AU250515SUMMER .product-price li{

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

  }



  .AU250515SUMMER .product-ttl{

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

    line-height: 1.875;

  }



  .AU250515SUMMER .product_lead{

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

    line-height: 2.07692307692;

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

  }



  .AU250515SUMMER .product_content01{

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

  }





  .AU250515SUMMER .product-img01{

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

    margin: 0 auto calc(116* (100vw / 1400));

  }



  .AU250515SUMMER .product-img02{

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

  }



  .AU250515SUMMER .product-img03{

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

    margin: 0 auto;

  }



  .AU250515SUMMER .product-item01,

  .AU250515SUMMER .product-item02,

  .AU250515SUMMER .product-item03 {

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

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

  }

}





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

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

  .win {



    .AU250515SUMMER .product01 .product-text,

    .AU250515SUMMER .product02 .product-text,

    .AU250515SUMMER .product03 .product-text{

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

    }



  }

}





/*

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

setting - product01

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

*/



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

  .AU250515SUMMER .product-item01 {

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

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

  }



}



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

  .AU250515SUMMER .product01 {

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

  }



  .product01 .product-text__wrapper{

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

  }



  .AU250515SUMMER .product01 .product_content02 {

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

  }



  .AU250515SUMMER .product01 .product-img01{

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

  }



}



/*

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

setting - product02

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

*/





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

  .AU250515SUMMER .product02{

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

  }



  .AU250515SUMMER .product02 .product-text{

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

    letter-spacing: 0.15em;

  }



  .AU250515SUMMER .product02 .product-text__wrapper {

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

  }



  .AU250515SUMMER .product-item02 {

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

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

  }



  .AU250515SUMMER .product02 .product-price {

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

  }



}



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

  .AU250515SUMMER .product02 {

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

  }



  .AU250515SUMMER .product02 .product_content02 {

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

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

  }



  .AU250515SUMMER .product02 .product-text__wrapper{

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

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

  }



  .AU250515SUMMER .product02 .product-img01{

    margin: 0 auto calc(110 * (100vw / 1400));

  }



  .AU250515SUMMER .product02 .product-img02{

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

  }



  .AU250515SUMMER .product02 .product-item02{

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

    transform: translateX(-7.5%);

  }



  .AU250515SUMMER .product02 .product-text{

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

    letter-spacing: 0.13em;

  }





}





/*

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

setting - product03

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

*/





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



  .AU250515SUMMER .product03 .product-img01 {

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

  }



  .AU250515SUMMER .product03 .product-text {

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

    letter-spacing: 0.1em;

  }



  .AU250515SUMMER .product03 .product-img03 {

    width: 100%;

  }



  .AU250515SUMMER .product-item03 {

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

    margin: min(40 * (100vw / 750), 40px) auto min(35 * (100vw / 750), 35px) min(40 * (100vw / 750), 39px);

  }



  .AU250515SUMMER .product03 .product-price{

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

  }



}



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

  .AU250515SUMMER .product03 .product-img01 {

    margin: 0 auto calc(138 * (100vw / 1400));

  }



  .AU250515SUMMER .product03 .product_content02 {

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

    margin: 0 0 min(95 * (100vw / 1400), 95px) min(56 * (100vw / 1400), 56px);

  }



  .product03 .product-text__wrapper {

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

  }



  .AU250515SUMMER .product03 .product-img03{

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

  }

}



/*

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

setting - closing

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

*/



.AU250515SUMMER .closing{

  display: flex;

  justify-content: center;

}



.AU250515SUMMER .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) {

  .AU250515SUMMER .closing{

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

  }



  .AU250515SUMMER .closing a{

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

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

  }

}



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

  .AU250515SUMMER .closing{

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

  }



  .AU250515SUMMER .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 */





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

.js-show.blur{

  opacity: 0;

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

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

}





.endFixed .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 */

.endFixed .js-show.slideIn{

  /* opacity: 0; */

  clip-path: inset(0 100% 0 0); /* 初期状態: 右側を隠す */

  /* line-height: 1; */

}



.endFixed .js-show.slideIn.on{

  /* animation: img-opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1) forwards; */

  /* overflow: hidden; */

  /* position: relative; */

  animation: revealText 0.75s forwards ease-out;

}



/* .js-show.slideIn.on:before{

  content: '';

  animation: img-animation 0.75s cubic-bezier(0.4, 0, 0.2, 1) forwards;

  background: #7AA9E1;

  bottom: 0;

  left: 0;

  pointer-events: none;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

} */



/* @keyframes img-animation {

  100%{

    transform: translateX(101%);

  }

} */



@keyframes revealText {

  to {

    clip-path: inset(0 0 0 0); /* 右側を表示 */

  }

}





.js-show.on #g3 path{

  animation: pathShow 0.8s 2.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;

}





.js-show.on #g2 path{

  animation: pathShow 0.8s 2.5s cubic-bezier(0.165, 0.84, 0.44, 1) both;

}



@keyframes pathShow {

  0%{

    transform: translateY(100%);

  }

}