@charset "UTF-8";

@media screen and (max-width: 767px) {
  .c-breadcrumb {
    padding-top: 0;
  }
}

.main-area {
  padding-top: 0;
}

#Wrap {
  padding-top: 0;
}

@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: 100%;
  height: auto;
}
.l-page-container :where(svg) {
  display: block;
  width: 100%;
  height: auto;
  overflow-clip-margin: unset;
  overflow: unset;
  aspect-ratio: 1/1;
}

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

[data-bg=lightpink] {
  background-color: #FCEEF4;
}

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

.c-button {
  display: grid;
  place-content: center;
  border-radius: calc(var(--button-height) / 2);
  color: var(--color-black);
  font-family: var(--font-en);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: var(--fontweight-bold);
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1;
  word-break: keep-all;
  overflow: hidden;
  --button-width: 21rem;
  --button-height: 5rem;
  width: var(--button-width);
  height: var(--button-height);
  margin: 8rem auto 0;
  border: solid 1.5px var(--color-black);
  background-color: var(--color-white);
  padding-top: 0.4rem;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c-button {
    width: calc(280 * (100vw / 750));
    height: calc(70 * (100vw / 750));
    border-radius: calc(35 * (100vw / 750));
    font-size: calc(28 * (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;
  border-top-left-radius: 2rem;/* var(--border-radius-default, 12px) */
  border-top-right-radius: 2rem;
}

.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.4rem;
  line-height: 1.4285714286;
  /* font-weight: var(--fontweight-medium); */
  font-weight: 800;
  letter-spacing: 0.05em;
}

.c-product-content__text--name {
  --line-clamp: 3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp);
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .c-product-content__text--name {
    --line-clamp: 2;
  }
}
.c-product-content__price {
  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.6rem;
  font-weight: var(--fontweight-bold);
}

.js-calcRate--proper,
.js-calcRate--proper > * {
  text-decoration: line-through;
  font-size: 1.2rem;
}

[data-section-id=ranking] .c-product-content__price--regular,
[data-section-id=ranking] .c-product-content__price--discounted,
[data-section-id=ranking] .c-product-content__price--discounted > * {
  font-size: 2rem;
  font-weight: var(--fontweight-bold);
}

[data-section-id=ranking] .js-calcRate--proper,
[data-section-id=ranking] .js-calcRate--proper > * {
  font-size: 1.6rem;
}

.c-product-content__price--discounted .js-calcRate--discounted,
.c-product-content__price--discounted .js-calcRate--discounted > * {
  color: red;
}

@media (max-width: 767px) {
  .c-product-content__text--name {
    font-size: calc(20 * (100vw / 750));
    margin-top: calc(20*(100vw / 750));
  }
.js-calcRate--proper, .js-calcRate--proper > * {
    font-size: calc(20 * (100vw / 750));
}
.c-product-content__price {
    font-size: calc(28 * (100vw / 750));
  }
.c-product-content__price--regular, .c-product-content__price--discounted, .c-product-content__price--discounted > * {
    font-size: calc(28 * (100vw / 750));
}
}

.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-top: 0.5rem;
}

[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) {
    width: 31.3rem;
    margin-right: 3.9rem;
}
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) {
    width: 31.3rem;
    margin-right: 3.9rem;
}
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) {
    width: 31.3rem;
}

