@charset "UTF-8";

#Contents {
  overflow: clip;
}

#FU261015bag .lp-page {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 450;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #000;
  --color-bg: #fff;
  --color-pink: #f197ae;
  --color-pink-light: #f2a1b6;
  --color-pale: #fef5f7;
  --color-rail: #fceaef;
  --color-pager: #b3b3b3;
  --color-close: #5c5c5c;
  --color-rank01: #d5b717;
  --color-rank02: #b3b3b3;
  --color-rank03: #dd8353;
  --color-collaboration: #b3b3b3;
  --color-overlay: rgba(255, 255, 255, 0.4);
  --font-base: "noto-sans-cjk-jp", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-en: "area-variable", "Helvetica Neue", Arial, sans-serif;
  --ease-base: ease;
  --ease-fade: ease-in-out;
  --duration-base: 1.2s;
  --duration-tab: 0.8s;
  --duration-drawer: 0.6s;
  --duration-marquee-item: 7s;
  --header-offset: 0px;
}

@media (min-width: 1401px) {
  #FU261015bag .lp-page {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #FU261015bag .lp-page {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #FU261015bag .lp-page {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#FU261015bag .lp-page * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}

#FU261015bag .lp-page img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}

#FU261015bag .lp-page h1,
#FU261015bag .lp-page h2,
#FU261015bag .lp-page h3,
#FU261015bag .lp-page h4,
#FU261015bag .lp-page h5,
#FU261015bag .lp-page h6,
#FU261015bag .lp-page p {
  margin: 0;
}

#FU261015bag .lp-page ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#FU261015bag .lp-page a {
  color: inherit;
  text-decoration: none;
}

#FU261015bag .lp-page picture {
  display: block;
}

#FU261015bag .lp-page button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

@media (min-width: 768px) {
  #FU261015bag .lp-page .is-hidden--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #FU261015bag .lp-page .is-hidden--mobile {
    display: none !important;
  }
}

#FU261015bag .lp-page .lp-deco {
  pointer-events: none;
}

#FU261015bag .lp-page .lp-slider img,
#FU261015bag .lp-page .lp-slider a {
  -webkit-user-drag: none;
  user-select: none;
}

#FU261015bag .lp-page .lp-slider__pager {
  position: static;
}

#FU261015bag .lp-page section,
#FU261015bag .lp-page .lp-item {
  display: flow-root;
}

#FU261015bag .lp-page {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 0 0 calc(200 * var(--formula)) 0;
}

#FU261015bag .lp-page .ani-fade {
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-base);
}

#FU261015bag .lp-page .ani-fade.is-active {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  #FU261015bag .lp-page .ani-fade {
    opacity: 1;
    transition: none;
  }
}

#FU261015bag .lp-page .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
}

@media (min-width: 768px) {
  #FU261015bag .lp-page .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

@media (min-width: 768px) {
  #FU261015bag .lp-page .lp-layout { display: grid; align-items: start; }
  #FU261015bag .lp-page .lp-layout--col-3 {
    grid-template-columns:
      minmax(0, 1fr)
      min(calc(var(--pc-artboard-width) * var(--formula_pc)), 100%)
      minmax(0, 1fr);
  }
}

#FU261015bag .lp-page .lp-layout__primary {
  overflow-x: clip;
  display: flow-root;
}

#FU261015bag .lp-page .lp-layout__sub { display: none; }

@media (min-width: 768px) {
  #FU261015bag .lp-page .lp-layout__sub {
    display: grid;
    place-items: center;
    position: sticky;
    top: var(--header-offset, 0px);
    height: calc(100dvh - var(--header-offset, 0px));
    overflow: hidden;
  }
}

#FU261015bag .lp-page .lp-mv {
  padding-bottom: calc(140 * var(--formula));
}

#FU261015bag .lp-page .lp-mv__visual {
  width: calc(750 * var(--formula));
}

#FU261015bag .lp-page .lp-nav__button--ranking {
  position: relative;
  margin-top: calc(140 * var(--formula));
  margin-inline: auto;
  width: calc(320 * var(--formula));
}

#FU261015bag .lp-page .lp-section--ranking {
  padding-bottom: calc(220 * var(--formula));
}

#FU261015bag .lp-page .lp-section__title--ranking {
  margin-top: calc(141 * var(--formula));
  margin-left: calc(185 * var(--formula));
  width: calc(380 * var(--formula));
}

