@charset "UTF-8";
@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}
.js-fadeIn-load {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.js-fadeIn-load.js-active {
  opacity: 1;
}

.js-fadeUp-load {
  opacity: 0;
  -webkit-transition: opacity 1s, translate 1s;
  transition: opacity 1s, translate 1s;
  translate: 0 3rem;
}

.js-fadeUp-load.title__img--01 {
  -webkit-transition: opacity 1s 1s, translate 1s 1s;
  transition: opacity 1s 1s, translate 1s 1s;
}

.js-fadeUp-load.title__img--02 {
  -webkit-transition: opacity 1s 1.2s, translate 1s 1.2s;
  transition: opacity 1s 1.2s, translate 1s 1.2s;
}

.js-fadeUp-load.title__img--03 {
  -webkit-transition: opacity 1s 1.4s, translate 1s 1.4s;
  transition: opacity 1s 1.4s, translate 1s 1.4s;
}

.js-fadeUp-load.js-active {
  opacity: 1;
  translate: 0 0;
}

.js-fadeUp, .js-fadeUp-credit {
  opacity: 0;
  -webkit-transition: opacity 1s, translate 1s;
  transition: opacity 1s, translate 1s;
  translate: 0 3rem;
}

.js-fadeUp.js-active, .js-fadeUp-credit.js-active {
  opacity: 1;
  translate: 0 0;
}

.js-fadeIn {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.js-fadeIn.js-active {
  opacity: 1;
}

.l-page-container {
  color: var(--color-font-default);
}
.l-page-container :where(img) {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
@media (max-width: 767px) {
  .l-page-container {
    --font-ja: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  }
}

[data-bg=lightblue] {
  background-color: var(--color-brand-main);
}

[data-bg=white] {
  background-color: var(--color-white);
}

.c-button {
  display: grid;
  place-content: center;
  background-color: var(--color-brand-main);
  border-radius: calc(var(--button-height) / 2);
  color: var(--color-brand-accent);
  font-family: var(--font-ja);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: var(--fontweight-semibold);
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 1;
  word-break: keep-all;
  overflow: hidden;
  -webkit-box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
          box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  --button-width: auto;
  --button-height: 4.4rem;
  width: var(--button-width);
  height: var(--button-height);
}
@media (max-width: 767px) {
  .c-button {
    height: calc(86* (100vw / 750));
    border-radius: calc(43* (100vw / 750));
    font-size: calc(22* (100vw / 750));
  }
}

.c-button-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
.c-button-list .c-button {
  --button-width: 16.5rem;
}
@media (max-width: 767px) {
  .c-button-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(30* (100vw / 750));
    padding-inline: calc(30* (100vw / 750));
  }
  .c-button-list .c-button {
    --button-width: 100%;
  }
}

/**
 * 商品のスタイル
 */
.c-product-content .c-box {
  --image-aspect-ratio: 204 / 272;
  /* --zindex-discount: 1; */
  --zindex-soldout: 2;
  --zindex-ranking: 3;
  grid-template-rows: auto 1fr;
}

.c-product-content .c-product-content__image {
  aspect-ratio: var(--image-aspect-ratio);
}

.c-product-content .c-product-content__image-wrapper {
  position: relative;
}

.c-product-content .c-product-content__image-wrapper img {
  width: 100%;
  height: 100%;
  aspect-ratio: var(--image-aspect-ratio);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.c-product-content .c-product-content__image-wrapper .soldout {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--zindex-soldout);
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #E5E5E5;
  opacity: 0.7;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  pointer-events: none;
}

/* .c-product-content .c-product-content__image-wrapper .js-calcRate--result {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: var(--zindex-discount);

  padding: 0.5rem 1rem;
  background-color: #D1A6A6;

  color: #fff;
  font-family: var(--font-poppins);
  font-size: 1.2rem;
  letter-spacing: .05em;
  line-height: 1;

  pointer-events: none;
}
.c-product-content .c-product-content__image-wrapper .js-calcRate--result:empty {
  display: none;
} */
.c-product-content__detail-container {
  --action-button-width: 1.6rem;
  --action-button-padding: .5rem;
  display: grid;
  grid-template-areas: "color-tip" "detail" "utility";
  grid-template-rows: auto 1fr auto;
  row-gap: 1rem;
  padding: 1.5rem 1.5rem calc(2rem - var(--action-button-padding)) 1.5rem;
}

@media (max-width: 767px) {
  .c-product-content__detail-container {
    --action-button-padding: 0rem;
    padding: calc(20* (100vw / 750)) calc(20* (100vw / 750)) calc(30* (100vw / 750));
    row-gap: calc(20* (100vw / 750));
  }
}
.c-product-content__color-tip-wrapper {
  grid-area: color-tip;
}

.c-product-content__text-container {
  grid-area: detail;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1ch;
  color: var(--color-font-default);
}

.c-product-content__utility-container {
  grid-area: utility;
}

.c-product-content__text--name,
.c-product-content__price {
  font-family: var(--font-ja);
  font-size: 1.2rem;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .c-product-content__text--name,
.c-product-content__price {
    font-size: calc(22* (100vw / 750));
  }
}
.c-product-content__text--name {
  --line-clamp: 3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp);
}

@media (max-width: 767px) {
  .c-product-content__text--name {
    --line-clamp: 2;
  }
}
.c-product-content__price {
  font-family: var(--font-poppins);
  letter-spacing: 0.05em;
}

.c-product-content__price > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1ch;
}