[data-section-id=ranking] .c-product-content__wrapper > * .c-box::after {
  --width: 7.6rem;
  content: "";
  position: absolute;
  top: -5rem;
  left: 50%;
  transform: translateX(-50%);
  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] .gift__section-inner .c-product-content:nth-child(1) .c-box::after,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .c-box::after,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) .c-box::after {
  --width: 10rem;
  top: -6.5rem;
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(1) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2099%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2249.5%22%20cy%3D%2250%22%20fill%3D%22%23fff%22%20rx%3D%2249.5%22%20ry%3D%2250%22%2F%3E%3Cpath%20d%3D%22m36.78%2020.03v-9.8h1.99l4.59%206.04v-6.04h2.13v9.8h-1.83l-4.75-6.23v6.23zM53.3%2020.2c-3.02%200-5.19-2.25-5.19-5.04v-.03c0-2.78%202.2-5.06%205.22-5.06s5.19%202.25%205.19%205.04v.02c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.97-3.08s-2.94%201.38-2.94%203.06v.02c0%201.68%201.23%203.08%202.97%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m46.17%2078v-35.14l-7.81%201.92-2.05-8.06%2012.86-3.84h6.72v45.12h-9.73z%22%20fill%3D%22%23ead580%22%2F%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(2) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2099%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2249.5%22%20cy%3D%2250%22%20fill%3D%22%23fff%22%20rx%3D%2249.5%22%20ry%3D%2250%22%2F%3E%3Cpath%20d%3D%22m36.78%2020.03v-9.8h1.99l4.59%206.04v-6.04h2.13v9.8h-1.83l-4.75-6.23v6.23zm16.52.17c-3.02%200-5.19-2.25-5.19-5.04v-.03c0-2.78%202.2-5.06%205.22-5.06s5.19%202.25%205.19%205.04v.02c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.97-3.08s-2.94%201.38-2.94%203.06v.02c0%201.68%201.23%203.08%202.97%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m31.47%2078v-7.81l14.91-12.22c5.57-4.61%207.74-7.04%207.74-10.75s-2.5-5.83-6.02-5.83-5.82%201.92-9.15%206.02l-6.91-5.57c4.42-6.02%208.7-9.28%2016.7-9.28%209.28%200%2015.42%205.44%2015.42%2013.82v.13c0%207.49-3.84%2011.2-11.78%2017.35l-7.3%205.63h19.52v8.51z%22%20fill%3D%22%239ab1dc%22%2F%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(3) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2099%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2249.5%22%20cy%3D%2250%22%20fill%3D%22%23fff%22%20rx%3D%2249.5%22%20ry%3D%2250%22%2F%3E%3Cpath%20d%3D%22m36.78%2020.03v-9.8h1.98l4.6%206.04v-6.04h2.12v9.8h-1.83l-4.75-6.23v6.23zm16.52.17c-3.03%200-5.2-2.25-5.2-5.04v-.03c0-2.78%202.2-5.06%205.22-5.06s5.2%202.25%205.2%205.04v.02c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.96-3.08s-2.94%201.38-2.94%203.06v.02c0%201.68%201.23%203.08%202.96%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m48.3%2078.77c-8.06%200-13.63-3.2-17.47-7.75l6.79-6.46c3.07%203.46%206.27%205.38%2010.81%205.38%203.71%200%206.34-2.12%206.34-5.44v-.13c0-3.65-3.27-5.7-8.77-5.7h-4.1l-1.53-6.27%2010.69-10.75h-17.6v-8.45h30.27v7.42l-11.33%2010.82c6.08%201.02%2012.03%204.22%2012.03%2012.54v.13c0%208.45-6.14%2014.66-16.13%2014.66z%22%20fill%3D%22%23daa082%22%2F%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(4) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2076%2076%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20fill%3D%22%23fff%22%20r%3D%2238%22%2F%3E%3Cpath%20d%3D%22m24.78%2018v-9.8h1.99l4.59%206.03v-6.03h2.13v9.8h-1.83l-4.75-6.23v6.23zm16.52.17c-3.02%200-5.19-2.26-5.19-5.04v-.03c0-2.79%202.2-5.07%205.22-5.07s5.19%202.26%205.19%205.04v.03c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.97-3.08s-2.94%201.37-2.94%203.05v.03c0%201.68%201.23%203.08%202.97%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m37.63%2056v-6.04h-13.68l-1-4.36%2015.36-17.8h5.2v17.16h3.76v5h-3.76v6.04zm-7.44-11.04h7.44v-8.72z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(5) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2076%2076%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20fill%3D%22%23fff%22%20r%3D%2238%22%2F%3E%3Cpath%20d%3D%22m24.78%2018v-9.8h1.99l4.59%206.03v-6.03h2.13v9.8h-1.83l-4.75-6.23v6.23zm16.52.17c-3.02%200-5.19-2.26-5.19-5.04v-.03c0-2.79%202.2-5.07%205.22-5.07s5.19%202.26%205.19%205.04v.03c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.97-3.08s-2.94%201.37-2.94%203.05v.03c0%201.68%201.23%203.08%202.97%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m35.1%2056.48c-4.48%200-7.76-1.6-10.48-4.2l3.72-4.44c2.12%201.92%204.2%203.04%206.68%203.04%202.88%200%204.68-1.4%204.68-3.88v-.08c0-2.4-2.04-3.8-4.96-3.8-1.76%200-3.36.48-4.68%201.04l-3.56-2.36.8-13.8h17.2v5.4h-11.92l-.32%204.84c1.12-.28%202.12-.48%203.68-.48%205.44%200%209.8%202.64%209.8%208.96v.08c0%205.92-4.2%209.68-10.64%209.68z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(6) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2076%2076%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20fill%3D%22%23fff%22%20r%3D%2238%22%2F%3E%3Cpath%20d%3D%22m24.78%2018v-9.8h1.99l4.59%206.03v-6.03h2.13v9.8h-1.83l-4.75-6.23v6.23zm16.52.17c-3.02%200-5.19-2.26-5.19-5.04v-.03c0-2.79%202.2-5.07%205.22-5.07s5.19%202.26%205.19%205.04v.03c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.97-3.08s-2.94%201.37-2.94%203.05v.03c0%201.68%201.23%203.08%202.97%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m35.82%2056.48c-3.64%200-6.12-1.04-8.08-3-2.04-2.04-3.32-5.04-3.32-10.6v-.08c0-8.64%203.92-15.28%2012.28-15.28%203.8%200%206.28%201.12%208.76%203.08l-3.24%204.76c-1.84-1.4-3.32-2.24-5.72-2.24-4.2%200-5.44%204.04-5.64%206.48%201.48-1%203.24-1.8%205.8-1.8%205.56%200%209.84%203.08%209.84%208.92v.08c0%205.72-4.6%209.68-10.68%209.68zm-.24-5.28c3.04%200%204.8-1.72%204.8-4.12v-.08c0-2.36-1.84-4.08-4.88-4.08s-4.8%201.68-4.8%204.04v.08c0%202.36%201.84%204.16%204.88%204.16z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(7) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2076%2076%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20fill%3D%22%23fff%22%20r%3D%2238%22%2F%3E%3Cpath%20d%3D%22m24.78%2018v-9.8h1.98l4.6%206.03v-6.03h2.12v9.8h-1.83l-4.75-6.23v6.23zm16.52.17c-3.03%200-5.2-2.26-5.2-5.04v-.03c0-2.79%202.2-5.07%205.22-5.07s5.2%202.26%205.2%205.04v.03c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.96-3.08s-2.94%201.37-2.94%203.05v.03c0%201.68%201.23%203.08%202.96%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m26.48%2056%2012.52-22.68h-13.16v-5.32h20.16v4.64l-12.56%2023.36z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(8) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2076%2076%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20fill%3D%22%23fff%22%20r%3D%2238%22%2F%3E%3Cpath%20d%3D%22m24.78%2018v-9.8h1.99l4.59%206.03v-6.03h2.13v9.8h-1.83l-4.75-6.23v6.23zm16.52.17c-3.02%200-5.19-2.26-5.19-5.04v-.03c0-2.79%202.2-5.07%205.22-5.07s5.19%202.26%205.19%205.04v.03c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.97-3.08s-2.94%201.37-2.94%203.05v.03c0%201.68%201.23%203.08%202.97%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m35.5%2056.4c-6.2%200-10.8-3.2-10.8-8.08v-.08c0-3.4%201.56-5.4%204.52-6.76-2.16-1.32-3.56-3.12-3.56-6.12v-.08c0-4.28%203.92-7.68%209.84-7.68s9.84%203.36%209.84%207.68v.08c0%203-1.4%204.8-3.56%206.12%202.84%201.48%204.52%203.28%204.52%206.6v.08c0%205.2-4.6%208.24-10.8%208.24zm0-16.96c2.44%200%204-1.44%204-3.4v-.08c0-1.72-1.48-3.28-4-3.28s-4%201.52-4%203.24v.08c0%201.96%201.56%203.44%204%203.44zm0%2011.88c3.04%200%204.84-1.52%204.84-3.48v-.08c0-2.16-2.04-3.44-4.84-3.44s-4.84%201.28-4.84%203.44v.08c0%201.92%201.8%203.48%204.84%203.48z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(9) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2076%2076%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20fill%3D%22%23fff%22%20r%3D%2238%22%2F%3E%3Cpath%20d%3D%22m24.78%2018v-9.8h1.99l4.59%206.03v-6.03h2.13v9.8h-1.83l-4.75-6.23v6.23zm16.52.17c-3.02%200-5.19-2.26-5.19-5.04v-.03c0-2.79%202.2-5.07%205.22-5.07s5.19%202.26%205.19%205.04v.03c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.97-3.08s-2.94%201.37-2.94%203.05v.03c0%201.68%201.23%203.08%202.97%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m34.5%2050.88c4.24%200%205.44-3.96%205.68-6.36-1.44%201.2-3.28%201.92-5.68%201.92-6.08%200-10-3.36-10-9.04v-.08c0-5.64%204.36-9.8%2010.68-9.8%203.76%200%205.96.92%208.08%203.04%202%202%203.32%205.04%203.32%2010.56v.08c0%209.08-4.28%2015.28-12.24%2015.28-4.08%200-6.84-1.36-9.2-3.32l3.24-4.68c2.04%201.64%203.76%202.4%206.12%202.4zm1-9.56c3.04%200%204.8-1.76%204.8-4.16v-.08c0-2.48-1.84-4.28-4.92-4.28s-4.76%201.76-4.76%204.24v.08c0%202.48%201.84%204.2%204.88%204.2z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
}

