@charset "UTF-8";
/* media query
------------------------------------------ */
/* display
------------------------------------------ */
.is-show-pc {
  display: block;
}
@media (max-width: 767px) {
  .is-show-pc {
    display: none;
  }
}

.is-show-sp {
  display: none;
}
@media (max-width: 767px) {
  .is-show-sp {
    display: block;
  }
}

/* function
------------------------------------------ */
.footer {
  padding-top: 0;
}

.MO251127BLACKFRIDAY {
  /* 可変設定
  ------------------------------------------ */
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 525; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(
    var(--variable) * var(--ratio)
  ); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
  /* PC画面幅 1400px以上 固定 */
  /* PC画面幅 768～1400px 可変 */
  /* SP画面幅 767px以下 可変 */
  /* mixin
  ------------------------------------------ */
  /* reset
  ------------------------------------------ */
  /* 共通
  ------------------------------------------ */
  /* animation
  ------------------------------------------ */
  /* LP style
  ------------------------------------------ */
  /* product
  ------------------------------------------ */
  /* all
  ------------------------------------------ */
  /* staff
  ------------------------------------------ */
  font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", メイリオ, sans-serif;
  font-feature-settings: "palt";
}
@media (min-width: 1401px) {
  .MO251127BLACKFRIDAY {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .MO251127BLACKFRIDAY {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
@media (max-width: 767px) {
  .MO251127BLACKFRIDAY {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
.MO251127BLACKFRIDAY img {
  width: 100%;
  height: auto;
}
.MO251127BLACKFRIDAY * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.MO251127BLACKFRIDAY .section-ttl {
  position: relative;
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1s;
  transition: 1s;
  text-align: center;
}
.MO251127BLACKFRIDAY .section-ttl span {
  display: inline-block;
  width: 1px;
  height: calc(90 * var(--formula));
  background-color: #000;
  margin: calc(25 * var(--formula)) auto 0;
}
.MO251127BLACKFRIDAY .section-ttl.is-active {
  clip-path: inset(0 0 0 0);
}
.MO251127BLACKFRIDAY .product-ttl {
  font-family: "ryo-display-plusn", serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(48 * var(--formula));
  line-height: 1.75;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.145em;
}
.MO251127BLACKFRIDAY .product-txt {
  font-size: calc(24 * var(--formula));
  line-height: 2.25;
  letter-spacing: 0.025em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.MO251127BLACKFRIDAY .product-img {
  pointer-events: none;
}
.MO251127BLACKFRIDAY .js-fade-in {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.MO251127BLACKFRIDAY .js-fade-in.is-active {
  opacity: 1;
}
.MO251127BLACKFRIDAY-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .MO251127BLACKFRIDAY-container {
    display: block;
  }
}
.MO251127BLACKFRIDAY .mv {
  position: sticky;
  top: 0;
  width: 50%;
  height: 100vh;
  order: 1;
}
@media (max-width: 767px) {
  .MO251127BLACKFRIDAY .mv {
    position: static;
    width: 100%;
    height: auto;
  }
}
.MO251127BLACKFRIDAY .mv a {
  display: block;
  position: relative;
  z-index: 0;
}
.MO251127BLACKFRIDAY .mv-logo {
  position: absolute;
  left: calc(0 * var(--formula_pc));
  right: calc(0 * var(--formula_pc));
  bottom: calc(0 * var(--formula_pc));
  width: calc(536 * var(--formula_pc));
  margin: auto;
  z-index: 1;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.MO251127BLACKFRIDAY .mv-logo.is-active {
  opacity: 1;
}
@media (max-width: 767px) {
  .MO251127BLACKFRIDAY .mv-logo {
    width: calc(570 * var(--formula));
    left: calc(0 * var(--formula));
    right: calc(0 * var(--formula));
    bottom: calc(33 * var(--formula));
  }
}
.MO251127BLACKFRIDAY .mv-img {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.MO251127BLACKFRIDAY .mv-img.is-active {
  opacity: 1;
}
@media (max-width: 767px) {
  .MO251127BLACKFRIDAY .mv-img {
    height: auto;
  }
}
.MO251127BLACKFRIDAY .mv-img img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media (max-width: 767px) {
  .MO251127BLACKFRIDAY .mv-img img {
    -o-object-fit: fill;
       object-fit: fill;
    height: auto;
  }
}
.MO251127BLACKFRIDAY .lp-container {
  width: 50%;
}
@media (max-width: 767px) {
  .MO251127BLACKFRIDAY .lp-container {
    width: 100%;
  }
}
.MO251127BLACKFRIDAY .lp-cont {
  width: calc(750 * var(--variable) * var(--ratio));
  margin: 0 auto;
}


/* =======================### MO251127BLACKFRIDAY ###======================= */
.lp_top_txt {
  width: calc(612*var(--variable)*var(--ratio));
  margin: calc(100*var(--variable)*var(--ratio)) auto calc(130*var(--variable)*var(--ratio));
}
.category_block {
  margin-bottom: calc(167*var(--variable)*var(--ratio));
}
.num_top_01 {
  width: calc(45*var(--variable)*var(--ratio));
  margin: 0 auto calc(10*var(--variable)*var(--ratio));
}
.category_top_01 {
  width: calc(454*var(--variable)*var(--ratio));
  margin: 0 auto calc(50*var(--variable)*var(--ratio));
  position: relative;
  left: calc(10*var(--variable)*var(--ratio));
}
.category_lead {
  font-size: calc(24*var(--variable)*var(--ratio));
  line-height: 2.083;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: calc(68*var(--variable)*var(--ratio));
}

.slide_text {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.slide_text.slide_text01 {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  padding: calc(11*var(--variable)*var(--ratio)) 0 calc(8*var(--variable)*var(--ratio));
}
.text_slide_inner {
  display: inline-flex;
  /* animation: marquee 20s linear infinite; */
}
.text_slide_inner p {
  display: inline-block;
  padding-right: calc(25*var(--variable)*var(--ratio));
  padding-left: calc(25*var(--variable)*var(--ratio));
  padding-bottom: calc(5*var(--variable)*var(--ratio));
  font-family: "benton-modern-display", serif;
  font-weight: 300;
  font-size: calc(50*var(--variable)*var(--ratio));
  letter-spacing: 0.013em;
  white-space: nowrap;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.js-scroll_in {
  transition: clip-path 1s 0.3s ease;
  clip-path: inset(0 100% 0 0);
}
.js-scroll_in.is-active {
  clip-path: inset(0 0 0 0);
}

.category_01_price {
  width: calc(205*var(--variable)*var(--ratio));
  margin: calc(47*var(--variable)*var(--ratio)) auto calc(65*var(--variable)*var(--ratio));
  display: block;
}
.category_01_img01 {
  width: calc(700*var(--variable)*var(--ratio));
  margin: 0 auto calc(10*var(--variable)*var(--ratio));
}
.category_01_img02 {
  width: calc(700*var(--variable)*var(--ratio));
  margin: 0 auto;
}
.credit_wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: calc(40*var(--variable)*var(--ratio));
  gap: 0 calc(18*var(--variable)*var(--ratio));
}
.credit_wrap.credit_01 {
  width: calc(700*var(--variable)*var(--ratio));
  margin-inline: auto;
}
.credit_wrap a , .credit_wrap div {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-size: calc(24*var(--variable)*var(--ratio));
  line-height: 2;
  letter-spacing: 0.02em;
}

/* category_02 */
.category_02_img01 {
  width: calc(640*var(--variable)*var(--ratio));
  margin-left: auto;
  margin-bottom: calc(140*var(--variable)*var(--ratio));
  position: relative;
}
.star_blink {
  width: calc(18*var(--variable)*var(--ratio));
  position: absolute;
  animation: starBlink var(--star-duration, 2s) var(--star-delay, 0s) infinite ease-in-out;
}
@keyframes starBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
.star_blink01 {
  top: calc(-91*var(--variable)*var(--ratio));
  right: calc(73*var(--variable)*var(--ratio));
}
.star_blink02 {
  top: calc(-61*var(--variable)*var(--ratio));
  right: calc(103*var(--variable)*var(--ratio));
  animation-delay: 1s;
}
.slide_text02 {
  position: absolute;
  top: calc(374*var(--variable)*var(--ratio));
  left: calc(-459*var(--variable)*var(--ratio));
  rotate: 90deg;
  width: calc(802*var(--variable)*var(--ratio));
  height: calc(61*var(--variable)*var(--ratio));
}
.category_02_img02 {
  width: calc(750*var(--variable)*var(--ratio));
}

/* slide */
.slide.js-slide .slick-dots {
  top: calc(-6* (100vw /750));
  position: absolute;
  right: calc(17*var(--variable)*var(--ratio));
}
.slide.js-slide .slick-dots li button {
  width: calc(18*var(--variable)*var(--ratio));
  height: calc(24*var(--variable)*var(--ratio));
  opacity: 1;
  background: url(../img/star_button.png);
  background-size: contain;
}
.slide.js-slide .slick-dots li.slick-active button {
  opacity: 0.4;
}
.slide.js-slide a {
  display: block;
}
.slide.js-slide .slick-dots li {
  margin: 0 3.5px;
}
/* slide end */

.credit_wrap.credit_02 {
  width: calc(520*var(--variable)*var(--ratio));
  margin-inline: auto;
}

/* category_03 */
.num_top_02 {
  width: calc(53*var(--variable)*var(--ratio));
  margin: 0 auto calc(60*var(--variable)*var(--ratio));
}
.category_top_02 {
  width: calc(617*var(--variable)*var(--ratio));
  margin: 0 auto calc(40*var(--variable)*var(--ratio));
  position: relative;
  left: calc(-37*var(--variable)*var(--ratio));
}
.category_02_price {
  width: calc(170*var(--variable)*var(--ratio));
  margin: calc(50*var(--variable)*var(--ratio)) auto calc(65*var(--variable)*var(--ratio));
  display: block;
}
.category_03_img01 {
  width: calc(750*var(--variable)*var(--ratio));
  margin: 0 auto calc(100*var(--variable)*var(--ratio));
}
.category_03_img02 {
  margin-left: auto;
  width: calc(652*var(--variable)*var(--ratio));
}
.credit_wrap.credit_03 {
  width: calc(652*var(--variable)*var(--ratio));
  justify-content: flex-start;
}

/* category_04 */
.category_04_img01 {
  width: calc(700*var(--variable)*var(--ratio));
  margin: 0 auto calc(10*var(--variable)*var(--ratio));
  position: relative;
}
.star_blink03 {
  top: calc(-137*var(--variable)*var(--ratio));
  left: calc(15*var(--variable)*var(--ratio));
}
.star_blink04 {
  top: calc(-102*var(--variable)*var(--ratio));
  left: calc(45*var(--variable)*var(--ratio));
  animation-delay: 1s;
}
.category_04_img02 {
  width: calc(700*var(--variable)*var(--ratio));
  margin: 0 auto;
}
.credit_wrap.credit_04 {
  width: calc(700*var(--variable)*var(--ratio));
  margin-inline: auto;
}

/* category_05 */
.category_05_img01 {
  width: calc(750*var(--variable)*var(--ratio));
  margin: 0 auto calc(100*var(--variable)*var(--ratio));
  position: relative;
}
.star_blink05 {
  top: calc(-132*var(--variable)*var(--ratio));
  right: calc(32*var(--variable)*var(--ratio));
}
.star_blink.star_blink06 {
  top: calc(-85*var(--variable)*var(--ratio));
  right: calc(86*var(--variable)*var(--ratio));
  width: calc(13.5*var(--variable)*var(--ratio));
  animation-delay: 1s;
}
.star_blink07 {
  top: calc(-58*var(--variable)*var(--ratio));
  right: calc(60*var(--variable)*var(--ratio));
  animation-delay: 1.5s;
}
.category_05_img02 {
  width: calc(640*var(--variable)*var(--ratio));
  position: relative;
}
.slide_text03 {
  position: absolute;
  top: calc(373*var(--variable)*var(--ratio));
  right: calc(-456*var(--variable)*var(--ratio));
  rotate: 90deg;
  width: calc(802*var(--variable)*var(--ratio));
  height: calc(61*var(--variable)*var(--ratio));
}
.credit_wrap.credit_05 {
  width: calc(590*var(--variable)*var(--ratio));
  margin-left: calc(40*var(--variable)*var(--ratio));
  justify-content: flex-start;
  margin-top: calc(37*var(--variable)*var(--ratio));
}

/* end_section */
.end_section {
  position: relative;
}
.star_blink.star_blink08 {
  top: calc(-144*var(--variable)*var(--ratio));
  left: calc(165*var(--variable)*var(--ratio));
}
.star_blink.star_blink09 {
  top: calc(-94*var(--variable)*var(--ratio));
  left: calc(106*var(--variable)*var(--ratio));
  animation-delay: 1.5s;
}
.star_blink.star_blink10 {
  top: calc(-60*var(--variable)*var(--ratio));
  left: calc(139*var(--variable)*var(--ratio));
  width: calc(13.5*var(--variable)*var(--ratio));
  animation-delay: 1s;
}
.star_blink.star_blink11 {
  top: calc(-74*var(--variable)*var(--ratio));
  right: calc(75*var(--variable)*var(--ratio));
}
.star_blink.star_blink12 {
  top: calc(-39*var(--variable)*var(--ratio));
  right: calc(117*var(--variable)*var(--ratio));
  animation-delay: 1s;
}
.star_blink.star_blink13 {
  top: calc(283*var(--variable)*var(--ratio));
  right: calc(217*var(--variable)*var(--ratio));
  width: calc(13.5*var(--variable)*var(--ratio));
}
.star_blink.star_blink14 {
  top: calc(309*var(--variable)*var(--ratio));
  right: calc(246*var(--variable)*var(--ratio));
  animation-delay: 1.5s;
}
.bottom_button {
  width: calc(675*var(--variable)*var(--ratio));
  margin-inline: auto;
  display: block;
}
.bottom_button.button_01 {
  margin-bottom: calc(20*var(--variable)*var(--ratio));
}
.bottom_button.button_02 {
  margin-bottom: calc(140*var(--variable)*var(--ratio));
}
.staff_ttl {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-size: calc(26*var(--variable)*var(--ratio));
  text-align: center;
  letter-spacing: 0.15em;
  margin-bottom: calc(20*var(--variable)*var(--ratio));
}
.staff_lead {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-size: calc(24*var(--variable)*var(--ratio));
  line-height: 2;
  letter-spacing: 0.02em;
  margin-bottom: calc(200*var(--variable)*var(--ratio));
  text-align: center;
}

.slide.js-slide a {
  display: block;
}

.slide.js-slide img {
  width: 100%;
  height: auto;
}

.slide_text02 .text_slide_inner p {
  padding-right: calc(0 * var(--variable) * var(--ratio));
  padding-left: calc(0 * var(--variable) * var(--ratio));
  font-size: calc(57 * var(--variable) * var(--ratio));
}
.slide_text.slide_text01_2 {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  padding: calc(11 * var(--variable) * var(--ratio)) 0 calc(8 * var(--variable) * var(--ratio));
  margin-top: calc(72 * var(--variable) * var(--ratio));
}
.slide_text01_2 .text_slide_inner p {padding-left: calc(32*var(--variable)*var(--ratio));padding-right: calc(0*var(--variable)*var(--ratio));}
.slide_text03 .text_slide_inner p {
  padding-right: calc(0 * var(--variable) * var(--ratio));
  padding-left: calc(0 * var(--variable) * var(--ratio));
  font-size: calc(57.7 * var(--variable) * var(--ratio));
}

@media (min-width: 768px) {
  .MO251127BLACKFRIDAY .lp-container {
    background-color: #000;
  }
  .MO251127BLACKFRIDAY .lp-cont {
    background-color: #fff;
  }
  .lp_top_txt {
    margin: calc(0*var(--variable)*var(--ratio)) auto calc(130*var(--variable)*var(--ratio));
    padding-top: calc(100*var(--variable)*var(--ratio));
  }
  .staff_lead {
    margin-bottom: calc(0*var(--variable)*var(--ratio));
    padding-bottom: calc(200*var(--variable)*var(--ratio));
  }

  .category_02_img02 {
    max-width: calc(750*var(--variable)*var(--ratio));
    position: relative;
  }
  .category_04_img01 {
    max-width: calc(700*var(--variable)*var(--ratio));
    position: relative;
  }
  .slick-list {
    overflow: hidden;
  }

  .slide.js-slide .slick-slide {
    /* コンテナの幅に対して何枚表示したいかに合わせて幅を設定 */
    width: 100% !important; /* slidesToShow: 1なら100% */
  }
  .slide.js-slide .slick-track {
    display: flex;
  }

  .slide.js-slide .slick-dots {
    top: calc(7* (100vw /750));
    display: flex;
  }
  /* ページネーションのボタン（<button>）の中のテキストを隠す */
  .slide.js-slide .slick-dots li button {
    font-size: 0; /* テキストサイズをゼロにする */
    line-height: 0; /* 行の高さをゼロにする */
    color: transparent; /* テキストの色を透明にする（念のため） */
  }

  .footer .toTop {
    float: left !important;
    margin-right: unset;
    margin-left: 30px;
  }
}