.c-product-content__price--regular,
.c-product-content__price--discounted,
.c-product-content__price--discounted > * {
  font-size: 1.1em;
}

.c-product-content__price--discounted,
.c-product-content__price--discounted > * {
  color: #b56b6b;
}

.c-product-content__price--discounted + strike {
  font-size: 0.9em;
}

.c-product-content .ColorTip_box {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  gap: 0.6rem;
  margin: 0 !important;
}
@media (max-width: 767px) {
  .c-product-content .ColorTip_box {
    gap: calc(10* (100vw / 750));
  }
}

.c-product-content .ColorTip_box > * {
  margin: 0 !important;
}

.c-product-content .ColorTip_box > a[onclick^=setProductImage] {
  display: none;
}

.c-product-content .ColorTip {
  --width: .8rem;
  width: var(--width) !important;
  height: var(--width) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .c-product-content .ColorTip {
    --width: calc(16* (100vw / 750));
  }
}

.c-product-content .ColorTip:not(.white) {
  border: none !important;
}

.c-product-content .ColorTip.white {
  border-color: #cbcbcb;
}

.c-product-content .c-product-content__utility-container {
  --column-gap: 1.5rem;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  align-self: flex-end;
  grid-template-areas: "cicon action-buttons";
  grid-template-columns: 1fr auto;
  -webkit-column-gap: calc(var(--column-gap) - var(--action-button-padding));
     -moz-column-gap: calc(var(--column-gap) - var(--action-button-padding));
          column-gap: calc(var(--column-gap) - var(--action-button-padding));
}

.c-product-content .c-product-content__cicon-container {
  grid-area: cicon;
  padding-bottom: var(--action-button-padding);
}

.c-product-content .c-product-content__action-button-container {
  grid-area: action-buttons;
  display: grid;
  -webkit-column-gap: calc(var(--column-gap) - (var(--action-button-padding) * 2));
     -moz-column-gap: calc(var(--column-gap) - (var(--action-button-padding) * 2));
          column-gap: calc(var(--column-gap) - (var(--action-button-padding) * 2));
  /* grid-template-columns: repeat(2, calc(var(--action-button-width) + (var(--action-button-padding) * 2))); */
  grid-template-columns: repeat(2, auto);
}

.c-product-content .c-product-content__action-button-container [class*=c-product-content__action-button--] {
  --bg: transparent;
  display: grid;
  place-content: center;
  height: calc(1.6rem + (var(--action-button-padding) * 2));
  padding: var(--action-button-padding);
  background-color: var(--bg);
  border-radius: 50%;
  color: #3a3a3a;
}
@media (max-width: 767px) {
  .c-product-content .c-product-content__action-button-container [class*=c-product-content__action-button--] {
    height: calc(30* (100vw / 750));
  }
}

.c-product-content .c-product-content__action-button-container .c-product-content__action-button--favorite {
  --aspect-ratio: 16.93 / 16;
  aspect-ratio: var(--aspect-ratio);
}

.c-product-content .c-product-content__action-button-container .c-product-content__action-button--cart {
  --aspect-ratio: 16.67 / 16;
  aspect-ratio: var(--aspect-ratio);
}

.c-product-content .c-product-content__action-button-container [class*=c-product-content__action-button--] svg {
  width: 100%;
  height: auto;
  aspect-ratio: var(--aspect-ratio, 1);
  overflow: visible;
  -webkit-transition: color var(--transition-default);
  transition: color var(--transition-default);
}