#FU261015bag .lp-page .lp-section__subtitle--ranking {
  margin-top: calc(23 * var(--formula));
  width: calc(750 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000000;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-section--size {
  padding-bottom: calc(220 * var(--formula));
}

#FU261015bag .lp-page .lp-section__title--size {
  margin-top: calc(181 * var(--formula));
  margin-inline: calc(172 * var(--formula)) auto;
  width: calc(408 * var(--formula));
}

#FU261015bag .lp-page .lp-section__subtitle--size {
  margin-top: calc(22 * var(--formula));
  width: calc(750 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000000;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-tabs__list--size {
  position: relative;
  margin-top: calc(61 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(108 * var(--formula));
}

#FU261015bag .lp-page .lp-visual--size {
  margin-top: calc(40 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
}

#FU261015bag .lp-page .lp-more--size {
  position: relative;
  margin-top: calc(101 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(100 * var(--formula));
}

#FU261015bag .lp-page .lp-section--color {
  padding-bottom: calc(220 * var(--formula));
}

#FU261015bag .lp-page .lp-section__title--color {
  margin-top: calc(181 * var(--formula));
  margin-inline: auto;
  width: calc(463 * var(--formula));
}

#FU261015bag .lp-page .lp-section__subtitle--color {
  margin-top: calc(23 * var(--formula));
  width: calc(750 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000000;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-visual--color {
  margin-top: calc(60 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
}

#FU261015bag .lp-page .lp-section--material {
  padding-bottom: calc(220 * var(--formula));
}

#FU261015bag .lp-page .lp-section__title--material {
  margin-top: calc(181 * var(--formula));
  margin-inline: auto;
  width: calc(553 * var(--formula));
}

#FU261015bag .lp-page .lp-section__subtitle--material {
  margin-top: calc(23 * var(--formula));
  width: calc(750 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000000;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-tabs__list--material {
  position: relative;
  margin-top: calc(60 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(108 * var(--formula));
}

#FU261015bag .lp-page .lp-visual--material {
  margin-top: calc(40 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
}

#FU261015bag .lp-page .lp-more--material {
  position: relative;
  margin-top: calc(101 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(100 * var(--formula));
}

#FU261015bag .lp-page .lp-section--scene {
  padding-bottom: calc(220 * var(--formula));
}

#FU261015bag .lp-page .lp-section__title--scene {
  margin-top: calc(181 * var(--formula));
  margin-inline: auto;
  width: calc(461 * var(--formula));
}

#FU261015bag .lp-page .lp-section__subtitle--scene {
  margin-top: calc(22 * var(--formula));
  width: calc(750 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000000;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-tabs__list--scene {
  position: relative;
  margin-top: calc(61 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(108 * var(--formula));
}

#FU261015bag .lp-page .lp-visual--scene {
  margin-top: calc(40 * var(--formula));
  margin-left: calc(40 * var(--formula));
  width: calc(670 * var(--formula));
}

#FU261015bag .lp-page .lp-more--scene {
  position: relative;
  margin-top: calc(93 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(100 * var(--formula));
}

#FU261015bag .lp-page .lp-section--custom {
  padding-bottom: calc(220 * var(--formula));
}

#FU261015bag .lp-page .lp-section__title--custom {
  margin-top: calc(181 * var(--formula));
  margin-inline: auto;
  width: calc(391 * var(--formula));
}

#FU261015bag .lp-page .lp-section__subtitle--custom {
  margin-top: calc(22 * var(--formula));
  width: calc(750 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000000;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-more--custom {
  position: relative;
  margin-top: calc(93 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(100 * var(--formula));
}

#FU261015bag .lp-page .lp-section--collaboration {
  padding-bottom: calc(220 * var(--formula));
}

#FU261015bag .lp-page .lp-section__title--collaboration {
  margin-top: calc(181 * var(--formula));
  margin-inline: auto;
  width: calc(412 * var(--formula));
}

#FU261015bag .lp-page .lp-section__subtitle--collaboration {
  margin-top: calc(21 * var(--formula));
  width: calc(750 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000000;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-more--collaboration {
  position: relative;
  margin-top: calc(95 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(100 * var(--formula));
}

#FU261015bag .lp-page .lp-mv {
  background-color: #fff;
}

#FU261015bag .lp-page .lp-section {
  position: relative;
  isolation: isolate;
  background-color: var(--color-section-prev);
}

