@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
------------------------------------------ */
.FU251002kirakira {
  /* 可変設定
  ------------------------------------------ */
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 450; /*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
  ------------------------------------------ */
  /* 共通
  ------------------------------------------ */
  /* LP style
  ------------------------------------------ */
  position: relative;
  margin-bottom: calc(200 * var(--variable) * var(--ratio));
}
@media (min-width: 1401px) {
  .FU251002kirakira {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .FU251002kirakira {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
@media (max-width: 767px) {
  .FU251002kirakira {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
.FU251002kirakira img {
  width: 100%;
  height: auto;
}
.FU251002kirakira * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.FU251002kirakira .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(20 * var(--formula));
  position: static;
  margin-top: calc(42 * var(--formula));
}
.FU251002kirakira .swiper-pagination-bullet {
  width: calc(60 * var(--formula));
  height: calc(4 * var(--formula));
  background-color: #e6e6e6;
  border-radius: 0;
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.FU251002kirakira .swiper-pagination-bullet-active {
  background-color: #e6e6e6;
}
.FU251002kirakira .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation-name: progress-bar;
          animation-name: progress-bar;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes progress-bar {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes progress-bar {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes starBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
@keyframes starBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
.FU251002kirakira::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #797a89;
  background-image: url("../img/bg_pc.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  z-index: -5;
}
.FU251002kirakira .lp-cont {
  width: calc(750 * var(--variable) * var(--ratio));
  margin: 0 auto;
}
.FU251002kirakira .hero-txt {
  margin-top: calc(338 * var(--formula));
  font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", メイリオ, sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
}
.FU251002kirakira .lp-bg {
  position: relative;
  overflow: hidden;
}
.FU251002kirakira .lp-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_color.svg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
  pointer-events: none;
}
.FU251002kirakira .lp-bg::after {
  content: "";
  position: absolute;
  top: calc(150 * var(--formula));
  left: calc(2 * var(--formula));
  width: 100%;
  height: 100%;
  background-image: url("../img/bg.svg");
  background-repeat: no-repeat;
  background-size: calc(750 * var(--formula)) auto;
  z-index: -1;
  pointer-events: none;
}
.FU251002kirakira .bg-switching {
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(0 * var(--formula));
  left: calc(0 * var(--formula));
  z-index: -2;
  pointer-events: none;
}
.FU251002kirakira .bg-switching .star {
  position: absolute;
}
.FU251002kirakira .bg-switching .star.animate {
  -webkit-animation: starBlink var(--star-duration, 2s) var(--star-delay, 0s) infinite ease-in-out;
          animation: starBlink var(--star-duration, 2s) var(--star-delay, 0s) infinite ease-in-out;
}
.FU251002kirakira .bg-switching .star[data-star-id="1"] {
  width: calc(32 * var(--formula));
  top: calc(130 * var(--formula));
  left: calc(160 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="2"] {
  width: calc(22 * var(--formula));
  top: calc(260 * var(--formula));
  left: calc(380 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="3"] {
  width: calc(28 * var(--formula));
  top: calc(292 * var(--formula));
  left: calc(348 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="4"] {
  width: calc(120 * var(--formula));
  top: calc(790 * var(--formula));
  right: calc(50 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="5"] {
  width: calc(40 * var(--formula));
  top: calc(1090 * var(--formula));
  left: calc(16 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="6"] {
  width: calc(67 * var(--formula));
  top: calc(1258 * var(--formula));
  right: calc(10 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="6"] {
  width: calc(67 * var(--formula));
  top: calc(1258 * var(--formula));
  right: calc(10 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="7"] {
  width: calc(32 * var(--formula));
  top: calc(2068 * var(--formula));
  right: calc(114 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="8"] {
  width: calc(28 * var(--formula));
  top: calc(2368 * var(--formula));
  right: calc(40 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="9"] {
  width: calc(24 * var(--formula));
  top: calc(2678 * var(--formula));
  left: calc(74 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="10"] {
  width: calc(30 * var(--formula));
  top: calc(2798 * var(--formula));
  left: calc(36 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="11"] {
  width: calc(30 * var(--formula));
  top: calc(2948 * var(--formula));
  left: calc(170 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="12"] {
  width: calc(45 * var(--formula));
  top: calc(3512 * var(--formula));
  left: calc(106 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="13"] {
  width: calc(30 * var(--formula));
  top: calc(3646 * var(--formula));
  left: calc(330 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="14"] {
  width: calc(28 * var(--formula));
  top: calc(3578 * var(--formula));
  right: calc(40 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="15"] {
  width: calc(30 * var(--formula));
  top: calc(3866 * var(--formula));
  right: calc(60 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="16"] {
  width: calc(130 * var(--formula));
  top: calc(4122 * var(--formula));
  right: calc(90 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="17"] {
  width: calc(30 * var(--formula));
  top: calc(4568 * var(--formula));
  right: calc(265 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="18"] {
  width: calc(148 * var(--formula));
  top: calc(5088 * var(--formula));
  left: calc(100 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="19"] {
  width: calc(160 * var(--formula));
  top: calc(5544 * var(--formula));
  left: calc(140 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="20"] {
  width: calc(30 * var(--formula));
  top: calc(6678 * var(--formula));
  left: calc(36 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="21"] {
  width: calc(28 * var(--formula));
  top: calc(7232 * var(--formula));
  right: calc(30 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="22"] {
  width: calc(148 * var(--formula));
  top: calc(7554 * var(--formula));
  left: calc(140 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="23"] {
  width: calc(160 * var(--formula));
  top: calc(8408 * var(--formula));
  right: calc(16 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="24"] {
  width: calc(140 * var(--formula));
  top: calc(8432 * var(--formula));
  left: calc(140 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="25"] {
  width: calc(30 * var(--formula));
  top: calc(8926 * var(--formula));
  left: calc(20 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="26"] {
  width: calc(30 * var(--formula));
  top: calc(9580 * var(--formula));
  left: calc(170 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="27"] {
  width: calc(140 * var(--formula));
  top: calc(9594 * var(--formula));
  right: calc(140 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="28"] {
  width: calc(98 * var(--formula));
  top: calc(10654 * var(--formula));
  left: calc(92 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="29"] {
  width: calc(24 * var(--formula));
  top: calc(10938 * var(--formula));
  left: calc(56 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="30"] {
  width: calc(40 * var(--formula));
  top: calc(11174 * var(--formula));
  right: calc(70 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="31"] {
  width: calc(18 * var(--formula));
  top: calc(11620 * var(--formula));
  left: calc(374 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="32"] {
  width: calc(22 * var(--formula));
  top: calc(11656 * var(--formula));
  left: calc(342 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="33"] {
  width: calc(28 * var(--formula));
  top: calc(11688 * var(--formula));
  left: calc(380 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="34"] {
  width: calc(22 * var(--formula));
  top: calc(11928 * var(--formula));
  left: calc(388 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="35"] {
  width: calc(28 * var(--formula));
  top: calc(11960 * var(--formula));
  left: calc(340 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="36"] {
  width: calc(22 * var(--formula));
  top: calc(12010 * var(--formula));
  left: calc(378 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="37"] {
  width: calc(30 * var(--formula));
  top: calc(12202 * var(--formula));
  left: calc(66 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="38"] {
  width: calc(30 * var(--formula));
  top: calc(12934 * var(--formula));
  right: calc(68 * var(--formula));
}
.FU251002kirakira .bg-switching .star[data-star-id="39"] {
  width: calc(140 * var(--formula));
  top: calc(12954 * var(--formula));
  left: calc(50 * var(--formula));
}
.FU251002kirakira .product01 {
  margin-top: calc(230 * var(--formula));
}
.FU251002kirakira .product01-slider {
  width: calc(660 * var(--formula));
  margin: 0 auto;
}
.FU251002kirakira .product01-photo-01 {
  width: calc(540 * var(--formula));
  margin-top: calc(80 * var(--formula));
  margin-right: auto;
}
.FU251002kirakira .product01-photo-02 {
  width: calc(480 * var(--formula));
  margin-top: calc(118 * var(--formula));
  margin-left: auto;
  position: relative;
  left: calc(-40 * var(--formula));
}
.FU251002kirakira .product01-price {
  width: calc(480 * var(--formula));
  margin-left: auto;
  position: relative;
  left: calc(-40 * var(--formula));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(20 * var(--formula));
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.FU251002kirakira .product01-price a {
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(20 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
}
.FU251002kirakira .product01-price-01 {
  margin-top: calc(52 * var(--formula));
}
.FU251002kirakira .product02 {
  margin-top: calc(292 * var(--formula));
}
.FU251002kirakira .product02-photo-01 {
  width: calc(600 * var(--formula));
  margin-top: calc(50 * var(--formula));
  margin-right: auto;
}
.FU251002kirakira .product02-photo-02 {
  width: calc(480 * var(--formula));
  margin-top: calc(80 * var(--formula));
  margin-left: auto;
  position: relative;
  left: calc(-40 * var(--formula));
}
.FU251002kirakira .product02-price {
  width: calc(480 * var(--formula));
  margin-left: auto;
  position: relative;
  left: calc(-40 * var(--formula));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(20 * var(--formula));
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.FU251002kirakira .product02-price a {
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(20 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
}
.FU251002kirakira .product02-price-01 {
  margin-top: calc(52 * var(--formula));
}
.FU251002kirakira .product03 {
  margin-top: calc(212 * var(--formula));
}
.FU251002kirakira .product03-slider {
  width: calc(750 * var(--formula));
  margin: 0 auto;
}
.FU251002kirakira .product03-photo-01 {
  width: calc(560 * var(--formula));
  margin: calc(80 * var(--formula)) auto 0;
}
.FU251002kirakira .product03-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(20 * var(--formula));
  gap: calc(18 * var(--formula));
}
.FU251002kirakira .product03-price a {
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(20 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
}
.FU251002kirakira .product03-price-01 {
  margin-top: calc(52 * var(--formula));
}
.FU251002kirakira .product04 {
  margin-top: calc(212 * var(--formula));
}
.FU251002kirakira .product04-photo-01 {
  width: calc(620 * var(--formula));
  margin: calc(50 * var(--formula)) auto 0;
}
.FU251002kirakira .product04-photo-02 {
  width: calc(620 * var(--formula));
  margin: calc(20 * var(--formula)) auto 0;
}
.FU251002kirakira .product04-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(20 * var(--formula));
}
.FU251002kirakira .product04-price a {
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(20 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
}
.FU251002kirakira .product04-price-01 {
  margin-top: calc(60 * var(--formula));
}
.FU251002kirakira .product05 {
  margin-top: calc(214 * var(--formula));
}
.FU251002kirakira .product05-slider {
  width: calc(750 * var(--formula));
  margin: 0 auto;
}
.FU251002kirakira .product05-slider .swiper-pagination {
  margin-top: calc(41 * var(--formula));
}
.FU251002kirakira .product05-photo-01 {
  width: calc(480 * var(--formula));
  margin: calc(80 * var(--formula)) auto 0;
}
.FU251002kirakira .product05-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(20 * var(--formula));
}
.FU251002kirakira .product05-price a {
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(20 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
}
.FU251002kirakira .product05-price-01 {
  margin-top: calc(52 * var(--formula));
}
.FU251002kirakira .all {
  margin: calc(300 * var(--formula)) 0 0;
}
.FU251002kirakira .all-link {
  display: block;
  width: calc(590 * var(--formula));
  margin: 0 auto;
}
.FU251002kirakira .lp-footer {
  margin-top: calc(354 * var(--formula));
  padding-bottom: calc(110 * var(--formula));
}
.FU251002kirakira .lp-footer .staff {
  margin-top: calc(72 * var(--formula));
  text-align: center;
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(20 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
}