[data-section-id=ranking] .c-product-content__wrapper > *:nth-child(10) .c-box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2076%2076%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2238%22%20fill%3D%22%23fff%22%20r%3D%2238%22%2F%3E%3Cpath%20d%3D%22m24.78%2018v-9.8h1.99l4.59%206.03v-6.03h2.13v9.8h-1.83l-4.75-6.23v6.23zm16.52.17c-3.02%200-5.19-2.26-5.19-5.04v-.03c0-2.79%202.2-5.07%205.22-5.07s5.19%202.26%205.19%205.04v.03c0%202.79-2.2%205.07-5.22%205.07zm.02-1.99c1.74%200%202.94-1.37%202.94-3.05v-.03c0-1.68-1.23-3.08-2.97-3.08s-2.94%201.37-2.94%203.05v.03c0%201.68%201.23%203.08%202.97%203.08zm6.94%201.82v-2.24h2.27v2.24z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22m18.57%2056v-21.96l-4.88%201.2-1.28-5.04%208.04-2.4h4.2v28.2zm26.32.48c-7.48%200-12.4-6.28-12.4-14.4v-.08c0-8.12%205.04-14.48%2012.48-14.48s12.4%206.28%2012.4%2014.4v.08c0%208.12-5%2014.48-12.48%2014.48zm.08-5.56c3.72%200%206.08-3.76%206.08-8.84v-.08c0-5.08-2.48-8.92-6.16-8.92s-6.08%203.72-6.08%208.84v.08c0%205.12%202.44%208.92%206.16%208.92z%22%20fill%3D%22%23595757%22%2F%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-gap: 6.1rem;
    --row-gap: 18rem;
    gap: var(--row-gap) var(--column-gap);
    width: 113.9rem;
    margin: 15rem auto 0;
    /* 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;
}

/* ----------------------------------------------------- */
/* 既存のアニメーション定義 */
/* ----------------------------------------------------- */
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
[data-section-id=ranking] .ranking__track {
  width: 113.9rem;
  margin: 0 auto;
  position: relative;
}
/* 装飾コンテナの配置 */
.star-decoration-container {
  list-style: none; /* ulの子要素として追加した場合の対策 */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

/* 左右コンテナの基本設定 */
.star-decoration--left,
.star-decoration--right {
  position: absolute;
  display: block;
  width: 0; /* 装飾要素自体は幅を持たせない */
  height: 0;
  top: 0;
  left: 0;
}

/* ----------------------------------------------------- */
/* ★ 修正: 左側 2つの星 (left_stars01 / left_stars02) */
/* ----------------------------------------------------- */

/* 1. 左の星 01 (早い点滅) */
.star-decoration--left::before {
  content: " ";
  background-image: url(../img/gift_menu/left_stars01_pc.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 12rem;
  height: 14rem;
  position: absolute;
  
  /* 配置: left コンテナを基準に設定 */
  left: -12rem;
  top: -13rem;
  
  z-index: 1;
  display: block;
  animation: blink 1.5s ease-in-out infinite; /* ★ 速度 1.5s */
}

/* 2. 左の星 02 (遅い点滅・遅延あり) */
.star-decoration--left::after {
  content: " ";
  background-image: url(../img/gift_menu/left_stars02_pc.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 12rem;
  height: 14rem;
  position: absolute;
  
  /* 配置: left コンテナを基準に設定 */
  left: -12rem;
  top: -13rem;
  
  z-index: 1;
  display: block;
  animation: blink 3s ease-in-out infinite; /* ★ 速度 3s */
  animation-delay: 0.5s; /* ★ 遅延 0.4s */
}


/* ----------------------------------------------------- */
/* ★ 修正: 右側 2つの星 (right_stars01 / right_stars02) */
/* ----------------------------------------------------- */

/* 右側コンテナを右上に配置 */
.star-decoration--right {
  right: 0;
  left: auto; /* 左側の設定を上書き */
  /* top: 0; は継承 */
}

/* 3. 右の星 01 (早い点滅) */
.star-decoration--right::before {
  content: " ";
  background-image: url(../img/gift_menu/right_stars01_pc.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 12rem;
  height: 14rem;
  position: absolute;
  
  /* 配置: right コンテナを基準に設定 */
  right: -12rem;
  top: -13rem;
  
  z-index: 1;
  display: block;
  animation: blink 1.5s ease-in-out infinite; /* ★ 速度 1.5s */
}

/* 4. 右の星 02 (遅い点滅・遅延あり) */
.star-decoration--right::after {
  content: " ";
  background-image: url(../img/gift_menu/right_stars02_pc.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 12rem;
  height: 14rem;
  position: absolute;
  
  /* 配置: right コンテナを基準に設定 */
  right: -12rem;
  top: -13rem;
  
  z-index: 1;
  display: block;
  animation: blink 3s ease-in-out infinite; /* ★ 速度 3s */
  animation-delay: 0.5s; /* ★ 遅延 0.4s */
}

@media (max-width: 767px) {
  .c-product-content__wrapper {
    --column-gap: calc(30 * (100vw / 750));
    --row-gap: calc(120 * (100vw / 750));
    gap: var(--row-gap) var(--column-gap);
    width: calc(690 * (100vw / 750));
    margin: calc(170 * (100vw / 750)) auto 0;
  }

  [data-section-id=ranking] .ranking__track {
    width: calc(690 * (100vw / 750));
  }

  .star-decoration--left::before {
    background-image: url(../img/gift_menu/left_stars01_sp.png);
    width: calc(192 * (100vw / 750));
    height: calc(270 * (100vw / 750));
    left: calc(-62 * (100vw / 750));
    top: calc(-275 * (100vw / 750));
  }

  /* 2. 左の星 02 (遅い点滅・遅延あり) */
  .star-decoration--left::after {
    background-image: url(../img/gift_menu/left_stars02_sp.png);
    width: calc(192 * (100vw / 750));
    height: calc(270 * (100vw / 750));
    left: calc(-62 * (100vw / 750));
    top: calc(-275 * (100vw / 750));
  }

  /* 3. 右の星 01 (早い点滅) */
  .star-decoration--right::before {
    background-image: url(../img/gift_menu/right_stars01_sp.png);
    width: calc(200*(100vw / 750));
    height: calc(276*(100vw / 750));
    right: calc(-60 * (100vw / 750));
    top: calc(-295 * (100vw / 750));
  }

  /* 4. 右の星 02 (遅い点滅・遅延あり) */
  .star-decoration--right::after {
    background-image: url(../img/gift_menu/right_stars02_sp.png);
    width: calc(200*(100vw / 750));
    height: calc(276*(100vw / 750));
    right: calc(-60 * (100vw / 750));
    top: calc(-295 * (100vw / 750));
  }

  [data-section-id=ranking] .gift__section-inner .c-product-content {
      width: calc(330*(100vw / 750));
  }
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) {
      width: calc(432*(100vw / 750));
      margin-right: 0;
  }
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) {
      width: calc(330*(100vw / 750));
      margin-right: 0;
      margin-top: calc(80 * (100vw / 750));
  }
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) {
      width: calc(330*(100vw / 750));
      margin-top: calc(80 * (100vw / 750));
  }
}

@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 .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));
    padding-top: calc(10 * (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: 44rem;
  padding: 1.5rem;
  background-color: var(--color-background);
  border-radius: 3rem;
  /* 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); */
  position: relative;
}

[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) .c-box,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .c-box,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) .c-box {
  height: 58rem;
}

/* 擬似要素の初期状態 (透明で少し下に配置) */
.c-box::before {
    /* 既存のスタイルを保持... */
    transition: opacity 1s ease-out, transform 1s ease-out; /* アニメーション時間を少し長くして区別 */
    opacity: 0;
    transform: translateY(2rem); /* 初期位置を2rem下に設定 */
}

/* 親要素にjs-activeが付与されたとき、擬似要素をアニメーションさせる */
.js-fadeUp.js-active .c-box::before {
    opacity: 1;
    transform: translateY(0); /* 最終位置（元のtopの位置）に戻す */
}

[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) .c-box::before {
    content: " ";
    display: block;
    background-image: url(../img/gift_menu/ranking_character01.png?20260107);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 10.5rem;
    height: 11rem;
    position: absolute;
    left: 0rem;
    top: -8rem;
    z-index: -1;
    pointer-events: none;
    transition-delay: 0.3s;
}
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .c-box::before {
    content: " ";
    display: block;
    background-image: url(../img/gift_menu/ranking_character02.png?20260107);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 6.5rem;
    height: 11rem;
    position: absolute;
    left: 1rem;
    top: -8.5rem;
    z-index: -1;
    pointer-events: none;
    transition-delay: 0.5s;
}
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) .c-box::before {
    content: " ";
    display: block;
    background-image: url(../img/gift_menu/ranking_character03.png?20260107);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 8.5rem;
    height: 11rem;
    position: absolute;
    left: -0.5rem;
    top: -9rem;
    z-index: -1;
    pointer-events: none;
    transition-delay: 0.7s;
}

/**
 * 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: #E7D0EE;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* padding: var(--padding-vertical) var(--padding-horizontal); */
  padding: 0.3rem 1.2rem;
  background-color: var(--color-bg);
  border-radius: 1rem;
  color: var(--color-font);
  font-size: 1rem;
  font-weight: var(--fontweight-bold);
  letter-spacing: 0.05em;
  line-height: 1;
  word-break: keep-all;
  display: inline-block;
  margin: 0 0 0 0;
  text-align: center;
}

@media (max-width: 767px) {
  .c-cicon__list-item {
    font-size: calc(16*(100vw / 750));
    padding: calc(5*(100vw / 750)) calc(12*(100vw / 750));
    border-radius: calc(14*(100vw / 750));
  }

  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) .c-box::before {
    background-image: url(../img/gift_menu/ranking_character01_sp.png);
    width: calc(150 * (100vw / 750));
    height: calc(160 * (100vw / 750));
    left: calc(0 * (100vw / 750));
    top: calc(-115 * (100vw / 750));
  }
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .c-box::before {
    background-image: url(../img/gift_menu/ranking_character02_sp.png);
    width: calc(110 * (100vw / 750));
    height: calc(182 * (100vw / 750));
    left: calc(-15 * (100vw / 750));
    top: calc(-130 * (100vw / 750));
  }
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) .c-box::before {
    background-image: url(../img/gift_menu/ranking_character03_sp.png);
    width: calc(145 * (100vw / 750));
    height: calc(185 * (100vw / 750));
    left: initial;
    right: calc(-32 * (100vw / 750));
    top: calc(-140 * (100vw / 750));
  }

}
.c-cicon__list-item[data-cicon-number="4"],
.c-cicon__list-item[data-cicon-number=discount] {
  --color-bg: #A8A8A8;
}

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

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