#FU261015bag .lp-page .lp-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-495 * var(--formula));
  z-index: -1;
  width: calc(1740 * var(--formula));
  height: 100%;
  border-top-left-radius: calc(870 * var(--formula)) calc(835 * var(--formula));
  border-top-right-radius: calc(870 * var(--formula)) calc(835 * var(--formula));
  background-color: var(--color-section);
}

#FU261015bag .lp-page .lp-section--ranking,
#FU261015bag .lp-page .lp-section--color,
#FU261015bag .lp-page .lp-section--scene,
#FU261015bag .lp-page .lp-section--collaboration {
  --color-section: var(--color-pale);
  --color-section-prev: #fff;
}

#FU261015bag .lp-page .lp-section--size,
#FU261015bag .lp-page .lp-section--material,
#FU261015bag .lp-page .lp-section--custom {
  --color-section: #fff;
  --color-section-prev: var(--color-pale);
}

#FU261015bag .lp-page .lp-section__body {
  display: flow-root;
}

#FU261015bag .lp-page .lp-section__subtitle {
  font-weight: 300;
}

#FU261015bag .lp-page .lp-nav {
  display: flow-root;
}

#FU261015bag .lp-page .lp-nav__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(320 * var(--formula));
  height: calc(80 * var(--formula));
  background-color: var(--color-pink-light);
  color: #fff;
  font-size: calc(28 * var(--formula));
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-nav__grid {
  display: grid;
  grid-template-columns: repeat(2, calc(320 * var(--formula)));
  gap: calc(20 * var(--formula));
  align-items: start;
  margin-top: calc(20 * var(--formula));
  margin-left: calc(45 * var(--formula));
  width: calc(660 * var(--formula));
}

#FU261015bag .lp-page .lp-nav__icon {
  position: absolute;
  top: calc(27 * var(--formula));
  left: calc(275 * var(--formula));
  width: calc(26 * var(--formula));
  height: calc(26 * var(--formula));
}

#FU261015bag .lp-page .lp-nav__icon::before,
#FU261015bag .lp-page .lp-nav__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: calc(2 * var(--formula));
  translate: 0 -50%;
  background-color: #fff;
  transition: rotate 0.3s var(--ease-base), opacity 0.3s var(--ease-base);
}

#FU261015bag .lp-page .lp-nav__icon::after {
  rotate: 90deg;
}

#FU261015bag .lp-page .lp-nav__toggle[aria-expanded="true"] .lp-nav__icon::after {
  rotate: 0deg;
  opacity: 0;
}

#FU261015bag .lp-page .lp-nav__list {
  border: calc(2 * var(--formula)) solid var(--color-pink-light);
  border-top: none;
  background-color: #fff;
}

#FU261015bag .lp-page .lp-nav__subitem + .lp-nav__subitem {
  border-top: calc(2 * var(--formula)) dotted var(--color-pink-light);
}

#FU261015bag .lp-page .lp-nav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(80 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-slider {
  display: flow-root;
  margin-top: calc(60 * var(--formula));
}

#FU261015bag .lp-page .lp-slider .swiper {
  overflow: visible;
}

#FU261015bag .lp-page .lp-marquee .swiper-slide {
  height: auto;
}

#FU261015bag .lp-page .lp-card {
  position: relative;
  width: calc(580 * var(--formula));
}

#FU261015bag .lp-page .lp-card--ranking {
  padding-top: calc(50 * var(--formula));
}

#FU261015bag .lp-page .lp-card__badge {
  position: absolute;
  top: calc(-10 * var(--formula));
  left: calc(245 * var(--formula));
  z-index: 1;
  width: calc(90 * var(--formula));
}

#FU261015bag .lp-page .lp-card__body {
  position: relative;
  display: flow-root;
  border: calc(2 * var(--formula)) solid var(--color-card);
  border-radius: calc(40 * var(--formula));
  padding-bottom: calc(38 * var(--formula));
  background-color: #fff;
}

#FU261015bag .lp-page .lp-card--ranking01 { --color-card: var(--color-rank01); }
#FU261015bag .lp-page .lp-card--ranking02 { --color-card: var(--color-rank02); }
#FU261015bag .lp-page .lp-card--ranking03 { --color-card: var(--color-rank03); }
#FU261015bag .lp-page .lp-card--collaboration { --color-card: var(--color-collaboration); }

