:root{
  --container-product-detail:min(90%, var(--design-default-width, 120rem));
}
html{
  scroll-padding-top: calc(var(--height-header) + 3rem);
}

html:has(input[type="email"]:focus),
html:has(input[type="number"]:focus),
html:has(input[type="password"]:focus),
html:has(input[type="search"]:focus),
html:has(input[type="tel"]:focus),
html:has(input[type="text"]:focus),
html:has(input[type="url"]:focus) {
  scroll-padding: initial !important;
}

.l-contents__inner{
  width: 100%;
}
.product-detail__container{
  margin-inline: auto;
  width: 100%;
}
.c-breadcrumb{
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-project-border);
}
.c-breadcrumb > ol{
  padding: .5rem 1rem;
}
.productdetail .product__desc--fullwidth{
  margin-top: 4rem;
  margin-bottom: 0;
}
.c-product-information__content{
  margin-top: 2rem;
}
.c-product-information__content-detail{
  display: grid;
}
.c-product-information__content-detail--outline{
  gap: 1.4rem;
}
.c-product-information__content-detail--accessory{
  gap: 3rem;
}
.c-product-outline__heading{
  font-size: 1.5rem;
  line-height: 1.66666;
  letter-spacing: .05em;
  font-weight: var(--fw-bold);
}
.c-product-outline__heading::before{
  content: '●';
}
.c-product-outline__description{
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: .05em;
}
.c-product-accessory__heading{
  font-weight: var(--fw-bold);
}
.c-product-accessory__heading,
.c-product-accessory__list li{
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.7;
}
.c-product-accessory__list{
  display: grid;
}
.c-product-accessory__list li::before{
  content: '・';
}
.c-product-specification__paragraph + .c-product-specification__paragraph{
  margin-top: 2.5rem;
}
.c-product-specification__heading{
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--color-project-text);
  font-size: 1.6rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: .05em;
}
.c-product-specification__description-heading{
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  letter-spacing: .05em;
  line-height: 1;
}
.c-product-specification__paragraph + .c-product-specification__paragraph{
  margin-top: 2.5rem;
}
.c-product-specification__description-list{
  border: 1px solid var(--color-project-light-gray);
}
.c-product-specification__description-list > div{
  display: grid;
  grid-template-columns: 28.9855% 71.30434%;
  align-items: center;
}
.c-product-specification__description-list > div + div{
  border-top: 1px solid var(--color-project-light-gray);
}
.c-product-specification__description-list > div > dt{
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: .05em;
  font-weight: var(--fw-semibold);
  background-color: var(--color-project-bg-sub);
  border-right: 1px solid var(--color-project-light-gray);
  height: 100%;
  display: flex;
  align-items: center;
}
.c-product-specification__description-list > div > dd{
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: .05em;
}


@media screen and (min-width: 768px) {
  .productdetail__inner{
    margin-top: 6rem;
  }
  .c-breadcrumb{
    /* width: min(90%, var(--design-default-width, 120rem)); */
    margin-inline: auto;
    padding-inline: 2rem;
    background-color: var(--color-project-bg-sub);
    border-bottom: unset;
  }
  .c-breadcrumb > ol{
    padding-block: 1.2rem;
  }
  .product-detail__container{
    width: min(90%, var(--design-default-width, 120rem));
  }
  .product-detail__main-contents{
    display: grid;
    grid-template-columns: 55rem 1fr;
    gap: 5rem;
  }
  .productdetail-imagearea__inner{
    position: sticky;
    top: var(--height-header);
    z-index: 1;
  }
  .c-product-information__content{
    margin-top: 3rem;
  }
  .c-product-information__content-detail--outline{
    gap: 2rem;
  }
  .c-product-information__content-detail--accessory{
    gap: 3rem;
  }
  .c-product-outline__heading{
    font-size: 1.6rem;
  }
  .c-product-outline__description{
    margin-top: .5rem;
    font-size: 1.5rem;
  }
  .c-product-accessory__heading,
  .c-product-accessory__list li{
    font-size: 1.5rem;
  }
  .c-product-specification__heading{
    margin-bottom: 3rem;
    font-size: 2rem;
  }
  .c-product-specification__description-heading{
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
  }
  .c-product-specification__paragraph + .c-product-specification__paragraph{
    margin-top: 3rem;
  }
  .c-product-specification__description-list > div{
    grid-template-columns: 20% 80%;
  }
  .c-product-specification__description-list > div > dt{
    padding: 1.2rem 2rem;
    font-size: 1.5rem;
    text-align: center;
  }
  .c-product-specification__description-list > div > dd{
    padding: 1.2rem 2rem;
    font-size: 1.5rem;
  }

  .productdetail .product__desc--fullwidth{
    margin-top: 8rem;
  }

  .productdetail .l-content__fluid-wrapper--large{
      --design-max-width: 120rem;
      width: min(100%, calc(var(--design-max-width, 114rem) + (var(--padding-horizontal-global) * 2)));
  }
  

}
@media screen and (max-width: 767px) {

}


/* Slider */
.button-slide-expansion{
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 4rem;
  aspect-ratio: 1;
}
.splide__track--nav>.splide__list>.splide__slide.is-active{
  border: 3px solid var(--color-project-text);
}
.splide__track--nav>.splide__list>.splide__slide{
  border: 1px solid var(--color-project-border);
}

/* 共通スライダー - ボタン類 */
.main-slider,
#expansion-slider {
  --splide-scrollbar-sides-offset: 3rem;
  --splide-navigation-sides-offset: 0;
  --splide-navigation-size: 1.63rem;
}

.main-slider .splide__slide{
  padding: 2rem 4rem 1.5rem;
}

@media (min-width: 768px) {
  .main-slider,
  #expansion-slider {
    --splide-navigation-size: 2rem;
  }
  .main-slider{
    border: 1px solid var(--color-project-border);
  }
  .main-slider .splide__slide{
    padding: 5rem;
  }
  /* .main-slider .splide__slide,
  #expansion-slider .splide__slide{
    padding: 5rem;
  } */
}
.main-slider .splide__arrow,
#expansion-slider .splide__arrow {
  width: var(--splide-navigation-size);
  height: var(--splide-navigation-size);
  padding-block: 1rem;
  /* aspect-ratio: 1; */
  background-color: var(--color-text-default);
  border-radius: 0;

  color: var(--color-white);

  opacity: 1;
  box-shadow: 0 0 .6rem rgba(0, 0, 0, .3);
  transition:
    opacity var(--transition-default),
    box-shadow var(--transition-default),
    translate var(--transition-duration-short) ease,
    color var(--transition-duration-short) ease;
}

@media (prefers-reduced-motion: reduce) {
  .main-slider .splide__arrow,
  #expansion-slider .splide__arrow{
    transition: none;
  }
}

@media (min-width: 768px) {
  .main-slider .splide__arrow,
  #expansion-slider .splide__arrow{
    padding: 0;
    background-color: transparent;

    color: var(--color-text-default);

    border-radius: .2rem;
    box-shadow: none;

    transform-origin: center;
  }

  .main-slider .splide__arrow:hover,
  .main-slider .splide__arrow:focus-visible,
  #expansion-slider .splide__arrow:hover,
  #expansion-slider .splide__arrow:focus-visible {
    color: var(--color-theme, var(--color-primary));
  }

  .main-slider .splide__arrow:active,
  #expansion-slider .splide__arrow:active {
    outline: solid 2px var(--color-project-border);
  }

  .main-slider .splide__arrow--prev:hover,
  .main-slider .splide__arrow--prev:focus-visible,
  #expansion-slider .splide__arrow--prev:hover,
  #expansion-slider .splide__arrow--prev:focus-visible {
    translate: -20% 0;
  }

  .main-slider .splide__arrow--next:hover,
  .main-slider .splide__arrow--next:focus-visible,
  #expansion-slider .splide__arrow--next:hover,
  #expansion-slider .splide__arrow--next:focus-visible {
    translate: 20% 0;
  }
}