[data-section-id=ranking] .c-product-content__wrapper > * .c-box::before {
  --width: 3rem;
  --rank-num-position: 1.5rem;
  content: "";
  position: absolute;
  top: var(--rank-num-position);
  left: var(--rank-num-position);
  z-index: var(--zindex-ranking);
  width: var(--width);
  height: var(--width);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(1) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20id%3D%22c%22%3E%3Cpath%20d%3D%22m14.999%2C1c7.72%2C0%2C14.001%2C6.28%2C14.001%2C14s-6.281%2C14-14.001%2C14S1%2C22.72%2C1%2C15%2C7.28%2C1%2C14.999%2C1m0-1C6.715%2C0%2C0%2C6.714%2C0%2C15s6.715%2C15%2C14.999%2C15%2C15.001-6.715%2C15.001-15S23.284%2C0%2C14.999%2C0h0Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3Cpath%20d%3D%22m11.77%2C10.977v-2.376h4.572v12.708h-2.664v-10.332h-1.908Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(2) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20id%3D%22c%22%3E%3Cpath%20d%3D%22m14.999%2C1c7.72%2C0%2C14.001%2C6.28%2C14.001%2C14s-6.281%2C14-14.001%2C14S1%2C22.72%2C1%2C15%2C7.28%2C1%2C14.999%2C1m0-1C6.715%2C0%2C0%2C6.714%2C0%2C15s6.715%2C15%2C14.999%2C15%2C15.001-6.715%2C15.001-15S23.284%2C0%2C14.999%2C0h0Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3Cpath%20d%3D%22m16.602%2C12.291c0-.564-.135-1.008-.405-1.332-.27-.324-.693-.486-1.269-.486-1.188%2C0-1.818.81-1.89%2C2.43h-2.466c.072-1.5.528-2.637%2C1.368-3.411s1.902-1.161%2C3.186-1.161c1.308%2C0%2C2.313.339%2C3.015%2C1.017.702.678%2C1.053%2C1.581%2C1.053%2C2.709%2C0%2C.888-.261%2C1.779-.783%2C2.673-.522.894-1.185%2C1.716-1.989%2C2.466-.804.75-1.65%2C1.395-2.538%2C1.935h5.562v2.07h-8.946v-1.89c4.068-2.82%2C6.102-5.16%2C6.102-7.02Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(3) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20id%3D%22c%22%3E%3Cpath%20d%3D%22m15%2C1c7.72%2C0%2C14%2C6.28%2C14%2C14s-6.281%2C14-14%2C14S1%2C22.72%2C1%2C15%2C7.28%2C1%2C15%2C1m0-1C6.715%2C0%2C0%2C6.714%2C0%2C15s6.715%2C15%2C15%2C15%2C15-6.714%2C15-15S23.285%2C0%2C15%2C0h0Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3Cpath%20d%3D%22m17.25%2C8.565c.618.3%2C1.086.714%2C1.404%2C1.242.318.528.477%2C1.116.477%2C1.764%2C0%2C.816-.222%2C1.485-.666%2C2.007s-1.032.843-1.764.963v.09c1.776.528%2C2.664%2C1.572%2C2.664%2C3.132%2C0%2C1.092-.366%2C1.977-1.098%2C2.655-.732.678-1.764%2C1.017-3.096%2C1.017-1.416%2C0-2.544-.351-3.384-1.053-.84-.702-1.308-1.761-1.404-3.177h2.484c.06.648.273%2C1.161.639%2C1.539.366.378.885.567%2C1.557.567.576%2C0%2C1.026-.159%2C1.35-.477.324-.318.486-.735.486-1.251%2C0-.612-.234-1.08-.702-1.404-.468-.324-1.158-.486-2.07-.486h-.522v-2.07h.522c1.68.024%2C2.52-.558%2C2.52-1.746%2C0-.516-.15-.921-.45-1.215s-.708-.441-1.224-.441c-.54%2C0-.984.171-1.332.513-.349.342-.546.819-.594%2C1.431h-2.484c.072-1.296.492-2.295%2C1.26-2.997.768-.702%2C1.836-1.053%2C3.204-1.053.864%2C0%2C1.605.15%2C2.223.45Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(4) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20id%3D%22c%22%3E%3Cpath%20d%3D%22m15%2C1c7.72%2C0%2C14%2C6.28%2C14%2C14s-6.281%2C14-14%2C14S1%2C22.72%2C1%2C15%2C7.28%2C1%2C15%2C1m0-1C6.715%2C0%2C0%2C6.714%2C0%2C15s6.715%2C15%2C15%2C15%2C15-6.714%2C15-15S23.285%2C0%2C15%2C0h0Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3Cpath%20d%3D%22m8.753%2C18.753v-2.106l6.084-8.19h2.718v8.1h1.656v2.196h-1.656v2.556h-2.556v-2.556h-6.246Zm6.444-7.326l-3.853%2C5.13h3.853v-5.13Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(5) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20id%3D%22c%22%3E%3Cpath%20d%3D%22m15%2C1c7.72%2C0%2C14%2C6.28%2C14%2C14s-6.281%2C14-14%2C14S1%2C22.72%2C1%2C15%2C7.28%2C1%2C15%2C1m0-1C6.715%2C0%2C0%2C6.714%2C0%2C15s6.715%2C15%2C15%2C15%2C15-6.714%2C15-15S23.285%2C0%2C15%2C0h0Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3Cpath%20d%3D%22m19.14%2C10.581h-6.03v3.204c.275-.324.657-.585%2C1.143-.783.486-.198%2C1.023-.297%2C1.611-.297.876%2C0%2C1.604.189%2C2.187.567s1.014.882%2C1.296%2C1.512c.282.63.423%2C1.329.423%2C2.097%2C0%2C1.356-.381%2C2.442-1.143%2C3.258s-1.851%2C1.224-3.267%2C1.224c-.924%2C0-1.729-.165-2.412-.495-.684-.33-1.218-.792-1.602-1.386-.384-.594-.594-1.287-.63-2.079h2.466c.096.54.318.969.666%2C1.287.348.318.81.477%2C1.386.477.695%2C0%2C1.215-.213%2C1.557-.639.342-.426.513-.993.513-1.701%2C0-.672-.18-1.194-.54-1.566s-.871-.558-1.53-.558c-.48%2C0-.889.105-1.225.315s-.582.489-.737.837h-2.466v-7.506h8.334v2.232Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(6) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20id%3D%22c%22%3E%3Cpath%20d%3D%22m15%2C1c7.72%2C0%2C14%2C6.281%2C14%2C14s-6.281%2C14-14%2C14S1%2C22.72%2C1%2C15%2C7.28%2C1%2C15%2C1m0-1C6.715%2C0%2C0%2C6.714%2C0%2C15s6.715%2C15%2C15%2C15%2C15-6.714%2C15-15S23.285%2C0%2C15%2C0h0Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3Cpath%20d%3D%22m14.91%2C10.185c-.84%2C0-1.452.369-1.836%2C1.107-.384.738-.552%2C1.893-.504%2C3.465.192-.576.567-1.035%2C1.125-1.377.558-.342%2C1.208-.513%2C1.953-.513%2C1.224%2C0%2C2.187.369%2C2.889%2C1.107.702.738%2C1.053%2C1.785%2C1.053%2C3.141%2C0%2C.84-.168%2C1.584-.504%2C2.232-.336.648-.837%2C1.158-1.503%2C1.53-.666.372-1.473.558-2.421.558-1.848%2C0-3.12-.573-3.816-1.719-.696-1.146-1.044-2.727-1.044-4.743%2C0-2.316.375-4.032%2C1.125-5.148.75-1.116%2C1.965-1.674%2C3.645-1.674%2C1.284%2C0%2C2.268.366%2C2.952%2C1.098.684.732%2C1.074%2C1.668%2C1.17%2C2.808h-2.376c-.192-1.248-.828-1.872-1.908-1.872Zm-1.539%2C8.415c.39.438.963.657%2C1.719.657.648%2C0%2C1.164-.192%2C1.548-.576s.576-.918.576-1.602c0-.72-.195-1.272-.585-1.656-.39-.384-.916-.576-1.575-.576-.624%2C0-1.158.18-1.602.54-.444.36-.666.876-.666%2C1.548s.195%2C1.227.585%2C1.665Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(7) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20id%3D%22c%22%3E%3Cpath%20d%3D%22m14.999%2C1c7.72%2C0%2C14.001%2C6.28%2C14.001%2C14s-6.281%2C14-14.001%2C14S1%2C22.72%2C1%2C15%2C7.28%2C1%2C14.999%2C1m0-1C6.715%2C0%2C0%2C6.714%2C0%2C15s6.715%2C15%2C14.999%2C15%2C15.001-6.715%2C15.001-15S23.284%2C0%2C14.999%2C0h0Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3Cpath%20d%3D%22m18.708%2C10.383l-4.644%2C10.926h-2.628l4.698-10.638h-5.886v-2.178h8.46v1.89Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(8) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20id%3D%22c%22%3E%3Cpath%20d%3D%22m15%2C1c7.72%2C0%2C14%2C6.281%2C14%2C14s-6.281%2C14-14%2C14S1%2C22.72%2C1%2C15%2C7.28%2C1%2C15%2C1m0-1C6.715%2C0%2C0%2C6.714%2C0%2C15s6.715%2C15%2C15%2C15%2C15-6.714%2C15-15S23.285%2C0%2C15%2C0h0Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3Cpath%20d%3D%22m10.95%2C9.789c.342-.528.852-.954%2C1.53-1.278.678-.324%2C1.497-.486%2C2.457-.486s1.779.162%2C2.457.486c.678.324%2C1.188.75%2C1.53%2C1.278.342.528.513%2C1.098.513%2C1.71%2C0%2C.696-.168%2C1.287-.504%2C1.773-.336.486-.84.849-1.512%2C1.089.756.288%2C1.335.706%2C1.737%2C1.251s.603%2C1.209.603%2C1.989c0%2C.84-.21%2C1.563-.63%2C2.169s-.993%2C1.065-1.719%2C1.377c-.727.312-1.551.468-2.475.468s-1.749-.156-2.475-.468-1.296-.771-1.71-1.377-.621-1.329-.621-2.169c0-.78.201-1.443.603-1.989.402-.546.981-.963%2C1.737-1.251-.672-.24-1.179-.605-1.521-1.098-.342-.492-.513-1.08-.513-1.764%2C0-.612.171-1.182.513-1.71Zm2.277%2C9.18c.42.372.99.558%2C1.71.558s1.293-.186%2C1.719-.558.639-.876.639-1.512c0-.648-.219-1.143-.657-1.485-.438-.342-1.005-.513-1.701-.513-.684%2C0-1.245.171-1.683.513-.438.342-.657.837-.657%2C1.485%2C0%2C.636.21%2C1.14.63%2C1.512Zm.252-5.724c.36.312.846.468%2C1.458.468.624%2C0%2C1.116-.156%2C1.476-.468.36-.312.54-.756.54-1.332s-.183-1.023-.549-1.341-.855-.477-1.467-.477c-.6%2C0-1.083.159-1.449.477s-.549.765-.549%2C1.341.18%2C1.02.54%2C1.332Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(9) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20id%3D%22c%22%3E%3Cpath%20d%3D%22m15%2C1c7.72%2C0%2C14%2C6.281%2C14%2C14s-6.281%2C14-14%2C14S1%2C22.72%2C1%2C15%2C7.28%2C1%2C15%2C1m0-1C6.715%2C0%2C0%2C6.714%2C0%2C15s6.715%2C15%2C15%2C15%2C15-6.714%2C15-15S23.285%2C0%2C15%2C0h0Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3Cpath%20d%3D%22m14.748%2C19.401c.84%2C0%2C1.446-.369%2C1.818-1.107.372-.738.533-1.893.485-3.465-.191.576-.566%2C1.035-1.125%2C1.377-.558.342-1.209.513-1.953.513-1.224%2C0-2.187-.369-2.889-1.107-.702-.738-1.053-1.785-1.053-3.141%2C0-.828.168-1.569.504-2.223.336-.654.837-1.167%2C1.503-1.539.666-.372%2C1.473-.558%2C2.421-.558%2C1.848%2C0%2C3.12.562%2C3.816%2C1.683.695%2C1.122%2C1.044%2C2.679%2C1.044%2C4.671%2C0%2C2.268-.351%2C3.99-1.053%2C5.166-.702%2C1.176-1.875%2C1.764-3.519%2C1.764-.876%2C0-1.629-.174-2.259-.522s-1.116-.819-1.458-1.413c-.342-.594-.543-1.251-.603-1.971h2.376c.192%2C1.248.84%2C1.872%2C1.944%2C1.872Zm1.503-8.415c-.39-.438-.963-.657-1.719-.657-.648%2C0-1.164.192-1.548.576-.385.384-.576.918-.576%2C1.602%2C0%2C.72.195%2C1.275.585%2C1.665.39.39.915.585%2C1.575.585.612%2C0%2C1.143-.183%2C1.593-.549.45-.366.675-.885.675-1.557s-.195-1.227-.585-1.665Z%22%20fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(10) .c-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23b3b3b3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22txt%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M15%2C1A14%2C14%2C0%2C1%2C1%2C1%2C15%2C14%2C14%2C0%2C0%2C1%2C15%2C1m0-1A15%2C15%2C0%2C1%2C0%2C30%2C15%2C15%2C15%2C0%2C0%2C0%2C15%2C0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.4%2C21.31V10.85H6.5V8.53H11V21.31Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.5%2C14.75c0-4.35%2C1.61-6.53%2C4.85-6.53s4.85%2C2.18%2C4.85%2C6.53-1.62%2C6.52-4.85%2C6.52S13.5%2C19.1%2C13.5%2C14.75Zm5.92-3.95a2.48%2C2.48%2C0%2C0%2C0-2.13%2C0%2C1.75%2C1.75%2C0%2C0%2C0-.69.59%2C3.12%2C3.12%2C0%2C0%2C0-.39.95A8%2C8%2C0%2C0%2C0%2C16%2C13.46c0%2C.36%2C0%2C.79%2C0%2C1.28s0%2C.92%2C0%2C1.28a8%2C8%2C0%2C0%2C0%2C.19%2C1.12%2C3.31%2C3.31%2C0%2C0%2C0%2C.39%2C1%2C1.86%2C1.86%2C0%2C0%2C0%2C.69.6%2C2.58%2C2.58%2C0%2C0%2C0%2C2.13%2C0%2C1.86%2C1.86%2C0%2C0%2C0%2C.69-.6%2C3.31%2C3.31%2C0%2C0%2C0%2C.39-1A8%2C8%2C0%2C0%2C0%2C20.69%2C16c0-.36%2C0-.79%2C0-1.28s0-.92%2C0-1.28a8%2C8%2C0%2C0%2C0-.19-1.12%2C3.12%2C3.12%2C0%2C0%2C0-.39-.95A1.75%2C1.75%2C0%2C0%2C0%2C19.42%2C10.8Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.p-common-ranking-parts__blank-wrapper {
  display: grid;
  place-content: center;
  aspect-ratio: 3/1;
  font-size: 2rem;
  font-family: var(--font-poppins);
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0.1em;
}

.c-product-content__wrapper {
  --column-num: 5;
  --column-gap: 2rem;
  --row-gap: 3rem;
  gap: var(--row-gap) var(--column-gap);
  width: min(100%, 110rem);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .c-product-content__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(30* (100vw / 750));
  }
  .c-product-content__wrapper .c-product-content:nth-of-type(n+7) {
    display: none;
  }
}

