#JK260422_GIFT {
  --font-ja: "Noto Sans JP", sans-serif;
  --font-en01: "orpheuspro", serif;
  --font-en02: "effra", sans-serif;
  --font-common: "effra", "Noto Sans JP", sans-serif;
}

#Contents {
  position: relative;
}

html {
  overflow: auto;
}

body {
  overflow-x: clip;
}

a.c-breadcrumb__text,
.c-breadcrumb>ol>li:last-child,
.c-breadcrumb>ol>li:last-child>*,
.c-breadcrumb>ol>li:not(:last-of-type)::after {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .c-breadcrumb {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
  }

  a.c-breadcrumb__text,
  .c-breadcrumb>ol>li:last-child,
  .c-breadcrumb>ol>li:last-child>*,
  .c-breadcrumb>ol>li:not(:last-of-type)::after {
    color: #000;
  }
}

@media screen and (max-width: 767px) {
  html {
    scroll-behavior: smooth;
  }

  .c-breadcrumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: var(--color-white);
  }
}

/*================================
  variables
=================================*/
#JK260422_GIFT {
  --zindex-behind: -1;
  --zindex-middle: 0;
  --zindex-front: 1;
  --zindex-top: 2;
  --zindex-over: 10;
  --zindex-cursor: 100;
  --zindex-top: 200;
  --pointer-none: none;
  --color-txt: #9e7646;
  --color-txt2: #333333;
  --color-bg: #c3c9bc;
  --color-bg2: #fff;
  --color-bg3: #fff8f8;
}

#JK260422_GIFT img,
#JK260422_GIFT picture,
#JK260422_GIFT video,
#JK260422_GIFT a {
  display: inline-block;
  width: 100%;
  height: auto;
}


#JK260422_GIFT video {
  object-fit: cover;
}

#JK260422_GIFT a:hover {
  transition: .5s;
  opacity: .7;
}

#JK260422_GIFT span {
  display: inline-block;
}

#JK260422_GIFT li {
  list-style: none;
}

#JK260422_GIFT .imgWrap {
  /* background-color: var(--color-bg); */
  position: relative;
  transition: opacity 1.5s;
}

#JK260422_GIFT .noBgCont.imgWrap {
  background: none;
}

#JK260422_GIFT .flexArea {
  display: flex;
  width: 100%;
}

#JK260422_GIFT .gridWrap {
  display: grid;
  margin: 0 auto;
}

/*--------------------------------
  variables for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  #JK260422_GIFT .pcOnly {
    display: none !important;
  }

  #JK260422_GIFT {
    --lpSetSize: (100vw / 750);
    padding-top: 9.6rem;
  }
}

/*--------------------------------
  variables for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #JK260422_GIFT .spOnly {
    display: none !important;
  }

  #JK260422_GIFT .pcOnly {
    display: block;
  }

  #JK260422_GIFT {
    --lpSetSize: calc(1px * var(--ratio));
    --ratio: calc(480 / 750);
    --variable: 1px;
  }
}

@media screen and (min-width:768px) and (max-width:1400px) {
  #JK260422_GIFT {
    --lpSetSize: calc(var(--variable) * var(--ratio));
    --ratio: calc(480 / 750);
    --variable: calc(100vw / 1400);
  }
}

/* end variables */

/*================================
  font
=================================*/
#JK260422_GIFT .font-en-serif {
  font-family: var(--font-en01);
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
}

#JK260422_GIFT .font-en {
  font-family: var(--font-effra);
  font-weight: var(--fw-medium);
  font-style: normal;
  font-feature-settings: "palt";
}

#JK260422_GIFT .font-ja {
  font-family: var(--font-ja);
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
}

/*================================
  font-size
=================================*/
#JK260422_GIFT [data-txt] {
  color: var(--color-txt);
  letter-spacing: 0.04em;
}

#JK260422_GIFT .leadWrap {
  position: relative;
  text-align: center;
}

#JK260422_GIFT [data-txt="ttl"] {
  position: relative;
  font-size: calc(80 * var(--lpSetSize));
  line-height: 1.2;
  margin-top: calc(80 * var(--lpSetSize));
  font-weight: 400;
}

#JK260422_GIFT [data-txt="lead01"] {
  font-size: calc(30 * var(--lpSetSize));
  line-height: 1;
  margin-top: calc(54 * var(--lpSetSize));
  letter-spacing: 0.06em;
}

#JK260422_GIFT [data-txt="lead02"] {
  font-size: calc(26 * var(--lpSetSize));
  line-height: 2;
  margin-top: calc(68 * var(--lpSetSize));
  letter-spacing: 0.06em;
  color: var(--color-txt2);
}



/* end font-size */


/*================================
  layout
=================================*/
#JK260422_GIFT {
  background-color: var(--color-bg);
}

#JK260422_GIFT [data-credit] {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(17 * var(--lpSetSize));
}