.main-slider .splide__arrow:disabled,
#expansion-slider .splide__arrow:disabled {
  box-shadow: none;
  opacity: 0;
}

.main-slider .splide__arrow--prev,
#expansion-slider .splide__arrow--prev {
  --splide-arrow-position: 1rem;
  left: var(--splide-arrow-position, 0);
}

.main-slider .splide__arrow--next,
#expansion-slider .splide__arrow--next {
  --splide-arrow-position: 1rem;
  right: var(--splide-arrow-position, 0);
}

/* @media (min-width: 768px) {
  .main-slider .splide__arrow--prev,
  .main-slider .splide__arrow--next,
  #expansion-slider .splide__arrow--prev,
  #expansion-slider .splide__arrow--next {
    --splide-arrow-position: calc(var(--splide-navigation-size) - .8rem);
  }
} */

.main-slider .splide__arrow svg,
#expansion-slider .splide__arrow svg {
  width: auto;
  height: 100%;

  transform: initial;
  fill: initial;
}
@media (max-width: 767px) {
  .main-slider .splide__arrow,
  #expansion-slider .splide__arrow{
    background-color: unset;
    padding: 0;
    color: unset;
    box-shadow: unset;
  }
}



/* Product Description */
.productdetail__descarea .product__desc--icon{
  gap: .3rem;
  margin-block:0 1.1rem;
}
.product__icon{
  padding-block: .35rem .25rem;
  padding-inline: .5rem;
  font-size: 1.1rem;
  letter-spacing: .05em;
  line-height: 1;
}
.product__icon--1 {
  --color-cicon-border: var(--color-project-accent);
  background-color: var(--color-project-accent);
  --color-cicon-text: var(--color-white);
}

.product__desc--item-data{
  margin-top: 1rem;
  display: grid;
  gap: .5rem;
}
.product__item-data{
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1.46;
  letter-spacing: 0.05em;
  color: #666666;
}
.product__item-data dt{
  display: flex;
  align-items: center;
}
.product__item-data dt::after{
  content: '：';
}
.product__desc--outline{
  padding: 1.5rem;
  border: 1px solid #999999;
}
.productdetail__descarea .product__desc--catchcopy{
  margin-top: 1.8rem;
  /* font-size: 1.5rem; */
  line-height: 1.75;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.05em;
}
.productdetail__descarea .product__desc--outline{
  margin-block: 1.6rem 0;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 1.7;
}


/* variation panel dropdown */
.product-variation--panel{
  margin-top: 2.5rem;
  display: grid;
  gap: 2rem;
}
.product-variation--drop-down{
  margin-top: 2.5rem;
}
.productdetail .variation__panel{
  margin-block: 0;
}
.productdetail .variation__panel--wrapper{
  display: grid;
  gap: .6rem;
}
.variation__panel--contents,
.variation__drop-down--contents{
  margin-top: 1rem;
}
/* .variation__panel,
.variation__drop-down{
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
} */
.variation__select--heading{
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-bold);
}
.VariationPanel{
  padding: .8rem;
  display: grid;
  grid-template-columns: 4.4rem auto;
  align-items: center;
  gap: .6rem;
}
.productdetail .cart-area--color__list-item a{
  text-decoration: unset;
  color: var(--color-project-text);
  font-size: 1.3rem;
  line-height: 1.46;
}
.productdetail .variation-panel-item__inner{
  /* padding: .8rem; */
  position: relative;
}
.productdetail .variation-panel-item__inner::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  border: solid 1px var(--color-project-light-gray);
  pointer-events: none;
  border-radius: 4px;
}
.productdetail [data-current-color="selected"] .variation-panel-item__inner::before{
  border: solid 2px #333333;
}
[data-lebel="2"] .VariationPanel,
[data-lebel="2"] .VariationPanelSelected{
  padding: 1.4rem ;
  display: flex;
  gap: .6rem;
}

.variation__drop-down--contents .c-form__input--select{
  padding: 1.425rem 3.5rem 1.425rem 1.6rem;
  width: 100%;
  border-color: #333333;
  font-size: 1.3rem;
  background-size: 1.271rem 0.804rem;
  background-position: top 50% right 1.5rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.711%22%20height%3D%228.041%22%20viewBox%3D%220%200%2012.711%208.041%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_15%22%20data-name%3D%22%E5%90%88%E4%BD%93%2015%22%20d%3D%22M-20050%2C3903.688l1.686-1.686%2C4.67%2C4.665%2C4.664-4.665%2C1.691%2C1.686-6.355%2C6.355Z%22%20transform%3D%22translate(20050.002%20-3902.002)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E')
}


@media (min-width: 768px) {
  .product-variation--drop-down{
    margin-top: 3rem;
  }
  /* .variation__panel,
  .variation__drop-down{
    display: flex;
    flex-direction: column;
    gap: 1rem;
  } */
  .variation__select--heading{
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .05em;
    font-weight: var(--fw-bold);
  }
  .productdetail .variation__panel--wrapper{
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1.2rem 1rem;
  }
  .VariationPanel{
    padding: 1rem;
    display: grid;
    grid-template-columns: 6rem auto;
    gap: 1rem;
  }
  .productdetail .cart-area--color__list-item a{
    font-size: 1.4rem;
  }

  [data-lebel="2"] .VariationPanel,
  [data-lebel="2"] .VariationPanelSelected{
    gap: 1rem;
  }

  .variation__drop-down--contents .c-form__input--select{
    padding: 1.65rem 4.5rem 1.6rem 2rem;
    font-size: 1.5rem;
    background-size: 1.228rem 0.762rem;
    background-position: top 50% right 2rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.283%22%20height%3D%227.617%22%20viewBox%3D%220%200%2012.283%207.617%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_16%22%20data-name%3D%22%E5%90%88%E4%BD%93%2016%22%20d%3D%22M-5230%2C3903.475l1.476-1.475%2C4.666%2C4.666%2C4.667-4.666%2C1.474%2C1.475-6.142%2C6.141Z%22%20transform%3D%22translate(5230%20-3902)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E')
  }

}