@media (max-width: 767px) {
  [data-section-id=ranking] .c-product-content .c-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  [data-section-id=ranking] .c-product-content__wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(40* (100vw / 750)) calc(10* (100vw / 750));
  }
  [data-section-id=ranking] .c-product-content__wrapper .c-product-content__detail-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  [data-section-id=ranking] .c-product-content .c-product-content__utility-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(20* (100vw / 750));
  }
}

@media (max-width: 767px) {
  .addCart-modal table td input[type=text] {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    height: calc(100* (100vw / 750)) !important;
  }
}
.c-product-content {
  width: 20.4rem;
}
@media (max-width: 767px) {
  .c-product-content {
    width: 100%;
  }
}

.c-product-content .c-box {
  --color-font-default: #3a3a3a;
  --color-background: #fff;
  display: grid;
  height: 100%;
  background-color: var(--color-background);
  border-radius: var(--border-radius-default, 12px);
  overflow: hidden;
  -webkit-box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
          box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

/**
 * cicon
 * キャンペーンアイコン
 */
.c-cicon__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}

.c-cicon__list-item {
  --padding-horizontal: 1rem;
  --padding-vertical: .2rem;
  --color-font: #fff;
  --color-bg: #BBCCD7;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* padding: var(--padding-vertical) var(--padding-horizontal); */
  padding: 0.2rem 1rem 0.1rem;
  background-color: var(--color-bg);
  border-radius: 1000px;
  color: var(--color-font);
  font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif;
  font-size: 1rem;
  font-weight: var(--fontweight-medium);
  letter-spacing: 0.05em;
  line-height: 1;
  word-break: keep-all;
}