#FU261015bag .lp-page .lp-credit__name--ranking {
  margin-top: calc(63 * var(--formula));
  font-size: calc(28 * var(--formula));
  line-height: 1;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-credit__name--collaboration {
  margin-top: calc(38 * var(--formula));
  font-size: calc(28 * var(--formula));
  line-height: 1.7;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-credit__price--ranking {
  margin-top: calc(19 * var(--formula));
}

#FU261015bag .lp-page .lp-credit__price--collaboration {
  margin-top: calc(12 * var(--formula));
}

#FU261015bag .lp-page .lp-credit--ranking,
#FU261015bag .lp-page .lp-credit--collaboration {
  margin-inline: auto;
  width: calc(500 * var(--formula));
  text-align: center;
}

#FU261015bag .lp-page .lp-card .lp-photo--ranking,
#FU261015bag .lp-page .lp-card .lp-photo--collaboration {
  margin-top: calc(21 * var(--formula));
  margin-inline: auto;
  width: calc(500 * var(--formula));
  background-color: #fff;
}

#FU261015bag .lp-page .lp-card__note {
  position: absolute;
  top: calc(680 * var(--formula));
  left: 50%;
  width: max-content;
  translate: -50% 0;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: calc(14 * var(--formula));
  line-height: 1.4286;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-slider__pager {
  display: flex;
  justify-content: center;
  gap: calc(30 * var(--formula));
  margin-top: calc(60 * var(--formula));
}

#FU261015bag .lp-page .lp-slider__bullet {
  width: calc(12 * var(--formula));
  height: calc(12 * var(--formula));
  border-radius: 50%;
  background-color: var(--color-pager);
}

#FU261015bag .lp-page .lp-slider__bullet.is-current {
  background-color: #000;
}

#FU261015bag .lp-page .lp-credit__item {
  display: block;
}

#FU261015bag .lp-page .lp-credit__price {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: calc(18 * var(--formula));
  line-height: 1.1111;
  white-space: nowrap;
  padding-bottom: calc(10 * var(--formula));
}

#FU261015bag .lp-page .lp-tabs {
  display: flow-root;
}

#FU261015bag .lp-page .lp-tabs__list {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-left: calc(15 * var(--formula));
}

#FU261015bag .lp-page .lp-tabs__list--material {
  padding-left: calc(11 * var(--formula));
}

#FU261015bag .lp-page .lp-tabs__list::after {
  content: "";
  position: absolute;
  top: calc(104 * var(--formula));
  left: 0;
  width: 100%;
  height: calc(4 * var(--formula));
  background-color: var(--color-pink);
}

#FU261015bag .lp-page .lp-tabs__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(240 * var(--formula));
  height: calc(106 * var(--formula));
  border: calc(2 * var(--formula)) solid var(--color-pink);
  border-bottom: none;
  border-radius: calc(60 * var(--formula)) calc(60 * var(--formula)) 0 0;
  background-color: #fff;
  color: #000;
  font-size: calc(26 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-tabs__tab--scene{
background-color: var(--color-pale);
}

#FU261015bag .lp-page .lp-tabs__tab--material {
  width: calc(182 * var(--formula));
}

#FU261015bag .lp-page .lp-tabs__tab.is-current {
  background-color: var(--color-pink);
  color: #fff;
}

#FU261015bag .lp-page .lp-tabs__panel {
  display: flow-root;
}

#FU261015bag .lp-page .lp-tabs__panel[hidden] {
  display: none;
}

#FU261015bag .lp-page .lp-tabs__panel.is-shown {
  animation: lp-tab-fade var(--duration-tab) 0.2s ease-out both;
}

@keyframes lp-tab-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

#FU261015bag .lp-page .lp-visual--custom {
  margin-top: calc(61 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
}

#FU261015bag .lp-page .lp-marquee {
  margin-top: calc(40 * var(--formula));
  overflow: clip;
}

#FU261015bag .lp-page .lp-marquee--collaboration {
  margin-top: calc(60 * var(--formula));
}

#FU261015bag .lp-page .lp-marquee__track {
  display: flex;
  align-items: flex-start;
  width: max-content;
  animation: lp-marquee var(--duration-marquee) linear infinite;
}

#FU261015bag .lp-page .lp-marquee__track--far {
  margin-left: calc(-150 * var(--formula));
}

#FU261015bag .lp-page .lp-marquee__track--near {
  margin-left: calc(-15 * var(--formula));
}