.product__item--guarantee {
  --color-guarantee: #0B51B3;
  --icon-guarantee: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24259%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024259%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(972%20690)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_98%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2098%22%20transform%3D%22translate(-972%20-690)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66526%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066526%22%20d%3D%22M23.141%2C3.321C23.078%2C3.315%2C17%2C2.071%2C12.826-.8a1.214%2C1.214%2C0%2C0%2C0-.688-.2H12.1a1.214%2C1.214%2C0%2C0%2C0-.688.2C7.247%2C2.071%2C1.165%2C3.315%2C1.1%2C3.321A1.13%2C1.13%2C0%2C0%2C0%2C0%2C4.383v7.465C0%2C22.022%2C11.154%2C26.5%2C11.628%2C26.686a1.36%2C1.36%2C0%2C0%2C0%2C.985%2C0c.475-.185%2C11.629-4.664%2C11.629-14.838V4.383a1.13%2C1.13%2C0%2C0%2C0-1.1-1.062m-.05%2C8.527c0%2C9.529-10.5%2C13.737-10.944%2C13.912H12.1c-.447-.175-10.944-4.383-10.944-13.912V4.383A.055.055%2C0%2C0%2C1%2C1.2%2C4.331%2C29.275%2C29.275%2C0%2C0%2C0%2C12.105.013h.028A29.286%2C29.286%2C0%2C0%2C0%2C23.045%2C4.331a.055.055%2C0%2C0%2C1%2C.046.051Z%22%20transform%3D%22translate(974.323%20692.212)%22%20fill%3D%22%230b51b3%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66526_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066526%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M12.182-1.5h.033a1.782%2C1.782%2C0%2C0%2C1%2C1.015.305c3.934%2C2.706%2C9.728%2C3.951%2C10.066%2C4.02a1.692%2C1.692%2C0%2C0%2C1%2C1.6%2C1.634v7.465c0%2C10.581-11.507%2C15.185-12%2C15.375a1.937%2C1.937%2C0%2C0%2C1-1.406%2C0C11.006%2C27.109-.5%2C22.5-.5%2C11.925V4.459A1.692%2C1.692%2C0%2C0%2C1%2C1.1%2C2.825c.335-.069%2C6.131-1.313%2C10.066-4.02A1.783%2C1.783%2C0%2C0%2C1%2C12.182-1.5ZM22.591%2C4.93A31.527%2C31.527%2C0%2C0%2C1%2C12.2.776%2C31.3%2C31.3%2C0%2C0%2C1%2C1.805%2C4.925v7c0%2C8.567%2C8.938%2C12.686%2C10.393%2C13.3%2C1.455-.613%2C10.393-4.732%2C10.393-13.3Z%22%20transform%3D%22translate(974.246%20692.135)%22%20fill%3D%22%230b51b3%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66502%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066502%22%20d%3D%22M11.87%2C16.721%2C6.7%2C11.985l1.334-1.222%2C3.835%2C3.513L18.7%2C8.01l1.335%2C1.221Z%22%20transform%3D%22translate(973.785%20692.798)%22%20fill%3D%22%230b51b3%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66502_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066502%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M11.927%2C17.165l-5.6-5.128%2C1.761-1.613%2C3.835%2C3.513%2C6.829-6.266%2C1.763%2C1.612ZM7.184%2C12.037l4.743%2C4.345%2C7.736-7.1-.908-.83L11.926%2C14.72%2C8.091%2C11.207Z%22%20transform%3D%22translate(973.728%20692.746)%22%20fill%3D%22%230b51b3%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.product__item--guarantee .guarantee__head {
  visibility: hidden;
}
.product__item--guarantee .guarantee__head[data-giarantee-id="0"]{
  margin-block: 2.5rem 1rem;
  visibility: visible;
}
.guarantee__head{
  display: flex;
  flex-direction: column;
  gap: .5ch 2ch;
}
.guarantee__heading{
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
  line-height: 1.3;
}
.guarantee__head--notice{
  font-size: 1.1rem;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
.product__item--guarantee .guarantee__contents--list {
  display: grid;
  grid-gap: 0.6rem;
}
@media screen and (min-width: 768px) {
  .product__item--guarantee .guarantee__contents--list {
    grid-template-columns: repeat(2, calc((100% - 0.8rem) / 2));
    grid-gap: 0.8rem;
  }
  
  .product__item--guarantee .guarantee__head[data-giarantee-id="0"]{
    margin-block: 3rem 1rem;
    flex-direction: row;
    align-items: baseline;
  }
  .guarantee__heading{
    font-size: 1.6rem;
  }
  .guarantee__head--notice{
    font-size: 1.2rem;
  }
}
.product__item--guarantee .guarantee__contents--list-item {
  border: 1px solid var(--color-guarantee);
  padding: 0.7rem 1.2rem;
  font-size: 1.2rem;
  line-height: 1.6;
  color: var(--color-guarantee);
  letter-spacing: 0.05em;
  justify-content: space-between;
  align-items: center;
  display: grid;
  gap: 1rem;
  grid-template-columns: 2.4rem 1fr 7.2rem;
}
.product__item--guarantee .guarantee__contents--list-item::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  background-image: var(--icon-guarantee);
  background-repeat: no-repeat;
  background-size: contain;
}
.product__item--guarantee .guideline__contents--heading {
  font-weight: var(--fw-bold);
  font-size: 1.2rem;
  line-height: 1;
}
.product__item--guarantee .guideline__contents--heading .guideline__contents--year {
  font-size: 1.5rem;
}
.product__item--guarantee .guideline__contents--annotation {
  display: block;
  font-size: 1rem;
  font-weight: var(--fw-regular);
  margin-top: 0.3rem;
}
.product__item--guarantee .guideline__contents--trigger {
  display: flex;
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  align-items: center;
  gap: 0.4rem;
  border-bottom: 1px solid var(--color-guarantee);
  font-weight: var(--fw-medium);
}
.product__item--guarantee .guideline__contents--trigger::after {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  display: block;
  background-image: var(--asset-link-overlay-blue);
  background-repeat: no-repeat;
  background-size: contain;
}
.product__item--guarantee .guideline-guarantee__title {
  font-size: 1.8rem;
}
.product__item--guarantee .guideline-guarantee__description .guarantee__description__section {
  letter-spacing: 0.05em;
}
.product__item--guarantee .guideline-guarantee__description .guarantee__description--paragraph {
  font-size: 1.3rem;
  line-height: 1.7;
  color: var(--color-text-default);
}
.product__item--guarantee .guideline-guarantee__description .guarantee__description--paragraph a {
  font-size: inherit;
  color: var(--color-primary);
  text-decoration-line: underline;
}
.product__item--guarantee .guideline-guarantee__description .guarantee__description--paragraph + .guarantee__description--paragraph {
  margin-top: 1rem;
}
.product__item--guarantee .guideline-guarantee__description .guarantee__description--annotation {
  font-size: 1.3rem;
  color: var(--color-primary);
  margin-top: 0.5rem;
}
.product__item--guarantee .guideline-guarantee__description .guarantee__description--heading {
  font-size: 1.5rem;
  font-weight: var(--fw-semibold);
  margin-top: 2rem;
  margin-bottom: 1rem;}
.product__item--guarantee .guideline-guarantee__description .guarantee__description--list, .product__item--guarantee .guideline-guarantee__description .guarantee__description--list ul {
  display: grid;
  grid-gap: 0.7rem;
  margin-bottom: 1rem;
}
.product__item--guarantee .guideline-guarantee__description .guarantee__description--list li {
  font-size: 1.3rem;
  line-height: 1.7;
  color: var(--color-text-default);
}
.product__item--guarantee .guideline-guarantee__description .guarantee__description .list-circle li::before {
  content: "";
  background: var(--color-text-default);
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  position: relative;
  margin-right: 6px;
  border-radius: 50%;
  top: -0.2rem;
}

/* 金額 */
.productdetail__descarea .product__desc--price .product__price--numeric{
  font-size: 3rem;
}
.productdetail__descarea .product__desc--price .product__price--proper .product__price--numeric{
  font-size: 2rem;
}
.productdetail__descarea .product__desc--price .product__price--tax{
  font-size: 1.3rem;
}
.productdetail__descarea .product__desc--price .product__price--proper .product__price--tax{
  font-size: 1rem;
}
.product-main-price{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.c-text-shipping-free{
  font-weight: var(--fw-bold);
  color: var(--color-project-accent);
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 1.5rem;
  display: none;
}
.visible-message .c-text-shipping-free{
  display: block;
}
del.product__price--proper{
  text-decoration: none;
}
.product__price--discountrate:not(:empty) {
  padding: .2rem .4rem;
  font-size: 1.3rem;
}
.l-section--appeal .product__price--discountrate:not(:empty){
  padding: .2rem .2rem .1rem;
  font-size: 1.1rem;
}
.productdetail:has(#section-history) .product__price--discountrate:not(:empty){
  padding: .15rem .2rem .05rem;
  font-size: 1rem;
}

@media screen and (min-width: 768px) {

  .productdetail__descarea .product__desc--price .product__price--numeric{
    font-size: 3.2rem;
  }
  .productdetail__descarea .product__desc--price .product__price--tax{
    font-size: 1.4rem;
  }
  .product__price--discountrate:not(:empty) {
    padding: .4rem .5rem .2rem;
    font-size: 1.6rem;
  }
  .l-section--appeal .product__price--discountrate:not(:empty){
    padding: .15rem .2rem .05rem;
    font-size: 1.2rem;
  }
  .productdetail:has(#section-history) .product__price--discountrate:not(:empty){
    padding: .25rem .2rem .15rem;
    font-size: 1.1rem;
  }

}

.c-message--members{
  margin-top: 1.3rem;
  display: grid;
  gap: .4rem;
}
.c-message--members *{
  color: var(--color-project-accent);
  font-size: 1.2rem;
  letter-spacing: .05em;
  line-height: 1.5;
  font-weight: var(--fw-medium);
}
.c-message--members a{
  display: flex;
  align-items: center;
  gap: .74rem;
  width: fit-content;
  position: relative;
  text-decoration: unset;
  padding-bottom: 2px;
}
.c-message--members a::after{
  content: '';
  width: .639rem;
  height: 1.028rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.394%22%20height%3D%2210.283%22%20viewBox%3D%220%200%206.394%2010.283%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22006%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022006%22%20transform%3D%22translate(-185.359%20-1741.803)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4837%22%20data-name%3D%22%E3%83%91%E3%82%B9%204837%22%20d%3D%22M5%2C3.889%2C8.889%2C0%2C10%2C1.111l-5%2C5-5-5L1.111%2C0Z%22%20transform%3D%22translate(185.5%201751.944)%20rotate(-90)%22%20fill%3D%22%23cf122e%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4837_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%204837%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M5%2C6.253-.141%2C1.111%2C1.111-.141%2C5%2C3.747%2C8.889-.141l1.253%2C1.253ZM.141%2C1.111%2C5%2C5.97%2C9.859%2C1.111l-.97-.97L5%2C4.03%2C1.111.141Z%22%20transform%3D%22translate(185.5%201751.944)%20rotate(-90)%22%20fill%3D%22%23cf122e%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-message--members a::before{
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--color-project-accent);
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-message--members{
    margin-top: 2rem;
    gap: .5rem;
  }
  .c-message--members *{
    font-size: 1.4rem;
  }
  .c-message--members a{
    gap: .77rem;
    padding-bottom: 2px;
  }
  .c-message--members a::after{
    width: .611rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.394%22%20height%3D%2210.283%22%20viewBox%3D%220%200%206.394%2010.283%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22006%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022006%22%20transform%3D%22translate(-185.359%20-1741.803)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4837%22%20data-name%3D%22%E3%83%91%E3%82%B9%204837%22%20d%3D%22M5%2C3.889%2C8.889%2C0%2C10%2C1.111l-5%2C5-5-5L1.111%2C0Z%22%20transform%3D%22translate(185.5%201751.944)%20rotate(-90)%22%20fill%3D%22%23cf122e%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4837_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%204837%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M5%2C6.253-.141%2C1.111%2C1.111-.141%2C5%2C3.747%2C8.889-.141l1.253%2C1.253ZM.141%2C1.111%2C5%2C5.97%2C9.859%2C1.111l-.97-.97L5%2C4.03%2C1.111.141Z%22%20transform%3D%22translate(185.5%201751.944)%20rotate(-90)%22%20fill%3D%22%23cf122e%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
  }
}


.c-button{
  padding-block: 1.3rem 1.2rem;
  padding-inline: 1rem;
}
.c-button__soldout,
.c-button__comingsoon{
  font-size: 1.8rem;
  background-color: var(--color-project-border);
  font-weight: var(--fw-bold);
  color: #666666;
  border-radius: unset;
  border: 1px solid var(--color-project-border);
}
.productdetail:has(.c-button__soldout) .c-product-detail__status--count-form,
.productdetail:has(.c-button--hidden-amount-form) .c-product-detail__status--count-form{
  display: none;
}
.productdetail:has(.c-button--hidden-amount-form) .c-button__soldout,
.productdetail:has(.c-button--hidden-amount-form) .c-button__comingsoon{
  display: none;
}

@media screen and (min-width: 768px) {
  .c-button{
    padding-block: 1.45rem 1.35rem;
    padding-inline: 1rem;
  }
  .c-button__soldout,
  .c-button__comingsoon{
    font-size: 2rem;
  }
}

.c-productPoint{
  margin-top: .5rem;
  display: flex;
  align-items: center;
  gap: .36rem;
}
.c-productPoint::before{
  content: '';
  width: 1.6rem;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22004%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022004%22%20transform%3D%22translate(-961%20-837)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66574%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066574%22%20d%3D%22M8%2C1a7%2C7%2C0%2C1%2C0%2C7%2C7A7.008%2C7.008%2C0%2C0%2C0%2C8%2C1M8%2C0A8%2C8%2C0%2C1%2C1%2C0%2C8%2C8%2C8%2C0%2C0%2C1%2C8%2C0Z%22%20transform%3D%22translate(961%20837)%22%20fill%3D%22%23cf122e%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66573%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066573%22%20d%3D%22M-1.125-2.5V0H-2.59V-7.109H.183a3.209%2C3.209%2C0%2C0%2C1%2C1.409.293%2C2.159%2C2.159%2C0%2C0%2C1%2C.935.833%2C2.321%2C2.321%2C0%2C0%2C1%2C.327%2C1.228%2C2.041%2C2.041%2C0%2C0%2C1-.715%2C1.648%2C2.979%2C2.979%2C0%2C0%2C1-1.98.6Zm0-1.187H.183a1.287%2C1.287%2C0%2C0%2C0%2C.886-.273%2C1%2C1%2C0%2C0%2C0%2C.305-.781%2C1.173%2C1.173%2C0%2C0%2C0-.308-.845%2C1.149%2C1.149%2C0%2C0%2C0-.85-.332H-1.125Z%22%20transform%3D%22translate(969.5%20849)%22%20fill%3D%22%23cf122e%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-productPoint__inner{
  display: flex;
  align-items: center;
}

.c-productPoint__heading{
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
}
.c-productPoint__heading::after{
  content: '：';
}
.c-productPoint__detail{
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: var(--fw-bold);
}
.c-productPoint__detail span{
  font-size: 1.2rem;
}
.c-product-detail__status{
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
}
.c-product-detail__status--stock,
.c-product-detail__status--count{
  width: calc(50% - .75rem);
}
.c-product-detail__status--count{
  margin-inline: auto 0;
  line-height: 1;
}
.product__count--waiting{
  font-size: 1.5rem;
  text-align: right;
  font-weight: var(--fw-bold);
}
.productdetail__buyarea .product__count{
  margin-block: 0;
  grid-template-columns: max-content 10rem;
  gap: 1rem;
  justify-content: flex-end;
}

.product__count--text{
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .05em;
}
.productdetail__buyarea .product__count .c-form__input--text{
  width: 100%;
  border-color: #666666;
  border-radius: 4px;
}
.c-product-detail__status--button-list{
  width: 100%;
}
.c-product-detail__status--button-list .c-button{
  min-width: 100%;
}
.c-cta-button{
  padding-block: 1.8rem 1.6rem;
  display: grid;
  grid-template-columns: 2.4rem auto;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
  border-radius: 4px;
}
.c-product-detail__status--count .c-form__input--text{
  padding: .65rem 1.5rem;
  text-align: center;
  font-size: 2rem;
  font-weight: var(--fw-bold);
}

@media screen and (min-width: 768px) {

  .c-productPoint{
    margin-top: .8rem;
    gap: .46rem;
  }
  .c-productPoint::before{
    width: 1.8rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22005%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022005%22%20transform%3D%22translate(-961%20-809)%22%3E%20%3Cpath%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_259%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20259%22%20d%3D%22M9%2C1a8%2C8%2C0%2C1%2C0%2C8%2C8A8.009%2C8.009%2C0%2C0%2C0%2C9%2C1M9%2C0A9%2C9%2C0%2C1%2C1%2C0%2C9%2C9%2C9%2C0%2C0%2C1%2C9%2C0Z%22%20transform%3D%22translate(961%20809)%22%20fill%3D%22%23cf122e%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66574%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066574%22%20d%3D%22M-1.238-2.755V0H-2.849V-7.82H.2a3.53%2C3.53%2C0%2C0%2C1%2C1.55.322%2C2.375%2C2.375%2C0%2C0%2C1%2C1.029.916%2C2.553%2C2.553%2C0%2C0%2C1%2C.36%2C1.351%2C2.245%2C2.245%2C0%2C0%2C1-.787%2C1.813%2C3.277%2C3.277%2C0%2C0%2C1-2.178.663Zm0-1.305H.2a1.415%2C1.415%2C0%2C0%2C0%2C.975-.3%2C1.094%2C1.094%2C0%2C0%2C0%2C.336-.859%2C1.29%2C1.29%2C0%2C0%2C0-.338-.929%2C1.264%2C1.264%2C0%2C0%2C0-.935-.365H-1.238Z%22%20transform%3D%22translate(970.5%20822)%22%20fill%3D%22%23cf122e%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
  }

  .c-productPoint__heading,
  .c-productPoint__detail span{
    font-size: 1.3rem;
  }
  .c-productPoint__detail{
    font-size: 1.5rem;
  }


  .c-product-detail__status{
    margin-top: 3rem;
    gap: 3rem 1.66666%;
  }
  .c-product-detail__status--stock{
    width: 100%;
  }
  .c-product-detail__status--count{
    margin-inline: 0 auto;
    width: 31.6666%;
    text-align: left;
  }
  .productdetail__buyarea .product__count{
    margin-block: 0;
    /* grid-template-columns:auto 79.47368%; */
    display: flex;
    gap: .8rem;
    justify-content: flex-start;
  }
  
  .product__count--text{
    font-size: 1.5rem;
    flex-shrink: 0;
  }
  .productdetail__buyarea .product__count .c-form__input--text{
    padding-block: .975rem;
  }

  .product__count--waiting{
    text-align: left;
  }

  .c-product-detail__status--button-list{
    max-width: 40rem;
    width: 66.66666%;
  }
  .c-product-detail__status--button-list:has(.c-button__soldout),
  .c-product-detail__status--button-list:has(.c-button__comingsoon){
    max-width: 100%;
    width: 100%;
  }
  .c-product-detail__status--count .c-form__input--text{
    font-size: 2.5rem;
  }
  

}

.c-text-rimaind-finish span{
  margin-top: 1rem;
  display: grid;
  place-content: center;
  color: var(--color-project-accent);
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-bold);
}
.product-arrivalmail{
  margin-top: 1.5rem;
  background-color: var(--color-project-bg-sub);
}
.product-arrivalmail__inner{
  padding: 2rem;
}
.product-arrivalmail--registcomplete{
  margin-top: 1.5rem;
  padding: 1rem;
  display: grid;
  place-content: center;
  width: 100%;
  color: var(--color-project-accent);
  text-align: center;
  letter-spacing: .05em;
  font-weight: var(--fw-bold);
  border: 1px solid var(--color-project-accent);
}
.product-arrivalmail__message p{
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: .05em;
}

fieldset {
  display: block;
  min-inline-size: unset;
  margin-inline: unset;
  border-width: unset;
  border-style: unset;
  border-color: threedface;
  border-image: initial;
  padding-block: 0;
  padding-inline: 0;
}
.fieldset--item-remaind{
  margin-top: 1.5rem;
  width: 100%;
}
.fieldset--item-remaind__heading{
  font-size: 1.5rem;
  font-weight: var(--fw-semibold);
  line-height: 1.6;
  letter-spacing: .05em;
}
.fieldset--item-remaind__heading span{
  font-size: 1.2rem;
}

.productdetail__descarea .c-form__input--check,
.productdetail__descarea .c-form__input--radio{
  gap: .7rem;
}
.productdetail__descarea .c-form__input--check label,
.productdetail__descarea .c-form__input--radio label {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
  font-weight: var(--fw-medium);
}
.fieldset--item-remaind em{
  font-style: normal;
  padding-left: 2.5rem;
}

.productdetail__descarea .c-form__input--check input,
.productdetail__descarea .c-form__input--radio input{
  width: 1.8rem;
  height: 1.8rem;
  appearance: none;
  -webkit-appearance: none;
  align-self: center;
  background-color: var(--color-white);
  border: 1px solid var(--color-project-light-gray);
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0;
  margin: 0;
  position: relative;
}
.productdetail__descarea .c-form__input--check input:checked,
.productdetail__descarea .c-form__input--radio input:checked{
  border-color: var(--color-project-accent);
}
.productdetail__descarea .c-form__input--check input:checked::before,
.productdetail__descarea .c-form__input--radio input:checked::before {
  width: 1.174rem;
  height: .787rem;
  background-color: unset;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.742%22%20height%3D%227.865%22%20viewBox%3D%220%200%2011.742%207.865%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_14%22%20data-name%3D%22%E5%90%88%E4%BD%93%2014%22%20d%3D%22M-13190%2C3905.619l1.47-1.347%2C3.165%2C2.9%2C5.634-5.167%2C1.474%2C1.344-7.1%2C6.521Z%22%20transform%3D%22translate(13190.001%20-3902.001)%22%20fill%3D%22%23cf122e%22%2F%3E%3C%2Fsvg%3E')
}
.productdetail__descarea .c-form__input--check input[disabled="disabled"],
.productdetail__descarea .c-form__input--radio input[disabled="disabled"]{
  opacity: .5;
}
.fieldset--item-remaind__form-area{
  margin-top: 1rem;
  display: grid;
  gap: 1.5rem;
}
.c-remaind-button__area{
  padding-inline: 8.3rem;
}
.c-remaind-button{
  padding-block: 1rem .7rem;
  min-width: unset;
}



@media screen and (min-width: 768px) {
  .product-arrivalmail{
    margin-top: 2rem;
  }
  .product-arrivalmail__inner{
    padding: 2.5rem;
  }
  .product-arrivalmail__message p{
    font-size: 1.4rem;
  }
  .fieldset--item-remaind__heading{
    font-size: 1.6rem;
  }
  .fieldset--item-remaind__heading span{
    font-size: 1.4rem;
  }
  
  .productdetail__descarea .c-form__input--check,
  .productdetail__descarea .c-form__input--radio{
    gap: 1rem;
  }
  .productdetail__descarea .c-form__input--check label,
  .productdetail__descarea .c-form__input--radio label {
    font-size: 1.4rem;
  }
  .fieldset--item-remaind em{
    padding-left: 3rem;
  }
  
  .productdetail__descarea .c-form__input--check input,
  .productdetail__descarea .c-form__input--radio input{
    width: 2rem;
    height: 2rem;
  }
  .productdetail__descarea .c-form__input--check input:checked::before,
  .productdetail__descarea .c-form__input--radio input:checked::before {
    width: 1.3rem;
    height: .849rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.74%22%20height%3D%229.172%22%20viewBox%3D%220%200%2013.74%209.172%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66502%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066502%22%20d%3D%22M11.741%2C16.5%2C6.7%2C11.886%2C8%2C10.694%2C11.74%2C14.12%2C18.4%2C8.01%2C19.7%2C9.2Z%22%20transform%3D%22translate(-6.33%20-7.671)%22%20fill%3D%22%23cf122e%22%20stroke%3D%22%23cf122e%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E')
  }

  .fieldset--item-remaind__form-area{
    margin-top: 1.8rem;
  }
  .c-remaind-button__area{
    padding-inline: 0;
  }
  .fieldset--item-remaind__form-area--one-line{
    display: grid;
    grid-template-columns: auto 14rem;
    gap: 1rem;
  }
  .c-remaind-button{
    padding-block: 1rem .7rem;
    padding-inline: 1rem;
    min-width: unset;
    font-size: 1.6rem;
  }

}



/* 販売開始期間 セットプロモーション */
.productdetail__descarea .product__desc--sellterm{
  width: 100%;
  margin-block: 0;
}
.productdetail__descarea .product__desc--sellterm,
.productdetail__descarea .product__desc--sellterm dt{
  display: flex;
}
.productdetail__descarea .product__desc--sellterm{
  flex-direction: column;
}
.productdetail__descarea .product__desc--sellterm dt{
  align-items: center;
  gap: .5ch;
}
.productdetail__descarea .product__desc--sellterm dt::after{
  content: ':';
}
.productdetail__descarea .product__desc--sellterm dt,
.productdetail__descarea .product__desc--sellterm dd{
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: var(--color-project-accent);
}
.productdetail__descarea .product__desc--sellterm dd{
  font-weight: var(--fw-bold);
}
.c-text-message--set-promotion{
  margin-top: 1rem;
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.4;
  font-weight: var(--fw-bold);
  color: var(--color-project-accent);
}

@media screen and (min-width: 768px) {
  .productdetail__descarea .product__desc--sellterm{
    flex-direction: row;
    gap: .5ch;
  }
  .productdetail__descarea .product__desc--sellterm dt,
  .productdetail__descarea .product__desc--sellterm dd{
    font-size: 1.6rem;
  }
  .c-text-message--set-promotion{
    margin-top: 2rem;
    font-size: 1.6rem;
  }
}


/* 付帯情報 */
.productdetail .product__option{
  margin-top: 2.5rem;
  border: unset;
  border-radius: unset;
}
.product__option .c-form__input--text::placeholder{
  color: #666666;
}

.fieldset-common__heading{
  margin-bottom: 1rem;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: .05em;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.required{
  background-color: var(--color-project-accent);
  border-radius: unset;
  font-weight: var(--fw-semibold);
  padding: 0.3rem;
  vertical-align: middle;
  width: fit-content;
  display: grid;
  place-content: center;
  flex-shrink: 0;
  font-size: 1.1rem;
}
.fieldset-common-form .c-form__input--select{
  border-color: var(--color-project-light-gray);
  background-size: 1.071rem .682rem;
  background-position: top 50% right 1.5rem;
  padding: 1rem 3.5rem 1rem 1.2rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.706%22%20height%3D%226.818%22%20viewBox%3D%220%200%2010.706%206.818%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_17%22%20data-name%3D%22%E5%90%88%E4%BD%93%2017%22%20d%3D%22M-3660%2C3903.465l1.465-1.465%2C3.889%2C3.889%2C3.888-3.889%2C1.465%2C1.465-5.353%2C5.353Z%22%20transform%3D%22translate(3659.999%20-3902)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E')
}

.productdetail__descarea .fieldset-common-form .c-form__input--check,
.productdetail__descarea .fieldset-common-form .c-form__input--radio{
  gap: 2.6rem;
}

.productdetail .product__favorite--popup{
  text-align: center;
  font-size: 1.4rem;
}
.c-form__input-item{
  display: flex;
  align-items: center;
  gap: .53rem;
  font-size: 1.3rem;
  line-height: 1.2;
  letter-spacing: .05em;
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 768px) {
  .fieldset-common__heading{
    font-size: 1.6rem;
    gap: 1.5rem;
  }
  .required{
    padding: 0.4rem 0.4rem .3rem;
  }
  .fieldset-common-form .c-form__input--select{
    background-size: 1.228rem .762rem;
    background-position: top 50% right 2rem;
    padding: 1.4rem 3.5rem 1.3rem 2rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.283%22%20height%3D%227.617%22%20viewBox%3D%220%200%2012.283%207.617%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_18%22%20data-name%3D%22%E5%90%88%E4%BD%93%2018%22%20d%3D%22M-3660%2C3903.474l1.475-1.475%2C4.667%2C4.667%2C4.667-4.667%2C1.475%2C1.475-6.142%2C6.142Z%22%20transform%3D%22translate(3660%20-3902)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E')
  }
  
  .productdetail__descarea .fieldset-common-form .c-form__input--check,
  .productdetail__descarea .fieldset-common-form .c-form__input--radio{
    gap: 3rem;
  }
  .c-form__input-item{
    gap: .6rem;
    font-size: 1.5rem;
  }
  
}


.productdetail .product__favorite--add,
.c-button--inquiry{
  padding-inline: 1rem;
  display: grid;
  grid-template-columns: 1.8rem auto;
  justify-content: center;
  gap: .6rem;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--color-project-text);
  background-color: #fff;
  height: 4.5rem;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-semibold);
  color: var(--color-project-text);
  text-decoration: unset;
}
.productdetail .product__favorite--icon,
.c-button--inquiry .c-button-icon--inquiry{
  width: 1.8rem;
}
.productdetail .product__favorite--add:has(.added){
  background-color: var(--color-project-bg-sub);
}
.productdetail .product__favorite--add:has(.added) p{
  color: #666666;
}
.productdetail .product__favorite--icon.added path{
  fill: #707070;
}

.product__stock--modal a{
  text-decoration: underline;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .05em;
  color: var(--color-project-text);
  font-weight: var(--fw-bold);
}
.product__stock-description{
  display: flex;
  align-items: center;
  gap: .5ch;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .05em;
}
.product__stock-description > dt{
  display: flex;
  align-items: center;
  gap: .5ch;
}
.product__stock-description > dt::after{
  content: '：';
}
.product__stock-description > dd{
  font-weight: var(--fw-bold);
}
.product__shipping-information{
  margin-top: 1rem;
  padding: .5rem 1rem;
  display: grid;
  grid-template-columns: 2rem auto;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  background-color: var(--color-project-bg-sub);
}
.product__shipping-information--text{
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: var(--fw-medium);
}
.c-text-red{
  color: var(--color-project-accent);
}
.c-text-numeric--bold{
  font-size: 1.4rem;
  font-family: var(--font-en);
  font-weight: var(--fw-bold);
}

.c-product__button-list{
  margin-top: 1.64rem;
  display: grid;
  gap: .8rem;
}
@media screen and (min-width: 768px) {
  .productdetail .product__favorite--add,
  .c-button--inquiry{
    gap: .53rem;
    height: 5rem;
    font-size: 1.5rem;
  }
  .c-product__button-list{
    margin-top: 2rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .product__stock-description{
    font-size: 1.6rem;
  }
  .product__shipping-information{
    margin-top: 2rem;
    padding: .8rem 1rem;
    grid-template-columns: 2.4rem auto;
    gap: 1rem;
  }
  .product__shipping-information--text{
    font-size: 1.4rem;
  }
  .product__stock--modal a,
  .c-text-numeric--bold{
    font-size: 1.6rem;
  }
  
}


/* シェアアイコン */
.c-product__share{
  margin-top: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}
.c-product__share dt{
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: .05em;
}
.c-product__share--list{
  display: flex;
  gap: 1.6rem;
}
.c-product__share--item{
  width: 3rem;
}

@media screen and (min-width: 768px) {
  .c-product__share{
    margin-top: 3rem;
    justify-content: flex-end;
  }
  .c-product__share dt{
    font-size: 1.4rem;
  }
  .c-product__share--item{
    width: 2.8rem;
  }
}
































@media screen and (min-width: 768px) {
  .productdetail__descarea .product__desc--icon{
    gap: .3rem;
    margin-block:0 1.5rem;
  }
  .productdetail__descarea .product__desc--icon{
    gap: .4rem;
  }
  .product__icon{
    padding-block: .6rem .4rem;
    padding-inline: .6rem;
    font-size: 1.2rem;
  }
  .productdetail__descarea .product__desc--catchcopy{
    margin-top: 2.3rem;
    font-size: 1.6rem;
  }
}


.productdetail__descarea .product__desc--name{
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1.45;
}

@media screen and (min-width: 768px) {
  .productdetail__descarea .product__desc--name{
    font-size: 2.2rem;
  }
}



/* Dialog */

.c-overlay__dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: min(90%, 70rem);
  max-width: none;
  height: fit-content;
  max-height: 80dvh;
  margin: auto;
  background-color: var(--color-white);
  border: none;
  border-radius: .4rem;
  overflow-y: auto;

  opacity: 0;
  transition: opacity var(--transition-default);
}
.c-overlay__dialog[data-state="active"]{
  opacity: 1;
}

.c-overlay__dialog-inner {
  position: relative;
  display: grid;
  row-gap: 1.6rem;
  padding: 2rem;
}
.c-overlay__sticky-button {
  position: sticky;
  top: 1.6rem;
  right: 0;
  display: flex;
  justify-content: flex-end;
  height: 0;
}
.c-overlay__button--close-heading {
  display: grid;
  width: 3.2rem;
  height: 3.2rem;
  padding: .25rem;
  background-color: var(--color-white);
  border: solid 1px var(--color-black);
  border-radius: 50%;
}
.c-overlay__content-wrapper {
  font-size: var(--text-m);
  letter-spacing: .025em;
  line-height: 1.5;
}

.product__item--guarantee .c-overlay__dialog::backdrop {
  background-color: rgba(17, 17, 17, 0.8);
}




.c-overlay__dialog[data-dialog="expansion-slider"]{
  width: 100%;
  max-height: 100vh;
  background-color: rgba(17,17,17,.8);
  overflow-y: hidden;
  border-radius: unset;
  height: 100%;
}
.c-overlay__dialog[data-dialog="expansion-slider"] .c-overlay__dialog-inner{
  margin-inline: auto;
  padding: 0;
  background-color: #fff;
  display: grid;
  height: 100%;
}
.expansion-slider__inner{
  display: grid;
  place-content: center;
}
.expansion__main-slider .splide__slide img{
  height: 100%;
  object-fit: contain;
}
.c-overlay__absolute-button{
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2.283rem;
  aspect-ratio: 1;
}
.expansion__main-slider--pagination{
  margin-top: 1.5rem;
  margin-inline: auto;
  padding: .6rem 1.5rem;
  display: flex;
  justify-content: center;
  font-variant-position: .5ch;
  background-color: var(--color-project-bg-sub);
  border-radius: 1.5rem;

  width: fit-content;
  font-weight: var(--fw-bold);
  font-size: 1.2rem;
  line-height: 1;
}
#js-thumbnail-slider-expansion{
  margin-top: 2.5rem;
}





