:root{

--width-slideImage-sub: 4rem;
}
@media screen and (min-width: 768px) {
  :root{
    /* --width-slideImage-sub: 5.8rem; */
    --width-slideImage-sub: 10.7rem;
  }
}


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;
}



.main-area.detail{
  margin-bottom: 5rem;
}

@media screen and (min-width: 768px) {
  #Contents{
    padding-top: 0;
  }
  .main-area .main-inner{
    max-width: 1400px;
    width: 95%;
    padding: 0;
  }  

  .main-area.detail .block-detail{
    display: grid;
    grid-template-columns: 47.14285% 47.5%;
    gap: 5.35714%;
  }

  .block-left__inner{
    position: sticky;
    top: 2.5rem;
    left: 0;
    z-index: 1;
  }

  .main-area.detail{
    margin-bottom: 12rem;
  }
  

}

button{
  color: inherit;
}

/* 商品画像比率共通化 */
.product_sliderimage .swiper-slide img,
.product__image--sub.product_sliderimage .swiper-slide img,
.img__wrapper img {
  aspect-ratio: var(--product-img-aspectratio);
  object-fit: var(--product-img-objectfit);
}



/* cアイコン / 商品名 / 価格 */
.detail .product__desc--icon{
  margin-bottom: 1rem;
  display: flex;
  gap: .6rem;
  flex-wrap: wrap;
}
.detail .cicon{
  font-size: 1rem;
  height: 1.8rem;
  display: grid;
  place-content: center;
}
.c-pricelist{
  margin-top: 1.5rem;
  font-weight: var(--fw-medium);
}
.productPrice,
.c-price--discount{
  display: flex;
  align-items: baseline;
  gap: .1rem;
}

.c-price-numeric{
  display: flex;
  align-items: baseline;
  font-weight: var(--fw-medium);
  gap: .1rem;
}
.c-price-numeric::before{
  content: '¥';
}
.c-area--priceafter{
  align-items: center;
  gap: 1rem;
}
.c-area--pricebefore,
.c-area--pricebefore .tax{
  text-decoration: line-through;
}
.main-area.detail .discountRateS{
  padding: .3rem;
  background-color: #fff;
  border: 1px solid var(--color-emphasis);
  color: var(--color-emphasis);
  width: auto;
  height: auto;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: .05em;
  margin-left: 0;
}
  .priceNormal,
  .c-price--discount{
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-family: var(--font-main);
    font-weight: var(--fw-medium);
  }
  .c-price--discount{
    color: var(--color-emphasis);
  }
  .priceNormal .tax,
  .c-price--discount .tax{
    font-size: 1rem;
  }

@media screen and (min-width: 768px) {
  .detail .product__desc--icon{
    gap: .8rem;
  }
  .detail .cicon{
    font-size: 1.2rem;
    /* height: 2rem; */
  }
  .detail .ttl{
    font-size: 2.6rem;
    letter-spacing: 0.05em;
    line-height: 1.15;
    font-weight: var(--fw-medium);
  }
  .c-pricelist{
    margin-top: 2rem;
  }
  .c-area--pricebefore{
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-family: var(--font-main);
    font-weight: var(--fw-medium);
  }
  .c-area--pricebefore .tax{
    font-size: 1rem;
  }
  .c-area--priceafter{
    gap: 1.5rem;
  }
  .priceNormal,
  .c-price--discount{
    font-size: 2.4rem;
  }
  .priceNormal .tax,
  .c-price--discount .tax{
    font-size: 1.5rem;
  }
  .main-area.detail .discountRateS{
    padding: .4rem;
    font-size: 1.2rem;
  }

}




/* ===============================================
  * メインコンテンツ スライダー *
=============================================== */
/* 画像スライダー */
.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;
  position: relative;
}


.product_sliderimage {
  width: 100%;
  overflow-x: hidden;
}

.product_sliderimage .swiper-slide {
  /* width: 100% !important; */
  /* position: relative; */
  cursor: pointer;
  /* display: flex;
  align-items: center; */
}
/* .product_sliderimage .swiper-slide{
  opacity: 0;
  transition: opacity .2s;
  transition-delay: .2s;
}
.product_sliderimage .swiper-slide.swiper-slide-active{
  opacity: 1;
} */
 .swiper-wrapper{
  position: static;
 }
.product__image--sub.product_sliderimage .swiper-slide {
  /* max-width: var(--width-slideImage-sub);
  width: 100% !important; */
  position: relative;
  cursor: pointer;
}

.product__image--sub.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% - 2rem);
  width: 4rem;
  height: 4rem;
  border: unset;
  background-color: unset;
}
.product_mainimage .swiper-button-prev {
  left: -4rem;
}

.product_mainimage .swiper-button-next {
  right: -4rem;
}
.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: 1px 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-next,
  .product_mainimage .swiper-button-prev {
    top: calc(50% - 4rem - 1.2rem);
    width: 2.4rem;
    height: 3.4rem;
    background-color: #CCCCCC;
  }
  .product_mainimage .swiper-button-prev {
    left: 0;
  }
  .product_mainimage .swiper-button-next {
    right: 0;
  }
  html.fixedHtml {
    overflow: hidden;
  }
  .productdetail__descarea{
    width: 100%;
  }

  .product__image--sub{
    padding-inline: 1.5rem;
  }
}