#JK260422_GIFT [data-credit].creditLeft {
  justify-content: flex-start;
  text-align: left;
}

#JK260422_GIFT [data-credit].creditCenter {
  justify-content: center;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

#JK260422_GIFT [data-credit].creditRight {
  justify-content: right;
  text-align: right;
  margin-left: auto;
}

#JK260422_GIFT [data-img] {
  position: relative;
}

#JK260422_GIFT [data-deco] {
  position: absolute;
  display: block;
  pointer-events: var(--pointer-none);
  z-index: var(--zindex-front);
}

/*========== mvWrap ==========*/
#JK260422_GIFT .mvWrap {
  position: relative;
}

#JK260422_GIFT .mvWrap__img {
  z-index: 0;
}

/*========== leadWrap ==========*/
#JK260422_GIFT [data-deco="lead01"],
#JK260422_GIFT [data-deco="lead02"] {
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--zindex-front);
}

#JK260422_GIFT [data-deco="lead01"] {
  top: calc(418 * var(--lpSetSize));
  left: 49%;
  width: calc(666 * var(--lpSetSize));
}

#JK260422_GIFT [data-deco="lead02"] {
  top: auto;
  bottom: calc(0 * var(--lpSetSize));
  width: calc(667 * var(--lpSetSize));
}



#JK260422_GIFT [data-txt="lineup_ttl"] {
  width: calc(690 * var(--lpSetSize));
  margin: calc(110 * var(--lpSetSize)) auto 0;
}


#JK260422_GIFT .anchorLink {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: calc(20 * var(--lpSetSize));
  row-gap: calc(20 * var(--lpSetSize));
  width: calc(690 * var(--lpSetSize));
  margin: calc(62 * var(--lpSetSize)) auto 0;
}

#JK260422_GIFT .anchorLink__cont {
  position: relative;
  display: flex;
  justify-content: center;
  width: calc(335 * var(--lpSetSize));
  background: #fff;
  border-radius: calc(20 * var(--lpSetSize));
}

#JK260422_GIFT .anchorLink__cont a {
  padding: calc(23 * var(--lpSetSize)) 0 calc(55 * var(--lpSetSize)) 0;

}

#JK260422_GIFT .anchorLink__cont::before {
  content: "";
  position: absolute;
  background: url(../img/anchorLink-arrow.svg) center/contain no-repeat;
  width: calc(22 * var(--lpSetSize));
  height: calc(22 * var(--lpSetSize));
  bottom: calc(16 * var(--lpSetSize));
  left: 50%;
  transform: translateX(-50%);
}

#JK260422_GIFT .anchorLink__cont.anchorLink__05 a {
  padding: calc(16 * var(--lpSetSize)) 0 calc(44 * var(--lpSetSize)) 0;
}

#JK260422_GIFT .anchorLink__cont.anchorLink__05 [data-txt="anchorLink"] {
  line-height: 1.5;
}

#JK260422_GIFT .anchorLink__cont.anchorLink__07 {
  width: calc(690 * var(--lpSetSize));
}

#JK260422_GIFT .anchorLink__cont.anchorLink__07 a {
  padding: calc(60 * var(--lpSetSize)) 0 calc(58 * var(--lpSetSize)) 0;

}

#JK260422_GIFT .anchorLink__cont.anchorLink__07 span {
  font-weight: 500;
}

#JK260422_GIFT .anchorLink__cont.anchorLink__07::before {
  bottom: 0;
  top: calc(60 * var(--lpSetSize));
  left: initial;
  right: calc(45 * var(--lpSetSize));
  transform: translateX(0) rotate(-90deg);
}

#JK260422_GIFT .anchorLink__cont.anchorLink__07::after {
  content: "";
  position: absolute;
  top: calc(10 * var(--lpSetSize));
  left: 50%;
  transform: translateX(-50%);
  width: calc(670 * var(--lpSetSize));
  height: calc(126 * var(--lpSetSize));
  border: 1px solid var(--color-txt);
  border-radius: calc(20 * var(--lpSetSize));
  pointer-events: none;
}

#JK260422_GIFT [data-txt="anchorLink"] {
  font-size: calc(22 * var(--lpSetSize));
  line-height: 1.65;
  letter-spacing: 0.06em;
  font-feature-settings: normal;
}

#JK260422_GIFT .anchorLink__cont.anchorLink__07 [data-txt="anchorLink"] {
  line-height: 1;
  font-size: calc(32 * var(--lpSetSize));
  letter-spacing: 0.04em;
}

/* ===============================================
* section1 *
=============================================== */
#JK260422_GIFT [data-txt="sec_ttl"] {
  width: calc(630 * var(--lpSetSize));
  margin: calc(105 * var(--lpSetSize)) auto 0;
}

#JK260422_GIFT .main_img {
  width: calc(630 * var(--lpSetSize));
  margin: calc(62 * var(--lpSetSize)) auto 0;
}

