:root{
  /* 画像スライダー */
  --width-slideImage-main:100%;
  --width-slideImage-sub:4.5rem;
  --pd-slideImage-sub:0 1.5rem;
  --mt-slideImage-sub:1rem;
  --color-tsulino-default: #222222;
}
@media screen and (min-width: 768px) {
  :root {
    /* 画像スライダー */
    --width-slideImage-main:50rem;
    --width-slideImage-sub:6rem;
    --pd-slideImage-sub:0;
  }
}
/* ===============================================
  * コンテンツ幅 パンクズ *
=============================================== */
.global-contents__inner{
  width: 100%;
  padding-inline: 0;
}
.c-breadcrumb{
  background: #fff;
  margin-bottom: 0;
}
.product-detail__basewidth{
  margin: 0 auto;
  padding-inline: 1.5rem;
  width: 100%;
}
.c-breadcrumb__text{
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .product-detail__basewidth{
    padding-inline: 2rem;
    max-width: 119rem;
  }
  .c-breadcrumb > ol {
    padding-block: .95rem;
    width: var(--container-default);
    margin: auto;
    padding-right: var(--padding-horizontal-general) !important;
    padding-left: var(--padding-horizontal-general) !important;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .product-detail__basewidth{
    padding-inline: 1.5rem;
  }
  .c-breadcrumb > ol{
    width: max-content;
  }
}

/* ===============================================
  * メインコンテンツ *
=============================================== */
.productdetail__main{
  padding-block: 4rem 8rem;
  background: var(--color-bg-primary);
}
@media screen and (min-width: 768px) {
  .productdetail__main-inner{
    margin: 0 auto 8rem;
    padding-inline: 2rem;
    max-width: 119rem;
    width: 100%;
    display: grid;
    grid-template-columns: 43.47826% 52.17391%;
    gap: 0 4.34782%;
  }
  .productdetail__imagearea-inner{
    /* --header-height-total: 7.1rem; */
    --header-height-total: 15.4rem;
    position: sticky;
    top: calc(var(--header-height-total) + var(--height-ticker));
    z-index: 9;
  }
}


@media screen and (max-width: 767px) {
  .productdetail__descarea {
    margin-top: 3.5rem;
  }
}

/* ===============================================
  * メインコンテンツ スライダー *
=============================================== */
/* 画像スライダー */
.item__soldOut {
  margin: auto;
  z-index: 1;
  width: 100%;
  height: 6rem;
  background-color: rgba(116, 118, 121, 0.4);
  display: grid;
  place-content: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 2rem;
  letter-spacing: .1em;
  font-family: var(--font-en);
  font-weight: var(--fw-bold);
}

.product__image--main,
.product__image--sub {
  transition: opacity var(--transition-default);
  opacity: 0;
}

.product__image--main.swiper-initialized,
.product__image--sub.swiper-initialized {
  opacity: 1;
}

.product_mainimage {
  width: 100% !important;
  max-width: var(--width-slideImage-main);
  position: relative;
}

.product__image--sub {
  padding: var(--pd-slideImage-sub);
  margin-top: var(--mt-slideImage-sub);
}

.product_sliderimage {
  width: 100%;
}

.product_sliderimage .swiper-slide {
  width: 100% !important;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.product__image--sub.product_sliderimage .swiper-slide {
  max-width: var(--width-slideImage-sub);
  width: 100% !important;
  position: relative;
  cursor: pointer;
}

.product_sliderimage .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.2rem solid transparent;
  box-sizing: border-box;
  transition: border 0.3s;
  pointer-events: none;
}

.product_sliderimage .swiper-button-next {
  margin: 0;
  position: absolute;
  right: 0;
}

.product_sliderimage .swiper-button-prev {
  margin: 0;
  position: absolute;
  left: 0;
}
.product_mainimage .swiper-button-next,
.product_mainimage .swiper-button-prev {
  margin: 0;
  padding: 0;
  top: calc(50% - 2.5rem);
  width: 5rem;
  height: 5rem;
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(2px);
  border-radius: 4em;
}
.product_mainimage .swiper-button-prev {
  left: 1rem;
}

.product_mainimage .swiper-button-next {
  right: 1rem;
}
.product_mainimage .swiper-button-prev::after,
.product_mainimage .swiper-button-next::after {
  content: unset;
  display: none;
}

.product_sliderimage .swiper-button-next::after,
.product_sliderimage .swiper-button-prev::after {
  content: none;
}

.product_sliderimage .swiper-slide.swiper-slide-thumb-active::after {
  border: 0.2rem solid var(--color-text-default);
}

[data-wall=next] .gradientWall::after,
[data-wall=prev] .gradientWall::after {
  width: 6rem;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
  transition: all 0.2s;
  pointer-events: none;
}


.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.product_detail-wrapper .swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

[aria-disabled=true] + .gradientWall {
  display: none;
}

.swiper-button-target {
  cursor: pointer;
}

.swiper-pagination-fraction {
  margin: 0 auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 1.5rem;
  z-index: 2;
  width: 6.6rem;
  height: 2rem;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .08em;
  font-family: var(--font-en);
  font-weight: var(--fw-semibold);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 58, 96, 0.3);
  border-radius: 2em;
  pointer-events: none;
}
/* .product_mainimage .swiper-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
} */
@media screen and (min-width: 768px) {
  /* スライダー SPのみ表示 */
  .product_mainimage-zoombutton {
    display: none;
  }
  #js-product_mainimage-slider.swiper{
    overflow: visible;
  }
  /* .product_mainimage .productimg{
    width: 50rem;
    height: 50rem;
    object-fit: contain;
  } */
  .swiper-pagination-fraction {
    bottom: 1.5rem;
    width: 8rem;
    height: 3rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* .product_mainimage .productimg{
    width: 37.5rem;
    height: 37.5rem;
    object-fit: contain;
  } */
  .product_mainimage{
    padding: var(--pd-slideImage-sub);
    margin-inline: auto;
  }
  .productdetail__main{
    padding-block: 1.5rem 0;
  }

  .product_mainimage .swiper-button-prev {
    left: 2.1rem;
  }
  .product_mainimage .swiper-button-next {
    right: 2.1rem;
  }
  html.fixedHtml {
    overflow: hidden;
  }
  .productdetail__descarea{
    width: 100%;
  }
  .product_mainimage-zoombutton {
    display: block;
    position: absolute;
    z-index: 9;
    left: 1.5rem;
    bottom: 1.5rem;
    width: 4.5rem;
    height: 4.4rem;
    border-radius: 4em;
    background: rgba(44,124,205,.7);
    width: 4.5rem;
  }
}
#js-product_image-modal-slider{
  width: 100%;
  height: 100%;
}
.product_detail-modal {
  width: 100%;
  max-width: none;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  background-color: #fff;
  border: none;
  /* overflow: hidden; */
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  transition: opacity var(--transition-default);
  overflow-y: auto;
  overscroll-behavior-y: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fixedHtml .product_detail-modal{
  opacity: 1;
  visibility: visible;
}
.product_detail-modal[data-anim-status="showed"]{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.product_detail-modal-closebutton {
  width: 4rem;
  height: 4rem;
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  background: var(--color-bg-form);
  border-radius: 4em;
}
/* .product_detail-modal .swiper {
  height: calc(100% - 5rem);
} */
/* .product_detail-modal .swiper img {
  width: auto;
  height: 100%;
  aspect-ratio: auto 1/1;
  margin: auto;
} */

.product_zoommodal-bottombar {
  width: 100%;
  position: absolute;
  top: calc(50dvh + 18.75rem + 4.5rem);
}
.product_zoommodal-slidercontroller {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  height: 4.5rem;
  position: relative;
}
.product_zoommodal-slidercontroller .swiper-button-next,
.product_zoommodal-slidercontroller .swiper-button-prev,
.product_zoommodal-slidercontroller .swiper-pagination {
  width: max-content;
  height: max-content;
  position: static;
  margin: 0;
}
.product_zoommodal-slidercontroller .swiper-button-prev::after,
.product_zoommodal-slidercontroller .swiper-button-next::after {
  width: 5rem;
  height: 5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  content: "";
}
.product_zoommodal-slidercontroller .swiper-button-prev::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037%22%20width%3D%2250%22%20height%3D%2250%22%20transform%3D%22translate(-11885%20-5897)%22%20fill%3D%22rgba(255%2C0%2C0%2C0.35)%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%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_6%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%206%22%20transform%3D%22translate(11885%205897)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%E2%86%92%22%20d%3D%22M26.47%2C30.53l-6-6a.75.75%2C0%2C0%2C1%2C0-1.061l6-6L27.53%2C18.53%2C22.061%2C24l5.47%2C5.47Z%22%20transform%3D%22translate(-11883.729%20-5895.5)%22%20fill%3D%22%23143a60%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.product_zoommodal-slidercontroller .swiper-button-next::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_39%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2039%22%20width%3D%2250%22%20height%3D%2250%22%20transform%3D%22translate(-11885%20-5897)%22%20fill%3D%22rgba(255%2C0%2C0%2C0.35)%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%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_7%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%207%22%20transform%3D%22translate(-11835%20-5847)%20rotate(180)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%E2%86%92%22%20d%3D%22M26.47%2C30.53l-6-6a.75.75%2C0%2C0%2C1%2C0-1.061l6-6L27.53%2C18.53%2C22.061%2C24l5.47%2C5.47Z%22%20transform%3D%22translate(-11883.729%20-5895.5)%22%20fill%3D%22%23143a60%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.product_zoommodal-slidercontroller .swiper-pagination {
  color: #fff;
  font-size: 1.2rem;
  font-weight: var(--fw-semibold);
  letter-spacing: .08em;
  line-height: 1;
  width: 6.6rem;
  height: 2rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
/* .fixedHtml .product_detail-modal .swiper-horizontal{
  touch-action: auto;
} */
@media screen and (max-width: 767px) {
  .product_detail-modal .swiper-slide {
    display: flex;
    align-items: center;
  }
  /* .product_detail-modal .swiper img {
    width: 100%;
    height: auto;
  } */
}

/* ===============================================
  * メインコンテンツ インフォメーション *
=============================================== */
.product__cicon-list-item{
  height: 2.1rem;
  width: auto;
}
.product__cicon-list-item svg{
  width: auto;
  height: 100%;
}
.product__desc--icon + .product__desc--catchcopy{
  margin-top: 2rem;
}
.product__desc--catchcopy{
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: .08em;
  font-family: var(--fw-medium);
}
.productdetail__descarea .product__desc--name{
  margin-top: 2rem;
  font-size: 1.9rem;
  line-height: 1.5;
  letter-spacing: .08em;
  font-weight: var(--fw-medium);
}
.product__desc--supplierid{
  margin-top: 2rem;
  text-decoration: underline;
  color: var(--color-ishiguro-blue);
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: .08em;
  font-weight: var(--fw-medium);
}
.product__desc--review-anchor{
  margin-top: 1.4rem;
  display: none;
  align-items: center;
  gap: 0 .3rem;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: .08em;
  color: var(--color-text-default);
  text-decoration: unset;
}
.product__desc--review-anchor::before{
  content: '';
  width: 1.8rem;
  height: 1.4rem;
  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%2218%22%20height%3D%2214%22%20viewBox%3D%220%200%2018%2014%22%3E%20%3Cg%20id%3D%22%E3%81%B5%E3%81%8D%E3%81%A0%E3%81%97%22%20transform%3D%22translate(-945.291%20-2542.541)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2218%22%20height%3D%2214%22%20transform%3D%22translate(945.291%202542.541)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_266%22%20data-name%3D%22%E3%83%91%E3%82%B9%20266%22%20d%3D%22M14826.182%2C5850.844l-1.178-1.317h-3.223a5.493%2C5.493%2C0%2C0%2C1%2C0-10.987h5.18a5.494%2C5.494%2C0%2C0%2C1%2C1.117%2C10.874l-.086%2C1.188a.8.8%2C0%2C0%2C1-.826.768A1.284%2C1.284%2C0%2C0%2C1%2C14826.182%2C5850.844Zm-9.006-6.81a4.612%2C4.612%2C0%2C0%2C0%2C4.605%2C4.606h3.619l1.473%2C1.65a.486.486%2C0%2C0%2C0%2C.24.181l.129-1.826.357-.05a4.607%2C4.607%2C0%2C0%2C0-.639-9.169h-5.18A4.612%2C4.612%2C0%2C0%2C0%2C14817.176%2C5844.034Zm8.91-.146a.666.666%2C0%2C1%2C1%2C.666.663A.667.667%2C0%2C0%2C1%2C14826.086%2C5843.889Zm-2.377%2C0a.663.663%2C0%2C1%2C1%2C.664.663A.663.663%2C0%2C0%2C1%2C14823.709%2C5843.889Zm-2.381%2C0a.666.666%2C0%2C1%2C1%2C.666.663A.667.667%2C0%2C0%2C1%2C14821.328%2C5843.889Z%22%20transform%3D%22translate(-13870.082%20-3295.414)%22%20fill%3D%22%23333%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.product__desc--review-anchor span{
  text-decoration: underline;
}
.productdetail__inner:has(.dvReviewComment) .product__desc--review-anchor{
  display: inline-flex;
}

.product__price-detail{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem .8rem;
}
.product__price--normal .product__price-detail{
  align-items: baseline;
}
.product__price--numeric-selling{
  font-size: 2.6rem;
  font-family: var(--font-en);
  font-weight: var(--fw-semibold);
  line-height: 1;
  letter-spacing: .05em;
}
/* .product__price--discount{
  
} */
.productdetail__descarea .product__desc--price .product__price--numeric.product__price--proper{
  font-family: var(--font-en);
  font-weight: var(--fw-medium);
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: .05em;
  position: relative;
  color: var(--color-text-default);
}
.product__price--proper:after{
  width: 100%;
  height: 1px;
  background-color: var(--color-text-default);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  z-index: 2;
}
.product__price--discountrate:not(:empty){
  padding: .4rem .8rem .3rem;
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: .05em;
  color: #fff;
}
.product__price--tax{
  font-size: 1.2rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: .05em;
  color: #7B8EA0;
}
.product__desc--productPoint{
  margin-top: 2rem;
  padding: .6rem 1.5rem .8rem 2rem;
  background: #F0F6FC;
  border-radius: 4em;
  border: 1px solid #F0F6FC;
  display: inline-flex;
  align-items: center;
  gap: 0 1.6rem;
}
.product__desc--productPoint::before{
  content: '';
  width: 7px;
  height: 11.81px;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2211.807%22%20viewBox%3D%220%200%207%2011.807%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M9.325-12.252c0-1.831-.9-3.223-3.6-3.223h-3.4V-3.668h2v-5.36H5.72C8.238-9.028%2C9.325-10.325%2C9.325-12.252ZM7.3-12.271c0%2C.877-.5%2C1.431-1.64%2C1.431H4.328V-13.7H5.663C6.807-13.7%2C7.3-13.129%2C7.3-12.271Z%22%20transform%3D%22translate(-2.325%2015.475)%22%20fill%3D%22%23143a60%22%2F%3E%3C%2Fsvg%3E');
  background: var(--color-text-default);
}
[data-bland="tsulino"] .product__desc--productPoint{
  background: #fff;
  border: 1px solid var(--color-tsulino-default);
  color: var(--color-tsulino-default);
}
[data-bland="tsulino"] .product__desc--productPoint::before{
  background:var(--color-tsulino-default);
}
.product__desc--productPoint dl{
  display: flex;
  align-items: center;
  gap: 0 .5rem;
}
.product__desc--productPoint-title{
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: var(--fw-bold);
}
.product__desc--productPoint-detail{
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: var(--fw-bold);
  font-family: var(--font-en);
}

.product__desc--tag-list{
  margin-top: 2rem;
  border-block: 1px solid #CCCCCC;
}
.product__desc--tag{
  padding: 1.4rem 1rem 1.4rem 0;
  display: grid;
  grid-template-columns: 31.88405% auto;
  align-items: center;
  gap: 0 2.89855%;
}
.product__desc--tag + .product__desc--tag{
  border-top: 1px dotted #CCCCCC;
}
.product__desc--tag dt,
.product__desc--tag dd{
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: var(--fw-regular);
  letter-spacing: .08em;
  color: var(--color-text-default);
}
.product__desc--tag dt{
  display: grid;
  grid-template-columns: 2.6rem 1fr;
  align-items: center;
  gap: 0 .4rem;
}
.product__desc--tag > dt:before{
  content: '';
  width: 2.6rem;
  height: 2.6rem;
  mask-repeat: no-repeat;
  mask-size: contain;
  background: #89A4BF;
}
.product__desc--tag[data-tag-type="rank"] > dt:before{
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-879%20-651)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(879%20651)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E3%82%B9%E3%82%BF%E3%83%BC%22%20d%3D%22M41%2C37.058l2.472%2C5.267L49%2C43.169l-4%2C4.1.944%2C5.789L41%2C50.325l-4.944%2C2.733L37%2C47.269l-4-4.1%2C5.528-.845Z%22%20transform%3D%22translate(852.497%20620.442)%22%20fill%3D%22none%22%20stroke%3D%22%2389a4bf%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.product__desc--tag[data-tag-type="accessories"] > dt:before{
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_88%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2088%22%20transform%3D%22translate(8018%201913.541)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(-8018%20-1913.541)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cg%20id%3D%22%E3%82%BF%E3%82%B0%22%20transform%3D%22matrix(0.588%2C%200.809%2C%20-0.809%2C%200.588%2C%20-6826.153%2C%20-3688.281)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M7.46-.069a.625.625%2C0%2C0%2C1%2C.273.063l6.961%2C3.381a.625.625%2C0%2C0%2C1%2C.352.562v13.92a.625.625%2C0%2C0%2C1-.625.625H.5a.625.625%2C0%2C0%2C1-.625-.625V3.937a.625.625%2C0%2C0%2C1%2C.352-.562L7.187-.006A.625.625%2C0%2C0%2C1%2C7.46-.069Zm6.336%2C4.4L7.46%2C1.251%2C1.125%2C4.328v12.9H13.8Z%22%20transform%3D%22translate(748.605%201994.995)%22%20fill%3D%22%2389a4bf%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M8.305%2C7.845a1.93%2C1.93%2C0%2C1%2C1%2C1.93-1.93A1.932%2C1.932%2C0%2C0%2C1%2C8.305%2C7.845Zm0-2.61a.68.68%2C0%2C1%2C0%2C.68.68A.681.681%2C0%2C0%2C0%2C8.305%2C5.235Z%22%20transform%3D%22translate(747.761%201994.468)%22%20fill%3D%22%2389a4bf%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.product__desc--tag[data-tag-type="item-code"] > dt:before{
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_89%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2089%22%20transform%3D%22translate(7660%201853.541)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(-7660%20-1853.541)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%90%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%22%20d%3D%22M2337.428%2C987V974H2338v13ZM2332%2C987V974h2.286v13Zm-3.885%2C0V974h.914v13ZM2326%2C987V974h.572v13Zm-3.857%2C0V974h1.429v13ZM2320%2C987V974h1.143v13Z%22%20transform%3D%22translate(-9974.162%20-2818.657)%22%20fill%3D%22%2389a4bf%22%20stroke%3D%22%2389a4bf%22%20stroke-width%3D%220.3%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.product__desc--tag[data-tag-type="arrival"] > dt:before{
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_90%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2090%22%20transform%3D%22translate(7660%201801.541)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(-7660%20-1801.541)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cg%20id%3D%22%E3%82%AB%E3%83%AB%E3%83%86%22%20transform%3D%22translate(-7652.182%20-1795.025)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M31%2C4.154h1.952A.651.651%2C0%2C0%2C1%2C33.6%2C4.8v8.459%22%20transform%3D%22translate(-20.239%20-2.802)%22%20fill%3D%22none%22%20stroke%3D%22%2389a4bf%22%20stroke-width%3D%221.25%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M13.364%2C15.99v3.131a.651.651%2C0%2C0%2C1-.651.651H1.651A.651.651%2C0%2C0%2C1%2C1%2C19.121V4.8a.651.651%2C0%2C0%2C1%2C.651-.651H3.6%22%20transform%3D%22translate(0%20-2.802)%22%20fill%3D%22none%22%20stroke%3D%22%2389a4bf%22%20stroke-width%3D%221.25%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A%22%20x2%3D%226.522%22%20transform%3D%22translate(3.912%205.744)%22%20fill%3D%22none%22%20stroke%3D%22%2389a4bf%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A-2%22%20data-name%3D%22%E7%B7%9A%22%20x2%3D%226.522%22%20transform%3D%22translate(3.912%208.347)%22%20fill%3D%22none%22%20stroke%3D%22%2389a4bf%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A-3%22%20data-name%3D%22%E7%B7%9A%22%20x2%3D%226.54%22%20transform%3D%22translate(3.912%2010.95)%22%20fill%3D%22none%22%20stroke%3D%22%2389a4bf%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A-4%22%20data-name%3D%22%E7%B7%9A%22%20x2%3D%226.54%22%20transform%3D%22translate(3.912%2013.878)%22%20fill%3D%22none%22%20stroke%3D%22%2389a4bf%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%22%20width%3D%226.507%22%20height%3D%222.603%22%20rx%3D%221%22%20transform%3D%22translate(3.883)%22%20fill%3D%22none%22%20stroke%3D%22%2389a4bf%22%20stroke-width%3D%221.25%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.product__desc--tag[data-tag-type="notes"] > dt:before{
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-879%20-651)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(879%20651)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cg%20id%3D%22%E3%81%B5%E3%81%8D%E3%81%A0%E3%81%97%22%20transform%3D%22translate(875.317%20645.57)%22%3E%20%3Cpath%20id%3D%22%E7%B7%9A%22%20d%3D%22M7.551.625H0V-.625H7.551Z%22%20transform%3D%22translate(14.977%2017.19)%22%20fill%3D%22%2389a4bf%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A-2%22%20data-name%3D%22%E7%B7%9A%22%20d%3D%22M4.657.625H0V-.625H4.657Z%22%20transform%3D%22translate(14.977%2020.767)%22%20fill%3D%22%2389a4bf%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M646.257%2C440.076h12.821a2.241%2C2.241%2C0%2C0%2C1%2C2.235%2C2.25V450.6a2.241%2C2.241%2C0%2C0%2C1-2.233%2C2.247h-4.168l-1.54%2C2.685a.81.81%2C0%2C0%2C1-1.408-.005l-1.511-2.68h-4.194a2.244%2C2.244%2C0%2C0%2C1-2.235-2.25v-8.276a2.243%2C2.243%2C0%2C0%2C1%2C2.233-2.245ZM659.078%2C451.6a.991.991%2C0%2C0%2C0%2C.985-1v-8.281a.991.991%2C0%2C0%2C0-.987-1H646.261a.992.992%2C0%2C0%2C0-.987.995V450.6a.993.993%2C0%2C0%2C0%2C.987%2C1h4.232a1.182%2C1.182%2C0%2C0%2C1%2C1.028.6l1.151%2C2.042%2C1.175-2.049a1.183%2C1.183%2C0%2C0%2C1%2C1.024-.593Z%22%20transform%3D%22translate(-633.984%20-427.579)%22%20fill%3D%22%2389a4bf%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.product__desc--note{
  margin-top: 3rem;
  padding: 2.5rem;
  border: 2px solid var(--color-red);
}
.product__desc--note-title{
  font-size: 1.8rem;
  font-weight: var(--fw-bold);
  line-height: 1.2;
  letter-spacing: .1em;
  color: var(--color-red);
}
[data-icon="notice"]{
  display: grid;
  grid-template-columns: 2.295rem 1fr;
  gap: 0 1rem;
  align-items: center;
}
[data-icon="notice"]:before{
  content: '';
  width: 2.295rem;
  height: 2.011rem;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.946%22%20height%3D%2220.113%22%20viewBox%3D%220%200%2022.946%2020.113%22%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%20transform%3D%22translate(-896.527%20-823.365)%22%3E%20%3Cpath%20id%3D%22bg%22%20d%3D%22M12%2C.887a2.976%2C2.976%2C0%2C0%2C1%2C2.572%2C1.456L23.04%2C16.457A3%2C3%2C0%2C0%2C1%2C20.468%2C21H3.532A3%2C3%2C0%2C0%2C1%2C.96%2C16.457L9.428%2C2.344A2.976%2C2.976%2C0%2C0%2C1%2C12%2C.887ZM20.468%2C19a1%2C1%2C0%2C0%2C0%2C.857-1.514L12.857%2C3.373a1%2C1%2C0%2C0%2C0-1.715%2C0L2.675%2C17.486A1%2C1%2C0%2C0%2C0%2C3.532%2C19Z%22%20transform%3D%22translate(896%20822.478)%22%20fill%3D%22%23e8340c%22%2F%3E%20%3Cg%20id%3D%22_%22%20data-name%3D%22!%22%20transform%3D%22translate(907.143%20829.567)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M1.968%2C1h0a.968.968%2C0%2C0%2C1%2C.968.968V6.484A.968.968%2C0%2C0%2C1%2C1%2C6.484V1.968A.968.968%2C0%2C0%2C1%2C1.968%2C1Z%22%20transform%3D%22translate(-1%20-1)%22%20fill%3D%22%23e8340c%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%22%20cx%3D%221.129%22%20cy%3D%221.129%22%20r%3D%221.129%22%20transform%3D%22translate(0%207.628)%22%20fill%3D%22%23e8340c%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background: var(--color-red);
}
.product__desc--note-article{
  margin-top: 2rem;
  font-size: 1.5rem;
  line-height: 1.7;
  font-weight: var(--fw-medium);
  letter-spacing: .08em;
  color: var(--color-red);
}
.c-memo-accessories dt{
  font-size: 1.4rem;
  line-height: 1.4;
  display: flex;
  gap: .5rem;
}
.c-memo-accessories dt::after{
  content: ':';
}
.c-memo-accessories dd{
  font-size: 1.4rem;
  line-height: 1.4;
}

.c-accessories__list{
  display: flex;
  flex-wrap: wrap;
  gap: .3ch;
}
.c-accessories__item{
  display: flex;
  gap: .3ch;
}
.c-accessories__item::after{
  content: ',';
}
.c-accessories__item:last-child::after{
  display: none;
}
.c-memo-accessories{
  margin-top: .3rem;
  display: flex;
  gap: .5rem;
}
@media screen and (min-width: 768px) {
  .product__desc--catchcopy{
    font-size: 1.5rem;
  }
  .productdetail__descarea .product__desc--name{
    font-size: 2.5rem;
  }
  .product__price--numeric-selling{
    font-size: 2.8rem;
  }
  .product__desc--tag{
    padding: 1rem;
    grid-template-columns: 32.16666% auto;
    gap: 0 2.08333%;
  }
  .product__desc--tag dt,
  .product__desc--tag dd{
    font-size: 1.5rem;
  }
  .product__desc--tag dt{
    grid-template-columns: 3rem 1fr;
    gap: 0 1rem;
  }
  .product__desc--tag dt:before{
    width: 3rem;
    height: 3rem;
  }
  .modal__overlay {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
  }
}
@media screen and (max-width: 767px) {

}


/* ===============================================
  * メインコンテンツ パネル *
=============================================== */
.productdetail .variation__panel{
  margin-top: 4rem;
}
.productdetail .variation__panel--heading,
.productdetail .variation__dropdown--heading{
  margin-bottom: 2rem;
  padding-inline-start: 1rem;
  font-size: 1.6rem;
  color: var(--color-text-default);
  font-weight: var(--fw-bold);
  letter-spacing: .15em;
  line-height: 1;
  border-left: 4px solid var(--color-text-default);
}
.productdetail [data-bland="tsulino"] .variation__panel--heading,
.productdetail [data-bland="tsulino"] .variation__dropdown--heading{
  color: var(--color-tsulino-default);
  border-left: 4px solid var(--color-tsulino-default);
}
.productdetail .product__variation-select .c-form__input--text,
.productdetail .product__variation-select .c-form__input--select{
  color: var(--color-text-default);
}
.productdetail [data-bland="tsulino"] .product__variation-select .c-form__input--text,
.productdetail [data-bland="tsulino"] .product__variation-select .c-form__input--select{
  color: var(--color-tsulino-default);
}
.productdetail .variation__dropdown--heading{
  color: var(--color-text-default);
}
.productdetail .product__variation-select .c-form__input--select{
  background-size: 2rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_144%22%20data-name%3D%22%E3%83%91%E3%82%B9%20144%22%20d%3D%22M0%2C0%2C5%2C5%2C0%2C10%22%20transform%3D%22translate(15%207)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%230053a6%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E')
}
.productdetail [data-bland="tsulino"] .product__variation-select .c-form__input--select{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_144%22%20data-name%3D%22%E3%83%91%E3%82%B9%20144%22%20d%3D%22M0%2C0%2C5%2C5%2C0%2C10%22%20transform%3D%22translate(15%207)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E')
}
.cart-area--color__list{
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 4.34782%;
}
[data-layer="level01"] .cart-area--color__list-item{
  width: 30.43478%;
}
[data-layer="level01"] .cart-area--color__list-item .image-wrapper{
  position: relative;
}
[data-layer="level01"] .cart-area--color__list-item .image-wrapper::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  border: solid 1px var(--color-bg-form);
  pointer-events: none;
}
[data-layer="level01"] .cart-area--color__list-item[data-current-color="selected"] .image-wrapper::before{
  border:3px solid var(--color-tsulino-default);
}
[data-layer="level01"] .cart-area--color__list-item figure{
  margin: 0;
  padding: 0;
}
[data-layer="level01"] .cart-area--color__list-item *{
  text-decoration: unset;
}
[data-layer="level01"] .cart-area--color__list-item a figure figcaption{
  margin-top: 1rem;
  text-align: center;
  color: var(--color-tsulino-default);
  font-size: 1.3rem;
  letter-spacing: .1em;
  line-height: 1.3;
  font-weight: var(--fw-medium);
}

[data-layer="level02"]{
  margin-top: 4rem;
}
[data-layer="level02"] .cart-area--size__list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0 .8rem;
}
[data-layer="level02"] .cart-area--size__list a {
  text-decoration: unset;
  color: var(--color-tsulino-default);
}
[data-layer="level02"] .cart-area--size__list-item a{
    border: 2px solid #EEEEEE;
    border-radius: 4px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: .1em;
    color: var(--color-tsulino-default);
    font-weight: var(--fw-medium);
    font-family: var(--font-en);
    display: grid;
    place-content: center;
    height: 4rem;
}
[data-layer="level02"] .cart-area--size__list-item[data-button-state="selected"]:not([data-stock-state="out-stock"]) a{
  border: 2px solid var(--color-tsulino-default);
  background: var(--color-tsulino-default);
  color: #fff;
  font-weight: var(--fw-semibold);
}

[data-layer="level02"] .cart-area--size__list-item[data-stock-state="out-stock"] a{
  position: relative;
  pointer-events: none;
}
[data-layer="level02"] .cart-area--size__list-item[data-stock-state="out-stock"] a::after{
  pointer-events: none;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 2px;
  background: #EEEEEE;
  transform: skew(45deg, -18deg);
}
.productdetail__buyarea-selected-variation {
  margin-top: 3rem;
  display: grid;
  align-items: center;
  grid-template-columns: 5.6rem 1fr;
  gap: 1rem;
}
.productdetail__buyarea-selected-variation-label{
  display: flex;
  align-items: center;
  gap: 0 .2ch;
  font-size: 1.3rem;
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: .08em;
  color: var(--color-text-default);
}
.productdetail__buyarea-selected-variation-label p{
  font-size: 1.3rem;
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: .08em;
  color: var(--color-text-default);
}
.productdetail__buyarea-selected-variation-label p {
  flex-shrink: 0;
}
.productdetail__buyarea-selected-variation-label::after {
  content: '：';
}

.product__price--numeric-selling-selected{
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-semibold);
  color: var(--color-tsulino-default);
  font-family: var(--font-en);
}
.productdetail__buyarea-selected-variation-detail{
  display: flex;
  align-items: center;
}
.productdetail__buyarea-selected-variation-item{
  display: none;
}
.productdetail__buyarea-selected-variation-item[data-button-state="selected"]{
  display: flex;
}
[data-stock-state="out-stock"] .productdetail__buyarea-selected-variation-item--in-stock{
  display: none;
}
[data-stock-state="out-stock"] .productdetail__buyarea-selected-variation-item--out-stock{
  display: flex;
}
[data-stock-state="in-stock"] .productdetail__buyarea-selected-variation-item--in-stock{
  display: flex;
}
[data-stock-state="in-stock"] .productdetail__buyarea-selected-variation-item--out-stock{
  display: none;
}
.productdetail__buyarea-selected-variation-detail-inner,
.productdetail__buyarea-selected-variation-item:has([data-button-state="selected"]){
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: var(--fw-bold);
}
.productdetail__buyarea-selected-variation-detail-inner select.target__child.visible-value{
  width: 100%;
  white-space: break-spaces;
  line-height: 1.4;
}
.productdetail__buyarea-selected-variation-item-price{
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-semibold);
  font-family: var(--font-en);
}

@media screen and (min-width: 768px) {
  .productdetail .variation__panel{
    margin-top: 6rem;
  }
  .productdetail .variation__panel--heading,
  .productdetail .variation__dropdown--heading{
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
  }
  .cart-area--color__list{
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 3%;
  }
  [data-layer="level01"] .cart-area--color__list-item{
    width: 20%;
  }
  [data-layer="level02"]{
    margin-top: 3rem;
  }
  [data-layer="level02"] .cart-area--size__list{
    gap: 1rem;
  }
  [data-layer="level02"] .cart-area--size__list-item[data-stock-state="out-stock"] a::after{
    transform: skew(45deg, -12deg);
  }
  .productdetail__buyarea-selected-variation {
    grid-template-columns: 7.1rem 1fr;
  }
  .productdetail__buyarea-selected-variation-label {
    gap: 0 .5ch;
  }
  .productdetail__buyarea-selected-variation-label p{
    font-size: 1.6rem;
  }
  .productdetail__buyarea-selected-variation-detail-inner,
  .productdetail__buyarea-selected-variation-item:has([data-button-state="selected"]){
    font-size: 1.6rem;
  }
  .productdetail__buyarea-selected-variation-item-price{
    font-size: 1.8rem;
  }

}
@media screen and (max-width: 767px) {
.product__desc--tag[data-tag-type="notes"]{
  grid-template-columns: repeat(1,minmax(0,1fr));
  gap: 1rem;
}
.product__desc--tag[data-tag-type="notes"] dd{
  padding-left: 3rem;
}
}
/* ===============================================
  * メインコンテンツ ドロップダウンリスト *
=============================================== */
.target__child{
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--transition-default) .2s;
  width: 0;
  height: 0;
}
.target__child.visible-value{
  visibility: visible;
  opacity: 1;
  width: auto;
  height: auto;
}
.dummy__variation-name{
  pointer-events: none;
  border: unset;
  appearance: none;
}
.variation__dropdown-list{
  margin-top: 3rem;
  padding: 2rem;
  background: var(--color-bg-form);
}
.target__child{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: var(--fw-bold);
  color: var(--color-text-default);
}
@media screen and (min-width: 768px) {
  .variation__dropdown-list{
    padding: 3rem;
  }
  .target__child{
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {

}




/* ===============================================
  * メインコンテンツ カート投入 *
=============================================== */
.product__quantity-inner{
  margin-top: 3rem;
  display: grid;
  align-items: center;
  grid-template-columns: 5.6rem 1fr;
  gap: 1rem;
}
.product__quantity-label{
  display: flex;
  align-items: center;
  gap: 0 .7ch;
  font-size: 1.6rem;
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: .08em;
  color: var(--color-text-default);
}
.product__quantity-label p{
  font-size: 1.6rem;
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: .08em;
  color: var(--color-text-default);
  flex-shrink: 0;
}
.product__quantity-label::after{
  content: '：';
}

.product__quantity--counter {
  margin: 0;
  padding: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  font-size: 1.5rem;
  text-align: center;
  background: var(--color-bg-form);
  color: var(--color-text-default);
  border: 1px solid var(--color-bg-form);
  cursor: pointer;
  transition: border-color var(--transition-default);
}
.product__quantity--counter.inactive {
  opacity: 0.4;
  cursor: not-allowed;
}

.product__quantity--content {
  display: grid;
  align-items: center;
  grid-template-columns: 5rem 15rem 5rem;
  gap: 1rem;

  touch-action: manipulation;
}
.product__quantity--value input {
  width: 100%;
  height: 5rem;
  display: inline-block;
  outline: none;
  border: none;
  font-size: 1.7rem;
  font-family: var(--fw-medium);
  font-family: var(--font-en);
  color: var(--color-text-default);
  text-align: center;
  /* pointer-events: none; */
  border: 1px solid #CCCCCC;
  border-radius: 5px;
}

.product__cart-button-area{
  margin-top: 2.6rem;
  display: grid;
  grid-template-columns: 1fr 5.5rem;
  gap: 0 1rem;
}
.c-button-cart{
  width: 100%;
  height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: .15em;
  font-weight: var(--fw-bold);
  color: #fff;
  text-decoration: unset;
}
.c-button__primary-addcart{
  background: var(--color-red);
  border: 2px solid var(--color-red);
}
.c-button__primary-remind{
  background: #666666;
  border: 2px solid #666666;
}
.c-button__primary-soldout{
  background: #666666;
  border: 2px solid #666666;
  opacity: .4;
}
.productdetail .product__favorite--add{
  padding: 0;
  position: static;
  width: 5.5rem;
  height: 5.5rem;
  border: unset;
  border-radius: unset;
}
.productdetail .product__favorite--icon{
  width: unset;
}
.productdetail .product__favorite--icon.added path {
  fill: #FF9364;
}
.product__addcart{
  pointer-events: none;
  opacity:.5;
  transition: opacity var(--transition-default) .5s;
}
.product__addcart.button-ready{
  pointer-events: all;
  opacity: 1;
}
@media (min-width: 768px){
  .product__quantity-inner{
    grid-template-columns: 7.1rem 1fr;
  }
  .product__quantity-label{
    gap: 0 2ch;
  }
  .product__cart-button-area{
    margin-top: 3rem;
    grid-template-columns: 1fr 6rem;
  }
  .c-button-cart{
    height: 6rem;
    font-size: 2rem;
  }
  .productdetail .product__favorite--add{
    position: static;
    width: 6rem;
    height: 6rem;
    --color-favorite-accent: #E25858;
  }
}
@media (max-width: 767px) {
  .product__quantity {
    margin-top: 1.5rem;
  }
}

/* ===============================================
  * メインコンテンツ リマインダーフォーム *
=============================================== */
.product__remind-mail-form .c-form__item{
  margin-top: 1.5rem;
}
.product__remind-mail-form .c-form__input--text{
  margin-top: 1rem;
}
.product__cart-button-main p{
  text-align: center;
}
.product__remind-mail-form .c-form__input--check[disabled="disabled"]{
  opacity: .5;
}
.product__remind-mail-form .c-form__input--text{
  border: 1px solid #CCCCCC;
}
@media (min-width: 768px){
  .product__remind-mail-form .form__section--item{
    width: 100%;
  }
}
@media (max-width: 767px) {
  .product__remind-mail-form .form__changearea .c-button{
    margin-inline: auto;
    width: 14rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/* ===============================================
  * メインコンテンツ ショッピングガイド *
=============================================== */
.product-shopping-guide{
  margin-top: 4rem;
}
a.product-shopping-guide-item{
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: var(--fw-medium);
  color: var(--color-text-default);
  text-decoration: underline;
  display: grid;
  grid-template-columns: 3rem 1fr;
  align-items: center;
  gap: 0 .5rem;
  text-decoration: unset;
}
.product-shopping-guide-item::before{
  content: '';
  width: 3rem;
  height: 3rem;
  mask-repeat: no-repeat;
  mask-size: contain;
  background: var(--color-text-default);
}
[data-guide-icon="shipping"]::before { 
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-13%20-17)%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(13%2017)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cg%20id%3D%22%E6%AE%B5%E3%83%9C%E3%83%BC%E3%83%AB%22%20transform%3D%22translate(19.045%2024.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M16.591%2C21.818H1.319A.319.319%2C0%2C0%2C1%2C1%2C21.5V11H16.909V21.5A.318.318%2C0%2C0%2C1%2C16.591%2C21.818Z%22%20transform%3D%22translate(0%20-6.818)%22%20fill%3D%22none%22%20stroke%3D%22%23143a60%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M16.909%2C4.182H1L3.768%2C1.106A.32.32%2C0%2C0%2C1%2C4.006%2C1H14.517a.316.316%2C0%2C0%2C1%2C.259.135Z%22%20fill%3D%22none%22%20stroke%3D%22%23143a60%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M24.868%2C8.318H22.331a.32.32%2C0%2C0%2C1-.319-.324l.045-3.742c0-.015%2C0-.03%2C0-.045L22.326%2C1h2.545l.267%2C3.205c0%2C.015%2C0%2C.03%2C0%2C.045L25.186%2C8A.318.318%2C0%2C0%2C1%2C24.868%2C8.318Z%22%20transform%3D%22translate(-14.326)%22%20fill%3D%22none%22%20stroke%3D%22%23143a60%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
[data-guide-icon="order"]::before { 
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-13%20-17)%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(13%2017)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cg%20id%3D%22%E3%82%AB%E3%83%BC%E3%83%88%22%20transform%3D%22translate(19.456%2023.51)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%22%20cx%3D%221.248%22%20cy%3D%221.248%22%20r%3D%221.248%22%20transform%3D%22translate(12.635%2015.484)%22%20fill%3D%22%23143a60%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2-2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%22%20cx%3D%221.248%22%20cy%3D%221.248%22%20r%3D%221.248%22%20transform%3D%22translate(3.898%2015.484)%22%20fill%3D%22%23143a60%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_68%22%20data-name%3D%22%E3%83%91%E3%82%B9%2068%22%20d%3D%22M3.868%2C4.594H17.58s-.88%2C6.569-.965%2C6.57-11.577.463-11.577.463Z%22%20transform%3D%22translate(-1.493%20-1.169)%22%20fill%3D%22none%22%20stroke%3D%22%23143a60%22%20stroke-width%3D%221.25%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9%22%20d%3D%22M997.257%2C103h2.516a.936.936%2C0%2C0%2C1%2C.916.743l2.583%2C12.243a.936.936%2C0%2C0%2C0%2C.916.743h9.653M1001.661%2C106.4H1015.2c-.085%2C1.405-.651%2C5.312-.776%2C6.634l-11.526.363%22%20transform%3D%22translate(-999.257%20-103)%22%20fill%3D%22none%22%20stroke%3D%22%23143a60%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
[data-guide-icon="reservation"]::before { 
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-13%20-17)%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(13%2017)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cg%20id%3D%22shop%22%20transform%3D%22translate(16.954%2024.034)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_79%22%20data-name%3D%22%E3%83%91%E3%82%B9%2079%22%20d%3D%22M33.85%2C8.778H32.6V5.525H28.1V4.275h5.125a.625.625%2C0%2C0%2C1%2C.625.625Z%22%20transform%3D%22translate(-12.612%20-2.622)%22%20fill%3D%22%23143a60%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_80%22%20data-name%3D%22%E3%83%91%E3%82%B9%2080%22%20d%3D%22M14.756%2C17.6H.9a.625.625%2C0%2C0%2C1-.625-.625V4.9A.625.625%2C0%2C0%2C1%2C.9%2C4.275H6.024v1.25h-4.5V16.347H14.756Z%22%20transform%3D%22translate(-0.9%20-2.622)%22%20fill%3D%22%23143a60%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_81%22%20data-name%3D%22%E3%83%91%E3%82%B9%2081%22%20d%3D%22M10.525%2C15.249H9.275V.9A.625.625%2C0%2C0%2C1%2C9.9.275H20.263A.625.625%2C0%2C0%2C1%2C20.888.9V8.929h-1.25v-7.4H10.525Z%22%20transform%3D%22translate(-4.775%20-0.9)%22%20fill%3D%22%23143a60%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_7%22%20data-name%3D%22%E7%B7%9A%207%22%20d%3D%22M10.819.625H0V-.625H10.819Z%22%20transform%3D%22translate(4.897%204.897)%22%20fill%3D%22%23143a60%22%2F%3E%20%3Cpath%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_35%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2035%22%20d%3D%22M4.612-.625A5.237%2C5.237%2C0%2C1%2C1-.625%2C4.612%2C5.243%2C5.243%2C0%2C0%2C1%2C4.612-.625Zm0%2C9.225A3.987%2C3.987%2C0%2C1%2C0%2C.625%2C4.612%2C3.992%2C3.992%2C0%2C0%2C0%2C4.612%2C8.6Z%22%20transform%3D%22translate(15.375%207.972)%22%20fill%3D%22%23143a60%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_83%22%20data-name%3D%22%E3%83%91%E3%82%B9%2083%22%20d%3D%22M32.677%2C24.019l-.69-1.042%2C1.239-.82V19.621h1.25v2.872a.625.625%2C0%2C0%2C1-.28.521Z%22%20transform%3D%22translate(-13.865%20-9.53)%22%20fill%3D%22%23143a60%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_15%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2015%22%20width%3D%224.555%22%20height%3D%226.833%22%20transform%3D%22translate(8.029%208.029)%22%20fill%3D%22%23143a60%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
[data-guide-icon="contact"]::before { 
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-13%20-17)%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(13%2017)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%A1%E3%83%BC%E3%83%AB%22%20d%3D%22M14.561%2C1.439%2C8.7%2C6.409a1.066%2C1.066%2C0%2C0%2C1-1.4%2C0L.863%2C1.115A.346.346%2C0%2C0%2C1%2C1.083.5H14.59a.909.909%2C0%2C0%2C1%2C.909.909V11.865a.909.909%2C0%2C0%2C1-.909.909H1.408A.909.909%2C0%2C0%2C1%2C.5%2C11.865V5%22%20transform%3D%22translate(20.001%2024.999)%22%20fill%3D%22none%22%20stroke%3D%22%23143a60%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}

@media (min-width: 768px){
  .product-shopping-guide{
    margin-top: 3rem;
  }
  .product-shopping-guide{
    margin-top: 4rem;
    display: grid;
    grid-template-areas: 
    "shipping order"
    "reservation contact";
    grid-template-columns:auto auto;
    grid-template-rows: 1fr 1fr;
    gap: 1.4rem 3rem;
  }
  a.product-shopping-guide-item{
    font-size: 1.4rem;
    gap: 0 .6rem;
  }
  [data-guide-icon="shipping"] { 
    grid-area: "shipping"; 
  }
  [data-guide-icon="order"] { 
    grid-area: "order"; 
  }
  [data-guide-icon="reservation"] { 
    grid-area: "reservation"; 
  }
  [data-guide-icon="contact"] { 
    grid-area: "contact"; 
  }
}
@media (max-width: 767px) {
  a.product-shopping-guide-item + a.product-shopping-guide-item{
    margin-top: .5rem;
  }
}
/* ===============================================
  * ディスクリプション *
=============================================== */
.product__desc{
  padding: 3rem 1.5rem 8rem;
  background: #fff;
}
.product-description__heading{
  padding-block: 1.5rem;
  border-block: 1px solid var(--color-text-default);
  font-size: 1.8rem;
  letter-spacing: 0.15em;
  font-weight: var(--fw-bold);
  line-height: 1;
  text-align: center;
  position: relative;
}
.product-description__heading::before,
.product-description__heading::after {
  width: 1.4rem;
  height: 0.15rem;
  background: var(--color-text-default);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  z-index: 1;
}
.product-description__heading::after {
  width: 0.15rem;
  height: 1.4rem;
  transform: scaleY(1);
  top: calc(50% - .58rem);
  right: 2.1rem;
  left: unset;
  bottom: unset;
  transition: transform 0.3s;
}
[data-state-accordion="opened"] .product-description__heading::after{
  transform: scaleY(0);
}
.product__desc--detail + .product__desc--detail{
  margin-top: 5rem;
}
/*.js-accordionContent{
  margin-top: 4rem;
} */
/* .product-description__contents{
  margin-top: 4rem;
} */
.product-description__contents p{
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: .08em;
  font-weight: var(--fw-medium);
}
.product-description__contents p + img{
  margin-top: 3rem;
}

.product-description__contents-spec{
  border-bottom: 1px solid #E5E5E5;
}
.product-description__contents-spec-detail{
  display: flex;
  flex-direction: column;
  border-top: 1px solid #E5E5E5;
}
.table-container th,
.table-container td{
  border: unset;
}
.table-container{
  border: 1px solid #E5E5E5;
}
.table__title{
  background: var(--color-bg-primary);
}
.table__contents + .table__contents{
  border-top: 1px solid #E5E5E5;
}

.product-description__contents-spec-detail dt{
  padding: 1rem 2rem;
  background: var(--color-bg-form);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  letter-spacing: .08em;
  line-height:1.73333;
  width: 100%;
}

.product-description__contents-spec-detail dd{
  padding: 1rem 2rem;
  font-size: 1.5rem;
  font-weight: var(--fw-medium);
  letter-spacing: .08em;
  line-height:1.73333;
  width: 100%;
}


.product-description__note{
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.4;
  line-height: .08em;
  font-weight: var(--fw-medium);
  display: block;
}
a.product-description__note{
  text-decoration: underline;
  color: var(--color-text-default);
}

@media screen and (min-width: 768px) {
  .product__desc{
    padding:4rem 5rem 5rem;
  }
  .product-description__heading{
    padding-block: 2rem 1.85rem;
    font-size: 2rem;
    cursor: pointer;
  }
  /*.js-accordionContent{
    margin-top: 3rem;
  } */
  /* .product-description__contents{
    margin-top: 3rem;
  } */
  .product-description__contents-spec-detail{
    flex-direction: row;
  }
  .product-description__contents-spec-detail dt{
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    border-right: 1px solid #E5E5E5;
    width: 23.63636%;
  }
  .product-description__contents-spec-detail dd{
    padding: 1.5rem 2rem;
    width: 76.36363%;
  }
  .table__contents{
    display: flex;
  }
  .table__title{
    position: sticky;
    left: 0;
    width: 26rem;
    padding: 1.5rem 1rem;
  }
  .table__detail{
    width: 83rem;
    padding: 1.5rem 1rem;
  }
  .table__detail + .table__detail{
    border-left: 1px solid #E5E5E5;
  }
}

@media screen and (max-width: 767px) {
  .table__contents{
    display: flex;
    flex-direction: column;
  }
  .table__title,
  .table__detail{
    padding: 1.5rem 2rem;
  }
  .table__detail + .table__detail{
    border-top: 1px solid #E5E5E5;
  }
}
/* ===============================================
  * リアルショップ *
=============================================== */
.real-shop{
  margin-top: 4rem;
  margin-left: -1.5rem;
  padding: 2.5rem 1.5rem;
  width: calc(100% + 3rem);
  background: var(--color-bg-primary);
  overflow-x: hidden;
}
.c-real-shop__heading{
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: var(--fw-bold);
  color: #111111;
}
.c-real-shop__contents{
  margin-top: 2.5rem;
}
.c-real-shop__contents--heading{
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: var(--fw-bold);
  color: var(--color-text-default);
  background: #fff;
}
.c-real-shop__contents--detail{
  margin-top: 1.5rem;
}
.c-real-shop__name{
  display: grid;
  grid-template-columns: 2rem auto;
  align-items: center;
  gap: .9rem;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: var(--fw-bold);
}
.c-real-shop__name::before{
  content: '';
  width: 2rem;
  height: 2.467rem;
  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%2220%22%20height%3D%2224.759%22%20viewBox%3D%220%200%2020%2024.759%22%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_1%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%201%22%20d%3D%22M2068.869-431.9h0c-.072-.09-7.23-9.062-8.871-11.841a8.037%2C8.037%2C0%2C0%2C1-1.129-4.082%2C7.91%2C7.91%2C0%2C0%2C1%2C.786-3.439%2C8.837%2C8.837%2C0%2C0%2C1%2C2.143-2.808%2C10.126%2C10.126%2C0%2C0%2C1%2C3.179-1.894%2C11.077%2C11.077%2C0%2C0%2C1%2C3.892-.694%2C11.078%2C11.078%2C0%2C0%2C1%2C3.892.694%2C10.128%2C10.128%2C0%2C0%2C1%2C3.179%2C1.894%2C8.837%2C8.837%2C0%2C0%2C1%2C2.143%2C2.808%2C7.91%2C7.91%2C0%2C0%2C1%2C.786%2C3.439%2C7.916%2C7.916%2C0%2C0%2C1-1%2C3.857c-1.6%2C2.905-8.925%2C11.975-9%2C12.066Zm.036-18.378a3.044%2C3.044%2C0%2C0%2C0-1.863.643%2C3%2C3%2C0%2C0%2C0-1.082%2C1.687%2C3.033%2C3.033%2C0%2C0%2C0%2C2.249%2C3.646%2C3.053%2C3.053%2C0%2C0%2C0%2C.7.082%2C3.042%2C3.042%2C0%2C0%2C0%2C1.863-.643%2C3%2C3%2C0%2C0%2C0%2C1.082-1.688%2C3.032%2C3.032%2C0%2C0%2C0-2.249-3.646A3.044%2C3.044%2C0%2C0%2C0%2C2068.905-450.279Z%22%20transform%3D%22translate(-2058.869%20456.659)%22%20fill%3D%22%23143a60%22%2F%3E%3C%2Fsvg%3E')
}
.c-real-shop__links{
  margin-top: 1.5rem;
  padding-left: 2.9rem;
  display: flex;
  align-items: center;
  gap: 1.55rem;
}
.c-real-shop__links-item{
  font-size: 1.3rem;
  letter-spacing: .08em;
  line-height: 1.5;
  color: var(--color-text-default);
  display: flex;
  flex-direction: column;
  gap: .05ch;
  text-decoration: unset;
}
.c-real-shop__links-item::after{
  content: '';
  width: 100%;
  height: 1px;
  background: var(--color-text-default);
}
@media screen and (min-width: 768px) {
  .real-shop{
    margin-top: 5rem;
    padding: 3rem;
    width: 100%;
    margin-inline: auto;
  }
  .c-real-shop__heading{
    font-size: 2rem;
  }
  .c-real-shop__contents--heading{
    padding: 1.3rem 1rem;
    font-size: 1.6rem;
  }
  .c-real-shop__name{
    font-size: 1.6rem;
  }
  .c-real-shop__links{
    margin-top: 1rem;
    justify-content: flex-end;
  }
}
/* ===============================================
  * アップセル / クロスセル / ヒストリー *
=============================================== */
.product-feature-item-group{
  background: var(--color-bg-form);
}
.product-feature-item-list{
  margin: 0 auto;
  width: 100%;
}
.product-feature-item-list + .product-feature-item-list{
  margin-top: calc(8rem - 1.5rem);
}
.product-feature-item-group__inner{
  padding-block: 8rem;
}
.c-heading-feature-items{
  margin-bottom: 3.4rem;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: .2em;
  text-align: center;
  font-weight: var(--fw-bold);
}
.product__crosssell.product-feature-item-list .product__container,
.product__upsell.product-feature-item-list .product__container{
  --grid-columns: repeat(auto-fill, calc(100% / 2.3));
  grid-auto-columns: minmax(calc(100% / 2.3), 1fr);
  gap: 0 1rem;
  overflow-x: auto;
  grid-auto-flow: column;
}
.product-feature-item-list .product__item--name{
  margin-top: 0;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 1.4rem;
  font-weight: var(--fw-medium);
  line-height: 1.3;
  letter-spacing: .08em;
}
.product__item-feature{
  background: #fff;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.product__item--upper {
  padding: 1rem 1.5rem;
  border-top: 2px solid var(--color-bg-form);
}
.product__item--bottom {
  padding: 0rem 1.5rem 2rem;
}
[data-section-name="history"] .c-page-title--ja{
  color: var(--color-text-default);
}
[data-section-name="history"] .c-page-title--en{
  color: var(--color-bid1-primary);
}
[data-bland="tsulino"] [data-section-name="history"] .c-page-title--ja,
[data-bland="tsulino"] [data-section-name="history"] .c-page-title--en{
  color: var(--color-brand-primary);
}

@media screen and (min-width: 768px) {
  .product-feature-item-list{
    padding-inline: 2rem;
    max-width: 144rem;
  }
  .product-feature-item-list + .product-feature-item-list{
    margin-top: 10rem;
  }
  .product-feature-item-group__inner{
    padding-block: 10rem;
  }
  .c-heading-feature-items{
    margin-bottom: 5rem;
    font-size: 3rem;
  }

  .product__crosssell.product-feature-item-list .product__container,
  .product__upsell.product-feature-item-list .product__container{
    --grid-columns: repeat(5, 1fr);
    gap: 0 2.5rem;
  }

  .product__item--upper {
    padding: 2rem 1.5rem;
    border-top: 1px solid var(--color-bg-form);
  }

  .product-feature-item-list .product__item--name{
    font-size: 1.4rem;
  }
  .swiper.js-historySlider{
    display: grid;
    width: 100%;
  }
  .swiper.js-historySlider .swiper-wrapper{
    min-width: 0;
  }
  .productdetail [data-section-name="history"] .c-page-title--ja{
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .product-feature-item-list-inner{
    width: 100%;
    max-width: 100vw;
    margin-bottom: 2rem;
    padding: 0;
    overflow-x: hidden;
  }
  .product__container{
    padding-inline: 1.5rem;
  }
  .product__crosssell.product-feature-item-list .product__container,
  .product__upsell.product-feature-item-list .product__container{
    padding-block-end: 1.5rem;
  }
  [data-section-name="history"] {
    padding-block-start: 8rem;
  }
  [data-section-name="history"] .global-content__fluid-wrapper{
    width: 100%;
    max-width: 100vw;
    margin-bottom: 2rem;
    padding: 0;
    overflow-x: hidden;
  }
  
}

/* ===============================================
  * レビュー *
=============================================== */
.product__review{
  margin: 0 auto;
  width: 100%;
}
.product__review:has(.product__review-form) #dvProductReviewButtonControls{
  display: none;
}
.product__review-inner{
  padding: 8rem 2.5rem;
  background: #FAFAFA;
}
.c-heading-review{
  font-size: 2rem;
  line-height: 1;
  letter-spacing: .15em;
  text-align: center;
  font-weight: var(--fw-bold);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem 0;
}
.c-button-review{
  padding: 1rem;
  font-size: 1.3rem;
  width: 14rem;
  border: 2px solid var(--color-text-default);
  background: #fff;
  letter-spacing: .1em;
  line-height: 1;
  color: var(--color-text-default);
  font-weight: var(--fw-bold);
}
.product__review-message{
  margin-top: 2.5rem;
  display: block;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.3;
  letter-spacing: .08em;
}
.product__review:has(#dvReviewComment) .product__review-message,
.product__review:has(.product__review-form) .product__review-message,
.product__review:has(.dvProductReviewComplete) .product__review-message{
  display: none;
}
.product__review-form{
  margin: 3rem auto 0;
  width: 100%;
}

.form__section--heading {
  background-color: var(--color-text-default);
}
.form__section--content {
  margin-inline: auto;
  padding-block: 2rem;
}
.form__view{
  padding-inline: 2rem;
}
.form__view:last-child{
  border-bottom: unset;
}
.sIconImageRating{
  width: 9.5rem;
}
.product__review-result--item{
  padding: 3rem 2.5rem;
  background: #fff;
}
.product__review-result--item + .product__review-result--item{
  margin-top: 1.5rem;
}
.product__review-result--heading{
  display: flex;
  flex-direction: column;
  gap: 2.3rem 0;
}

.product__review-result-name{
  font-size: 1.4rem;
  line-height: 1.3;
  letter-spacing: .08em;
  display: inline-block;
  align-items: center;
}
.product__review-result-name::after{
  content: 'さん';
}
.product__review-result--title{
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: .08em;
  font-weight: var(--fw-bold);
  margin-top: 2rem;
}
.product__review-result--comment{
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: .08em;
  word-break: break-all;
  /* overflow-wrap: anywhere; */
}
.product__review-result--date{
  margin: 2rem 0 0 auto;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .08em;
  font-family: var(--font-en);
  text-align: right;
  display: block;
}
.dvReviewComment{
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .product__review{
    margin: 10rem auto;
    padding-inline: 2rem;
    max-width: 114rem;
    width: 100%;
  }
  .product__review-inner{
    padding: 5rem 6rem 8rem;
  }
  .c-heading-review{
    padding-block-end: 3rem;
    border-bottom: 1px solid var(--color-text-default);
    font-size: 3rem;
    flex-direction: row;
    justify-content: space-between;
    gap: 0 2rem;
  }
  .c-button-review{
    font-size: 1.6rem;
    width: 20rem;
  }
  .product__review-message{
    margin-top: 6.2rem;
    font-size: 1.5rem;
  }
  .product__review-form{
    margin: 3rem auto 0;
    max-width: 70rem;
  }
  .form__section--content {
    width: 70rem;
  }
  .product__review-result--item{
    padding: 3rem 4rem;
  }
  .product__review-result--item + .product__review-result--item{
    margin-top: .6rem;
  }
  .sIconImageRating{
    width: 10rem;
  }
  .product__review-result--heading{
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 2rem;
  }
  .product__review-result-name{
    font-size: 1.5rem;
    gap: .9rem;
  }
  .product__review-result--title{
    font-size: 1.6rem;
    margin-top: 3.38rem;
  }
  .product__review-result--comment{
    font-size: 1.5rem;
  }
  .product__review-result--date{
    margin: 3rem 0 0 auto;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
}


/* ===============================================
  * Real Shop モーダル *
=============================================== */
.stock-item-information *,
.shopList *{
  font-family: var(--font-main);
}
.stock-item-information{
  display: flex;
  gap: 3%;
}
.stock-item-information__image{
  width: 30%;
}
.stock-item-information__image img{
  width: 100%;
  height: auto;
}
.stock-item-information{
  font-size: 14px;
}
.stock-item-information__name{
  list-style: none;
  margin: 0;
  padding: 0;
}
p.attention{
  border-top: solid 3px var(--color-text-default);
  font-family: var(--font-main);
}
table.shopList thead td{
  border-left: solid 1px var(--color-text-default);
}
table.shopList thead th,
table.shopList thead td{
  background-color: var(--color-text-default);
}
table.shopList tbody th,
table.shopList tbody td{
  border-bottom: solid 1px var(--color-text-default);
}
table.shopList thead th.shopList__heading,
table.shopList thead td.shopList__heading{
  padding-block: .5rem;
}

.c-button-close-realshop-modal{
  margin-top: 2rem;
  background: var(--color-text-default);
  color: #fff;
  border: 2px solid var(--color-text-default);
  width: 11rem;
  min-width: unset;
  padding: 1rem 0;
  border-radius: var(--border-radius);
  font-size: 16px;
  font-family: var(--font-main);
  font-weight: var(--fw-bold);
  letter-spacing: .01em;
  line-height: 1;
  display: grid;
  place-content: center;
  margin-inline: auto;
  text-decoration: unset;
  border-radius: .4rem;
}

/* ===============================================
  * ランクボタン&アイコン *
=============================================== */
.c-grid--rank-icon{
  display: grid;
  grid-template-columns: 12rem auto;
  align-items: center;
  gap: .6rem;
}
.c-icon--rank{
  padding: .4rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  font-size: 1.5rem;
  line-height: 1;
  font-family: var(--font-en);
  font-weight: var(--fw-bold);
  color: #3A5065;
  letter-spacing: 0.08em;
  border: 2px solid #3A5065;
  border-radius: 4em;
}
.c-icon--rank[data-rank="SA"],
.c-icon--rank[data-rank="A"]{
  color: #FD7D58;
  border-color: #F8523D;
}
.c-icon--rank span{
  font-size: 1.3rem;
  font-family: var(--font-main);
  display: flex;
  align-items: center;
  gap: 1ch;
}
.c-icon--rank span::after{
  content: ':';
}
.c-grid--rank-icon .c-button-used-rank{
  text-decoration: underline;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: var(--fw-bold);
  padding: 0;
  text-align: left;
  color: #777777;
}

@media screen and (min-width: 768px) {
  .c-grid--rank-icon{
    gap: 1rem;
  }
  .c-grid--rank-icon .c-button-used-rank{
    cursor: pointer;
  }
}


.product_mainimage .swiper-slide{
  opacity: 0!important;
}
.product_mainimage .swiper-slide-active{
  opacity: 1!important;
}
@media (hover: none) {

}
@media (hover: hover) {
  .sortbox__options li:not(.active) > a:hover {
    color: #fff;
  }
  .p-productlist__category-rect-prev:hover,
  .p-productlist__category-rect-next:hover{
    transform: scale(1.2);
  }
  .product__item{
    transition: opacity var(--transition-duration-short) var(--transition-timing-function);
  }
  .product__item:hover{
    opacity: .5;
  }
  .product__item:hover a{
    opacity: 1;
  }

  .product-description__heading,
  .c-button-used-rank{
    transition: opacity var(--transition-default);
  }
  .product-description__heading:hover,
  .c-button-used-rank:hover{
    opacity: var(--hover-opacity);
  }
  .c-button-review:hover{
    background: var(--color-text-default);
    color: #fff;
  }
  .product_sliderimage .swiper-slide:hover::after{
    border-color: rgba(20, 58, 96, 0.4);
  }
  .product_mainimage .swiper-button-next,
  .product_mainimage .swiper-button-prev {
   transition: background var(--transition-default);
  }
  .product_mainimage .swiper-button-next:hover,
  .product_mainimage .swiper-button-prev:hover {
    background: rgba(255,255,255,1);
  }

  .product__quantity--counter:not(.inactive):hover {
    border-color: var(--color-text-default);
  }
  .c-button__primary-addcart,
  .c-button__primary-remind{
    transition: background var(--transition-default), color var(--transition-default);
  }
  a.c-button__primary-addcart:hover{
    background: #fff;
    color: var(--color-red);
    opacity: 1;
  }
  a.c-button__primary-remind:hover{
    background: #fff;
    color: #666666;
    opacity: 1;
  }
  .productdetail .product__favorite--add:hover .product__favorite--icon path{
   fill: #FF9364; 
  }
}