@media screen and (min-width: 768px) {
  .c-overlay__dialog[data-dialog="expansion-slider"] .c-overlay__dialog-inner{
    max-width: min(62.5%,120rem);
  }
  .expansion-slider__inner{
    padding: 0 5rem;
  }
  .c-overlay__absolute-button{
    top: 3rem;
    right: 3rem;
    width: 2.683rem;
  }
  .expansion__main-slider--pagination{
    margin-top: 2rem;
    padding: .6rem 2rem;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .productdetail__imagearea #js-thumbnail-slider-expansion.thumbnail-slider{
    padding-inline: 4rem;
  }
   #expansion-slider .splide__arrow{
    --splide-navigation-size: 1.6rem;
  }
  #expansion-slider .splide__arrow--next{
    right: 1rem;
  }
  #expansion-slider .splide__arrow--prev{
    left: 1rem;
  }
}


/* Description Area */
.product-description{
  border-top: .5rem solid var(--color-project-border);
}
[ data-bg-color="black"] {
  background-color: #000000;
  color: #fff;
}
[ data-bg-color="black"] .content__heading{
  border-color: #fff;
}
[ data-bg-color="black"] .paragraph__heading::before{
  background-color: #fff;
}

.product-description__inner{
  padding: 5rem 1.5rem;
  display: grid;
  gap: 5rem;
}
.content__image-repletion{
  margin-top: 1.8rem;
}
.content__image-repletion--heading{
  font-size: 2.2rem;
  font-weight: var(--fw-bold);
  line-height: 1.45;
  letter-spacing: 0.05em;
}
.content__image-repletion--detail{
  margin-top: .8rem;
  font-size: 1.5rem;
  line-height: 1.66666;
  letter-spacing: 0.05em;
}
.content__heading{
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-project-text);
  font-size: 2rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: .05em;
}
.paragraph + .paragraph{
  margin-top: 3rem;
}
.paragraph__heading{
  display: grid;
  grid-template-columns: 1.44rem auto;
  gap: .5ch;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: .05em;
}
.paragraph__heading::before{
  margin-top: 0.8ch;
  content: '';
  width: 1.44rem;
  aspect-ratio: 1;
  background-color: var(--color-project-text);
  border-radius: 99%;
}
.paragraph__detail{
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.content__image-repletion--notes{
  margin-top: 1rem;
  font-size: 1.1rem;
  line-height: 1.9;
  letter-spacing: 0.05em;
}
.paragraph__image{
  margin-top: 2rem;
  margin-inline: auto;
  display: block;
}
[data-grid-column="2"]{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .9rem;
}
.paragraph__column{
  display: flex;
  flex-direction: column;
  gap: 2rem 4rem;
}
.paragraph__column + .paragraph__column{
  margin-top: 3rem;
}


@media screen and (min-width: 768px) {
  .product-description{
    border-top: .8rem solid var(--color-project-border);
  }
  .product-description__inner{
    margin-inline: auto;
    padding: 0;
    width: min(90%, var(--design-default-width, 120rem));
  }
  .product-description__inner{
    padding: 12rem 0;
    gap: 8rem;
  }
  .content__image-repletion{
    margin-top: 3.4rem;
  }
  .content__image-repletion--heading{
    font-size: 3rem;
  }
  .content__image-repletion--detail{
    margin-top: .4rem;
    font-size: 1.8rem;
  }
  .content__heading{
    margin-bottom: 3rem;
    padding-bottom: 1.5rem;
  }
  .paragraph + .paragraph{
    margin-top: 8rem;
  }
  .paragraph__heading{
    grid-template-columns: 1.8rem auto;
    font-size: 2rem;
  }
  .paragraph__heading::before{
    width: 1.8rem;
  }
  .paragraph__detail{
    margin-top: 2rem;
    font-size: 1.5rem;
  }
  .paragraph__notes{
    margin-top: 2rem;
    font-size: 1.2rem;
  }
  .paragraph__image{
    margin-top: 4rem;
  }
  [data-pc-image-size="80"]{
    width: min(41.6666svw,80rem);
  }
  [data-grid-column="2"]{
    gap: 1.6rem;
  }
  .paragraph__column{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: center;
  }
  .paragraph__column + .paragraph__column{
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  
  [data-direction="reverse"]{
    flex-direction: column-reverse;
  }
}

/* Information Area */
.product-information{
  border-top: .8rem solid var(--color-project-border);
}
.product-information__inner{
  padding: 5rem 1.5rem 0;
}
.c-tab-panel--product-information{
  margin-top: 3rem;
}
.c-tab-panel__tab-list--product-information{
  display: flex;
  gap: .3rem;
  position: relative;
}
.c-tab-panel__tab-list--product-information::before{
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--color-project-text);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.c-tab-panel__button--tab-product-information{
  padding: 1.6rem 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: var(--fw-medium);
  color: #666666;
  background-color: var(--color-project-bg-sub);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--color-project-text);
}
.c-tab-panel__button--tab-product-information[aria-selected="true"]{
  padding-top: 1.3rem;
  border: 1px solid var(--color-project-text);
  border-top: 4px solid var(--color-project-text);
  border-bottom: 1px solid #fff;
  background-color: #fff;
  position: relative;
  z-index: 1;
  font-weight: var(--fw-bold);
  color: var(--color-project-text);
}
[data-visible="False"],
[data-visible-content="False"]{
  display: none;
}
.tab-single .c-tab-panel__button--tab-product-information{
  padding-top: 0;
  padding-inline: 0;
  border: unset;
  background-color: unset;
  text-align: left;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .product-information__inner{
    margin-inline: auto;
    padding: 10rem 0 0;
    width: min(90%, var(--design-default-width, 120rem));
  }
  .c-tab-panel--product-information{
    margin-top: 4rem;
  }
  .c-tab-panel__tab-list--product-information{
    gap: .4rem;
  }
  .c-tab-panel__button--tab-product-information{
    padding: 1.8rem 6rem 1.4rem;
    font-size: 2rem;
  }
  .c-tab-panel__button--tab-product-information[aria-selected="true"]{
    padding-top: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .c-tab-panel__button--tab-product-information{
    width: 100%;
  }
}



/* もっと見る */
:root {
  --product-detail-max-height-sp: 25rem; /* スマートフォンでの最大高さ */
  --product-detail-max-height-pc: 50rem; /* PCでの最大高さ */
 }
 .c-product-information__content{
  position: relative;
 }

 .c-product-information__content-detail {
  overflow: hidden; /* はみ出した内容を隠す */
  /* heightではなくmax-heightを使用する */
  max-height: none; /* 初期状態は制限なし */
  transition: max-height 0.3s ease-out; /* スムーズな開閉アニメーション */
 }

 /* JSで高さ制限時に付与されるクラス */
 .c-product-information__content-detail--collapsed {
   position: relative;
 }
 .c-product-information__content-detail--collapsed::after{
  content: '';
  width: 100%;
  height: 10rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
 }

 .c-product-information__read-more {
  /* ボタンのスタイル (任意) */
  display: flex; /* ボタンを表示状態にする（JSで制御） */
  gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  cursor: pointer;
  padding-block: 0.5rem;
  border-bottom: 1px solid var(--color-project-text);
  width: fit-content;

  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  line-height: 1;

  margin-inline: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  appearance: none;
 }
 .c-product-information__read-more::after{
  content: '';
  width: 1rem;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.001%22%20height%3D%2212%22%20viewBox%3D%220%200%2012.001%2012%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_13%22%20data-name%3D%22%E5%90%88%E4%BD%93%2013%22%20d%3D%22M-1683%2C3914v-5h-5v-2h5v-5h2v5h5v2h-5v5Z%22%20transform%3D%22translate(1688%20-3902)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E')
 }

 /* フォーカス時のスタイル (アクセシビリティ配慮) */
 .c-product-information__read-more:focus {
  outline: 2px solid blue; /* または他の目立つスタイル */
  outline-offset: 2px;
 }

 @media screen and (min-width: 768px) {
  .c-product-information__read-more {
    display: flex;
    font-size: 1.6rem;
   }
   .c-product-information__read-more::after{
    width: 1.2rem;
   }
 }

 /* アップセル & クロスセル */
 .l-section--appeal,
 #dvCheckList{
  margin-top: 5rem;
 }
 .product__item-list{
    margin-inline: auto;
    padding: 0;
 }
 .product__upsell,
 .product__crosssell {
    --inner-width: 100%;
    margin-inline: auto;
    margin-block: 0;
  }
  /* .l-section--appeal .product__item--soldout {
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    top: 1rem;
    left: 1rem;
  } */
  .l-section--appeal .c-common-slider .product__item--name{
    margin-block: 0 1.2rem;
    font-size: 1.4rem;
  }
  .l-section--appeal .js-price-proper.product__price--numeric{
    font-size: 1.4rem;
  }
  .l-section--appeal .product__price--numeric,
  .l-section--appeal .js-price-discount.product__price--numeric{
    font-size: 2rem;
  }

 @media screen and (min-width: 768px) {
  .l-section--appeal,
  #dvCheckList{
    margin-top: 10rem;
   }
  .product__item-list{
    margin-inline: auto;
    /* width: min(90%, var(--design-default-width, 120rem)); */
   }
   .product__upsell,
   .product__crosssell {
    --inner-width: 100%;
    margin-block: 0;
  }
  .l-section--appeal .product__item--soldout {
    width: calc(100% - 2rem);
    height: calc(100% - 2.3rem);
    top: .8rem;
    left: 1rem;
  }
  .l-section--appeal .c-common-slider .product__item--name{
    margin-block: 0 1.2rem;
    font-size: 1.5rem;
  }
  .l-section--appeal .js-price-proper.product__price--numeric{
    font-size: 1.6rem;
  }
  .l-section--appeal .product__price--numeric,
  .l-section--appeal .js-price-discount.product__price--numeric{
    font-size: 2.2rem;
  }
  .l-section--appeal .product__price--discountrate:not(:empty){
    line-height: normal;
  }
 }






 .product__item--soldout{
  width: unset;
  height: unset;
  background-color: unset;
  display: unset;
  position: unset;
  
 }

