@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
------------------------------------------ */
/* オーバーライド
------------------------------------------ */
body:has(.lp-wrapper) #Contents {
  overflow: unset;
}

@media (max-width: 767px) {
  .archive {
    border-top: none !important;
  }
}

.FR260722FRAYSUMMERWEEK {
  /* 可変設定
  ------------------------------------------ */
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 510; /*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) {
  .FR260722FRAYSUMMERWEEK {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
.FR260722FRAYSUMMERWEEK {
  /* PC画面幅 768～1400px 可変 */
}
@media (min-width: 768px) and (max-width: 1400px) {
  .FR260722FRAYSUMMERWEEK {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
.FR260722FRAYSUMMERWEEK {
  /* SP画面幅 767px以下 可変 */
}
@media (max-width: 767px) {
  .FR260722FRAYSUMMERWEEK {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
.FR260722FRAYSUMMERWEEK {
  --header-container-height: 120px;
  /* mixin
  ------------------------------------------ */
  /* reset
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK img {
  width: 100%;
  height: auto;
}
.FR260722FRAYSUMMERWEEK * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.FR260722FRAYSUMMERWEEK {
  /* animation
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK .js-fade-in {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.FR260722FRAYSUMMERWEEK .js-fade-in.is-active {
  opacity: 1;
}
.FR260722FRAYSUMMERWEEK .js-fade-up {
  opacity: 0;
  -webkit-transform: translateY(8rem);
          transform: translateY(8rem);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}
.FR260722FRAYSUMMERWEEK .js-fade-up.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.FR260722FRAYSUMMERWEEK .js-scale {
  opacity: 0;
  scale: 0.7;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition: 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.FR260722FRAYSUMMERWEEK .js-scale.is-active {
  opacity: 1;
  scale: 1;
}
.FR260722FRAYSUMMERWEEK .animation-ribbon {
  -webkit-animation: ribbon 3.6s ease 0s infinite;
          animation: ribbon 3.6s ease 0s infinite;
  -webkit-transition: 0.5s cubic-bezier(0.11, 0.74, 0.465, 1.65) 0s;
  transition: 0.5s cubic-bezier(0.11, 0.74, 0.465, 1.65) 0s;
}
@-webkit-keyframes ribbon {
  0% {
    rotate: 0deg;
  }
  40% {
    rotate: 0deg;
  }
  55% {
    rotate: 15deg;
  }
  70% {
    rotate: -15deg;
  }
  75% {
    rotate: 0deg;
  }
  to {
    rotate: 0deg;
  }
}
@keyframes ribbon {
  0% {
    rotate: 0deg;
  }
  40% {
    rotate: 0deg;
  }
  55% {
    rotate: 15deg;
  }
  70% {
    rotate: -15deg;
  }
  75% {
    rotate: 0deg;
  }
  to {
    rotate: 0deg;
  }
}
.FR260722FRAYSUMMERWEEK {
  /* リボン
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK .ribbon-bg {
  position: relative;
  overflow: visible;
}
.FR260722FRAYSUMMERWEEK .falling-ribbon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: clip;
  pointer-events: none;
  z-index: 5;
}
.FR260722FRAYSUMMERWEEK .falling-ribbon {
  position: absolute;
  top: calc(-80 * var(--formula));
  pointer-events: none;
  z-index: 5;
  -webkit-animation: fallRibbon linear forwards;
          animation: fallRibbon linear forwards;
}
.FR260722FRAYSUMMERWEEK .falling-ribbon.type-01 img {
  width: calc(62 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .falling-ribbon.type-02 img {
  width: calc(62 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .falling-ribbon.type-03 img {
  width: calc(36 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .falling-ribbon.type-04 img {
  width: calc(36 * var(--formula));
}
@-webkit-keyframes fallRibbon {
  0% {
    top: calc(-50 * var(--formula));
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
@keyframes fallRibbon {
  0% {
    top: calc(-50 * var(--formula));
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
.FR260722FRAYSUMMERWEEK {
  /* 共通
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK .decoration {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.FR260722FRAYSUMMERWEEK .product-column + .product-column {
  margin-top: calc(28 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .price-label {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  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;
  width: calc(130 * var(--formula));
  height: calc(46 * var(--formula));
  border: calc(3 * var(--formula)) solid #000;
  font-size: calc(22 * var(--formula));
  letter-spacing: -0.025em;
  border-radius: calc(23 * var(--formula));
  background-color: #cff3ff;
}
.FR260722FRAYSUMMERWEEK .section-ttl-lead {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(26 * var(--formula));
  text-align: center;
}
.FR260722FRAYSUMMERWEEK {
  /* LP style
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK-container {
  display: grid;
  grid-template-columns: 1fr calc(750 * var(--variable) * var(--ratio)) 1fr;
}
@media (max-width: 767px) {
  .FR260722FRAYSUMMERWEEK-container {
    display: block;
  }
}
.FR260722FRAYSUMMERWEEK .fixed-left,
.FR260722FRAYSUMMERWEEK .fixed-right {
  position: sticky;
  top: var(--header-container-height);
  height: calc(100dvh - var(--header-container-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) {
  .FR260722FRAYSUMMERWEEK .fixed-left,
  .FR260722FRAYSUMMERWEEK .fixed-right {
    display: none;
  }
}
.FR260722FRAYSUMMERWEEK .fixed-left-logo {
  width: calc(300 * var(--formula_pc));
  margin: 0 auto;
}
.FR260722FRAYSUMMERWEEK .fixed-left-txt {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-top: calc(30 * var(--formula_pc));
  font-size: calc(14 * var(--formula_pc));
  text-align: center;
  letter-spacing: 0.05em;
}
.FR260722FRAYSUMMERWEEK .fixed-right-link {
  position: relative;
  display: block;
  width: calc(260 * var(--formula_pc));
  margin: 0 auto;
}
.FR260722FRAYSUMMERWEEK .fixed-right-link img {
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.FR260722FRAYSUMMERWEEK .fixed-right-link:hover img {
  -webkit-transform: translateY(calc(4 * var(--formula_pc)));
          transform: translateY(calc(4 * var(--formula_pc)));
}
.FR260722FRAYSUMMERWEEK .fixed-right-link::after {
  content: "";
  width: calc(260 * var(--formula_pc));
  height: calc(64 * var(--formula_pc));
  border-radius: calc(32 * var(--formula_pc));
  position: absolute;
  top: calc(4 * var(--formula_pc));
  left: calc(0 * var(--formula_pc));
  background-color: #000;
  z-index: -1;
}
.FR260722FRAYSUMMERWEEK .lp-container {
  width: calc(750 * var(--variable) * var(--ratio));
  margin: 0 auto;
  overflow: clip;
}
.FR260722FRAYSUMMERWEEK {
  /* mv
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK .mv {
  padding: calc(35 * var(--formula)) 0 calc(30 * var(--formula));
  background-color: #f0f7fc;
  position: relative;
}
.FR260722FRAYSUMMERWEEK .mv-decoration-01 {
  width: calc(62 * var(--formula));
  top: calc(27 * var(--formula));
  right: calc(39 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .mv-decoration-02 {
  width: calc(62 * var(--formula));
  top: calc(154 * var(--formula));
  left: calc(74 * var(--formula));
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.FR260722FRAYSUMMERWEEK .mv-decoration-03 {
  width: calc(62 * var(--formula));
  top: calc(307 * var(--formula));
  right: calc(-20 * var(--formula));
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.FR260722FRAYSUMMERWEEK .mv-decoration-04 {
  width: calc(62 * var(--formula));
  top: calc(440 * var(--formula));
  left: calc(-5 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .mv-decoration-05 {
  width: calc(62 * var(--formula));
  bottom: calc(190 * var(--formula));
  right: calc(14 * var(--formula));
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.FR260722FRAYSUMMERWEEK .mv-decoration-06 {
  width: calc(62 * var(--formula));
  bottom: calc(22 * var(--formula));
  left: calc(92 * var(--formula));
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.FR260722FRAYSUMMERWEEK .mv-logo {
  width: calc(438 * var(--formula));
  margin: 0 auto;
  z-index: 1;
}
.FR260722FRAYSUMMERWEEK .mv-img {
  position: relative;
  width: calc(710 * var(--formula));
  margin: calc(30 * var(--formula)) auto 0;
}
@media (max-width: 767px) {
  .FR260722FRAYSUMMERWEEK .mv-img {
    height: auto;
  }
}
.FR260722FRAYSUMMERWEEK .mv-date {
  width: calc(233 * var(--formula));
  top: calc(32 * var(--formula));
  right: calc(20 * var(--formula));
}
.FR260722FRAYSUMMERWEEK {
  /* hero
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK .hero {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 300;
  font-style: normal;
  padding: calc(120 * var(--formula)) 0 calc(318 * var(--formula));
  position: sticky;
  top: calc(0 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .hero-img {
  width: calc(162 * var(--formula));
  margin: 0 auto;
}
.FR260722FRAYSUMMERWEEK .hero-ttl {
  margin-top: calc(45 * var(--formula));
  text-align: center;
}
.FR260722FRAYSUMMERWEEK .hero-ttl-txt {
  position: relative;
  display: inline-block;
  font-size: calc(30 * var(--formula));
  line-height: 1.8;
  font-weight: 700;
}
.FR260722FRAYSUMMERWEEK .hero-ttl-txt::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #d4f2ff;
  height: calc(16 * var(--formula));
  z-index: -1;
  clip-path: inset(0 100% 0 0);
}
.FR260722FRAYSUMMERWEEK .hero-ttl-txt-01::after {
  width: 100%;
  bottom: calc(4 * var(--formula));
  -webkit-transition: 0.7s ease-out;
  transition: 0.7s ease-out;
}
.FR260722FRAYSUMMERWEEK .hero-ttl-txt-01.is-active::after {
  clip-path: inset(0 0 0 0);
}
.FR260722FRAYSUMMERWEEK .hero-ttl-txt-02::after {
  width: 100%;
  bottom: calc(4 * var(--formula));
  -webkit-transition: 0.7s ease-out;
  transition: 0.7s ease-out;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.FR260722FRAYSUMMERWEEK .hero-ttl-txt-02.is-active::after {
  clip-path: inset(0 0 0 0);
}
.FR260722FRAYSUMMERWEEK .hero-txt {
  margin-top: calc(22 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.05em;
}
.FR260722FRAYSUMMERWEEK .hero-date {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-top: calc(30 * var(--formula));
  text-align: center;
  font-size: calc(34 * var(--formula));
  font-weight: 700;
  letter-spacing: 0.05em;
}
.FR260722FRAYSUMMERWEEK .hero-date-label {
  margin: calc(64 * var(--formula)) auto 0;
  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;
  width: calc(176 * var(--formula));
  height: calc(62 * var(--formula));
  border-radius: calc(31 * var(--formula));
  border: calc(3 * var(--formula)) solid #000;
  background-color: #cff3ff;
}
.FR260722FRAYSUMMERWEEK .hero-date-label span {
  font-size: calc(30 * var(--formula));
  font-weight: 700;
  letter-spacing: -0.025em;
}
.FR260722FRAYSUMMERWEEK {
  /* section
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK .section01 {
  position: sticky;
  top: calc(-6500 * var(--formula));
  padding-top: calc(210 * var(--formula));
  padding-bottom: calc(318 * var(--formula));
  background-color: #f0f7fc;
}
.FR260722FRAYSUMMERWEEK .section01::before {
  content: "";
  width: 100%;
  height: calc(210 * var(--formula));
  background-image: url("../img/section01_bg.svg");
  background-size: cover;
  position: absolute;
  top: calc(-210 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01-img-01 {
  position: relative;
  width: calc(62 * var(--formula));
  margin: calc(-244 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section01-img-02 {
  width: calc(308 * var(--formula));
  margin: calc(128 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section01-ttl {
  width: calc(313 * var(--formula));
  margin: calc(34 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section01-ttl-lead {
  margin-top: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product01-photo-01 {
  width: calc(700 * var(--formula));
  margin: calc(42 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section01 .product01-slider {
  margin-top: calc(80 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product01-slider .swiper-wrapper {
  left: calc(105 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product01-slider .swiper-slide {
  width: calc(540 * var(--formula));
  margin-right: calc(20 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product01-price {
  margin-top: calc(40 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product01-price .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product01-price a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK .section01 .product02 {
  margin-top: calc(148 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product02-photo-01 {
  width: calc(580 * var(--formula));
  margin: calc(30 * var(--formula)) calc(30 * var(--formula)) 0 auto;
}
.FR260722FRAYSUMMERWEEK .section01 .product02-photo-02 {
  width: calc(590 * var(--formula));
  margin: calc(30 * var(--formula)) auto 0 0;
  position: relative;
  left: calc(-38 * var(--formula));
  opacity: 0;
  -webkit-transition: all 1.1s ease;
  transition: all 1.1s ease;
  -webkit-transform: rotate(9.2deg);
          transform: rotate(9.2deg);
}
.FR260722FRAYSUMMERWEEK .section01 .product02-photo-02.is-active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  opacity: 1;
}
.FR260722FRAYSUMMERWEEK .section01 .product02-price {
  margin-top: calc(26 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product02-price .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product02-price a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK .section01 .product03 {
  margin-top: calc(140 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product03-photo-01 {
  width: calc(680 * var(--formula));
  margin: calc(30 * var(--formula)) auto 0;
  position: relative;
  left: calc(-5 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product03-photo-02 {
  width: calc(590 * var(--formula));
  margin: calc(36 * var(--formula)) calc(-5 * var(--formula)) 0 auto;
  position: relative;
  left: calc(-30 * var(--formula));
  opacity: 0;
  -webkit-transition: all 1.1s ease;
  transition: all 1.1s ease;
  -webkit-transform: rotate(-9.2deg);
          transform: rotate(-9.2deg);
}
.FR260722FRAYSUMMERWEEK .section01 .product03-photo-02.is-active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  opacity: 1;
}
.FR260722FRAYSUMMERWEEK .section01 .product03-price {
  margin-top: calc(36 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product03-price .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section01 .product03-price a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK .section01 .product03 .product-column + .product-column {
  margin-top: calc(10 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section02 {
  position: relative;
  padding-bottom: calc(121 * var(--formula));
  background-color: #fff;
}
.FR260722FRAYSUMMERWEEK .section02::before {
  content: "";
  width: 100%;
  height: calc(210 * var(--formula));
  background-image: url("../img/section02_bg.svg");
  background-size: cover;
  position: absolute;
  top: calc(-210 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section02::after {
  content: "";
  width: 100%;
  height: calc(3 * var(--formula));
  background-image: url("../img/line.png");
  background-size: cover;
  position: absolute;
  bottom: calc(0 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section02-img-01 {
  position: relative;
  top: calc(-28 * var(--formula));
  width: calc(62 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section02-img-02 {
  width: calc(308 * var(--formula));
  margin: calc(100 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section02-ttl {
  width: calc(297 * var(--formula));
  margin: calc(32 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section02-ttl-lead {
  margin-top: calc(-12 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section02 .product04 {
  margin-top: calc(54 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section02 .product04-photo-01 {
  width: calc(692 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section02 .product04-price {
  margin-top: calc(36 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section02 .product04-price .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section02 .product04-price a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK .section03 {
  position: sticky;
  top: calc(-1500 * var(--formula));
  padding-top: calc(192 * var(--formula));
  padding-bottom: calc(300 * var(--formula));
  background-color: #fff;
}
.FR260722FRAYSUMMERWEEK .section03-img-01 {
  width: calc(62 * var(--formula));
  margin: calc(-10 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section03-ttl {
  width: calc(249 * var(--formula));
  margin: calc(34 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section03-ttl-lead {
  margin-top: calc(15 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section03 .product05 {
  margin-top: calc(60 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section03 .product05-photo-01 {
  width: calc(680 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section03 .product05-photo-02 {
  position: relative;
  width: calc(680 * var(--formula));
  margin: calc(206 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section03 .product05-photo-02-txt {
  position: absolute;
  top: calc(-48 * var(--formula));
  left: calc(36 * var(--formula));
  width: calc(615 * var(--formula));
  z-index: -1;
}
.FR260722FRAYSUMMERWEEK .section03 .product05-photo-02-img {
  clip-path: circle(0 at 50% 50%);
  -webkit-transition: 2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.FR260722FRAYSUMMERWEEK .section03 .product05-photo-02-img.is-active {
  clip-path: circle(100% at 50% 50%);
}
.FR260722FRAYSUMMERWEEK .section03 .product05-price {
  margin-top: calc(40 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section03 .product05-price .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section03 .product05-price a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK .section04 {
  position: relative;
  padding-bottom: calc(176 * var(--formula));
  background-color: #f0f7fc;
}
.FR260722FRAYSUMMERWEEK .section04::before {
  content: "";
  width: 100%;
  height: calc(210 * var(--formula));
  background-image: url("../img/section01_bg.svg");
  background-size: cover;
  position: absolute;
  top: calc(-210 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04-img-01 {
  position: relative;
  top: calc(-32 * var(--formula));
  width: calc(62 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section04-img-02 {
  width: calc(192 * var(--formula));
  margin: calc(88 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section04-ttl {
  width: calc(545 * var(--formula));
  margin: calc(32 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section04-ttl-lead {
  margin-top: calc(-14 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product06 {
  margin-top: calc(48 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product06-photo-01 {
  width: calc(652 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section04 .product06-price {
  margin-top: calc(35 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product06-price .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product06-price a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK .section04 .product07 {
  margin-top: calc(118 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product07-photo-01 {
  width: calc(680 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section04 .product07-price {
  margin-top: calc(42 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product07-price .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product07-price a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK .section04 .product08 {
  margin-top: calc(118 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product08-photo-01 {
  width: calc(580 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
}
.FR260722FRAYSUMMERWEEK .section04 .product08-price {
  margin-top: calc(42 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product08-price .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product08-price a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK .section04 .product08 .product-column + .product-column {
  margin-top: calc(10 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .section04 .product08 .product-column-03 {
  margin-top: calc(18 * var(--formula)) !important;
}
.FR260722FRAYSUMMERWEEK .limited {
  position: relative;
  border-top: calc(3 * var(--formula)) solid #000;
  padding: calc(142 * var(--formula)) 0 calc(0 * var(--formula));
  background-color: #fff;
}
.FR260722FRAYSUMMERWEEK .limited-ttl {
  width: calc(339 * var(--formula));
  margin: 0 auto;
}
.FR260722FRAYSUMMERWEEK .limited-photo-01 {
  position: relative;
  margin-top: calc(50 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  display: inline-block;
  font-size: calc(30 * var(--formula));
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-01 {
  top: calc(104 * var(--formula));
  left: calc(210 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-01.is-active {
  opacity: 1;
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-01.is-active ~ .limited-photo-01-txt-02 {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-01.is-active ~ .limited-photo-01-txt-03 {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-01.is-active ~ .limited-photo-01-txt-04 {
  opacity: 1;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-01.is-active ~ .limited-photo-01-txt-05 {
  opacity: 1;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-02 {
  top: calc(239 * var(--formula));
  right: calc(68 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-03 {
  top: calc(404 * var(--formula));
  left: calc(62 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-04 {
  top: calc(590 * var(--formula));
  right: calc(54 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-01-txt-05 {
  bottom: calc(196 * var(--formula));
  left: calc(98 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-02 {
  position: relative;
  margin-top: calc(108 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  display: inline-block;
  font-size: calc(30 * var(--formula));
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-01 {
  top: calc(80 * var(--formula));
  left: calc(80 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-01.is-active {
  opacity: 1;
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-01.is-active ~ .limited-photo-02-txt-02 {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-01.is-active ~ .limited-photo-02-txt-03 {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-01.is-active ~ .limited-photo-02-txt-04 {
  opacity: 1;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-01.is-active ~ .limited-photo-02-txt-05 {
  opacity: 1;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-02 {
  top: calc(132 * var(--formula));
  right: calc(88 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-03 {
  top: calc(433 * var(--formula));
  left: calc(90 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-04 {
  top: calc(740 * var(--formula));
  left: calc(64 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-02-txt-05 {
  bottom: calc(256 * var(--formula));
  right: calc(74 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-photo-03 {
  margin-top: calc(20 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-slider {
  margin-top: calc(20 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-slider .swiper-wrapper {
  left: calc(105 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-slider .swiper-slide {
  width: calc(540 * var(--formula));
  margin-right: calc(20 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-price-01 {
  margin-top: calc(30 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-price-01 .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-price-01 a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK .limited-price-02 {
  margin-top: calc(30 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-price-02 .product-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: calc(18 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .limited-price-02 a {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.FR260722FRAYSUMMERWEEK {
  /* all
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK .all {
  position: relative;
  padding-top: calc(160 * var(--formula));
  padding-bottom: calc(106 * var(--formula));
  background-color: #fff;
}
.FR260722FRAYSUMMERWEEK .all-link {
  position: relative;
  display: block;
  width: calc(480 * var(--formula));
  margin: 0 auto;
}
.FR260722FRAYSUMMERWEEK .all-link img {
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  isolation: isolate;
  z-index: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.FR260722FRAYSUMMERWEEK .all-link:hover img, .FR260722FRAYSUMMERWEEK .all-link:active img {
  -webkit-transform: translateY(calc(6 * var(--formula)));
          transform: translateY(calc(6 * var(--formula)));
}
.FR260722FRAYSUMMERWEEK .all-link::after {
  content: "";
  width: calc(480 * var(--formula));
  height: calc(120 * var(--formula));
  border-radius: calc(60 * var(--formula));
  position: absolute;
  top: calc(6 * var(--formula));
  left: calc(0 * var(--formula));
  background-color: #000;
}
.FR260722FRAYSUMMERWEEK {
  /* staff
  ------------------------------------------ */
}
.FR260722FRAYSUMMERWEEK .staff {
  position: relative;
  background-color: #fff;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  font-weight: 500;
}
.FR260722FRAYSUMMERWEEK .staff-ttl {
  font-size: calc(36 * var(--formula));
}
.FR260722FRAYSUMMERWEEK .staff-txt {
  margin-top: calc(24 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2;
}
.FR260722FRAYSUMMERWEEK .copy {
  position: relative;
  background-color: #fff;
  display: block;
  width: calc(433 * var(--formula));
  margin: calc(85 * var(--formula)) auto calc(0 * var(--formula));
}