/* .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_mainimage .swiper{
  position: static;
}

.caption{
  margin-top: 1rem;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: .03em;
  line-height: 1.4;
}
.product_stockcheck{
  margin-top: 1.5rem;
}
.stockcheck_size{
  display: flex;
  align-items: center;
}
.stockcheck_size::after{
  content: '：';
}
.stockcheck_size:empty{
  display: none;
}

@media screen and (min-width: 768px) {
  .block-image{
    padding-inline: 4rem;
    overflow-x: hidden;
  }
  .caption{
    margin-top: 1.5rem;
  }
  .product_stockcheck{
    margin-top: 2rem;
  }
}


/* お気に入り / ポイント / セットプロモーション */
.c-area--benefit{
  margin-top: 1.1rem;
  display: grid;
  gap: .9rem;
  font-family: var(--font-main);
}
.c-benefit{
  display: flex;
  align-items: center;
}
.c-benefit__heading{
  display: flex;
  align-items: center;
  gap: .46rem;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.05em;

}
.c-benefit__heading::before{
  content: '';
  width: 1.4rem;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
[data-icon="favorite"]::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66602%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066602%22%20d%3D%22M0%2C0H14V14H0Z%22%20transform%3D%22translate(15%20890)%22%20fill%3D%22rgba(211%2C116%2C116%2C0.41)%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_11089%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%2011089%22%20transform%3D%22translate(-15%20-890)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66581%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066581%22%20d%3D%22M9%2C4.07a4.2%2C4.2%2C0%2C0%2C1%2C5.934%2C5.925L9%2C15.939%2C3.065%2C9.995A4.2%2C4.2%2C0%2C0%2C1%2C9%2C4.07Z%22%20transform%3D%22translate(13.038%20887.061)%22%20fill%3D%22%23d7d7d7%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
[data-icon="point"]::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%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_24475%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024475%22%20width%3D%2214%22%20height%3D%2214%22%20transform%3D%22translate(15%20913)%22%20fill%3D%22rgba(211%2C116%2C116%2C0.41)%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_11090%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%2011090%22%20transform%3D%22translate(-15%20-913)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66583%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066583%22%20d%3D%22M16%2C12.492v.98a2.138%2C2.138%2C0%2C0%2C1-.657%2C1.486%2C4.6%2C4.6%2C0%2C0%2C1-1.468.963%2C11.237%2C11.237%2C0%2C0%2C1-4.375.8%2C11.223%2C11.223%2C0%2C0%2C1-4.375-.8%2C4.6%2C4.6%2C0%2C0%2C1-1.468-.963%2C2.181%2C2.181%2C0%2C0%2C1-.651-1.34L3%2C13.472v-.98a7.354%2C7.354%2C0%2C0%2C0%2C1.079.5%2C16.131%2C16.131%2C0%2C0%2C0%2C5.421.845%2C16.131%2C16.131%2C0%2C0%2C0%2C5.421-.845%2C7.32%2C7.32%2C0%2C0%2C0%2C.823-.363ZM3%2C8.52a7.354%2C7.354%2C0%2C0%2C0%2C1.079.5A16.131%2C16.131%2C0%2C0%2C0%2C9.5%2C9.867a16.131%2C16.131%2C0%2C0%2C0%2C5.421-.845A7.28%2C7.28%2C0%2C0%2C0%2C16%2C8.52v2.242a6.015%2C6.015%2C0%2C0%2C1-1.58.877A14.7%2C14.7%2C0%2C0%2C1%2C9.5%2C12.4a14.7%2C14.7%2C0%2C0%2C1-4.92-.756A6.015%2C6.015%2C0%2C0%2C1%2C3%2C10.762ZM9.5%2C3a11.223%2C11.223%2C0%2C0%2C1%2C4.375.8%2C4.6%2C4.6%2C0%2C0%2C1%2C1.468.963%2C2.181%2C2.181%2C0%2C0%2C1%2C.651%2C1.34L16%2C6.25v.54a6.013%2C6.013%2C0%2C0%2C1-1.58.877%2C14.7%2C14.7%2C0%2C0%2C1-4.92.756%2C14.7%2C14.7%2C0%2C0%2C1-4.92-.756A5.971%2C5.971%2C0%2C0%2C1%2C3.2%2C6.94L3%2C6.79V6.25a2.138%2C2.138%2C0%2C0%2C1%2C.657-1.486A4.6%2C4.6%2C0%2C0%2C1%2C5.125%2C3.8%2C11.237%2C11.237%2C0%2C0%2C1%2C9.5%2C3%22%20transform%3D%22translate(12.5%20910)%22%20fill%3D%22%23d7d7d7%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-benefit__content{
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: var(--fw-medium);
}
.c-benefit__content span{
  font-size: 1.1rem;
  font-weight: var(--fw-regular);
}

.c-area--setpromotion p{
  font-size: 1.2rem;
  letter-spacing: .05em;
  line-height: 2;
  font-weight: var(--fw-bold);
  color: var(--color-emphasis);
}
@media screen and (min-width: 768px) {
  .c-area--benefit{
    margin-top: 1.4rem;
  }
  .c-area--setpromotion p{
    font-size: 1.4rem;
  }
}


/* バリエーションパネル */
.c-section--border{
  border-top: 1px solid #E4E4E4;
}
.product-variation{
  margin-top: 3rem;
  padding-block: 2.5rem;
}

.variation__select--heading{
  font-size: 1.3rem;
  line-height: 1.46;
  letter-spacing: 0.05em;
}
.variation__select--heading b{
  font-weight: var(--fw-semibold);
}
.variation__panel--contents{
  margin-top: 1rem;
}
.variation__panel--wrapper{
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
}
[data-lebel="1"] .variation__panel--wrapper{
  gap: 1.5rem;
}
[data-lebel="1"] .variation__panel--wrapper .image-wrapper img{
  aspect-ratio: var(--product-img-aspectratio);
  object-fit: var(--product-img-objectfit);
}

[data-lebel="2"]{
  margin-top: 2rem;
}
[data-lebel="2"] .variation__panel--wrapper{
  gap: .5rem;
}
.variation-panel-item a{
  position: relative;
  display: grid;
  place-content: center;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: var(--font-main);
}
.variation-panel-item a::after{
  content: '';
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  bottom: 0;
  right: 0;
  margin: auto;
}
[data-current-color="selected"].variation-panel-item a::after,
[data-lebel="2"] [data-button-state="selected"].variation-panel-item a::after{
  border: 1px solid #000000;
}
[data-lebel="2"] .variation-panel-item a::after{
  border: 1px solid #AAAAAA;
}
[data-current-color="selected"]{
  order: -1;
}

[data-lebel="2"] .variation-panel-item a{
  color: #AAAAAA;
}
[data-lebel="2"] [data-button-state="selected"].variation-panel-item a{
  color: #000000;
}
[data-lebel="2"] .variation-panel-item a{
  padding-block: .9rem;
}
/* [data-current-color="selected"].variation-panel-item a,
[data-button-state="selected"].variation-panel-item a{
  pointer-events: none;
} */


@media screen and (min-width: 768px) {
  .product-variation{
    margin-top: 4rem;
    padding-block: 3.5rem 4rem;
  }
  .variation__select--heading{
    font-size: 1.4rem;
  }
  .variation__panel--contents{
    margin-top: 1.5rem;
  }
  [data-lebel="1"] .variation__panel--wrapper{
    grid-template-columns: repeat(6,minmax(0,1fr));
  }
  [data-lebel="2"]{
    margin-top: 3rem;
  }
  [data-lebel="2"] .variation__panel--wrapper{
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 1rem;
  }
  [data-lebel="2"] .variation-panel-item a{
    padding-block: 1rem;
  }
}



/* カートボタン周り */
.product__buyarea{
  padding-inline: 1.5rem;
}
.product__status{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: auto 2.4rem;
  align-items: center;
}
.product__status--stock{
  display: flex;
  align-items: center;
  gap: 1ch;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: .05em;
}
.product__status--stock dd{
  font-weight: var(--fw-semibold);
}
.addFavorite{
  margin: 0;
  padding: 0;
  border: unset;
  background-color: unset;
  width: 2.4rem;
}

.c-area-productCart{
  margin-block: 2rem 0;
}
.c-button--cta{
  padding-block: 1.8rem;
  display: grid;
  grid-template-columns: 2.2rem auto;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  color: #fff;
  font-size: 1.8rem;
  font-weight: var(--fw-semibold);
  line-height: 1;
  letter-spacing: .05em;
  width: 100%;
  border-radius: 4em;
}
.c-button--cta span{
  font-weight: var(--fw-bold);
}
.c-button--cta::before{
  content: '';
  width: 2.2rem;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
.c-button--cta[data-icon="cart"]::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%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_24480%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024480%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22icon_bag%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20id%3D%22icon_bag-2%22%20data-name%3D%22icon_bag%22%20transform%3D%22translate(1.538)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66585%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066585%22%20d%3D%22M29.811%2C25.489%2C28.2%2C9.379H12.617l-1.671%2C16.7H29.87Zm-17.7-.482%2C1.452-14.555h13.69l1.455%2C14.555ZM16.437%2C12.74a.671.671%2C0%2C1%2C0%2C.655.671.663.663%2C0%2C0%2C0-.659-.671Zm7.95%2C0a.671.671%2C0%2C1%2C0%2C.656.671.663.663%2C0%2C0%2C0-.656-.671Zm-6.45-6.648a3.434%2C3.434%2C0%2C0%2C1%2C4.942%2C0A3.614%2C3.614%2C0%2C0%2C1%2C23.9%2C8.625H24.95a4.543%2C4.543%2C0%2C1%2C0-9.086%2C0h1.049a3.614%2C3.614%2C0%2C0%2C1%2C1.023-2.532Z%22%20transform%3D%22translate(-10.946%20-4.081)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-button--cta[data-icon="mail"]::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%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_24495%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024495%22%20width%3D%2222%22%20height%3D%2222%22%20transform%3D%22translate(73%201674)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%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_161%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%20161%22%20transform%3D%22translate(-73%20-1674)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22primary%22%20d%3D%22M21.214%2C20.5H4.071A1.573%2C1.573%2C0%2C0%2C1%2C2.5%2C18.929V6.071A1.573%2C1.573%2C0%2C0%2C1%2C4.071%2C4.5H21.214a1.573%2C1.573%2C0%2C0%2C1%2C1.571%2C1.571V18.929A1.573%2C1.573%2C0%2C0%2C1%2C21.214%2C20.5ZM3.513%2C5.949a.571.571%2C0%2C0%2C0-.013.123V18.929a.572.572%2C0%2C0%2C0%2C.571.571H21.214a.572.572%2C0%2C0%2C0%2C.571-.571V6.071a.571.571%2C0%2C0%2C0-.013-.122l-8.156%2C6.419a1.566%2C1.566%2C0%2C0%2C1-1.948%2C0ZM4.56%2C5.5l7.728%2C6.082a.57.57%2C0%2C0%2C0%2C.709%2C0L20.726%2C5.5Z%22%20transform%3D%22translate(71%201673)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-message--error{
  margin-block: 1rem;
}
.c-message--error p{
  font-size: 1.4rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  font-weight: var(--fw-bold);
}
[data-text-color="emphasis"]{
  color: var(--color-emphasis);
}

.c-button-area--real-shop{
  margin-top: 1rem;
}
.c-button--real-shop{
  box-sizing: border-box;
  padding: 1.3rem 1rem;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .6rem;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.15em;
  font-weight: var(--fw-bold);
}
.c-button--real-shop::before{
  content: '';
  width: 1.8rem;
  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%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%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_24482%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024482%22%20width%3D%2218%22%20height%3D%2218%22%20transform%3D%22translate(90%201379)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%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_158%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%20158%22%20transform%3D%22translate(-90%20-1379)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22043%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022043%22%20transform%3D%22translate(93.6%201379.9)%22%3E%20%3Cpath%20id%3D%22secondary%22%20d%3D%22M1.8-.5A2.3%2C2.3%2C0%2C1%2C1-.5%2C1.8%2C2.3%2C2.3%2C0%2C0%2C1%2C1.8-.5Zm0%2C3.6A1.3%2C1.3%2C0%2C1%2C0%2C.5%2C1.8%2C1.3%2C1.3%2C0%2C0%2C0%2C1.8%2C3.1Z%22%20transform%3D%22translate(3.6%203.6)%22%2F%3E%20%3Cpath%20id%3D%22primary%22%20d%3D%22M11.4%2C19.7a.5.5%2C0%2C0%2C1-.38-.175%2C35.458%2C35.458%2C0%2C0%2C1-2.743-3.771C6.434%2C12.837%2C5.5%2C10.362%2C5.5%2C8.4a5.9%2C5.9%2C0%2C0%2C1%2C11.8%2C0c0%2C1.962-.934%2C4.437-2.777%2C7.354a35.458%2C35.458%2C0%2C0%2C1-2.743%2C3.771A.5.5%2C0%2C0%2C1%2C11.4%2C19.7Zm0-16.2A4.906%2C4.906%2C0%2C0%2C0%2C6.5%2C8.4c0%2C3.584%2C3.689%2C8.5%2C4.9%2C10.011%2C1.211-1.516%2C4.9-6.43%2C4.9-10.011A4.906%2C4.906%2C0%2C0%2C0%2C11.4%2C3.5Z%22%20transform%3D%22translate(-6%20-3)%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}

@media screen and (min-width: 768px) {
  .product__buyarea{
    padding-inline: 3rem;
  }
  .product__status{
    margin-top: 3rem;
    grid-template-columns: auto 3rem;
  }
  .product__status--stock{
    font-size: 1.4rem;
  }
  .addFavorite{
    width: 3rem;
  }
  .c-area-productCart{
    margin-block: 1.5rem 0;
  }
  .c-button--cta{
    padding-block: 2.2rem;
  }
  .c-button-area--real-shop{
    margin-top: 1.5rem;
  }
  .c-button--real-shop{
    padding: 1.7rem 1rem 1.9rem;
  }

}


/* ディスクリプション周り */
.product__description{
  margin-top: 3rem;
  padding-top: 3rem;
}
.c-guide-list{
  padding-inline: 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2rem 4rem;
}
.c-guide-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .05em;
  width: 100%;
}
.c-guide-item::after{
  content: '';
  width: .5rem;
  height: .964rem;
  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%225%22%20height%3D%229.636%22%20viewBox%3D%220%200%205%209.636%22%3E%20%3Cpath%20id%3D%22%E4%B8%8A%E5%90%91%E3%81%8D%E7%9F%A2%E5%8D%B0%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%22%20d%3D%22M77.136%2C116.75a.5.5%2C0%2C0%2C1-.34-.133l-3.978-3.685-3.978%2C3.685a.5.5%2C0%2C0%2C1-.68-.734l4.318-4a.5.5%2C0%2C0%2C1%2C.68%2C0l4.318%2C4a.5.5%2C0%2C0%2C1-.34.867Z%22%20transform%3D%22translate(116.75%20-68)%20rotate(90)%22%2F%3E%3C%2Fsvg%3E')
}
.c-guide-item-popup {
  --guide-popup-zindex: 10000;
  --guide-popup-closeButton-size: calc(var(--guide-popup-icon-size) + (var(--guide-popup-icon-padding) * 2));
  
  box-sizing: border-box;
  font-family: var(--font-main);
  text-align: left;
}
.c-guide-item-popup * {
  box-sizing: border-box;
}
.c-guide-item-popup .c-guide-item-popup__close-bg,
.c-guide-item-popup .c-guide-item-popup__inner {
  opacity: 0;
  visibility: hidden;
  transition: 0.6s ease;
  transition-property: opacity, visibility;
}
.c-guide-item-popup[data-menu-state="true"] .c-guide-item-popup__close-bg,
.c-guide-item-popup[data-menu-state="true"] .c-guide-item-popup__inner {
  opacity: 1;
  visibility: visible;
}
.c-guide-item-popup__close-bg {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: var(--guide-popup-zindex);
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.6);
}
.c-guide-item-popup__inner {
  overflow-y: auto;
  overscroll-behavior-y: contain;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: calc(var(--guide-popup-zindex) + 1);
  transform: translate(-50%, -50%);
  max-height: 90vh;
  max-height: 90dvh;
  background-color: #fff;
}
.c-guide-item-popup__header {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    var(--guide-popup-closeButton-size);
  grid-template-areas: "title closeButton";
  align-items: center;
  border-bottom: 1px solid var(--color-gray-1);
}
.c-guide-item-popup__header-title {
  grid-area: title;
  font-weight: 600;
  text-align: left;
  line-height: 1.36;
}
.c-guide-item-popup__header-close {
  grid-area: closeButton;
  display: block;
  width: var(--guide-popup-closeButton-size);
  height: var(--guide-popup-closeButton-size);
  padding: var(--guide-popup-icon-padding);
  background:
    url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.707%22%20height%3D%229.707%22%20viewBox%3D%220%200%209.707%209.707%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(-324.146%20-75.146)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20d%3D%22M8.646%2C9.354l-9-9L.354-.354l9%2C9Z%22%20transform%3D%22translate(324.5%2075.5)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20d%3D%22M.354%2C9.354l-.707-.707%2C9-9%2C.707.707Z%22%20transform%3D%22translate(324.5%2075.5)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A')
    center / var(--guide-popup-icon-size)
    no-repeat;
}
.c-guide-item-popup__body {
  line-height: 1.5;
}
.c-guide-item-popup__body * + * {
  margin-top: 1em;
}
.c-guide-item-popup__body * + figure {
  margin-top: 1.5em;
}
@media screen and (min-width: 768px) {
  .product__description{
    margin-top: 4rem;
    padding-top: 4rem;
  }
  .c-guide-list{
    margin-top: 4rem;
    padding-inline: 0;
    flex-direction: row;
    justify-content: center;
  }
  .c-guide-item{
    justify-content: center;
    gap: .96rem;
    font-size: 1.3rem;
    border-bottom: 1px solid #000000;
    width: auto;
  }
  .c-guide-item::after{
    content: '';
    width: .506rem;
    height: .871rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.061%22%20height%3D%228.707%22%20viewBox%3D%220%200%205.061%208.707%22%3E%20%3Cpath%20id%3D%22pagination-next%22%20d%3D%22M.707%2C8.707%2C0%2C8%2C3.646%2C4.354%2C0%2C.707.707%2C0%2C5.061%2C4.354Z%22%2F%3E%3C%2Fsvg%3E')
  }
  .c-guide-item-popup {
    --guide-popup-icon-size: 9.71px;
    --guide-popup-icon-padding: 5px;
  }
  .c-guide-item-popup::before {
  }
  .c-guide-item-popup__inner {
    width: min(90%, 860px);
    padding: 20px;
  }
  .c-guide-item-popup__header {
    column-gap: 8px;
    padding: 13px 0;
  }
  .c-guide-item-popup__header-title {
    font-size: 15px;
  }
  .c-guide-item-popup__header-close {

  }
  .c-guide-item-popup__body {
    padding: 20px 0;
    font-size: 12px;
  }
  .c-guide-item-popup__body img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .c-guide-item{
    text-decoration: underline;
  }
  .c-guide-item-popup {
    --guide-popup-icon-size: calc(9.71 *(100vw / 375));
    --guide-popup-icon-padding: calc(5 *(100vw / 375));
  }
  .c-guide-item-popup__inner {
    width: min(100vw - (15 *(100vw / 375)), 430 *(100vw / 375));
    padding: calc(20 *(100vw / 375));
  }
  .c-guide-item-popup__header {
    column-gap: calc(8 *(100vw / 375));
    padding: calc(13 *(100vw / 375)) 0;
  }
  .c-guide-item-popup__header-title {
    font-size: calc(15 *(100vw / 375));
  }
  .c-guide-item-popup__header-close {

  }
  .c-guide-item-popup__body {
    padding: calc(20 *(100vw / 375)) 0;
    font-size: calc(12 *(100vw / 375));
  }
}