/**
 * フォームスタイル
 */
.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: 61rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.gift__description {
  font-family: var(--font-ja);
  font-weight: var(--fontweight-bold);
  font-size: 2.2rem;
  line-height: 1.5909090909;
  letter-spacing: 0.05em;
  text-align: center;
  padding-top: 3.3rem;
  /* -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; */
  position: relative;
  z-index: 3;
}

.gift__section {
  padding-block: 10rem 6rem;
  position: relative;
}
.gift__section .close_box {
  width: 100%;
  padding-block: 35rem 39rem;
  position: absolute;
  top: 6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 6;
  background-color: rgba(35, 24, 21, 0.6);
}
.gift__section .close_box p {
  font-family: var(--font-en);
  font-weight: var(--fontweight-bold);
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

[data-section-id=ranking].gift__section {
  padding-block: 7rem 6rem;
}
.gift__section-inner {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gift__section-title {
  font-family: var(--font-en);
  font-size: 4rem;
  font-weight: var(--fontweight-semibold);
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 6rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  position: relative;
  z-index: 3;
}
.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));
    position: relative;
    z-index: -1;
  }
  .gift__image {
    width: calc(624 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
  }
  .gift__description {
    font-size: calc(28 * (100vw / 750));
    padding-top: calc(20 * (100vw / 750));
    padding-bottom: calc(30 * (100vw / 750));
  }

  .gift__section {
    overflow: clip;
    padding-block: calc(90* (100vw / 750));
  }

  .gift__section .close_box {
    padding-block: calc(470 * (100vw / 750)) calc(570 * (100vw / 750));
    top: calc(60* (100vw / 750));
  }
  .gift__section .close_box p {
    font-size: calc(45 * (100vw / 750));
  }

  .gift__section-inner {
    padding-inline: calc(25* (100vw / 750));
  }
  .gift__section-title {
    font-size: calc(48 * (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 .c-product-content {
    width: 23.9rem;
  }
}
[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;
}

[data-section-id=ranking] .gift__section-inner .c-product-content {
  position: relative;
}
[data-section-id=ranking] .gift__section-inner .c-product-content::before {
  content: " ";
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background-color: var(--color-white);
  position: absolute;
  left: 6.8rem;
  top: -6rem;
  /* transform: translateX(-50%); */
  z-index: 0;
  -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));
}
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1)::before,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2)::before,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3)::before {
  width: 13rem;
  height: 13rem;
  left: 9rem;
  top: -7.5rem;
}

[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1)::after {
  content: " ";
  display: block;
  width: 7.1rem;
  height: 6.1rem;
  background-image: url(../img/gift_menu/crown.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  right: 8.5rem;
  top: -10.5rem;
  z-index: -1;
}

.c-product-content .c-box .slide_btn {
  display: block;
  width: 14.2rem;
  position: absolute;
  left: 1.5rem;
  bottom: 1rem;
}

.c-product-content .c-box .favoritebtn {
  display: block;
  width: 3.9rem;
  height: 3.9rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) .slide_btn,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .slide_btn,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) .slide_btn {
  display: block;
  width: 18.2rem;
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
}

[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) .favoritebtn,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .favoritebtn,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) .favoritebtn {
  display: block;
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
}


/*************************************************************
gift_set_slider (Splide対応)
*************************************************************/
.gift_set_slider {
  width: 100%;
  margin: 0 auto;
  height: fit-content;
  
  /* ★ 修正: スライダーの崩れを防ぐため、Splideの標準動作 (overflow: hidden) を優先し、unsetを削除します。 */
  /* overflow: unset; は削除 */
  
  position: relative;
  z-index: 5;
}


.gift_set_slider .splide__track {
  overflow: unset;
  z-index: 5;
}