#JK260422_GIFT [data-txt="section-sub"] {
  font-size: calc(24 * var(--lpSetSize));
  line-height: 2;
  letter-spacing: 0.06em;
  text-align: center;
  color: var(--color-txt2);
  margin-top: calc(47 * var(--lpSetSize));
  font-feature-settings: "palt";
}

#JK260422_GIFT .sec_inner_itemlist {
  display: flex;
  justify-content: center;
  gap: calc(20 * var(--lpSetSize));
  margin-top: calc(49 * var(--lpSetSize));
}

#JK260422_GIFT .sec_inner_itemcard {
  width: calc(330 * var(--lpSetSize));
}

#JK260422_GIFT .sec_inner_itemcard .font-ja {
  font-size: calc(20 * var(--lpSetSize));
  line-height: 1.6;
  letter-spacing: 0.13em;
  color: var(--color-txt2);
  margin-top: calc(23 * var(--lpSetSize));
  font-feature-settings: "palt";
}

#JK260422_GIFT .sec_inner_itemcard .font-en {
  font-size: calc(21 * var(--lpSetSize));
  line-height: 1;
  letter-spacing: 0.06em;
  color: var(--color-txt2);
  margin-top: calc(15 * var(--lpSetSize));
}

#JK260422_GIFT .sec_linkbtn {
  position: relative;
  display: flex;
  justify-content: center;
  width: calc(630 * var(--lpSetSize));
  background: var(--color-txt);
  color: #fff;
  border-radius: calc(20 * var(--lpSetSize));
  margin: calc(59 * var(--lpSetSize)) auto 0;
  text-align: center;
  font-size: calc(26 * var(--lpSetSize));
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
}

#JK260422_GIFT .sec_linkbtn a {
  padding: calc(47 * var(--lpSetSize)) 0 calc(46 * var(--lpSetSize)) 0;

}

#JK260422_GIFT .sec_linkbtn::before {
  content: "";
  position: absolute;
  background: url(../img/anchorLink-arrow_white.svg) center/contain no-repeat;
  width: calc(22 * var(--lpSetSize));
  height: calc(22 * var(--lpSetSize));
  bottom: calc(49 * var(--lpSetSize));
  right: calc(36 * var(--lpSetSize));
}

/* ===============================================
* section2 *
=============================================== */
#JK260422_GIFT .section02 [data-txt="sec_ttl"] {
  margin: calc(106 * var(--lpSetSize)) auto 0;
}

#JK260422_GIFT .sec_inner_itemlist_slider .sec_inner_itemcard .font-en {
  margin-top: calc(10 * var(--lpSetSize));
}

.sec_inner_itemlist_slider_wrap {
  padding-bottom: calc(69 * var(--lpSetSize));
}

.sec_inner_itemlist_slider_wrap .simplebar-content-wrapper {
  overflow-x: scroll !important;
  overflow-y: hidden !important;
}

#JK260422_GIFT .sec_inner_itemlist_slider {
  display: flex;
  overflow-y: clip;
  gap: calc(20 * var(--lpSetSize));
  padding: 0 calc(36 * var(--lpSetSize));
  margin-top: calc(48 * var(--lpSetSize));
  display: flex;
  width: max-content;
  min-width: 100%;
}

#JK260422_GIFT .sec_inner_itemlist_slider *::-webkit-scrollbar,
#JK260422_GIFT .sec_inner_itemlist_slider::-webkit-scrollbar {
  display: none;
}

#JK260422_GIFT .sec_inner_itemlist_slider .sec_inner_itemcard {
  width: calc(240 * var(--lpSetSize));
  flex-shrink: 0;
}

#JK260422_GIFT .simplebar-track.simplebar-horizontal {
  height: calc(10 * var(--lpSetSize));
  width: calc(420 * var(--lpSetSize));
  background: #fff;
  margin: auto;
  border-radius: calc(10 * var(--lpSetSize));
}

#JK260422_GIFT .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  top: 0;
  height: calc(10 * var(--lpSetSize));

}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  left: 0;
  right: 0;
  background: var(--color-txt);
  opacity: 1;
  border-radius: calc(12 * var(--lpSetSize));
  /* 上下にはみ出させる（隙間埋め） */
  top: -1px;
  bottom: -1px;
  /* デフォルトの simplebar-scrollbar の高さを超えて描画させる */
  height: auto;
  height: calc(100% + 2px) !important;
}

/* ===============================================
* section2 *
=============================================== */
#JK260422_GIFT .section02 .sec_inner_itemlist_slider {
  margin-top: calc(52 * var(--lpSetSize));
}

#JK260422_GIFT .section02 .sec_inner_itemlist_slider .sec_inner_itemcard .font-en {
  margin-top: calc(14 * var(--lpSetSize));
}