#FU261015bag .lp-page .lp-marquee--count3 { --duration-marquee: calc(var(--duration-marquee-item) * 3); }
#FU261015bag .lp-page .lp-marquee--count4 { --duration-marquee: calc(var(--duration-marquee-item) * 4); }

@keyframes lp-marquee {
  to { translate: -50% 0; }
}

@media (prefers-reduced-motion: reduce) {
  #FU261015bag .lp-page .lp-marquee__track {
    animation: none;
  }
}

#FU261015bag .lp-page .lp-product {
  flex: none;
  width: calc(240 * var(--formula));
  margin-right: calc(30 * var(--formula));
}

#FU261015bag .lp-page .lp-photo {
  background-color: var(--color-section);
}

#FU261015bag .lp-page .lp-photo a {
  display: block;
}

#FU261015bag .lp-page .lp-product .lp-credit {
  margin-top: calc(12 * var(--formula));
  text-align: center;
}

#FU261015bag .lp-page .lp-product .lp-credit__name {
  font-size: calc(24 * var(--formula));
  line-height: 1.7;
  white-space: normal;
}

#FU261015bag .lp-page .lp-product .lp-credit__price {
  margin-top: calc(21 * var(--formula));
}

#FU261015bag .lp-page .lp-more {
  position: relative;
}

#FU261015bag .lp-page .lp-more::before {
  content: "";
  position: absolute;
  top: calc(49 * var(--formula));
  left: 0;
  width: 100%;
  height: calc(2 * var(--formula));
  background-color: var(--color-pink);
}

#FU261015bag .lp-page .lp-more__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  width: calc(480 * var(--formula));
  height: calc(100 * var(--formula));
  border: calc(2 * var(--formula)) solid var(--color-pink);
  padding: calc(3 * var(--formula));
  background: var(--color-pink) content-box;
  box-shadow: inset 0 0 0 calc(3 * var(--formula)) #fff;
  color: #fff;
  font-size: calc(36 * var(--formula));
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-colors {
  display: grid;
  grid-template-columns: repeat(3, calc(200 * var(--formula)));
  column-gap: calc(25 * var(--formula));
  row-gap: calc(20 * var(--formula));
  margin-top: calc(60 * var(--formula));
  justify-content: center;
}

#FU261015bag .lp-page .lp-colors__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(90 * var(--formula));
  background-color: var(--color-swatch);
  color: #fff;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: calc(26 * var(--formula));
  line-height: 1.0769;
  text-align: center;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-colors__link--black { --color-swatch: #5c5c5c; }
#FU261015bag .lp-page .lp-colors__link--white { --color-swatch: #fff; border: calc(2 * var(--formula)) solid #999; color: #333; }
#FU261015bag .lp-page .lp-colors__link--pink { --color-swatch: #ffa6a6; }
#FU261015bag .lp-page .lp-colors__link--blue { --color-swatch: #a5b9d9; }
#FU261015bag .lp-page .lp-colors__link--red { --color-swatch: #dd7f80; }
#FU261015bag .lp-page .lp-colors__link--yellow { --color-swatch: #fdd373; }
#FU261015bag .lp-page .lp-colors__link--orange { --color-swatch: #f9a94b; }
#FU261015bag .lp-page .lp-colors__link--green { --color-swatch: #6dad8e; }
#FU261015bag .lp-page .lp-colors__link--purple { --color-swatch: #c9b0c6; }
#FU261015bag .lp-page .lp-colors__link--gray { --color-swatch: #b3b3b3; }
#FU261015bag .lp-page .lp-colors__link--brown { --color-swatch: #a98f7d; }

#FU261015bag .lp-page .lp-colors__link--all {
  border: calc(2 * var(--formula)) solid var(--color-pink);
  padding: calc(3 * var(--formula));
  background: var(--color-pink) content-box;
  box-shadow: inset 0 0 0 calc(3 * var(--formula)) #fff;
  font-family: var(--font-base);
  font-weight: 300;
  font-size: calc(28 * var(--formula));
  line-height: 1.9286;
}

#FU261015bag .lp-page .lp-menu__list {
  display: flex;
  flex-direction: column;
  gap: var(--menu-gap);
  width: var(--menu-width);
}