.c-tab-panel__tab-list--product-information{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  position: relative;
}
.c-tab-panel__tab-list--product-information::before{
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000000;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.c-tab-panel__button--tab-product-information{
  padding: 1.4rem 0;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: var(--fw-bold);
  color: #8B8B8B;
  overflow: hidden;
  border: 1px solid #DDDDDD;
  border-bottom: 1px solid #000000;
  background-color: #fff;
  width: 100%;
}
.c-tab-panel__button--tab-product-information[aria-selected="true"]{
  border: 1px solid #000000;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 1;
  color: #000000;
  pointer-events: none;
}
[data-visible="False"],
[data-visible-content="False"]{
  display: none;
}


.c-product-information__content{
  padding: 1.5rem 1.4rem 0;
}

.c-text--product-information + .c-text--product-information {
  margin-top: 1em;
}

.c-product-information__content-detail,
.c-product-information--table-notice{
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.c-heading--product-content{
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: .05em;
  font-weight: var(--fw-bold);
}
.block-product-list .c-heading--product-content{
  font-size: 1.6rem;
}

.c-product-banner-list{
  margin-top: 2rem;
  /* display: grid; */
  /* grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem; */
  width: 100%;
}

.c-product-information--size-table {
  width: 100%;
}

.c-product-information--table table {
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px;
}

.c-product-information--table th,
.c-product-information--table td {
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding: 10px 5px;
  font-size: 1.2rem;
  text-align: center;
}

.c-product-information--table th,
.c-product-information--table tr:first-of-type td {
  background: #F5F5F5;
}
.c-product-information--table-notice{
  margin-top: 1rem;
}

@media screen and (min-width: 768px) {
  .product-information__inner{
    margin-inline: auto;
  }
  /* .c-tab-panel--product-information{
    margin-top: 4rem;
  } */
  .c-tab-panel__button--tab-product-information{
    cursor: pointer;
  }
  .c-product-information__content{
    padding: 2rem .4rem 0;
  }
  .c-heading--product-content{
    font-size: 1.6rem;
  }
  .block-product-list .c-heading--product-content{
    font-size: 1.8rem;
  }
  .product-banner-list{
    margin-top: 5rem;
  }
  .c-product-banner-list{
    gap: 1.5rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .product-information{
    margin-top: 4rem;
  }

  .c-product-information--size-table tr{
    display: grid;
    grid-template-columns: 14rem auto;
    border-top: 1px solid #e4e4e4;
  }
  .c-product-information--size-table tr th,
  .c-product-information--size-table tr td{
    padding: 1.5rem 1.2rem;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-tab-panel__button--tab-product-information{
    width: 100%;
  }
  .product-banner-list{
    margin-top: 4rem;
    padding-top: 4rem;
    padding-inline: 1.5rem;
    border-top: 1px solid #E4E4E4;
  }
  .product-information{
    margin-top: 3.4rem;
  }

  .c-product-information--size-table tr {
    font-size: 1.2rem;
    border-top: 1px solid #e4e4e4;
    display: grid;
  }
  .c-product-information--size-table tr:last-child{
    border-bottom: 1px solid #e4e4e4;
  }

  .c-product-information--size-table th {
    background: #F5F5F5;
    padding: 1.5rem 1.2rem;
  }

  .c-product-information--size-table td {
    margin: 0px;
    padding: 1.2rem;
    font-size: 1.2rem;
    border-top: 1px solid #e4e4e4
  }

  .c-product-information--size-table td a {
      text-decoration: underline;
  }
}

/* SNSシェア */
.product-sns{
  margin-top: 4rem;
  padding: 2rem 1rem;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.product-sns__heading{
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-bold);
}
.product-sns__list{
  display: flex;
  gap: 2rem;
}
.product-sns__item{
  width: 2rem;
}
button.product-sns__item{
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
  background: unset;
}
@media screen and (min-width: 768px) {
  .product-sns{
    margin-top: 5rem;
  }
  button.product-sns__item{
    cursor: pointer;
  }
}

/*----------------------------------------
 URLコピー
-----------------------------------------*/
.clipboard {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem;
  border-radius: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, -50%);
  background-color: #EDEDED;
  color: #000;
  opacity: 0;
  transition: opacity 500ms ease;
  pointer-events: none;
}

.clipboard.copied {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .clipboard{
    width: 80%;
  }
}


/* ===============================================
  * JavaScript Element *
=============================================== */

/* JavaScript Element - Tabpanel */

.js-toggleTabPanel:not(.js-toggleSplideTabPanel) :where([role="tabpanel"][aria-hidden="true"]) {
  display: none;
}

.js-toggleTabPanel.js-toggleSplideTabPanel .c-tab-panel__panel[role="tabpanel"][aria-hidden="true"] {
  display: none;
}


/* JavaScript Element - Discount Rate */

.js-discountrate:empty {
  display: none;
}


/* ===============================================
  * Variation Panel *
=============================================== */
.variation-panel--rest{
  background-color: #EDEDED;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  border: unset;
  cursor: pointer;
}
.variation-numeric--rest{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .05em;
}
.variation-numeric--rest::before{
  content: "+";
}

.modal-contents--variation-rest{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
  width: 100%;
  transition: transform 0.5s ease;
  width: 100%;
  height: 100dvh;
  background: #fff;
  transform: translateX(100%);
}
html.fixedHtml .modal-contents--variation-rest {
  transform: translate(0);
}

.modal-contents--variation-rest__inner{
  overflow-y: auto;
  overscroll-behavior-y: contain;
  height: 100%;
  padding: 0;
}

.product-variation__detail{
  margin-top: 0;
  padding-block: 0;
}



.bg {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background: rgba(239, 239, 239, 0.7);
  opacity: 0;
  z-index: -2;
  pointer-events: none;
  transition: opacity var(--transition-default);
}
html.fixedHtml .bg {
  cursor: pointer;
  opacity: 1;
  pointer-events: all;
  z-index: 99998;
}

html.fixedHtml {
  overflow-y: hidden;
}

.product-variation__heading{
  position: sticky;
  top: 0;
  z-index: 1;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
}
.c-button-area--variation-fix{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 2rem 8.8rem;

  box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, .05);
}
.c-button--variation-fix{
  appearance: none;
  border: unset;
  background-color: #000;
  color: #fff;
  border-radius: 4em;
  padding-block: 1.5rem 1.4rem;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-semibold);
  display: grid;
  place-content: center;
  width: 100%;
}

.panel-hidden{
  display: none;
}
.panel-hidden[data-current-color="selected"]{
  display: block;
}

.product-variation__heading--title{
  background-color: #EDEDED;
  padding-block: 1.5rem;
  display: grid;
  place-content: center;
  position: relative;
}
.product-variation__heading--title p{
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-bold);
}
.button-close-variation-modal--rect{
  position: absolute;
  top: 0;
  left: 1.5rem;
  bottom: 0;
  margin-block: auto;
  display: flex;
  align-items: center;
  gap: .53rem;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-bold);
  background-color: unset;
  border: unset;
  appearance: none;
}
.button-close-variation-modal--rect::before{
  content: '';
  width: .4rem;
  height: .748rem;
  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%224%22%20height%3D%227.477%22%20viewBox%3D%220%200%204%207.477%22%3E%20%3Cpath%20id%3D%22%E4%B8%8A%E5%90%91%E3%81%8D%E7%9F%A2%E5%8D%B0%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%22%20d%3D%22M74.977%2C115.75a.5.5%2C0%2C0%2C1-.34-.133l-2.9-2.685-2.9%2C2.685a.5.5%2C0%2C0%2C1-.68-.734l3.238-3a.5.5%2C0%2C0%2C1%2C.68%2C0l3.238%2C3a.5.5%2C0%2C0%2C1-.34.867Z%22%20transform%3D%22translate(-111.75%2075.477)%20rotate(-90)%22%2F%3E%3C%2Fsvg%3E')
}
.product-variation__heading--color{
  background-color: #fff;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
}
.product-variation__heading--color dt{
  font-size: 1.3rem;
}
.product-variation__heading--color dd{
  font-size: 1.3rem;
  font-weight: var(--fw-bold);
}