/* ===============================================
* section3 *
=============================================== */
#JK260422_GIFT .section03 [data-txt="sec_ttl"] {
  margin: calc(107 * var(--lpSetSize)) auto 0;
}

#JK260422_GIFT .section03 .sec_inner_itemcard .font-ja {
  margin-top: calc(25 * var(--lpSetSize));
}

#JK260422_GIFT .section03 .sec_inner_itemlist_slider .sec_inner_itemcard .font-en {
  margin-top: calc(15 * var(--lpSetSize));
}


/* ===============================================
* section4 *
=============================================== */
#JK260422_GIFT .section04 [data-txt="sec_ttl"] {
  margin: calc(108 * var(--lpSetSize)) auto 0;
}

#JK260422_GIFT .section04 .sec_inner_itemcard .font-ja {
  margin-top: calc(26 * var(--lpSetSize));
}

#JK260422_GIFT .section04 .sec_inner_itemlist_slider .sec_inner_itemcard .font-en {
  margin-top: calc(15 * var(--lpSetSize));
}


/* ===============================================
* section5 *
=============================================== */
#JK260422_GIFT .section05 [data-txt="sec_ttl"] {
  margin: calc(110 * var(--lpSetSize)) auto 0;
}

#JK260422_GIFT .section05 [data-txt="sec_ttl"] {
  width: calc(639 * var(--lpSetSize));
}

#JK260422_GIFT .section05 .sec_inner_itemlist_slider {
  margin-top: calc(53 * var(--lpSetSize));
}


#JK260422_GIFT .section05 .sec_inner_itemlist_slider .sec_inner_itemcard .font-en {
  margin-top: calc(14 * var(--lpSetSize));
}

/* ===============================================
* section6 *
=============================================== */
#JK260422_GIFT .section06 .sec_inner_itemlist_slider_wrap {
  padding-bottom: calc(64 * var(--lpSetSize));
}

/* ===============================================
* foot_link *
=============================================== */
#JK260422_GIFT .anchorLink__cont.anchorLink__07.foot_link {
  width: calc(630 * var(--lpSetSize));
  margin: calc(102 * var(--lpSetSize)) auto 0;
  text-align: center;
}

#JK260422_GIFT .anchorLink__cont.anchorLink__07.foot_link a {
  padding: calc(59 * var(--lpSetSize)) 0 calc(52 * var(--lpSetSize)) 0;
}

#JK260422_GIFT .anchorLink__cont.anchorLink__07.foot_link::before {
  bottom: calc(56 * var(--lpSetSize));
  right: calc(34 * var(--lpSetSize));
}

#JK260422_GIFT .anchorLink__cont.anchorLink__07.foot_link::after {
  top: calc(10 * var(--lpSetSize));
  width: calc(611 * var(--lpSetSize));
  height: calc(120 * var(--lpSetSize));
}

/*================================
  link-area
=================================*/

#JK260422_GIFT .contWrap {
  position: relative;
  padding-bottom: calc(100 * var(--lpSetSize));
}

/* #JK260422_GIFT .contWrap::before {
  content: "";
  position: absolute;
  top: calc(-694 * var(--lpSetSize));
  left: 50%;
  transform: translateX(-50%);
  width: calc(750 * var(--lpSetSize));
  height: calc(17003 * var(--lpSetSize));
  background: url(../img/page_sp.jpg) no-repeat center / contain;
  opacity: 0.5;
  pointer-events: none;
  z-index: 9999;
}
 */

#JK260422_GIFT .dataLink-area {
  width: 100%;
  height: calc(118 * var(--lpSetSize));
}

#JK260422_GIFT #section02.dataLink-area {
  height: calc(120 * var(--lpSetSize));
}

#JK260422_GIFT #section03.dataLink-area {
  height: calc(121 * var(--lpSetSize));
}

#JK260422_GIFT #section04.dataLink-area {
  height: calc(119 * var(--lpSetSize));
}

#JK260422_GIFT #section05.dataLink-area {
  height: calc(117 * var(--lpSetSize));
}

#JK260422_GIFT #section06.dataLink-area {
  height: calc(121 * var(--lpSetSize));
}

#JK260422_GIFT .dataLink-area-top {
  width: 100%;
  margin-bottom: calc(-1* var(--header-top-height));
}