@media (max-width: 767px) {
  .c-cicon__list-item {
    --padding-vertical: .25rem;
    font-size: calc(20* (100vw / 750));
    padding: calc(4* (100vw / 750)) calc(20* (100vw / 750)) calc(3* (100vw / 750));
  }
}
.c-cicon__list-item[data-cicon-number="4"],
.c-cicon__list-item[data-cicon-number=discount] {
  --color-bg: #D1A6A6;
}

.c-cicon__list-item[data-cicon-number=discount]:empty {
  display: none;
}

.c-cicon__list-item[data-cicon-number="5"] {
  display: none;
}

.c-button--underline {
  --gap: .5rem;
  --border-width: 2px;
  --border-style: solid var(--border-width) var(--font-color);
  --font-color: var(--color-font-default);
  --font-size: 1.6rem;
  --td-default: var(--transition-duration-default);
  --td-fast: calc(var(--td-default) / 2);
  --arrow-width: 1ch;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 0.5rem;
  color: var(--font-color);
  font-family: var(--font-poppins);
  font-size: var(--font-size);
  font-weight: var(--fontweight-medium);
  letter-spacing: 0.05em;
  line-height: 1;
  overflow: hidden;
  margin: 4rem auto 0;
}
.c-button--underline::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--border-width);
  background-color: var(--font-color);
}
@media (max-width: 767px) {
  .c-button--underline {
    font-size: calc(26* (100vw / 750));
    margin-top: calc(70* (100vw / 750));
    padding-bottom: calc(8* (100vw / 750));
  }
}