.modal-contents--variation-rest .variation__panel--contents{
  padding:1.5rem 1.5rem 10rem;
}
.modal-contents--variation-rest .variation__panel--wrapper{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (min-width: 768px) {
  .modal-contents--variation-rest{
    max-width: 36.25rem;
  }
  .variation__panel--wrapper:has(.panel-hidden[data-current-color="selected"]) .panel-visible:nth-child(11){
    display: none;
  }
  .c-button-area--variation-fix{
    padding: 2rem 0;
    display: flex;
    justify-content: center;
  }
  .c-button--variation-fix{
    max-width: 30rem;
  }
  .js-button-close-variation-modal{
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .variation__panel--wrapper:has(.panel-hidden[data-current-color="selected"]) .panel-visible:nth-child(4){
    display: none;
  }
}

/* ===============================================
  * アップセル / クロスセル / ヒストリー / 同じカラーの商品を見る *
=============================================== */
.c-product-list{
  margin-top: 3rem;
}

.img__wrapper{
  position: relative;
}

.c-text--soldout{
  margin-top: 0.2rem;
  font-weight: var(--fw-bold);
}
.main-area.detail .c-product-list .discountRateS{
  font-size: 1rem;
  padding: .2rem .3rem .1rem;
}
.main-area.detail .c-product-list .price.sale,
.main-area.detail .c-block__swiper--history .price.sale{
  color: var(--color-emphasis);
}
.swiper-detail-common .swiper-wrapper{
  position: relative;
}
.swiper-detail-common .swiper-button-next:after,
.swiper-detail-common .swiper-rtl .swiper-button-prev:after,
.swiper-detail-common .swiper-button-prev:after,
.swiper-detail-common .swiper-rtl .swiper-button-next:after{
  content: '';
}
@media screen and (max-width: 767px) {
  .swiper-detail-common{
    position: relative;
    overflow-x: hidden;
  }
  .swiper-detail-common .swiper-wrapper{
    position: static;
  }
}

.c-product-item .box-txt {
  word-break: break-all; /*12/14追加*/
  padding: 1rem;
  font-size: 1.1rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  position: relative;
  font-family: var(--font-main);
}
.product-item__name{
  font-weight: var(--fw-bold);
  letter-spacing: 0;
  word-break: break-all;
}

.c-product-item .box-txt .price .tax {
  font-size: 1rem;
  transform-origin: left bottom;
  transform: scale(0.8);
}

.product__list--color,
.product__list--style{
  margin-top: 3rem;
  padding-top: 2.5rem;
}
.c-block__list--same-color,
.c-block__list--same-style{
  margin-top: 2rem;
}

.c-heading--product-content-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.c-link--rect{
  padding-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .76rem;
  width: fit-content;
  border-bottom: 1px solid #000000;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: var(--fw-bold);
}
.c-link--rect::after {
  content: '';
  width: .506rem;
  height: .871rem;
  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%225.061%22%20height%3D%228.707%22%20viewBox%3D%220%200%205.061%208.707%22%3E%20%3Cpath%20id%3D%22pagination-next%22%20d%3D%22M.707%2C8.707%2C0%2C8%2C3.646%2C4.354%2C0%2C.707.707%2C0%2C5.061%2C4.354Z%22%20transform%3D%22translate(0)%22%2F%3E%3C%2Fsvg%3E')
}
@media screen and (min-width: 768px) {
  .c-product-list,
  .c-block__swiper--history{
    margin-top: 2rem;
  }
  .c-product-list{
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 2rem;
  }
  .block-product-list{
    margin-top: 10rem;
  }

  .c-product-item .box-txt {
    font-size: 1.2rem;
  }

  .c-product-item .box-txt .price .tax {
    font-size: 1rem;
    transform-origin: left bottom;
    transform: scale(0.8);
  }

  .swiper-detail-common{
    overflow-x: hidden;
  }
  .c-block__swiper--history,
  .c-block__swiper--same-color,
  .c-block__swiper--same-style{
    position: relative;
  }

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

  .swiper-detail-common .swiper-button-prev {
    margin: 0;
    position: absolute;
    left: 0;
  }
  .swiper-detail-common .swiper-button-next,
  .swiper-detail-common .swiper-button-prev {
    margin: 0;
    padding: 0;
    top: calc(50% - 1.4rem);
    width: 1.304rem;
    height: 2.7rem;
    border: unset;
    background-color: unset;
  }
  .swiper-detail-common.swiper--same-color .swiper-button-next,
  .swiper-detail-common.swiper--same-color .swiper-button-prev,
  .swiper-detail-common.swiper--same-style .swiper-button-next,
  .swiper-detail-common.swiper--same-style .swiper-button-prev {
    top: calc(50% - 1rem);
    width: 1.026rem;
    height: 2.1rem;
  }
  .swiper-detail-common .swiper-button-prev {
    left: -3rem;
  }

  .swiper-detail-common .swiper-button-next {
    right: -3rem;
  }
  .swiper-detail-common .swiper-button-prev::after,
  .swiper-detail-common .swiper-button-next::after {
    content: unset;
    display: none;
  }

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

  .product__list--color,
  .product__list--style{
    margin-top: 4rem;
    padding-top: 4rem;
  }

  
}

@media screen and (max-width: 767px) {
  .block-product-list{
    margin-top: 3.4rem;
  }
  .block-product-list + .block-product-list{
    padding-top: 3rem;
    border-top: 1px solid #EDEDED;
  }

  .c-heading--product-content{
    padding-inline: 1.5rem;
  }
  .product-banner-list .c-heading--product-content{
    padding-inline: 0;
  }
  .c-product-list{
    margin-top: 1.5rem;
    padding-bottom: 1.5rem;
    overflow-x: auto;
    padding-inline: 1.5rem;
    display: flex;
    gap: 1.5rem;
  }
  .c-product-item{
    flex-shrink: 0;
    width: 12rem;
  }
  .c-block__list--same-color .c-product-item,
  .c-block__list--same-style .c-product-item{
    width: 6.5rem;
  }
  .c-link--rect{
    margin-right: 1.5rem;
  }

  #addFavoriteTip.toolTip{
    left: 0!important;
    right: 0!important;
  }
}


/* 商品付帯情報 */
.c-additional-informaton{
  margin-top: 3rem;
  padding: 2rem;
  background-color: #F8F8F8;
}
.c-additional-informaton:not(:has(.c-additional-informaton__form-area)){
  display: none;
}
.c-additional-informaton__inner{
  display: grid;
  gap: 2rem;
}
.c-additional-informaton__form-area{
  display: grid;
}

.c-additional-informaton__form-area > dt{
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: .05em;
}
.c-additional-informaton__form-area > dd{
	margin-top: .8rem;
}
.c-form__input--select {
  padding: 1.125rem 3.5rem 1.125rem 1rem;
  width: 100%;
  background: #fff;
  border: 1px solid #707070;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: .964rem .5rem;
  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%229.636%22%20height%3D%225%22%20viewBox%3D%220%200%209.636%205%22%3E%20%3Cpath%20id%3D%22%E4%B8%8A%E5%90%91%E3%81%8D%E7%9F%A2%E5%8D%B0%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%22%20d%3D%22M77.136%2C116.75a.5.5%2C0%2C0%2C1-.34-.133l-3.978-3.685-3.978%2C3.685a.5.5%2C0%2C0%2C1-.68-.734l4.318-4a.5.5%2C0%2C0%2C1%2C.68%2C0l4.318%2C4a.5.5%2C0%2C0%2C1-.34.867Z%22%20transform%3D%22translate(77.636%20116.75)%20rotate(-180)%22%2F%3E%3C%2Fsvg%3E');
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
.c-form__input--text{
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
.c-additional-informaton .c-form__input--check {
  gap: .5rem;
}
.c-additional-informaton__form-area-checkbox{
  display: flex;
  gap: 2rem;
  align-items: center;
  flex-wrap: wrap;
}

.favorite_modal .variation_item + .variation_item{
  margin-top: 1rem;
  padding-top: 1rem;
}

@media screen and (min-width: 768px) {
  .c-additional-informaton {
    margin-top: 4rem;
    padding: 2rem 2.5rem 2.5rem;
  }
}



@media (hover: hover) {
  .c-tab-panel__button--tab-product-information,
  .variation-panel--rest,
  .button-close-variation-modal--rect,
  .c-button--variation-fix,
  .c-product-item--link,
  .c-product-item--link .product-item__name{
    transition: .3s opacity;
  }
  .c-tab-panel__button--tab-product-information:hover,
  .variation-panel--rest:hover,
  .button-close-variation-modal--rect:hover,
  .c-button--variation-fix:hover,
  .c-product-item--link:hover{
    opacity: .7;
  }
  .variation-panel--rest{
    cursor: pointer;
  }

  .c-product-item--link:hover .product-item__name{
    text-decoration: underline;
  }
}

/* ===============================================
カート投入後ポップアップ
=============================================== */
.c-cart-popup {
  --color-red: var(--color-emphasis, #FE0002);
  --cart-popup-zindex: 10000;
  --cart-popup-closeButton-size: calc(var(--cart-popup-icon-size) + (var(--cart-popup-icon-padding) * 2));
  box-sizing: border-box;
}
.c-cart-popup * {
  box-sizing: border-box;
}
.c-cart-popup::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: var(--cart-popup-zindex);
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.6);
}
.c-cart-popup .c-cart-popup__inner {
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: calc(var(--cart-popup-zindex) + 1);
  transform: translate(-50%, -50%);
  max-height: 90vh;
  max-height: 90dvh;
  background-color: #fff;
}
.c-cart-popup .c-cart-popup__header {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    var(--cart-popup-closeButton-size);
  grid-template-areas: "title closeButton";
  align-items: center;
	border-bottom: 1px solid var(--color-gray-1);
}
.c-cart-popup .c-cart-popup__header-title {
  grid-area: title;
  font-weight: 600;
  text-align: left;
  line-height: 1.36;
}
.c-cart-popup .c-cart-popup__header-close {
  grid-area: closeButton;
  display: block;
  width: var(--cart-popup-closeButton-size);
  height: var(--cart-popup-closeButton-size);
  padding: var(--cart-popup-icon-padding);
  background:
    url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.707%22%20height%3D%229.707%22%20viewBox%3D%220%200%209.707%209.707%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(-324.146%20-75.146)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20d%3D%22M8.646%2C9.354l-9-9L.354-.354l9%2C9Z%22%20transform%3D%22translate(324.5%2075.5)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20d%3D%22M.354%2C9.354l-.707-.707%2C9-9%2C.707.707Z%22%20transform%3D%22translate(324.5%2075.5)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A')
    center / var(--cart-popup-icon-size)
    no-repeat;
}
.c-cart-popup .c-cart-popup__main {
  display: flex;
  flex-direction: column;
}
.c-cart-popup .c-cart-popup__main-inner {
  display: grid;
}
.c-cart-popup .c-cart-popup__main-image img {
  width: 100%;
  height: auto;
	aspect-ratio: var(--product-img-aspectratio);
  object-fit: var(--product-img-objectfit);
  vertical-align: bottom;
}
.c-cart-popup .c-cart-popup__main-info {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  letter-spacing: 0.05em;
}
.c-cart-popup .c-cart-popup__product-name {
  letter-spacing: 0;
}
.c-cart-popup .c-cart-popup__info-list-item {
  display: flex;
  align-items: flex-start;
}
.c-cart-popup .c-cart-popup__info-list-item dt {
  flex-shrink: 0;
}
.c-cart-popup .c-cart-popup__info-list-item dt::after {
  content: "：";
}
.c-cart-popup .c-cart-popup__price-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  line-height: 1.03;
}
.c-cart-popup .c-cart-popup__price-wrap.--isSale {
  --color-price-text: var(--color-red, red)
}
.c-cart-popup .c-cart-popup__price {
  color: var(--color-price-text, unset);
  font-weight: 400;
}
.c-cart-popup .c-cart-popup__price-tax {
  color: var(--color-price-text, unset);
}
.c-cart-popup .c-cart-popup__price-discountRate {
  display: inline-grid;
  place-items: center;
  align-self: flex-start;
	color: var(--color-red, red);
  line-height: 1.2;
  border: 1px solid currentColor;
}
.c-cart-popup .c-cart-popup__errMsg {
  color: var(--color-red, red);
  line-height: 1.4;
}
.c-cart-popup .c-cart-popup__btn-area {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-cart-popup .c-cart-popup__btn:hover {
	opacity: 1;
}
.c-cart-popup .c-cart-popup__btn {
  display: grid;
  place-items: center;
  padding: 12px 5px;
  font-size: 12px;
  color: var(--color-btn-text);
  background-color: var(--color-btn-background);
  border: 1px solid var(--color-btn-border, currentColor);
	border-radius: 100vh;
  transition: var(--transition-default, 500ms ease);
	transition-property: color, background-color, border-color;
}
.c-cart-popup .c-cart-popup__btn.--outline {
  --color-btn-text: #000;
  --color-btn-background: #fff;
}
.c-cart-popup .c-cart-popup__btn.--outline:hover {
	--color-btn-text: #fff;
  --color-btn-background: #000;
}
.c-cart-popup .c-cart-popup__btn.--fill {
  --color-btn-text: #fff;
  --color-btn-background: #000;
}
.c-cart-popup .c-cart-popup__btn.--fill:hover {
	--color-btn-text: #000;
  --color-btn-background: #fff;
}
@media screen and (min-width: 768px) {
  .c-cart-popup {
    --cart-popup-icon-size: 9.71px;
    --cart-popup-icon-padding: 5px;
  }
  .c-cart-popup .c-cart-popup__inner {
    width: min(90%, 430px);
    padding: 20px;
  }
  .c-cart-popup .c-cart-popup__header {
    column-gap: 8px;
    padding: 13px 0;
  }
  .c-cart-popup .c-cart-popup__header-title {
    font-size: 15px;
  }
  .c-cart-popup .c-cart-popup__body {
    padding: 20px 0;
  }
  .c-cart-popup .c-cart-popup__main {
    row-gap: 15px;
  }
  .c-cart-popup .c-cart-popup__main-inner {
    grid-template-columns: 96px minmax(0, 1fr);
    column-gap: 15px;
  }
  .c-cart-popup .c-cart-popup__main-info {
    row-gap: 6px;
    font-size: 12px;
    line-height: 1.63;
  }
  .c-cart-popup .c-cart-popup__price-wrap {
    column-gap: 5px;
  }
  .c-cart-popup .c-cart-popup__price {
    font-size: 16px;
  }
  .c-cart-popup .c-cart-popup__price-tax {
    font-size: 10px;
    line-height: 1.65;
  }
  .c-cart-popup .c-cart-popup__price-discountRate {
    height: 16px;
    padding: 0 4px;
    font-size: 10px;
  }
  .c-cart-popup .c-cart-popup__errMsg {
    font-size: 12px;
  }
  .c-cart-popup .c-cart-popup__btn-area {
    gap: 10px 15px;
  }
  .c-cart-popup .c-cart-popup__btn {
    padding: 12px 5px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .c-cart-popup {
    --cart-popup-icon-size: calc(9.71 *(100vw / 375));
    --cart-popup-icon-padding: calc(5 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__inner {
    width: min(95%, 430 *(100vw / 375));
    padding: calc(20 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__header {
    column-gap: calc(8 *(100vw / 375));
    padding: calc(13 *(100vw / 375)) 0;
  }
  .c-cart-popup .c-cart-popup__header-title {
    font-size: calc(15 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__body {
    padding: calc(20 *(100vw / 375)) 0;
  }
  .c-cart-popup .c-cart-popup__main {
    row-gap: calc(15 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__main-inner {
    grid-template-columns: calc(91 *(100vw / 375)) minmax(0, 1fr);
    column-gap: calc(15 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__main-info {
    row-gap: calc(5 *(100vw / 375));
    font-size: calc(14 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__price-wrap {
    column-gap: calc(4 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__price {
    font-size: calc(18 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__price-tax {
    font-size: calc(11 *(100vw / 375));
    line-height: 1.5;
  }
  .c-cart-popup .c-cart-popup__price-discountRate {
    height: calc(18 *(100vw / 375));
    padding: 0 calc(3 *(100vw / 375));
    font-size: calc(11 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__errMsg {
    font-size: calc(14 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__btn-area {
    gap: calc(10 *(100vw / 375)) calc(15 *(100vw / 375));
  }
  .c-cart-popup .c-cart-popup__btn {
    padding: calc(12 *(100vw / 375)) calc(5 *(100vw / 375));
    font-size: calc(12 *(100vw / 375));
  }
}

/* =============================================
08/18 さぶみっと関連調整 
============================================= */
.swiper--history {
  transition: opacity 1s ease;
}
.swiper--history:not(.swiper-initialized) {
  height: 0;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .block-product-list {
    width: min(87.5svw, 140rem);
    margin-inline: auto;
  }
  #rec #dvRecommend {
    margin-block: 10rem;
    margin-inline: auto;
  }
  .product__image--sub .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    transform: translate3d(0,0,0) !important;
    column-gap: 1.25%;
    row-gap: 2rem;
  }
  .product__image--sub .swiper-slide {
    width: 100% !important;
    margin: 0 !important;
  }
}