#FU261015bag .lp-page .lp-menu__title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--menu-title-height);
  background-color: var(--color-pink-light);
  color: #fff;
  font-size: var(--menu-title-size);
  line-height: 1;
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-menu__sublist {
  border: var(--menu-line) solid var(--color-pink-light);
  border-top: none;
  background-color: #fff;
}

#FU261015bag .lp-page .lp-menu__subitem + .lp-menu__subitem {
  border-top: var(--menu-line) dotted var(--color-pink-light);
}

#FU261015bag .lp-page .lp-menu__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--menu-row-height);
  font-size: var(--menu-row-size);
  line-height: 1;
  white-space: nowrap;
}

/* #FU261015bag .lp-page .lp-menu--rail {
  --menu-width: calc(180 * var(--formula_pc));
  --menu-gap: calc(20 * var(--formula_pc));
  --menu-title-height: calc(35 * var(--formula_pc));
  --menu-title-size: calc(14 * var(--formula_pc));
  --menu-row-height: calc(40 * var(--formula_pc));
  --menu-row-size: calc(12 * var(--formula_pc));
  --menu-line: calc(1 * var(--formula_pc));
} */

#FU261015bag .lp-page .lp-menu--rail {
  --menu-width: calc(180 * var(--formula_pc));
  --menu-title-size: calc(14 * var(--formula_pc));
  --menu-row-size: calc(12 * var(--formula_pc));
  --menu-line: calc(1 * var(--formula_pc));
  --menu-gap: min(calc(20 * var(--formula_pc)), 1.5vh);
  --menu-title-height: min(calc(35 * var(--formula_pc)), 3.5vh);
  --menu-row-height: min(calc(40 * var(--formula_pc)), 4vh);
}

#FU261015bag .lp-page .lp-menu--drawer {
  --menu-width: calc(360 * var(--formula));
  --menu-gap: calc(40 * var(--formula));
  --menu-title-height: calc(70 * var(--formula));
  --menu-title-size: calc(28 * var(--formula));
  --menu-row-height: calc(78 * var(--formula));
  --menu-row-size: calc(24 * var(--formula));
  --menu-line: calc(2 * var(--formula));
  margin-top: calc(38 * var(--formula));
  margin-left: calc(60 * var(--formula));
}

@media (min-width: 768px) {
  #FU261015bag .lp-page .lp-layout__sub {
    background-color: var(--color-rail);
  }

  #FU261015bag .lp-page .lp-rail__title {
    width: calc(312 * var(--formula_pc));
  }

  #FU261015bag .lp-page .lp-layout__sub--right {
    overflow-y: auto;
    scrollbar-width: none;
  }

  #FU261015bag .lp-page .lp-layout__sub--right::-webkit-scrollbar {
    display: none;
  }

  #FU261015bag .lp-page .lp-rail__menu {
    padding-block: min(calc(40 * var(--formula_pc)), 4vh);
  }
}

#FU261015bag .lp-page .lp-search {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 998;
  width: calc(190 * var(--formula));
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration-base) var(--ease-fade), visibility var(--duration-base) var(--ease-fade);
}

#FU261015bag .lp-page .lp-search.is-shown {
  opacity: 1;
  visibility: visible;
}

#FU261015bag .lp-page .lp-drawer {
  position: fixed;
  inset: 0;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration-drawer) var(--ease-base), visibility var(--duration-drawer) var(--ease-base);
}

#FU261015bag .lp-page .lp-drawer.is-open {
  opacity: 1;
  visibility: visible;
}

#FU261015bag .lp-page .lp-drawer[hidden] {
  display: none;
}

#FU261015bag .lp-page .lp-drawer__overlay {
  position: absolute;
  inset: 0;
  background-color: var(--color-overlay);
}

#FU261015bag .lp-page .lp-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flow-root;
  width: calc(480 * var(--formula));
  height: 100dvh;
  padding-bottom: calc(92 * var(--formula));
  overflow-y: auto;
  overscroll-behavior: contain;
  background-color: var(--color-pale);
  translate: 100% 0;
  transition: translate var(--duration-drawer) var(--ease-base);
}

#FU261015bag .lp-page .lp-drawer.is-open .lp-drawer__panel {
  translate: 0 0;
}

#FU261015bag .lp-page .lp-drawer__close {
  position: absolute;
  top: calc(39 * var(--formula));
  left: calc(399 * var(--formula));
  width: calc(41 * var(--formula));
  height: calc(41 * var(--formula));
}