/**
 * フォームスタイル
 */
.c-input--radio {
  display: none;
}
.c-input--radio-label {
  display: grid;
  place-content: center;
  justify-items: center;
  text-align: center;
  width: 11rem;
  height: 4rem;
  border-radius: 2rem;
  font-family: var(--font-poppins), "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500 !important;
  font-size: 1.3rem;
  line-height: 1.1;
  letter-spacing: 0.05em;
  color: var(--color-font-default);
  border: 1px solid var(--color-font-default);
  cursor: pointer;
  -webkit-transition: color 0.35s ease, background-color 0.35s ease, opacity 0.35s ease;
  transition: color 0.35s ease, background-color 0.35s ease, opacity 0.35s ease;
}
.c-input--radio-label > span {
  font-weight: 500;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  line-height: 1.3;
}
.c-input--radio-label > span > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
@media (min-width: 768px) {
  .c-input--radio-label > span > span {
    translate: 0 0.2rem;
  }
}
.c-input--radio-label small {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: inherit;
  letter-spacing: inherit;
}
@media (max-width: 767px) {
  .c-input--radio-label {
    width: 100%;
    height: calc(76* (100vw / 750));
    border-radius: calc(39* (100vw / 750));
    font-size: calc(26* (100vw / 750));
  }
  .c-input--radio-label small {
    font-size: calc(18* (100vw / 750));
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-input--radio-label:hover {
    opacity: 0.6;
  }
}
.c-input--radio:checked + .c-input--radio-label {
  color: var(--color-white);
  background-color: var(--color-font-default);
}
@media (hover: hover) and (pointer: fine) {
  .c-input--radio:checked + .c-input--radio-label:hover {
    opacity: 1;
    cursor: auto;
  }
}
.c-input--number {
  display: none;
}

.gift__container {
  padding-top: 6rem;
}
.gift__image {
  width: 72rem;
  margin: 0 auto;
}
.gift__description {
  font-family: var(--font-ja);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  padding-top: 3.3rem;
  padding-bottom: 5.3rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.gift__navigation {
  margin-bottom: 8rem;
}
.gift__section {
  padding-block: 6rem;
}
.gift__section-inner {
  width: min(100%, 110rem);
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gift__section-title {
  font-family: var(--font-ja);
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 4rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.gift__section[data-section-id=scene], .gift__section[data-section-id=search] {
  padding-block: 10rem;
}
.gift__section[data-section-id=search] .gift__section-title {
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .gift__section[data-section-id=search] .gift__section-title {
    margin-bottom: calc(70* (100vw / 750));
  }
}
.gift__category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.gift__category-item-link {
  --tile-width: 18.5rem;
  --zindex-main-contents: 1;
  --zindex-category-name: 2;
  --padding-around: 1.5rem;
  display: grid;
  width: var(--tile-width);
  aspect-ratio: 1;
  --color-font-default: #3a3a3a;
  display: grid;
  height: 100%;
  border-radius: var(--border-radius-default, 12px);
  overflow: hidden;
  -webkit-box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
          box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.gift__category-item-link * {
  grid-area: 1/-1;
}
.gift__category-item-label {
  z-index: var(--zindex-category-name);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--padding-around);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-family: var(--font-hiragino);
  font-size: 1.4rem;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
}
.gift__category-item-label.gift__category--en {
  font-family: var(--font-poppins);
  font-size: 1.7rem;
  font-weight: var(--fontweight-medium);
  letter-spacing: 0.05em;
}
.gift__advanced-search__tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.gift__advanced-search__range-slider {
  width: min(95%, 63rem);
  margin: 4rem auto 0;
}
.gift__advanced-search__submit-button {
  --submit-width: min(90%, 32rem);
  --submit-height: 5rem;
  width: var(--submit-width);
  height: var(--submit-height);
  margin: 4.6rem auto;
  background-color: var(--color-brand-accent);
  border-radius: calc(var(--submit-height) / 2);
  display: grid;
  place-content: center;
  justify-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  overflow: hidden;
  -webkit-box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
          box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.m-price-search__slider-container {
  position: relative;
}
.m-price-search__slider-container .js-left-color,
.m-price-search__slider-container .js-right-color {
  display: block;
  position: absolute;
  top: 0;
  height: 2px;
  background-color: #e3eef4;
}
.m-price-search__slider-container .js-left-color {
  left: 0;
}
.m-price-search__slider-container .js-right-color {
  right: 0;
}
.m-price-search__slider.ui-widget.ui-widget-content {
  position: relative;
  cursor: pointer;
  pointer-events: none;
}
.m-price-search__slider.ui-slider {
  --slider-track-color: #a1a6b4;
  height: 2px;
  border: none;
  background-color: var(--slider-track-color);
  overflow-y: initial;
  overflow-x: initial;
  width: 100%;
  max-width: 100%;
}
.m-price-search__slider.ui-slider .ui-slider-handle {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: var(--color-brand-accent);
  border: none;
  top: 50%;
  translate: 0 -50%;
  cursor: pointer;
  pointer-events: auto;
}
.m-price-search__slider.ui-slider .ui-slider-handle.ui-state-active {
  background-color: var(--color-accent);
}
@media (max-width: 767px) {
  .m-price-search__slider.ui-slider .ui-slider-handle {
    width: calc(30* (100vw / 750));
    height: calc(30* (100vw / 750));
  }
}
.m-price-search__slider-container {
  max-width: 97%;
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .m-price-search__slider-container {
    max-width: 95%;
    margin-left: 0;
  }
}
.m-price-search__input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.7rem;
}
@media (max-width: 767px) {
  .m-price-search__input-container {
    margin-bottom: calc(53* (100vw / 750));
  }
}
.m-price-search__input-label {
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .m-price-search__input-label {
    font-size: calc(24* (100vw / 750));
  }
}
.m-price-search__input-field {
  font-family: var(--font-poppins);
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .m-price-search__input-field {
    font-size: calc(24* (100vw / 750));
  }
}

@media (max-width: 767px) {
  .gift__container {
    padding-top: calc(25* (100vw / 750));
  }
  .gift__image {
    width: calc(700* (100vw / 750));
  }
  .gift__description {
    font-size: calc(24* (100vw / 750));
    padding-top: calc(68* (100vw / 750));
    padding-bottom: calc(109* (100vw / 750));
  }
  .gift__navigation {
    margin-bottom: calc(120* (100vw / 750));
  }
  .gift__section {
    padding-block: calc(90* (100vw / 750));
  }
  .gift__section-inner {
    padding-inline: calc(25* (100vw / 750));
  }
  .gift__section-title {
    font-size: calc(40* (100vw / 750));
    margin-bottom: calc(70* (100vw / 750));
  }
  .gift__section[data-section-id=scene], .gift__section[data-section-id=search] {
    padding-block: calc(140* (100vw / 750));
  }
  .gift__category-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(30* (100vw / 750));
  }
  .gift__category-item-link {
    --tile-width: auto;
    --padding-around: calc(30* (100vw / 750));
  }
  .gift__category-item-label {
    font-size: calc(25* (100vw / 750));
  }
  .gift__category-item-label.gift__category--en {
    font-size: calc(30* (100vw / 750));
  }
  .gift__advanced-search__tab-list {
    width: 99.4%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(17* (100vw / 750)) calc(25* (100vw / 750));
  }
  .gift__advanced-search__range-slider {
    width: calc(660* (100vw / 750));
    margin: calc(80* (100vw / 750)) auto 0;
  }
  .gift__advanced-search__submit-button {
    --submit-width: min(90%, 32rem);
    --submit-height: 5rem;
    width: var(--submit-width);
    height: var(--submit-height);
    margin: 4rem auto;
    background-color: var(--color-brand-accent);
    border-radius: calc(var(--submit-height) / 2);
    display: grid;
    place-content: center;
    justify-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    overflow: hidden;
    -webkit-box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
            box-shadow: var(--drop-shadow-default, 0 1px 3px rgba(0, 0, 0, 0.16));
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .gift__advanced-search__submit-button {
    --submit-width: 100%;
    --submit-height: calc(90* (100vw / 750));
    font-size: calc(26* (100vw / 750));
    margin-top: calc(83* (100vw / 750));
  }
}
@media (min-width: 768px) {
  [data-section-id=ranking] .gift__section-inner {
    width: min(100%, 100rem);
  }
  [data-section-id=ranking] .gift__section-inner .c-product-content {
    width: 18.4rem;
  }
}
[data-section-id=wrapped] .c-product-content,
[data-section-id=ranking] .c-product-content {
  opacity: 0;
  translate: 0 3rem;
  -webkit-transition: opacity 1s, translate 1s;
  transition: opacity 1s, translate 1s;
}

[data-section-id=wrapped]:has(.js-active) .c-product-content,
[data-section-id=ranking]:has(.js-active) .c-product-content {
  opacity: 1;
  translate: 0 0;
}
/*# sourceMappingURL=gift_setcollection.css.map */