/*--------------------------------
  layout for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  /* #JK260422_GIFT .dataLink-area {
    height: var(--header-height);
  }

  #JK260422_GIFT .dataLink-area-top {
    margin-bottom: calc(-1* var(--header-height));
  } */

  #JK260422_GIFT .fixedArea {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-bg);
    width: 100vw;
    height: 100%;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
  }

  /* 表示状態 */
  #JK260422_GIFT .fixedArea.is-active {
    opacity: 1;
    visibility: visible;
  }

  /* ページ下部に来た時の非表示状態（is-activeより優先させる） */
  #JK260422_GIFT .fixedArea.is-hide {
    opacity: 0;
    visibility: hidden;
  }

  #JK260422_GIFT .fixedArea__inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: calc(100% + (6rem + var(--header-height)));
    margin: calc(-1 * (6rem + var(--header-height))) auto 0;
    z-index: 1;
  }


  #JK260422_GIFT .contWrap {
    position: relative;
    width: calc(750 * var(--variable) * var(--ratio));
    margin: 0 auto;
    z-index: 2;
    overflow: clip;
  }

  #JK260422_GIFT [data-fixed] {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - calc(750 * var(--variable) * var(--ratio))) / 2);
    height: 100vh;
  }

  #JK260422_GIFT [data-fixed="left"] {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #JK260422_GIFT [data-fixed="left"] .pc-fixed-ttl {
    width: min(284 * (100vw/1400), 284px);
  }

  #JK260422_GIFT [data-fixed="right"] .leadWrap__02 {
    width: min(260 * (100vw/1400), 260px);

    position: absolute;
    top: 28.5vh;
    left: 50%;
    transform: translateX(-50%);
  }

  #JK260422_GIFT [data-fixed="right"] [data-txt="lineup_ttl"] {
    width: 100%;
    margin: initial;
  }

  #JK260422_GIFT [data-fixed="right"] .anchorLink {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    column-gap: min(10 * (100vw/1400), 10px);
    row-gap: min(10 * (100vw/1400), 10px);
    width: 100%;
    margin: min(24 * (100vw/1400), 24px) auto 0;
  }

  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont {

    width: 100%;
    border-radius: min(9 * (100vw/1400), 9px);
    text-align: center;
  }

  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont a {
    padding: min(15 * (100vw/1400), 15px) 0 min(15 * (100vw/1400), 15px) 0;
  }

  #JK260422_GIFT [data-fixed="right"] [data-txt="anchorLink"] {
    font-size: min(11 * (100vw/1400), 11px);
    line-height: 1.5;
  }

  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont::before {
    width: min(9 * (100vw/1400), 9px);
    height: min(9 * (100vw/1400), 9px);
    bottom: initial;
    left: initial;
    right: min(15 * (100vw/1400), 15px);
    top: 50%;
    transform: translateX(0) translateY(-50%);
  }

  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont.anchorLink__03 a,
  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont.anchorLink__05 a,
  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont.anchorLink__06 a {
    padding: min(7 * (100vw/1400), 7px) 0 min(6 * (100vw/1400), 6px) 0;
  }

  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont.anchorLink__07 a {
    padding: min(20 * (100vw/1400), 20px) 0 min(20 * (100vw/1400), 20px) 0;
  }

  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont.anchorLink__07 [data-txt="anchorLink"] {
    font-size: min(13 * (100vw/1400), 13px);
  }

  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont.anchorLink__07::after {
    top: min(4 * (100vw/1400), 4px);
    transform: translateX(-50%);
    width: min(250 * (100vw/1400), 250px);
    height: min(42 * (100vw/1400), 42px);
    border-radius: min(8 * (100vw/1400), 8px);
  }

  #JK260422_GIFT [data-fixed="right"] .anchorLink__cont.anchorLink__07::before {
    transform: translateX(0) translateY(-68%) rotate(-90deg);
  }

}

/* end link-area */


/*================================
  fadeIn
=================================*/
/* #JK260422_GIFT .js-fadeIn {
  opacity: 0;
  transition: all 1s ease;
  transform: translateY(30px);
}

#JK260422_GIFT .js-fadeIn.js-scrollIn {
  opacity: 1;
  transform: translateY(0);
} */

/* end fadeIn */
#JK260422_GIFT .js-fadeIn {
  opacity: 0;
  /* mask関連の設定はそのまま */
  -webkit-mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, .02) 43.3333333333%, rgba(0, 0, 0, .08) 45%, rgba(0, 0, 0, .18) 46.6666666667%, rgba(0, 0, 0, .32) 48.3333333333%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .68) 51.6666666667%, rgba(0, 0, 0, .82) 53.3333333333%, rgba(0, 0, 0, .92) 55%, rgba(0, 0, 0, .98) 56.6666666667%, #000 58.3333333333%, #000);
  mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, .02) 43.3333333333%, rgba(0, 0, 0, .08) 45%, rgba(0, 0, 0, .18) 46.6666666667%, rgba(0, 0, 0, .32) 48.3333333333%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .68) 51.6666666667%, rgba(0, 0, 0, .82) 53.3333333333%, rgba(0, 0, 0, .92) 55%, rgba(0, 0, 0, .98) 56.6666666667%, #000 58.3333333333%, #000);
  -webkit-mask-size: 100% max(300%, 100vh);
  mask-size: 100% max(300%, 100vh);
  -webkit-mask-position: center 100%;
  mask-position: center 100%;
  -webkit-mask-repeat: no-repeat;
  /* 修正: no-repeat */
  mask-repeat: no-repeat;
  /* 修正: no-repeat */

  transition: mask-position 1.4s linear, -webkit-mask-position 1.4s linear, opacity 1s linear;
}