.productdetail .product__favorite--add{
  position: static
}

.c-button-area--floating{
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-default);
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: var(--zindex-floating-element);
}

.js-active-floating-cart .c-button-area--floating{
  opacity: 1;
  pointer-events: auto;
}
.c-button-area--floating .c-cta-button{
  padding-block: 1.6rem 1.2rem;
  grid-template-columns: 2rem auto;
  gap: 1rem;
  width: 16rem;
  min-width: unset;
  padding-block: 1.1rem;
  font-size: 1.4rem;
}
 @media screen and (min-width: 768px) {
  .c-button-area--floating .c-cta-button{
    padding-block: 1.6rem 1.2rem;
    /* max-width: 25rem; */
    font-size: 1.6rem;
    width: 22rem;
  }
 }

@media (hover: hover) {
  .c-product__share--item,
  .c-cta-button {
    transition: opacity var(--transition-default);
  }
  .c-product__share--item:hover,
  .c-cta-button:hover{
    opacity: var(--hover-opacity);
  }

  .button-slide-expansion{
    cursor: pointer;
  }
  svg .c-button-circle-fill,
  .c-overlay__absolute-button .js-closeOverlayContentElm .c-rect-close path{
    transition: fill var(--transition-default);
  }
  .button-slide-expansion:hover svg .c-button-circle-fill{
    fill: var(--color-theme, var(--color-primary));
  }

  .c-overlay__absolute-button .js-closeOverlayContentElm:hover .c-rect-close path{
    fill: var(--color-theme, var(--color-primary));
  }
  .productdetail .product__favorite--add{
    transition: background-color var(--transition-default);
  }
  .productdetail .product__favorite--add p{
    transition: color var(--transition-default);
  }
  .productdetail .product__favorite--add .product__favorite--icon path{
    transition: fill var(--transition-default);
  }

  .productdetail .product__favorite--add:hover{
    background-color: var(--color-project-bg-sub);
  }
  .productdetail .product__favorite--add:hover p{
    color: #666666;
  }
  .productdetail .product__favorite--add:hover .product__favorite--icon path{
    fill: #707070;
  }


  .productdetail .product__favorite--add:hover:has(.added){
    background-color: #fff;
  }
  .productdetail .product__favorite--add:hover:has(.added) p{
    color: var(--color-project-text);
  }
  .productdetail .product__favorite--add:hover .product__favorite--icon.added .c-favorite-background path{
    fill: #333;
  }
  .productdetail .product__favorite--add:hover .product__favorite--icon.added .c-favorite-line path{
    fill: #fff;
  }

  .c-button-area--floating .c-cta-button:hover{
    opacity: .8;
  }



}


/* スクロールバーが表示されて成形しにくいので一旦非表示 */
.product__desc--detail.product__desc--detail4{
  display: none;
}