@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
------------------------------------------ */
/* オーバーライド
------------------------------------------ */
.FU260625summer {
  /* 可変設定
  ------------------------------------------ */
  /*デザインの値*/
  --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以上 固定 */
}
@media (min-width: 1401px) {
  .FU260625summer {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
.FU260625summer {
  /* PC画面幅 768～1400px 可変 */
}
@media (min-width: 768px) and (max-width: 1400px) {
  .FU260625summer {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
.FU260625summer {
  /* SP画面幅 767px以下 可変 */
}
@media (max-width: 767px) {
  .FU260625summer {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
.FU260625summer {
  /* mixin
  ------------------------------------------ */
  /* reset
  ------------------------------------------ */
}
.FU260625summer img {
  width: 100%;
  height: auto;
}
.FU260625summer * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.FU260625summer {
  /* animation
  ------------------------------------------ */
}
.FU260625summer .js-blur {
  opacity: 0;
  -webkit-filter: blur(calc(10 * var(--formula)));
          filter: blur(calc(10 * var(--formula)));
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.FU260625summer .js-blur.is-active {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}
.FU260625summer .js-fade-in-to-left {
  opacity: 0;
  -webkit-transform: translateX(calc(30 * var(--formula)));
          transform: translateX(calc(30 * var(--formula)));
  -webkit-transition: all 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.FU260625summer .js-fade-in-to-left.is-active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.FU260625summer .js-fade-in-to-right {
  opacity: 0;
  -webkit-transform: translateX(calc(-30 * var(--formula)));
          transform: translateX(calc(-30 * var(--formula)));
  -webkit-transition: all 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.FU260625summer .js-fade-in-to-right.is-active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.FU260625summer .js-fade-up {
  opacity: 0;
  -webkit-transform: translateY(calc(30 * var(--formula)));
          transform: translateY(calc(30 * var(--formula)));
  -webkit-transition: all 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.FU260625summer .js-fade-up.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.FU260625summer .js-char .char {
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.FU260625summer .js-char.is-active .char {
  opacity: 1;
}
.FU260625summer {
  /* 共通
  ------------------------------------------ */
}
.FU260625summer .decoration {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.FU260625summer .price-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 calc(14 * var(--formula));
}
.FU260625summer .price-column i {
  width: calc(96 * var(--formula));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FU260625summer .price-column.plax {
  gap: 0 calc(10 * var(--formula));
}
.FU260625summer .product-decoration-ttl {
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(68 * var(--formula));
  line-height: 1.15;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
}
.FU260625summer .product-decoration-txt {
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(22 * var(--formula));
  line-height: 1.8;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FU260625summer .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: calc(14 * var(--formula));
  height: calc(14 * var(--formula));
  position: absolute;
}
.FU260625summer .swiper-pagination-bullet {
  width: calc(14 * var(--formula));
  height: calc(14 * var(--formula));
  background-color: #a8a7a7;
  border-radius: 50%;
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
  position: relative;
}
.FU260625summer .swiper-pagination-bullet-active {
  background-color: #000;
}
.FU260625summer {
  /* LP style
  ------------------------------------------ */
}
.FU260625summer-container {
  display: grid;
  grid-template-columns: 1fr calc(750 * var(--variable) * var(--ratio)) 1fr;
  margin-bottom: calc(200 * var(--variable) * var(--ratio));
}
@media (max-width: 767px) {
  .FU260625summer-container {
    display: block;
  }
}
.FU260625summer-container {
  background-color: #e2e2e2;
}
.FU260625summer .fixed-left,
.FU260625summer .fixed-right {
  position: sticky;
  top: var(--header-height);
  height: calc(100vh - var(--header-height));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .FU260625summer .fixed-left,
  .FU260625summer .fixed-right {
    display: none;
  }
}
.FU260625summer .fixed-left-logo {
  position: absolute;
  left: calc(50 * var(--formula_pc));
  top: calc(50 * var(--formula_pc));
  width: calc(333 * var(--formula_pc));
}
@media (min-width: 1401px) {
  .FU260625summer .fixed-left-logo {
    width: 23.7857142857vw;
  }
}
.FU260625summer .fixed-right-link {
  position: absolute;
  display: block;
  width: calc(202 * var(--formula_pc));
  right: calc(52 * var(--formula_pc));
  bottom: calc(50 * var(--formula_pc));
}
@media (min-width: 1401px) {
  .FU260625summer .fixed-right-link {
    width: 14.4285714286vw;
  }
}
.FU260625summer .lp-cont {
  width: calc(750 * var(--variable) * var(--ratio));
  margin: 0 auto;
  background-color: #fff;
}
.FU260625summer {
  /* mv
  ------------------------------------------ */
}
.FU260625summer .mv a {
  position: relative;
  z-index: 0;
}
.FU260625summer {
  /* hero
  ------------------------------------------ */
}
.FU260625summer .hero {
  padding: calc(86 * var(--formula)) 0 calc(104 * var(--formula));
}
.FU260625summer .hero-txt {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  text-align: center;
}
.FU260625summer {
  /* product
  ------------------------------------------ */
}
.FU260625summer .product01-slider {
  width: calc(645 * var(--formula));
  margin: 0 auto;
}
.FU260625summer .product01-slider .swiper-pagination {
  bottom: calc(22 * var(--formula));
  padding-right: calc(22 * var(--formula));
}
.FU260625summer .product01-price {
  width: calc(645 * var(--formula));
  margin: calc(30 * var(--formula)) auto 0;
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(23 * var(--formula));
  line-height: 2;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FU260625summer .product01-price .price-column {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.FU260625summer .product02 {
  position: relative;
  margin-top: calc(226 * var(--formula));
}
.FU260625summer .product02-decoration-01 {
  position: absolute;
  top: calc(-45 * var(--formula));
  left: calc(44 * var(--formula));
}
.FU260625summer .product02-decoration-01-ttl {
  width: calc(202 * var(--formula));
}
.FU260625summer .product02-decoration-01-txt {
  margin-top: calc(32 * var(--formula));
}
.FU260625summer .product02-decoration-02 {
  position: absolute;
  top: calc(376 * var(--formula));
  left: calc(-131 * var(--formula));
}
.FU260625summer .product02-decoration-02-txt {
  margin-top: calc(8 * var(--formula));
}
.FU260625summer .product02-photo-01 {
  width: calc(600 * var(--formula));
  margin: 0 0 0 auto;
}
.FU260625summer .product02-photo-02-pin {
  margin-top: calc(80 * var(--formula));
  overflow: hidden;
}
.FU260625summer .product02-photo-02-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(10 * var(--formula));
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.FU260625summer .product02-photo-02 {
  width: calc(660 * var(--formula));
}
.FU260625summer .product02-photo-03 {
  width: calc(660 * var(--formula));
}
.FU260625summer .product02-photo-04 {
  position: relative;
  width: calc(495 * var(--formula));
  margin: calc(150 * var(--formula)) calc(62 * var(--formula)) 0 auto;
}
.FU260625summer .product02-price {
  margin-top: calc(32 * var(--formula));
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(23 * var(--formula));
  line-height: 2;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FU260625summer .product02-price .price-column {
  gap: 0 calc(16 * var(--formula));
}
.FU260625summer .product03 {
  margin-top: calc(310 * var(--formula));
  padding: calc(140 * var(--formula)) 0 calc(132 * var(--formula));
  background-color: #d7d7d7;
}
.FU260625summer .product03-slider {
  width: calc(672 * var(--formula));
  margin: 0 auto;
}
.FU260625summer .product03-slider .swiper-pagination {
  position: absolute;
  bottom: calc(22 * var(--formula));
  padding-right: calc(22 * var(--formula));
}
.FU260625summer .product03-photo-01 {
  width: calc(555 * var(--formula));
  margin: calc(76 * var(--formula)) auto 0;
}
.FU260625summer .product03-ttl {
  margin-top: calc(74 * var(--formula));
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  font-size: calc(68 * var(--formula));
  letter-spacing: 0.06em;
  text-align: center;
}
.FU260625summer .product03-txt {
  margin-top: calc(28 * var(--formula));
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(26 * var(--formula));
  letter-spacing: 0.06em;
  text-align: center;
}
.FU260625summer .product03-price {
  margin-top: calc(30 * var(--formula));
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(23 * var(--formula));
  line-height: 2;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FU260625summer .product04 {
  margin-top: calc(140 * var(--formula));
}
.FU260625summer .product04-photo-01 {
  width: calc(630 * var(--formula));
  margin: 0 0 0 auto;
}
.FU260625summer .product04-photo-02 {
  position: relative;
  width: calc(600 * var(--formula));
  margin: calc(66 * var(--formula)) auto 0 0;
}
.FU260625summer .product04-decoration-01 {
  position: absolute;
  bottom: calc(-136 * var(--formula));
  right: calc(-138 * var(--formula));
  text-align: right;
}
.FU260625summer .product04-decoration-01-txt {
  white-space: nowrap;
  margin-top: calc(32 * var(--formula));
  position: relative;
  top: calc(-15 * var(--formula));
  left: calc(-15 * var(--formula));
}
.FU260625summer .product04-price {
  width: calc(630 * var(--formula));
  margin: calc(30 * var(--formula)) 0 0 auto;
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(23 * var(--formula));
  line-height: 2;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FU260625summer .product04-price .price-column {
  gap: 0 calc(18 * var(--formula));
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.FU260625summer .product05 {
  margin-top: calc(310 * var(--formula));
}
.FU260625summer .product05-photo-01 {
  width: calc(660 * var(--formula));
  margin: 0 auto;
}
.FU260625summer .product05-photo-02-pin {
  margin-top: calc(80 * var(--formula));
  overflow: hidden;
}
.FU260625summer .product05-photo-02-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(10 * var(--formula));
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.FU260625summer .product05-photo-02 {
  width: calc(594 * var(--formula));
}
.FU260625summer .product05-photo-03 {
  width: calc(594 * var(--formula));
}
.FU260625summer .product05-price {
  margin-top: calc(30 * var(--formula));
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(23 * var(--formula));
  line-height: 2;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FU260625summer .product05-price .price-column {
  gap: 0 calc(18 * var(--formula));
}
.FU260625summer .product06 {
  position: relative;
  margin-top: calc(450 * var(--formula));
}
.FU260625summer .product06-photo-01 {
  width: calc(630 * var(--formula));
  margin: 0 calc(30 * var(--formula)) 0 auto;
}
.FU260625summer .product06-photo-02 {
  width: calc(540 * var(--formula));
  margin: calc(60 * var(--formula)) auto 0 calc(40 * var(--formula));
}
.FU260625summer .product06-decoration-01 {
  position: absolute;
  top: calc(-270 * var(--formula));
  left: calc(30 * var(--formula));
}
.FU260625summer .product06-decoration-01-txt {
  margin-top: calc(13 * var(--formula));
}
.FU260625summer .product06-price {
  margin: calc(30 * var(--formula)) auto 0 calc(40 * var(--formula));
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(23 * var(--formula));
  line-height: 2;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FU260625summer .product06-price .price-column {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 calc(18 * var(--formula));
}
.FU260625summer {
  /* all
  ------------------------------------------ */
}
.FU260625summer .all {
  padding: calc(166 * var(--formula)) 0 calc(216 * var(--formula));
  text-align: center;
}
.FU260625summer .all-link {
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  font-size: calc(40 * var(--formula));
  letter-spacing: 0.06em;
}
.FU260625summer .all-line-01 {
  margin-bottom: calc(38 * var(--formula));
}
.FU260625summer .all-line-01 img {
  -o-object-fit: cover;
     object-fit: cover;
}
.FU260625summer .all-line-02 {
  margin-top: calc(32 * var(--formula));
}
.FU260625summer .all-line-02 img {
  -o-object-fit: cover;
     object-fit: cover;
}
.FU260625summer {
  /* plaX
  ------------------------------------------ */
}
.FU260625summer .plax-cont {
  position: relative;
  width: calc(680 * var(--formula));
  margin: 0 auto;
  padding: calc(52 * var(--formula)) 0 calc(45 * var(--formula));
  background-color: #e2e2e2;
}
.FU260625summer .plax-logo {
  position: absolute;
  top: calc(-35 * var(--formula));
  left: calc(0 * var(--formula));
  right: calc(0 * var(--formula));
  margin: auto;
  width: calc(161 * var(--formula));
}
.FU260625summer .plax-txt {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  text-align: center;
}
.FU260625summer {
  /* staff
  ------------------------------------------ */
}
.FU260625summer .staff {
  margin-top: calc(128 * var(--formula));
  padding-bottom: calc(200 * var(--formula));
}
@media (max-width: 767px) {
  .FU260625summer .staff {
    padding-bottom: 0;
  }
}
.FU260625summer .staff-txt {
  font-family: "richmond-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
}