@keyframes opa2 {
  0% {
    opacity: 0;
    filter: blur(4px);
  }

  100% {
    opacity: 1;
    filter: blur(0);
  }
}

#JK260422_GIFT .js-fadeIn.is-visible {
  opacity: 1;
  animation: opa2 1s cubic-bezier(0.51, 0.21, 0.41, 1) forwards;
  -webkit-mask-position: center 0;
  mask-position: center 0;
}

/*================================
  swiper
=================================*/
#JK260422_GIFT .swiper-container.imgWrap:hover {
  transition: .5s;
  opacity: .7;
}

#JK260422_GIFT .swiper {
  overflow: visible;
}

#JK260422_GIFT .swiper-slide {
  line-height: 0;
}

#JK260422_GIFT .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  align-items: end;
  vertical-align: bottom;
}

#JK260422_GIFT .swiper-slide img:hover,
#JK260422_GIFT .swiper-slide a:hover {
  opacity: 1;
}

#JK260422_GIFT .swiper-notification {
  display: none !important;
}

#JK260422_GIFT .swiper-slide img {
  height: auto;
  width: 100%;
}

#JK260422_GIFT .swiper-notification {
  display: none !important;
}

/* end swiper */
.section01,
.section02,
.section03,
.section04,
.section05,
.section06 {
  position: relative;
}

.star-field {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}


.star {
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;

  background: url(../img/star.svg) center / contain no-repeat;
  z-index: 1;
}