#FU261015bag .lp-page .lp-drawer__close::before,
#FU261015bag .lp-page .lp-drawer__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(58 * var(--formula));
  height: calc(2 * var(--formula));
  translate: -50% -50%;
  rotate: 45deg;
  background-color: var(--color-close);
}

#FU261015bag .lp-page .lp-drawer__close::after {
  rotate: -45deg;
}

#FU261015bag .lp-page .lp-drawer__title {
  margin-top: calc(98 * var(--formula));
  margin-left: calc(164 * var(--formula));
  width: calc(151 * var(--formula));
}

@media (min-width: 768px) {
  #FU261015bag .lp-page .lp-search,
  #FU261015bag .lp-page .lp-drawer {
    display: none;
  }
}

#FU261015bag .lp-page .lp-credit__price,
#FU261015bag .lp-page .lp-colors__link,
#FU261015bag .lp-page .lp-card__note {
  font-variation-settings: "wght" 500;
}

#FU261015bag .lp-page .lp-colors__link--all {
  font-variation-settings: normal;
}

#FU261015bag .lp-page .lp-colors__link--red {
  margin-inline: calc(-5 * var(--formula));
}

#FU261015bag .lp-page .lp-product .lp-credit__name {
  word-break: auto-phrase;
}

#FU261015bag .lp-page .lp-more--size,
#FU261015bag .lp-page .lp-more--material {
  margin-top: calc(93 * var(--formula));
}

#FU261015bag .lp-page .lp-nav__label,
#FU261015bag .lp-page .lp-colors__label,
#FU261015bag .lp-page .lp-tabs__tab--material .lp-tabs__label,
#FU261015bag .lp-page .lp-tabs__tab--scene .lp-tabs__label {
  display: block;
  width: 100%;
}

#FU261015bag .lp-page .lp-colors__link--all .lp-colors__label {
  flex: none;
  width: calc(200 * var(--formula));
}

#FU261015bag .lp-page .lp-more__label {
  flex: none;
  width: calc(500 * var(--formula));
}

#FU261015bag .lp-page .lp-tabs__tab {
  padding-bottom: calc(2 * var(--formula));
}

#FU261015bag .lp-page .lp-product .lp-credit__price,
#FU261015bag .lp-page .lp-credit__price--collaboration-items {
  margin-top: calc(22 * var(--formula));
}

#FU261015bag .lp-page .lp-product .lp-credit__price--size,
#FU261015bag .lp-page .lp-product .lp-credit__price--scene,
#FU261015bag .lp-page .lp-product .lp-credit__price--collaboration-items {
  margin-top: calc(21 * var(--formula));
}

#FU261015bag .lp-page .lp-tabs__tab--material .lp-tabs__label,
#FU261015bag .lp-page .lp-tabs__tab--scene .lp-tabs__label,
#FU261015bag .lp-page .lp-colors__link--white .lp-colors__label {
  flex: none;
  width: calc(100% + 4 * var(--formula));
}

#FU261015bag .lp-page .lp-colors__link--red .lp-colors__label {
  flex: none;
  width: calc(200 * var(--formula));
}

#FU261015bag .lp-page .lp-credit__item {
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-product .lp-credit__name {
  white-space: nowrap;
}

#FU261015bag .lp-page .lp-product .lp-credit__name.is-wrap {
  white-space: normal;
}

@media (min-width: 768px) {
  #FU261015bag .lp-page .lp-layout__sub--right {
    place-items: safe center;
  }
  #FU261015bag .lp-page .lp-menu__subitem + .lp-menu__subitem {
    border-top: var(--menu-line) dotted var(--color-pink-light);
    margin-top: calc(-1 * var(--menu-line)); /* ボーダーの厚み分だけ上に戻す */
}
}

#FU261015bag .lp-page .lp-drawer__panel {
  scrollbar-width: none;
}

#FU261015bag .lp-page .lp-drawer__panel::-webkit-scrollbar {
  display: none;
}

#FU261015bag .lp-page .lp-drawer.is-open {
  transition: opacity var(--duration-drawer) var(--ease-base), visibility 0s;
}

/* Swiperを使ったマーキー用の上書き設定 */
#FU261015bag .js-marquee-swiper .swiper-wrapper {
  /* 常に一定速度で動かす */
  transition-timing-function: linear; 
}

#FU261015bag #size-panel-3 .lp-more--size{
    margin-top: calc(62 * var(--formula));
}