/* 1. スライド本体 (splide__slideに置き換え) */
.gift_set_slider .splide__slide {
  width: auto !important; /* タグの幅は固定 */
  height: auto;
  /* transition: opacity 0.5s ease, padding 0.5s ease, transform 0.5s ease; */
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  padding: 0;
  margin: 0;

  transform: rotate(0deg) translateZ(0);
  transform-origin: center center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.gift_set_slider .splide__slide.is-active{
  transform: rotate(-7deg) translateZ(0);
}
/* 3. 新しく追加した「slide-content」(タグ本体) */
.gift_set_slider .slide-content {
/* ↓↓↓ タグのデザインはすべてこちらに記述 ↓↓↓ */
  width: 20rem; /* タグの幅は固定 */
  height: 46rem;
  /* height: 44rem; */
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  padding: 3rem 1rem 1rem 1rem;
  
  position: relative;
  box-sizing: border-box;
  margin: 0 2.5rem;
  z-index: 5;
}

.gift_set_slider  .splide__slide.is-active .slide-content {
  margin: 0 10rem;
}

/* 左右の矢印の位置調整 (Splideの標準クラスをベースに修正) */
.gift_set_slider .splide__arrow {
  width: 4rem;
  height: 4rem;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  
  /* Splideのデフォルトスタイルを上書き */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  margin: 0;
  z-index: 6;
}

.gift_set_slider .splide__arrow--prev {
  left: calc(50% - 21rem);
  background-image: url('../img/gift_menu/btn_prev.svg');
  /* Splideのデフォルト矢印アイコンを非表示 */
  font-size: 0; 
}
.gift_set_slider .splide__arrow--next {
  right: calc(50% - 15rem);
  background-image: url('../img/gift_menu/btn_next.svg');
  /* Splideのデフォルト矢印アイコンを非表示 */
  font-size: 0;
}

.gift_set_slider .splide__slide img {
  height: auto;
  width: 100%;
}

/* Swiperの :after スタイルは不要 */
/* .gift_set_slider .swiper-button-prev:after,
.gift_set_slider .swiper-button-next:after {
    content: none;
} */

/* タグの穴 */
.gift_set_slider .slide_deco01 {
  width: 2rem;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}

/* 商品画像 */
.gift_set_slider .slide_item {
  display: block;
  height: 24.4rem;
  background-color: #f0f0f0;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.gift_set_slider .slide_item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* 商品名 */
.gift_set_slider .slide_lead {
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.4166666667;
  color: #333;
  margin: 0;
}

/* 価格 */
.gift_set_slider .slide_credit {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.05em;
  font-weight: bold;
  color: #111;
  margin: 0 0 1rem 0;
}

/* バーコードボタン */
.gift_set_slider .slide_btn {
  display: block;
  width: 11.3rem;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
}

/* キティちゃんアイコン (絶対配置) */
.gift_set_slider .favoritebtn {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
/*# sourceMappingURL=gift_setcollection.css.map */

/* --- レイアウトの基本 (グリッド) --- */
.p-link-tile__list {
  display: flex;
  width: 41rem;
  /* justify-content: space-between; */
  justify-content: center;
  /* row-gap: 5rem; */
  column-gap: 5rem;
  margin: 10rem auto 0;
  position: relative;
  z-index: 3;
}

/* --- ここからギフトボックスのスタイル --- */
.p-link-tile__list li {
  position: relative; /* 蓋の配置の基準点 */
  width: 18rem;
}

/* 1. リンクの箱 (a.c-box) のスタイル */
.p-link-tile__list-item a.c-box {
  display: block;
  background-color: #FCEEF4; /* ギフトボックスの本体色 */
  border-radius: 0 0 1rem 1rem; /* 角丸 */
  text-decoration: none;
  color: var(--color-black);
  text-align: center;
  padding-block: 2rem 0.8rem;
  
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 1rem rgba(0, 0, 0, 0.05);
}

/* 2. 蓋の共通設定 (::before = 閉じた蓋, ::after = 開いた蓋) */
.p-link-tile__list li::before,
.p-link-tile__list li::after {
    content: '';
    position: absolute;
    left: 50%;
    top: -7.2rem;
    transform: translateX(-50%);
    width: 18.2rem;
    height: 7rem;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transform-origin: center bottom;
}

/* 3. 閉じた蓋 (::before) の設定 */
.p-link-tile__list li::before {
  background-image: url('../img/gift_menu/navi.png'); /* ★閉じた蓋の画像パス */
  opacity: 1; /* 通常は表示 */
}

/* 4. 開いた蓋 (::after) の設定 */
.p-link-tile__list li::after {
  background-image: url('../img/gift_menu/navi.png'); /* ★開いた蓋の画像パス */
  opacity: 0; /* 通常は非表示 */
  top: -8.5rem;
  transform: translateX(-50%) rotate(15deg); /* 傾ける */
}

/* 5. ホバー時のアニメーション */
.p-link-tile__list li:hover::before {
  /* 閉じた蓋を隠す */
  opacity: 0;
  transform: translateX(-50%) translateY(-1rem) rotate(-5deg); /* 少し浮き上がらせる */
}

.p-link-tile__list li:hover::after {
  /* 開いた蓋を表示する */
  opacity: 1;
  transform: translateX(-50%) translateY(-1rem) rotate(15deg); /* 最終的な位置 */
}

/* 6. 箱の中身のテキストレイアウト */
.p-link-tile__list-item__main-content-wrapper {
  font-family: var(--font-en);
  font-weight: var(--fontweight-bold);
  letter-spacing: .05em;
  line-height: 1.25;
  font-size: 1.6rem;
  text-align: center;
  color: var(--color-black);
  margin: 0 0 2rem 0;
  padding: 0;
}

.p-link-tile__text--category-name {
  font-family: var(--font-ja);
  font-size: 1rem;
  font-weight: var(--fontweight-bold);
  letter-spacing: .05em;
  line-height: 1;
  text-align: center;
  color: var(--color-black);
  padding: 0; 
  margin: 0;
  z-index: auto;
}

/* 7. 添付画像の下向き矢印 (CSSで作成) */
.p-link-tile__text--category-name::after {
  content: '';
  display: block;
  width: 1.3rem; /* 矢印のサイズ */
  height: 0.6rem; /* 矢印のサイズ */
  background-image: url(../img/gift_menu/arrow_down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 2rem auto 0;
}

.p-link-tile__list-item:nth-of-type(4) .c-box .p-link-tile__list-item__main-content-wrapper {
  margin: 0.5rem 0 2.5rem 0;
}

/* ===================
  　ribbon-fall
=================== */
.ribbon-bg {
  position: relative;
  z-index: 3;
}
.ribbon-fall-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* ここに左右のパディングを追加して、リボンが降る範囲を内側に狭める */
  padding: 0 15%; /* 例: 左右に15%のパディング。この値を調整してください */
  box-sizing: border-box; /* パディングを含めて幅を計算 */
  /* overflow: hidden; */
  z-index: 10;
  pointer-events: none;
  background-color: transparent;
}

/* 各リボン要素の基本スタイル */
.ribbon-fall-container .ribbon-item {
  position: absolute;
  display: block;
  top: -10rem;
  opacity: 0;
  width: auto; /* JavaScriptで上書きされるので、デフォルトはautoでもOK */
  height: auto; /* 高さは幅に合わせて自動調整 */
  max-width: 11.1rem; /* 各リボンの画像の最大幅を750pxに制限（必要であれば維持） */
  will-change: transform, opacity;
}
.bg_ribbon_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  z-index: 1;
  pointer-events: none; /* リボンがクリックイベントをブロックしないように */
}
.bg_ribbon_right {
  position: absolute; /* section__inner を基準に絶対配置 */
  top: 0;
  right: 0;
  /* width: calc((100% - コンテンツの幅) / 2) のように指定するか、
     ここではシンプルに、ribbon-fall-areaのmax-widthを適用する */
  width: 100%; /* ribbon-fall-areaの幅は内側で制御するため、ここでは広めに設定 */
  height: 100%; /* section__inner の高さいっぱいに */
  /* overflow: hidden; */
  z-index: 1; /* コンテンツより低いz-indexに設定（背景のため） */
  pointer-events: none; /* リボンがクリックイベントをブロックしないように */
}
.bg_ribbon_left .ribbon-fall-area,
.bg_ribbon_right .ribbon-fall-area {
  position: absolute;
  top: 0;
  width: 35rem;
  height: 100%;
  overflow: hidden;
  /* overflow: hidden; */
}
.bg_ribbon_left .ribbon-fall-area {
  left: 0; /* 左側に寄せる */
}

.bg_ribbon_right .ribbon-fall-area {
  right: 0; /* 右側に寄せる */
}

/* ★★★ アニメーションキーフレーム ★★★ */
/* ここは変更なしでOK。リボンの位置は.ribbon-fall-containerのpaddingで制限されます */
@keyframes fall-default {
  0% {
      top: -10rem;
      opacity: 0;
      transform: translateX(0);
  }
  10% {
      opacity: 1;
  }
  90% {
      opacity: 1;
      transform: translateX(var(--fall-x-offset, 0));
  }
  100% {
      top: calc(100% + 10rem);
      opacity: 0;
      transform: translateX(var(--fall-x-offset, 0));
  }
}

@media (max-width: 767px) {
  /* ===================
    　ribbon-fall
  =================== */
  .bg_ribbon_left .ribbon-fall-area,
  .bg_ribbon_right .ribbon-fall-area {
    width: calc(120*(100vw / 750));
  }

  /* --- レイアウトの基本 (グリッド) --- */
  .p-link-tile__list {
    width: calc(524*(100vw / 750));
    row-gap: calc(40*(100vw / 750));
    margin: calc(150*(100vw / 750)) auto 0;
  }

  /* --- ここからギフトボックスのスタイル --- */
  .p-link-tile__list li {
    width: calc(242*(100vw / 750));
  }

  /* 1. リンクの箱 (a.c-box) のスタイル */
  .p-link-tile__list-item a.c-box {
    padding-block: calc(20*(100vw / 750)) calc(16*(100vw / 750));
  }

  /* 2. 蓋の共通設定 (::before = 閉じた蓋, ::after = 開いた蓋) */
  .p-link-tile__list li::before,
  .p-link-tile__list li::after {
    top: calc(-100 * (100vw / 750));
    width: calc(245 * (100vw / 750));
    height: calc(110 * (100vw / 750));
  }

  /* 4. 開いた蓋 (::after) の設定 */
  .p-link-tile__list li::after {
    top: calc(-120*(100vw / 750));
  }

  /* 6. 箱の中身のテキストレイアウト */
  .p-link-tile__list-item__main-content-wrapper {
    font-size: calc(24*(100vw / 750));
    margin: 0 0 calc(20*(100vw / 750)) 0;
  }

  .p-link-tile__text--category-name {
    font-size: calc(16*(100vw / 750));
    line-height: 1.25;
  }

  /* 7. 添付画像の下向き矢印 (CSSで作成) */
  .p-link-tile__text--category-name::after {
    width: calc(18*(100vw / 750)); /* 矢印のサイズ */
    height: calc(6*(100vw / 750)); /* 矢印のサイズ */
    margin: calc(20*(100vw / 750)) auto 0;
  }
  .p-link-tile__text--category-name.top_space::after {
    margin: calc(40*(100vw / 750)) auto 0;
  }
  .p-link-tile__list-item:nth-of-type(4) .c-box .p-link-tile__list-item__main-content-wrapper {
    margin: calc(5*(100vw / 750)) 0 calc(25*(100vw / 750)) 0;
  }

  /* .gift_set_slider .swiper-slide-active {
    padding-left: calc(0*(100vw / 750));
    padding-right: calc(0*(100vw / 750));
  } */

  .gift_set_slider .slide-content {
    width: calc(324*(100vw / 750));
    /* height: calc(700*(100vw / 750)); */
    height: calc(686 * (100vw / 750));
    border-radius: calc(30*(100vw / 750));
    padding: calc(50*(100vw / 750)) calc(10*(100vw / 750)) calc(10*(100vw / 750)) calc(10*(100vw / 750)); /* タグの「内側」の余白 */
    margin: 0 calc(50*(100vw / 750));
  }

  .gift_set_slider  .splide__slide.is-active .slide-content {
    margin: 0 calc(80*(100vw / 750));
  }

  /* 左右の矢印の位置調整 */
  .gift_set_slider .splide__arrow--prev,
  .gift_set_slider .splide__arrow--next {
    width: calc(56*(100vw / 750));
    height: calc(56*(100vw / 750));
  }
  .gift_set_slider .splide__arrow--prev {
    left: calc(50% - calc(290*(100vw / 750)));
  }
  .gift_set_slider .splide__arrow--next {
    right: calc(50% - calc(220*(100vw / 750)));
  }
  /* タグの穴 */
  .gift_set_slider .slide_deco01 {
    width: calc(32*(100vw / 750));
    top: calc(10*(100vw / 750));
  }
  /* 商品画像 */
  .gift_set_slider .slide_item {
    height: calc(356*(100vw / 750));
    border-top-left-radius: calc(20*(100vw / 750));
    border-top-right-radius: calc(20*(100vw / 750));
    margin-bottom: calc(10*(100vw / 750));
  }
  /* 商品名 */
  .gift_set_slider .slide_lead {
    font-size: calc(20*(100vw / 750));
  }

  /* 価格 */
  .gift_set_slider .slide_credit {
    font-size: calc(28*(100vw / 750));
  }

  /* バーコードボタン */
  .gift_set_slider .slide_btn {
    width: calc(200*(100vw / 750));
    left: calc(15*(100vw / 750));
    bottom: calc(15*(100vw / 750));
  }

  /* キティちゃんアイコン (絶対配置) */
  .gift_set_slider .favoritebtn {
    width: calc(72*(100vw / 750));
    height: calc(72*(100vw / 750));
    bottom: calc(15*(100vw / 750));
    right: calc(15*(100vw / 750));
  }

  .c-product-content .c-box {
    /* height: calc(704*(100vw / 750)); */
    height: calc(656 * (100vw / 750));
    padding: calc(15*(100vw / 750));
    border-radius: calc(30*(100vw / 750));
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(1) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2261%22%20height%3D%2262%22%20viewBox%3D%220%200%2061%2062%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M61%2031C61%2048.1208%2047.3447%2062%2030.5%2062C13.6553%2062%200%2048.1208%200%2031C0%2013.8792%2013.6553%200%2030.5%200C47.3447%200%2061%2013.8792%2061%2031Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M18.8159%2014.2402V5.14023H20.6619L24.9259%2010.7432V5.14023H26.9019V14.2402H25.1989L20.7919%208.45523V14.2402H18.8159Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M34.1564%2014.3962C31.3484%2014.3962%2029.3334%2012.3032%2029.3334%209.71623V9.69023C29.3334%207.10323%2031.3744%204.98423%2034.1824%204.98423C36.9904%204.98423%2039.0054%207.07723%2039.0054%209.66423V9.69023C39.0054%2012.2772%2036.9644%2014.3962%2034.1564%2014.3962ZM34.1824%2012.5502C35.7944%2012.5502%2036.9124%2011.2762%2036.9124%209.71623V9.69023C36.9124%208.13023%2035.7684%206.83023%2034.1564%206.83023C32.5444%206.83023%2031.4264%208.10423%2031.4264%209.66423V9.69023C31.4264%2011.2502%2032.5704%2012.5502%2034.1824%2012.5502Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M40.6248%2014.2402V12.1602H42.7308V14.2402H40.6248Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M28.6107%2050V28.04L23.7307%2029.24L22.4507%2024.2L30.4907%2021.8H34.6907V50H28.6107Z%22%20fill%3D%22%23EAD580%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(2) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.1646%2012.4785V4.07852H18.8686L22.8046%209.25052V4.07852H24.6286V12.4785H23.0566L18.9886%207.13852V12.4785H17.1646ZM31.3251%2012.6225C28.7331%2012.6225%2026.8731%2010.6905%2026.8731%208.30252V8.27852C26.8731%205.89052%2028.7571%203.93452%2031.3491%203.93452C33.9411%203.93452%2035.8011%205.86652%2035.8011%208.25452V8.27852C35.8011%2010.6665%2033.9171%2012.6225%2031.3251%2012.6225ZM31.3491%2010.9185C32.8371%2010.9185%2033.8691%209.74252%2033.8691%208.30252V8.27852C33.8691%206.83852%2032.8131%205.63851%2031.3251%205.63851C29.8371%205.63851%2028.8051%206.81452%2028.8051%208.25452V8.27852C28.8051%209.71852%2029.8611%2010.9185%2031.3491%2010.9185ZM37.2959%2012.4785V10.5585H39.2399V12.4785H37.2959Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M20.1326%2041.6934V37.7894L27.5886%2031.6774C30.3726%2029.3734%2031.4606%2028.1574%2031.4606%2026.3014C31.4606%2024.4134%2030.2126%2023.3894%2028.4526%2023.3894C26.7246%2023.3894%2025.5406%2024.3494%2023.8766%2026.3974L20.4206%2023.6134C22.6286%2020.6054%2024.7726%2018.9734%2028.7726%2018.9734C33.4126%2018.9734%2036.4846%2021.6934%2036.4846%2025.8854V25.9494C36.4846%2029.6934%2034.5646%2031.5494%2030.5966%2034.6214L26.9486%2037.4374H36.7086V41.6934H20.1326Z%22%20fill%3D%22%239AB1DC%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(3) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.1646%2012.4785V4.07852H18.8686L22.8046%209.25052V4.07852H24.6286V12.4785H23.0566L18.9886%207.13852V12.4785H17.1646ZM31.3251%2012.6225C28.7331%2012.6225%2026.8731%2010.6905%2026.8731%208.30252V8.27852C26.8731%205.89052%2028.7571%203.93452%2031.3491%203.93452C33.9411%203.93452%2035.8011%205.86652%2035.8011%208.25452V8.27852C35.8011%2010.6665%2033.9171%2012.6225%2031.3251%2012.6225ZM31.3491%2010.9185C32.8371%2010.9185%2033.8691%209.74252%2033.8691%208.30252V8.27852C33.8691%206.83852%2032.8131%205.63851%2031.3251%205.63851C29.8371%205.63851%2028.8051%206.81452%2028.8051%208.25452V8.27852C28.8051%209.71852%2029.8611%2010.9185%2031.3491%2010.9185ZM37.2959%2012.4785V10.5585H39.2399V12.4785H37.2959Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M28.5478%2042.0774C24.5158%2042.0774%2021.7318%2040.4774%2019.8118%2038.2054L23.2038%2034.9734C24.7398%2036.7014%2026.3398%2037.6614%2028.6118%2037.6614C30.4678%2037.6614%2031.7798%2036.6054%2031.7798%2034.9414V34.8774C31.7798%2033.0534%2030.1478%2032.0294%2027.3958%2032.0294H25.3478L24.5798%2028.8934L29.9238%2023.5174H21.1238V19.2934H36.2598V23.0054L30.5958%2028.4134C33.6358%2028.9254%2036.6118%2030.5254%2036.6118%2034.6854V34.7494C36.6118%2038.9734%2033.5398%2042.0774%2028.5478%2042.0774Z%22%20fill%3D%22%23DAA082%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(4) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.1646%2012.4785V4.07852H18.8686L22.8046%209.25052V4.07852H24.6286V12.4785H23.0566L18.9886%207.13852V12.4785H17.1646ZM31.3251%2012.6225C28.7331%2012.6225%2026.8731%2010.6905%2026.8731%208.30252V8.27852C26.8731%205.89052%2028.7571%203.93452%2031.3491%203.93452C33.9411%203.93452%2035.8011%205.86652%2035.8011%208.25452V8.27852C35.8011%2010.6665%2033.9171%2012.6225%2031.3251%2012.6225ZM31.3491%2010.9185C32.8371%2010.9185%2033.8691%209.74252%2033.8691%208.30252V8.27852C33.8691%206.83852%2032.8131%205.63851%2031.3251%205.63851C29.8371%205.63851%2028.8051%206.81452%2028.8051%208.25452V8.27852C28.8051%209.71852%2029.8611%2010.9185%2031.3491%2010.9185ZM37.2959%2012.4785V10.5585H39.2399V12.4785H37.2959Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M29.2381%2041.6934V36.8614H18.2941L17.4941%2033.3734L29.7821%2019.1334H33.9421V32.8614H36.9501V36.8614H33.9421V41.6934H29.2381ZM23.2861%2032.8614H29.2381V25.8854L23.2861%2032.8614Z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(5) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.1646%2012.4785V4.07852H18.8686L22.8046%209.25052V4.07852H24.6286V12.4785H23.0566L18.9886%207.13852V12.4785H17.1646ZM31.3251%2012.6225C28.7331%2012.6225%2026.8731%2010.6905%2026.8731%208.30252V8.27852C26.8731%205.89052%2028.7571%203.93452%2031.3491%203.93452C33.9411%203.93452%2035.8011%205.86652%2035.8011%208.25452V8.27852C35.8011%2010.6665%2033.9171%2012.6225%2031.3251%2012.6225ZM31.3491%2010.9185C32.8371%2010.9185%2033.8691%209.74252%2033.8691%208.30252V8.27852C33.8691%206.83852%2032.8131%205.63851%2031.3251%205.63851C29.8371%205.63851%2028.8051%206.81452%2028.8051%208.25452V8.27852C28.8051%209.71852%2029.8611%2010.9185%2031.3491%2010.9185ZM37.2959%2012.4785V10.5585H39.2399V12.4785H37.2959Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M27.2152%2042.0774C23.6312%2042.0774%2021.0072%2040.7974%2018.8312%2038.7174L21.8072%2035.1654C23.5032%2036.7014%2025.1672%2037.5974%2027.1512%2037.5974C29.4552%2037.5974%2030.8952%2036.4774%2030.8952%2034.4934V34.4294C30.8952%2032.5094%2029.2632%2031.3894%2026.9272%2031.3894C25.5192%2031.3894%2024.2392%2031.7734%2023.1832%2032.2214L20.3352%2030.3334L20.9752%2019.2934H34.7352V23.6134H25.1992L24.9432%2027.4854C25.8392%2027.2614%2026.6392%2027.1014%2027.8872%2027.1014C32.2392%2027.1014%2035.7272%2029.2134%2035.7272%2034.2694V34.3334C35.7272%2039.0694%2032.3672%2042.0774%2027.2152%2042.0774Z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(6) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.1646%2012.4785V4.07852H18.8686L22.8046%209.25052V4.07852H24.6286V12.4785H23.0566L18.9886%207.13852V12.4785H17.1646ZM31.3251%2012.6225C28.7331%2012.6225%2026.8731%2010.6905%2026.8731%208.30252V8.27852C26.8731%205.89052%2028.7571%203.93452%2031.3491%203.93452C33.9411%203.93452%2035.8011%205.86652%2035.8011%208.25452V8.27852C35.8011%2010.6665%2033.9171%2012.6225%2031.3251%2012.6225ZM31.3491%2010.9185C32.8371%2010.9185%2033.8691%209.74252%2033.8691%208.30252V8.27852C33.8691%206.83852%2032.8131%205.63851%2031.3251%205.63851C29.8371%205.63851%2028.8051%206.81452%2028.8051%208.25452V8.27852C28.8051%209.71852%2029.8611%2010.9185%2031.3491%2010.9185ZM37.2959%2012.4785V10.5585H39.2399V12.4785H37.2959Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M27.7876%2042.0774C24.8756%2042.0774%2022.8916%2041.2454%2021.3236%2039.6774C19.6916%2038.0454%2018.6676%2035.6454%2018.6676%2031.1974V31.1334C18.6676%2024.2214%2021.8036%2018.9094%2028.4916%2018.9094C31.5316%2018.9094%2033.5156%2019.8054%2035.4996%2021.3734L32.9076%2025.1814C31.4356%2024.0614%2030.2516%2023.3894%2028.3316%2023.3894C24.9716%2023.3894%2023.9796%2026.6214%2023.8196%2028.5734C25.0036%2027.7734%2026.4116%2027.1334%2028.4596%2027.1334C32.9076%2027.1334%2036.3316%2029.5974%2036.3316%2034.2694V34.3334C36.3316%2038.9094%2032.6516%2042.0774%2027.7876%2042.0774ZM27.5956%2037.8534C30.0276%2037.8534%2031.4356%2036.4774%2031.4356%2034.5574V34.4934C31.4356%2032.6054%2029.9636%2031.2294%2027.5316%2031.2294C25.0996%2031.2294%2023.6916%2032.5734%2023.6916%2034.4614V34.5254C23.6916%2036.4134%2025.1636%2037.8534%2027.5956%2037.8534Z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(7) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.1646%2012.4785V4.07852H18.8686L22.8046%209.25052V4.07852H24.6286V12.4785H23.0566L18.9886%207.13852V12.4785H17.1646ZM31.3251%2012.6225C28.7331%2012.6225%2026.8731%2010.6905%2026.8731%208.30252V8.27852C26.8731%205.89052%2028.7571%203.93452%2031.3491%203.93452C33.9411%203.93452%2035.8011%205.86652%2035.8011%208.25452V8.27852C35.8011%2010.6665%2033.9171%2012.6225%2031.3251%2012.6225ZM31.3491%2010.9185C32.8371%2010.9185%2033.8691%209.74252%2033.8691%208.30252V8.27852C33.8691%206.83852%2032.8131%205.63851%2031.3251%205.63851C29.8371%205.63851%2028.8051%206.81452%2028.8051%208.25452V8.27852C28.8051%209.71852%2029.8611%2010.9185%2031.3491%2010.9185ZM37.2959%2012.4785V10.5585H39.2399V12.4785H37.2959Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M20.3151%2041.6934L30.3311%2023.5494H19.8031V19.2934H35.9311V23.0054L25.8831%2041.6934H20.3151Z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(8) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.1646%2012.4785V4.07852H18.8686L22.8046%209.25052V4.07852H24.6286V12.4785H23.0566L18.9886%207.13852V12.4785H17.1646ZM31.3251%2012.6225C28.7331%2012.6225%2026.8731%2010.6905%2026.8731%208.30252V8.27852C26.8731%205.89052%2028.7571%203.93452%2031.3491%203.93452C33.9411%203.93452%2035.8011%205.86652%2035.8011%208.25452V8.27852C35.8011%2010.6665%2033.9171%2012.6225%2031.3251%2012.6225ZM31.3491%2010.9185C32.8371%2010.9185%2033.8691%209.74252%2033.8691%208.30252V8.27852C33.8691%206.83852%2032.8131%205.63851%2031.3251%205.63851C29.8371%205.63851%2028.8051%206.81452%2028.8051%208.25452V8.27852C28.8051%209.71852%2029.8611%2010.9185%2031.3491%2010.9185ZM37.2959%2012.4785V10.5585H39.2399V12.4785H37.2959Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M27.5352%2042.0134C22.5752%2042.0134%2018.8952%2039.4534%2018.8952%2035.5494V35.4854C18.8952%2032.7654%2020.1432%2031.1654%2022.5112%2030.0774C20.7832%2029.0214%2019.6632%2027.5814%2019.6632%2025.1814V25.1174C19.6632%2021.6934%2022.7992%2018.9734%2027.5352%2018.9734C32.2712%2018.9734%2035.4072%2021.6614%2035.4072%2025.1174V25.1184C35.4072%2027.5814%2034.2872%2029.0214%2032.5592%2030.0774C34.8312%2031.2614%2036.1752%2032.7014%2036.1752%2035.3574V35.4214C36.1752%2039.5814%2032.4952%2042.0134%2027.5352%2042.0134ZM27.5352%2028.4454C29.4872%2028.4454%2030.7352%2027.2934%2030.7352%2025.7254V25.6614C30.7352%2024.2854%2029.5512%2023.0374%2027.5352%2023.0374C25.5192%2023.0374%2024.3352%2024.2534%2024.3352%2025.6294V25.6934C24.3352%2027.2614%2025.5832%2028.4454%2027.5352%2028.4454ZM27.5352%2037.9494C29.9672%2037.9494%2031.4072%2036.7334%2031.4072%2035.1654V35.1014C31.4072%2033.3734%2029.7752%2032.3494%2027.5352%2032.3494C25.2952%2032.3494%2023.6632%2033.3734%2023.6632%2035.1014V35.1654C23.6632%2036.7014%2025.1032%2037.9494%2027.5352%2037.9494Z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(9) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.1646%2012.4785V4.07852H18.8686L22.8046%209.25052V4.07852H24.6286V12.4785H23.0566L18.9886%207.13852V12.4785H17.1646ZM31.3251%2012.6225C28.7331%2012.6225%2026.8731%2010.6905%2026.8731%208.30252V8.27852C26.8731%205.89052%2028.7571%203.93452%2031.3491%203.93452C33.9411%203.93452%2035.8011%205.86652%2035.8011%208.25452V8.27852C35.8011%2010.6665%2033.9171%2012.6225%2031.3251%2012.6225ZM31.3491%2010.9185C32.8371%2010.9185%2033.8691%209.74252%2033.8691%208.30252V8.27852C33.8691%206.83852%2032.8131%205.63851%2031.3251%205.63851C29.8371%205.63851%2028.8051%206.81452%2028.8051%208.25452V8.27852C28.8051%209.71852%2029.8611%2010.9185%2031.3491%2010.9185ZM37.2959%2012.4785V10.5585H39.2399V12.4785H37.2959Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M26.7316%2037.5974C30.1236%2037.5974%2031.0836%2034.4294%2031.2756%2032.5094C30.1236%2033.4694%2028.6516%2034.0454%2026.7316%2034.0454C21.8676%2034.0454%2018.7316%2031.3574%2018.7316%2026.8134V26.7494C18.7316%2022.2374%2022.2196%2018.9094%2027.2756%2018.9094C30.2836%2018.9094%2032.0436%2019.6454%2033.7396%2021.3414C35.3396%2022.9414%2036.3956%2025.3734%2036.3956%2029.7894V29.8534C36.3956%2037.1174%2032.9716%2042.0774%2026.6036%2042.0774C23.3396%2042.0774%2021.1316%2040.9894%2019.2436%2039.4214L21.8356%2035.6774C23.4676%2036.9894%2024.8436%2037.5974%2026.7316%2037.5974ZM27.5316%2029.9494C29.9636%2029.9494%2031.3716%2028.5414%2031.3716%2026.6214V26.5574C31.3716%2024.5734%2029.8996%2023.1334%2027.4356%2023.1334C25.0036%2023.1334%2023.6276%2024.5414%2023.6276%2026.5254V26.5894C23.6276%2028.5734%2025.0996%2029.9494%2027.5316%2029.9494Z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .c-product-content__wrapper > *:nth-child(10) .c-box::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.1646%2012.4785V4.07852H18.8686L22.8046%209.25052V4.07852H24.6286V12.4785H23.0566L18.9886%207.13852V12.4785H17.1646ZM31.3251%2012.6225C28.7331%2012.6225%2026.8731%2010.6905%2026.8731%208.30252V8.27852C26.8731%205.89052%2028.7571%203.93452%2031.3491%203.93452C33.9411%203.93452%2035.8011%205.86652%2035.8011%208.25452V8.27852C35.8011%2010.6665%2033.9171%2012.6225%2031.3251%2012.6225ZM31.3491%2010.9185C32.8371%2010.9185%2033.8691%209.74252%2033.8691%208.30252V8.27852C33.8691%206.83852%2032.8131%205.63851%2031.3251%205.63851C29.8371%205.63851%2028.8051%206.81452%2028.8051%208.25452V8.27852C28.8051%209.71852%2029.8611%2010.9185%2031.3491%2010.9185ZM37.2959%2012.4785V10.5585H39.2399V12.4785H37.2959Z%22%20fill%3D%22%23231815%22%2F%3E%3Cpath%20d%3D%22M13.9585%2042V24.432L10.0545%2025.392L9.0305%2021.36L15.4625%2019.44H18.8225V42H13.9585ZM35.0105%2042.384C29.0265%2042.384%2025.0905%2037.36%2025.0905%2030.864V30.8C25.0905%2024.304%2029.1225%2019.216%2035.0745%2019.216C40.9945%2019.216%2044.9945%2024.24%2044.9945%2030.736V30.8C44.9945%2037.296%2040.9945%2042.384%2035.0105%2042.384ZM35.0745%2037.936C38.0505%2037.936%2039.9385%2034.928%2039.9385%2030.864V30.8C39.9385%2026.736%2037.9545%2023.664%2035.0105%2023.664C32.0665%2023.664%2030.1465%2026.64%2030.1465%2030.736V30.8C30.1465%2034.896%2032.0985%2037.936%2035.0745%2037.936Z%22%20fill%3D%22%23595757%22%2F%3E%3C%2Fsvg%3E");
  }

  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) .c-box {
    /* height: calc(842*(100vw / 750)); */
    height: calc(800 * (100vw / 750));
  }
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .c-box,
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) .c-box {
    height: calc(656 * (100vw / 750));
  }
  [data-section-id=ranking] .c-product-content__wrapper > * .c-box::after {
    --width: calc(112*(100vw / 750));
    top: calc(-50*(100vw / 750));
  }

  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) .c-box::after {
    --width: calc(122*(100vw / 750));
    top: calc(-65*(100vw / 750));
  }

  [data-section-id=ranking] .gift__section-inner .c-product-content::before {
    width: calc(140 * (100vw / 750));
    height: calc(138 * (100vw / 750));
    left: calc(94 * (100vw / 750));
    top: calc(-65 * (100vw / 750));
  }
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2)::before,
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3)::before{
    width: calc(140 * (100vw / 750));
    height: calc(138 * (100vw / 750));
    left: calc(95 * (100vw / 750));
    top: calc(-80 * (100vw / 750));
  }
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1)::before {
    width: calc(146 * (100vw / 750));
    height: calc(148 * (100vw / 750));
    left: calc(142 * (100vw / 750));
    top: calc(-80 * (100vw / 750));
  }

  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1)::after {
    width: calc(112 * (100vw / 750));
    height: calc(96 * (100vw / 750));
    right: calc(120 * (100vw / 750));
    top: calc(-130 * (100vw / 750));
  }

  .c-product-content .c-box .slide_btn {
    width: calc(216*(100vw / 750));
    left: calc(15*(100vw / 750));
    bottom: calc(15*(100vw / 750));
  }

  .c-product-content .c-box .favoritebtn {
    width: calc(70*(100vw / 750));
    height: calc(70*(100vw / 750));
    bottom: calc(15 * (100vw / 750));
    right: calc(15 * (100vw / 750));
  }

  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .slide_btn,
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .slide_btn {
    width: calc(216*(100vw / 750));
    left: calc(15*(100vw / 750));
    bottom: calc(15*(100vw / 750));
  }

  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) .slide_btn {
    width: calc(262*(100vw / 750));
    left: calc(20 * (100vw / 750));
    bottom: calc(20 * (100vw / 750));
  }


[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .favoritebtn,
[data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) .favoritebtn {
  width: calc(70*(100vw / 750));
  height: calc(70*(100vw / 750));
  bottom: calc(15 * (100vw / 750));
  right: calc(15 * (100vw / 750));
}

  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(1) .favoritebtn {
    width: calc(88*(100vw / 750));
    height: calc(88*(100vw / 750));
    bottom: calc(10 * (100vw / 750));
    right: calc(15*(100vw / 750));
  }

  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(2) .c-box::after,
  [data-section-id=ranking] .gift__section-inner .c-product-content:nth-child(3) .c-box::after {
    --width: calc(112*(100vw / 750));
  }
}