.star-field-section0 .star:nth-of-type(1) {
  top: calc(36 * var(--lpSetSize));
  left: calc(697 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(100deg);
}

.star-field-section0 .star:nth-of-type(2) {
  top: calc(342 * var(--lpSetSize));
  left: calc(24 * var(--lpSetSize));
  width: calc(40 * var(--lpSetSize));
  height: calc(40 * var(--lpSetSize));
  transform: rotate(-16deg);
}

.star-field-section0 .star:nth-of-type(3) {
  top: calc(417 * var(--lpSetSize));
  left: calc(76 * var(--lpSetSize));
  width: calc(25 * var(--lpSetSize));
  height: calc(25 * var(--lpSetSize));
  transform: rotate(373deg);
}

.star-field-section0 .star:nth-of-type(4) {
  top: calc(621 * var(--lpSetSize));
  left: calc(654 * var(--lpSetSize));
  width: calc(35 * var(--lpSetSize));
  height: calc(35 * var(--lpSetSize));
  transform: rotate(80deg);
}

.star-field-section0 .star:nth-of-type(5) {
  top: calc(916 * var(--lpSetSize));
  left: calc(10 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(30deg);
}

.star-field-section0 .star:nth-of-type(6) {
  top: calc(1260 * var(--lpSetSize));
  left: calc(704 * var(--lpSetSize));
  width: calc(45 * var(--lpSetSize));
  height: calc(45 * var(--lpSetSize));
  transform: rotate(53deg);
}

.star-field-section0 .star:nth-of-type(7) {
  top: calc(1482 * var(--lpSetSize));
  left: calc(664 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(30deg);
}

.star-field-section1 .star:nth-of-type(1) {
  top: calc(-20 * var(--lpSetSize));
  left: calc(34 * var(--lpSetSize));
  width: calc(40 * var(--lpSetSize));
  height: calc(40 * var(--lpSetSize));
  transform: rotate(94deg);
}

.star-field-section1 .star:nth-of-type(2) {
  top: calc(374 * var(--lpSetSize));
  left: calc(709 * var(--lpSetSize));
  width: calc(35 * var(--lpSetSize));
  height: calc(35 * var(--lpSetSize));
  transform: rotate(33deg);
}

.star-field-section1 .star:nth-of-type(3) {
  top: calc(737 * var(--lpSetSize));
  left: calc(11 * var(--lpSetSize));
  width: calc(25 * var(--lpSetSize));
  height: calc(25 * var(--lpSetSize));
  transform: rotate(121deg);
}

.star-field-section1 .star:nth-of-type(4) {
  top: calc(811 * var(--lpSetSize));
  left: calc(36 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(81deg);
}

.star-field-section1 .star:nth-of-type(5) {
  top: calc(1044 * var(--lpSetSize));
  left: calc(698 * var(--lpSetSize));
  width: calc(25 * var(--lpSetSize));
  height: calc(25 * var(--lpSetSize));
  transform: rotate(7deg);
}

.star-field-section1 .star:nth-of-type(6) {
  top: calc(1510 * var(--lpSetSize));
  left: calc(8 * var(--lpSetSize));
  width: calc(42 * var(--lpSetSize));
  height: calc(42 * var(--lpSetSize));
  transform: rotate(94deg);
}

.star-field-section1 .star:nth-of-type(7) {
  top: calc(2034 * var(--lpSetSize));
  left: calc(624 * var(--lpSetSize));
  width: calc(37 * var(--lpSetSize));
  height: calc(37 * var(--lpSetSize));
  transform: rotate(-1deg);
}

.star-field-section1 .star:nth-of-type(8) {
  top: calc(2100 * var(--lpSetSize));
  left: calc(688 * var(--lpSetSize));
  width: calc(25 * var(--lpSetSize));
  height: calc(25 * var(--lpSetSize));
  transform: rotate(29deg);
}

.star-field-section2 .star:nth-of-type(1) {
  top: calc(170 * var(--lpSetSize));
  left: calc(36 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(115deg);
}

.star-field-section2 .star:nth-of-type(2) {
  top: calc(583 * var(--lpSetSize));
  left: calc(701 * var(--lpSetSize));
  width: calc(42 * var(--lpSetSize));
  height: calc(42 * var(--lpSetSize));
  transform: rotate(15deg);
}

.star-field-section2 .star:nth-of-type(3) {
  top: calc(1026 * var(--lpSetSize));
  left: calc(24 * var(--lpSetSize));
  width: calc(37 * var(--lpSetSize));
  height: calc(37 * var(--lpSetSize));
  transform: rotate(95deg);
}

.star-field-section2 .star:nth-of-type(4) {
  top: calc(1170 * var(--lpSetSize));
  left: calc(676 * var(--lpSetSize));
  width: calc(25 * var(--lpSetSize));
  height: calc(25 * var(--lpSetSize));
  transform: rotate(-1deg);
}

.star-field-section2 .star:nth-of-type(5) {
  top: calc(1987 * var(--lpSetSize));
  left: calc(87 * var(--lpSetSize));
  width: calc(40 * var(--lpSetSize));
  height: calc(40 * var(--lpSetSize));
  transform: rotate(65deg);
}

.star-field-section2 .star:nth-of-type(6) {
  top: calc(2050 * var(--lpSetSize));
  left: calc(51 * var(--lpSetSize));
  width: calc(25 * var(--lpSetSize));
  height: calc(25 * var(--lpSetSize));
  transform: rotate(58deg);
}

.star-field-section3 .star:nth-of-type(1) {
  top: calc(0 * var(--lpSetSize));
  left: calc(686 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(14deg);
}

.star-field-section3 .star:nth-of-type(2) {
  top: calc(450 * var(--lpSetSize));
  left: calc(10 * var(--lpSetSize));
  width: calc(35 * var(--lpSetSize));
  height: calc(35 * var(--lpSetSize));
  transform: rotate(-42deg);
}

.star-field-section3 .star:nth-of-type(3) {
  top: calc(791 * var(--lpSetSize));
  left: calc(717 * var(--lpSetSize));
  width: calc(25 * var(--lpSetSize));
  height: calc(25 * var(--lpSetSize));
  transform: rotate(46deg);
}

.star-field-section3 .star:nth-of-type(4) {
  top: calc(1123 * var(--lpSetSize));
  left: calc(38 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(-62deg);
}

.star-field-section3 .star:nth-of-type(5) {
  top: calc(1807 * var(--lpSetSize));
  left: calc(684 * var(--lpSetSize));
  width: calc(35 * var(--lpSetSize));
  height: calc(35 * var(--lpSetSize));
  transform: rotate(28deg);
}

.star-field-section3 .star:nth-of-type(6) {
  top: calc(2087 * var(--lpSetSize));
  left: calc(37 * var(--lpSetSize));
  width: calc(45 * var(--lpSetSize));
  height: calc(45 * var(--lpSetSize));
  transform: rotate(-94deg);
}

.star-field-section4 .star:nth-of-type(1) {
  top: calc(-40 * var(--lpSetSize));
  left: calc(698 * var(--lpSetSize));
  width: calc(24 * var(--lpSetSize));
  height: calc(24 * var(--lpSetSize));
  transform: rotate(68deg);
}

.star-field-section4 .star:nth-of-type(2) {
  top: calc(4 * var(--lpSetSize));
  left: calc(658 * var(--lpSetSize));
  width: calc(34 * var(--lpSetSize));
  height: calc(32 * var(--lpSetSize));
  transform: rotate(41deg);
}

.star-field-section4 .star:nth-of-type(3) {
  top: calc(384 * var(--lpSetSize));
  left: calc(13 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(-52deg);
}

.star-field-section4 .star:nth-of-type(4) {
  top: calc(710 * var(--lpSetSize));
  left: calc(707 * var(--lpSetSize));
  width: calc(38 * var(--lpSetSize));
  height: calc(38 * var(--lpSetSize));
  transform: rotate(88deg);
}

.star-field-section4 .star:nth-of-type(5) {
  top: calc(1036 * var(--lpSetSize));
  left: calc(41 * var(--lpSetSize));
  width: calc(35 * var(--lpSetSize));
  height: calc(35 * var(--lpSetSize));
  transform: rotate(-69deg);
}

.star-field-section4 .star:nth-of-type(6) {
  top: calc(1212 * var(--lpSetSize));
  left: calc(669 * var(--lpSetSize));
  width: calc(27 * var(--lpSetSize));
  height: calc(27 * var(--lpSetSize));
  transform: rotate(112deg);
}

.star-field-section4 .star:nth-of-type(7) {
  top: calc(1811 * var(--lpSetSize));
  left: calc(22 * var(--lpSetSize));
  width: calc(43 * var(--lpSetSize));
  height: calc(43 * var(--lpSetSize));
  transform: rotate(-95deg);
}

.star-field-section5 .star:nth-of-type(1) {
  top: calc(-100 * var(--lpSetSize));
  left: calc(677 * var(--lpSetSize));
  width: calc(38 * var(--lpSetSize));
  height: calc(38 * var(--lpSetSize));
  transform: rotate(76deg);
}

.star-field-section5 .star:nth-of-type(2) {
  top: calc(216 * var(--lpSetSize));
  left: calc(36 * var(--lpSetSize));
  width: calc(27 * var(--lpSetSize));
  height: calc(27 * var(--lpSetSize));
  transform: rotate(-114deg);
}

.star-field-section5 .star:nth-of-type(3) {
  top: calc(539 * var(--lpSetSize));
  left: calc(689 * var(--lpSetSize));
  width: calc(48 * var(--lpSetSize));
  height: calc(48 * var(--lpSetSize));
  transform: rotate(120deg);
}

.star-field-section5 .star:nth-of-type(4) {
  top: calc(757 * var(--lpSetSize));
  left: calc(8 * var(--lpSetSize));
  width: calc(35 * var(--lpSetSize));
  height: calc(35 * var(--lpSetSize));
  transform: rotate(-134deg);
}

.star-field-section5 .star:nth-of-type(5) {
  top: calc(899 * var(--lpSetSize));
  left: calc(32 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(-128deg);
}

.star-field-section5 .star:nth-of-type(6) {
  top: calc(1233 * var(--lpSetSize));
  left: calc(685 * var(--lpSetSize));
  width: calc(36 * var(--lpSetSize));
  height: calc(36 * var(--lpSetSize));
  transform: rotate(80deg);
}

.star-field-section5 .star:nth-of-type(7) {
  top: calc(2208 * var(--lpSetSize));
  left: calc(41 * var(--lpSetSize));
  width: calc(37 * var(--lpSetSize));
  height: calc(37 * var(--lpSetSize));
  transform: rotate(-97deg);
}

.star-field-section6 .star:nth-of-type(1) {
  top: calc(197 * var(--lpSetSize));
  left: calc(632 * var(--lpSetSize));
  width: calc(48 * var(--lpSetSize));
  height: calc(48 * var(--lpSetSize));
  transform: rotate(98deg);
}

.star-field-section6 .star:nth-of-type(2) {
  top: calc(283 * var(--lpSetSize));
  left: calc(712 * var(--lpSetSize));
  width: calc(32 * var(--lpSetSize));
  height: calc(32 * var(--lpSetSize));
  transform: rotate(71deg);
}

.star-field-section6 .star:nth-of-type(3) {
  top: calc(706 * var(--lpSetSize));
  left: calc(8 * var(--lpSetSize));
  width: calc(35 * var(--lpSetSize));
  height: calc(35 * var(--lpSetSize));
  transform: rotate(-136deg);
}

.star-field-section6 .star:nth-of-type(4) {
  top: calc(871 * var(--lpSetSize));
  left: calc(688 * var(--lpSetSize));
  width: calc(24 * var(--lpSetSize));
  height: calc(24 * var(--lpSetSize));
  transform: rotate(102deg);
}

.star-field-section6 .star:nth-of-type(5) {
  top: calc(1502 * var(--lpSetSize));
  left: calc(11 * var(--lpSetSize));
  width: calc(30 * var(--lpSetSize));
  height: calc(30 * var(--lpSetSize));
  transform: rotate(-166deg);
}

.star-field-section6 .star:nth-of-type(6) {
  top: calc(1721 * var(--lpSetSize));
  left: calc(694 * var(--lpSetSize));
  width: calc(42 * var(--lpSetSize));
  height: calc(42 * var(--lpSetSize));
  transform: rotate(125deg);
}

.star-field-section6 .star:nth-of-type(7) {
  top: calc(1959 * var(--lpSetSize));
  left: calc(31 * var(--lpSetSize));
  width: calc(36 * var(--lpSetSize));
  height: calc(36 * var(--lpSetSize));
  transform: rotate(-146deg);
}




.star.is-visible {
  opacity: 1;
}