@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900&display=swap");
html {
  font-size: 62.5%;
}

@media screen and (min-width: 769px) {
  .fs-l-product2 .fs-l-productLayout {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 7rem;
    width: 90%;
    width: calc(100% - 7rem);
  }
}

@media screen and (max-width: 768px) {
  .fs-l-product2 .fs-l-productLayout {
    grid-row-gap: 40px;
  }
}

.fs-l-product2 .fs-l-productLayout > * > * {
  margin-bottom: 42px;
}

.fs-l-product2 .fs-l-productLayout > * > *.product-hidden {
  margin-bottom: 0;
}

.fs-c-button--viewExtendedImage {
  background: #EAEAEA;
  padding: 7px;
  border-radius: 3px;
  width: 33px;
  height: 33px;
  box-sizing: border-box;
}

.product-image-discription {
  display: block;
  width: 100%;
  text-align: center;
}

.product-image-discription__txt {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  .fs-l-product2 .fs-l-productLayout > * > .product-detail {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .product__item__block > * {
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 768px) {
  .product__item__block > * {
    margin-bottom: 12px;
  }
}

.product__item__block.product-hidden {
  display: none;
}

.product-name .fs-c-productMarks {
  position: relative;
  top: unset;
  margin-bottom: 7px;
}

.product-name .fs-c-productNameHeading.fs-c-heading {
  padding: 0;
  text-align: left;
  line-height: 1;
}

@media screen and (min-width: 769px) {
  .product-name .fs-c-productNameHeading__name {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: 0.1em;
    font-family: 'Roboto','Noto Sans Japanese', sans-serif;
    font-weight: 300;
  }
}

@media screen and (max-width: 768px) {
  .product-name .fs-c-productNameHeading__name {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0.1em;
    font-family: 'Roboto','Noto Sans Japanese', sans-serif;
    font-weight: 300;
  }
}

.product-price-point {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -ms-flex-line-pack: start;
  justify-content: flex-start;
  -ms-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.product-name .product-price-point .fs-c-productPrices {
  background: none;
  margin: 0 24px 0 0;
  padding: 0;
}

@media screen and (min-width: 769px) {
  .product-name .product-price-point .fs-c-productPrices {
    margin-right: 24px;
  }
}

@media screen and (max-width: 768px) {
  .product-name .product-price-point .fs-c-productPrices {
    margin-right: 23px;
  }
}

.fs-c-productPrice--selling.is-sale {
  color: #890404;
}

.fs-c-productPrice--selling.is-sale .fs-c-price__currencyMark,
.fs-c-productPrice--selling.is-sale .fs-c-price__value {
  color: #890404;
}

.fs-c-productPrice__main__label {
  display: none;
}

.fs-c-productPrice--listed .fs-c-productPrice__main__price {
  text-decoration: line-through;
  color: #5F5F5F;
}

.fs-c-productPrice--selling .fs-c-productPrice__main__label,
.fs-c-productPrice__addon--listed {
  display: none;
}

@media screen and (min-width: 769px) {
  .product-name .fs-c-productPrice--listed .fs-c-productPrice__main__price,
  .product-name .fs-c-productPrice--listed .fs-c-price__currencyMark,
  .product-name .fs-c-productPrice--listed .fs-c-price__value,
  .memberOnlyPrice .fs-c-productPrice--selling .fs-c-productPrice__main__price,
  .memberOnlyPrice .fs-c-productPrice--selling .fs-c-price__currencyMark,
  .memberOnlyPrice .fs-c-productPrice--selling .fs-c-price__value {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}

@media screen and (max-width: 768px) {
  .product-name .fs-c-productPrice--listed .fs-c-productPrice__main__price,
  .product-name .fs-c-productPrice--listed .fs-c-price__currencyMark,
  .product-name .fs-c-productPrice--listed .fs-c-price__value,
  .memberOnlyPrice .fs-c-productPrice--selling .fs-c-productPrice__main__price,
  .memberOnlyPrice .fs-c-productPrice--selling .fs-c-price__currencyMark,
  .memberOnlyPrice .fs-c-productPrice--selling .fs-c-price__value {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}

@media screen and (min-width: 769px) {
  .product-name .fs-c-productPrice__main {
    margin-right: 2px;
  }
}

@media screen and (max-width: 768px) {
  .product-name .fs-c-productPrice__main {
    margin-right: 5px;
  }
}

.product-name .fs-c-price__currencyMark {
  font-family: 'Roboto','Noto Sans Japanese', sans-serif;
  font-weight: 300;
}

@media screen and (min-width: 769px) {
  .product-name .fs-c-price__currencyMark {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: 0.11em;
  }
}

@media screen and (max-width: 768px) {
  .product-name .fs-c-price__currencyMark {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1;
    letter-spacing: 0.115em;
  }
}

.product-name .fs-c-price__value {
  font-family: 'Roboto','Noto Sans Japanese', sans-serif;
  font-weight: 300;
}

@media screen and (min-width: 769px) {
  .product-name .fs-c-price__value {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: 0.11em;
  }
}

@media screen and (max-width: 768px) {
  .product-name .fs-c-price__value {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}

.product-name .fs-c-productPrice__addon {
  font-family: 'Roboto','Noto Sans Japanese', sans-serif;
  font-weight: 300;
}

@media screen and (min-width: 769px) {
  .product-name .fs-c-productPrice__addon {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.18182;
    letter-spacing: 0.055em;
  }
}

@media screen and (max-width: 768px) {
  .product-name .fs-c-productPrice__addon {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.16667;
    letter-spacing: 0.06em;
  }
}

.product-name .fs-c-productPointDisplay {
  margin: 0;
  padding: 0;
  background: none;
  color: #262627;
}

.product-name .fs-c-productPointDisplay__label, .product-name .fs-c-productPointDisplay__unit {
  display: none;
}

.product-name .fs-c-productPointDisplay__quantity {
  display: block;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  font-family: 'Roboto','Noto Sans Japanese', sans-serif;
  font-weight: 300;
}

@media screen and (min-width: 769px) {
  .product-name .fs-c-productPointDisplay__quantity {
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1.11111;
    letter-spacing: 0.09em;
  }
}

@media screen and (max-width: 768px) {
  .product-name .fs-c-productPointDisplay__quantity {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.1;
    letter-spacing: 0.1em;
  }
}

.product-name .fs-c-productPointDisplay__quantity:before {
  content: "+";
}

.product-name .fs-c-productPointDisplay__quantity:after {
  content: "POINT";
}

.product-name .product-delivery-date {
  display: inline-block;
  padding: 2px 15px;
  background: #E2E2E2;
}

.product-name .product-delivery-date__txt {
  font-family: 'Roboto','Noto Sans Japanese', sans-serif;
  font-weight: 300;
}

@media screen and (min-width: 769px) {
  .product-name .product-delivery-date__txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}

@media screen and (max-width: 768px) {
  .product-name .product-delivery-date__txt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.075em;
  }
}

@media screen and (max-width: 768px) {
  .fs-l-product2 .fs-l-productLayout > * > .product-cart {
    margin-bottom: 18px;
  }
}

.product-cart .fs-c-variationLabel {
  display: none;
}

@media screen and (min-width: 769px) {
  .product-cart .fs-c-variationList__item {
    margin-bottom: 22px;
  }
  .product-cart .fs-c-variationList__item:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationList__item {
    border-bottom: 1px solid #707070;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationList__item:first-child {
    border-top: 1px solid #707070;
  }
}

@media screen and (min-width: 769px) {
  .product-cart .fs-c-variationList__item__title {
    background: #E5E5E5;
    padding: 6px 0 6px 10px;
    text-align: left;
    font-size: 10px;
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationList__item__title {
    margin-top: 8px;
    background: none;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  .product-cart .fs-c-variationList__item__body {
    margin-top: 11px;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationList__item__body {
    margin: 0;
  }
}

@media screen and (min-width: 769px) {
  .product-cart .fs-c-variationList__item__image {
    margin-right: 23px;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationList__item__image {
    width: 102px;
    margin-right: 10px;
    padding: 16px 0;
  }
}

.product-cart .fs-c-variationList__item__image img {
  max-width: 73px;
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationCart > li + li {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationCart--withImage > li {
    padding: 20px 0;
    border-bottom: 1px solid #707070;
    -ms-grid-columns: auto 1fr 25px 121px;
    grid-template-columns: auto 1fr 25px 121px;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationCart--withImage > li:last-child {
    border-bottom: none;
  }
}

.product-cart .fs-c-variationCart__variationName__name {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.15em;
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationCart__variationName__name {
    font-weight: bold;
  }
}

.product-cart .fs-c-variationCart__variationName__stock {
  margin-top: 5px;
  color: #454545;
}

@media screen and (min-width: 769px) {
  .product-cart .fs-c-variationCart__variationName__stock {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-variationCart__variationName__stock {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: 0.15em;
  }
}

.product-cart .fs-c-button--primary.fs-c-button--addToCart--variation {
  border: 1px solid #4F4A4C;
  background: #4F4A4C;
  box-shadow: none;
}

@media screen and (min-width: 769px) {
  .product-cart .fs-c-button--primary.fs-c-button--addToCart--variation {
    padding: 6px 0;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-button--primary.fs-c-button--addToCart--variation {
    padding: 8px 0;
  }
}

.product-cart .fs-c-button--primary.fs-c-button--addToCart--variation .fs-c-button__label {
  position: relative;
  padding-left: 10px;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 300;
}

@media screen and (min-width: 769px) {
  .product-cart .fs-c-button--primary.fs-c-button--addToCart--variation .fs-c-button__label {
    font-size: 10px;
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-button--primary.fs-c-button--addToCart--variation .fs-c-button__label {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}

.product-cart .fs-c-button--primary.fs-c-button--addToCart--variation .fs-c-button__label:before {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 10px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

.product-cart .fs-c-button--subscribeToArrivalNotice--variation {
  border: 1px solid #707070;
  background: none;
  box-shadow: none;
}

@media screen and (min-width: 769px) {
  .product-cart .fs-c-button--subscribeToArrivalNotice--variation {
    padding: 6px 0;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-button--subscribeToArrivalNotice--variation {
    padding: 8px 0;
  }
}

.product-cart .fs-c-button--subscribeToArrivalNotice--variation .fs-c-button__label {
  font-weight: 300;
  color: #707070;
}

@media screen and (min-width: 769px) {
  .product-cart .fs-c-button--subscribeToArrivalNotice--variation .fs-c-button__label {
    font-size: 10px;
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }
}

@media screen and (max-width: 768px) {
  .product-cart .fs-c-button--subscribeToArrivalNotice--variation .fs-c-button__label {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}

.fs-c-button--inquiryAboutProduct {
  position: relative;
  margin: 0 auto;
  padding-left: 19px;
}

.fs-c-button--inquiryAboutProduct:before {
  content: "";
  background-image: url(https://noisemaker.itembox.design/item/assets/images/icon/question.png);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 0;
  display: inline-block;
}

.fs-c-button--inquiryAboutProduct .fs-c-button__label {
  display: inline-block;
  font-size: 10px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .fs-l-product2 .fs-l-productLayout > * > .product-reserve {
    margin-bottom: 18px;
  }
}

.fs-c-productPreorderMessage p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
}

.fs-c-productSalesPeriod {
  border: 1px solid #E5E5E5;
  border-width: 1px 0;
}

.fs-c-productSalesPeriod__label {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
}

.fs-c-productSalesPeriod__date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
}

.fs-p-productDescription {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
}

.product-reserve b {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
}

.product-detail__wrapper #tab-comment:checked ~ .tab__btn .comment-label {
  background: #fff;
  color: #000;
}

.product-detail__wrapper #tab-comment:checked ~ .tab__panel #comments {
  display: block;
}

.product-detail__wrapper #tab-detail:checked ~ .tab__btn .detail-label {
  background: #fff;
  color: #000;
}

.product-detail__wrapper #tab-detail:checked ~ .tab__panel #details {
  display: block;
}

.product-detail .tab {
  width: 100%;
}

@media screen and (min-width: 897px) {
  .product-detail .tab {
    margin: 80px auto;
  }
}

@media screen and (max-width: 896px) {
  .product-detail .tab {
    margin: 0 auto;
  }
}

.product-detail .tab__input {
  display: none;
  font-size: 0;
}

.product-detail .tab__btn {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -ms-flex-line-pack: center;
  justify-content: center;
  -ms-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
}

.product-detail .tab__btn__label {
  width: 50%;
  display: inline-block;
  padding: 12px 0;
  background: #dcdcdc;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  transition: ease 0.2s opacity;
}

.product-detail .tab__btn__label__txt {
  letter-spacing: 0.2rem;
  line-height: 1;
}

@media screen and (min-width: 897px) {
  .product-detail .tab__btn__label__txt {
    font-size: 12px;
  }
}

@media screen and (max-width: 896px) {
  .product-detail .tab__btn__label__txt {
    font-size: 11px;
  }
}

.product-detail .tab__btn__label__txt__bold {
  font-family: serif;
  text-shadow: 1px 2px 3px #ffffff;
}

@media screen and (min-width: 897px) {
  .product-detail .tab__btn__label__txt__bold {
    font-size: 22px;
    padding: 0 5px;
  }
}

@media screen and (max-width: 896px) {
  .product-detail .tab__btn__label__txt__bold {
    font-size: 14px;
    display: block;
  }
}

.product-detail .normal_label .tab__btn__label__txt__bold {
  color: #ae1460;
}

.product-detail .yuttari_label .tab__btn__label__txt__bold {
  color: #124463;
}

.product-detail .tab__panel {
  background: #fff;
}

.product-detail .tab__panel__inr {
  width: 100%;
  display: none;
  box-sizing: border-box;
}

@media screen and (min-width: 897px) {
  .product-detail .tab__panel__inr {
    padding: 5% 5%;
  }
}

@media screen and (max-width: 896px) {
  .product-detail .tab__panel__inr {
    padding: 5% 3%;
  }
}

.product-detail .tab .comment__item {
  list-style: none;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
  margin-bottom: 10%;
}

.product-detail .tab .comment__item:last-child {
  margin-bottom: 0;
}

.product-detail .tab .detail__item {
  list-style: none;
  letter-spacing: 0.2rem;
  margin-bottom: 10%;
}

.product-detail .tab .detail__item:last-child {
  margin-bottom: 0;
}

.product-detail .tab .detail .size .tab_tbl {
  width: 100%;
  border-top: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  table-layout: fixed;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
}

.product-detail .tab .detail .size .tab_tbl th,
.product-detail .tab .detail .size .tab_tbl td {
  padding: 2% 0;
  text-align: center;
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}

.product-detail .tab .detail .size .th_head {
  background: #eeeeee;
  font-weight: normal;
}

.product-detail .tab .detail .size__link {
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

.product-detail .tab .detail .size__link a {
  font-weight: bold;
  text-decoration: underline;
}

.product-detail .tab .detail .clear-table {
  width: 100%;
}

.product-detail .tab .detail .clear-table__head {
  padding-bottom: 5%;
}

.product-detail .tab .detail .clear-table__head__txt {
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
}

.product-detail .tab .detail .clear-table__body {
  padding-bottom: 5%;
}

.product-detail .tab .detail .clear-table__body p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
}

@media screen and (min-width: 769px) {
  .FS2_Recommend2_recommend .fs-c-heading--page {
    font-size: 20px;
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 0.1em;
    font-weight: 300;
  }
}

@media screen and (max-width: 768px) {
  .FS2_Recommend2_recommend .fs-c-heading--page {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-weight: 300;
  }
}

/* ============================================================
   商品画像エリア：futureshop標準フリック型パーツの表示調整
   2026-08 商品動画表示対応
   ------------------------------------------------------------
   前提：商品画像は futureshop 標準の「商品画像（フリック）」
   パーツを使用しています。旧独自スライダー（slick +
   elevateZoom + PhotoSwipe v5）は撤去済みのため、関連する
   JS・CSS・HTMLは復活させないでください。
   ============================================================ */

/* --- 画像・動画のサイズを列幅に合わせる ---------------------
   標準CSSは max-width:100vw / max-height:100vh で画像を
   「画面サイズ」基準に拡大するため、2カラムのこのレイアウトでは
   列幅からはみ出して切れる。動画は中身が全て％指定のため幅0に
   潰れる。コンテナクエリで列幅基準にして両方を解決している。 */
.fs-c-productCarouselMainImage__carousel {
  container-type: inline-size;
}

.fs-c-productCarouselMainImage__image > img {
  max-width: 100cqw;
  max-height: none;
}

.fs-c-productCarouselMainImage__movie {
  /* JSがインラインで width:100% を付けるため !important が必要 */
  width: 100cqw !important;
}

.fs-c-productCarouselMainImage__movie__frame iframe {
  width: 100% !important;
  height: 100% !important;
}

/* --- 並び順：メイン画像 → スペック表示 → サムネイル一覧 ------
   スペック表示は標準パーツの外側にあるため、display:contents で
   入れ子を一段フラットにしてから order で差し込んでいる。 */
.product__item__block.product-image-read {
  display: contents;
}

.fs-c-productCarouselMainImage {
  display: contents;
}

.fs-l-productLayout__item--1 {
  display: flex;
  flex-direction: column;
}

.fs-c-productCarouselMainImage__carousel {
  order: 1;
}

.fs-c-productCarouselMainImage__expandButton {
  order: 2;
}

.product-image-discription {
  order: 3;
}

/* スペック表示の上下の余白。下側は 42px から 17px に詰めている。
   下マージンは既存の .fs-l-product2 .fs-l-productLayout > * > * の 42px と
   競合するため、詳細度を上げて指定している */
.fs-l-product2 .fs-l-productLayout .product-image-discription {
  margin-top: 14px;
  margin-bottom: 17px;
}

/* モデルスペックが未登録の商品では、空の枠が余白だけ残してしまうので消す
   （バッグなど着用スペックのない商品が該当。約56px詰まる） */
.product-image-discription:has(> .product-image-discription__txt:empty) {
  display: none;
}

.fs-c-productCarouselMainImage__thumbnailList {
  order: 4;
  margin-bottom: 14px;
}

.product-detail {
  order: 5;
}

/* --- サムネイル一覧 ----------------------------------------
   縦スクロールバー抑止：中身が枠より1pxはみ出すため、Windowsでは
   縦スクロールバーが常時表示される。Macは自動的に隠れるので
   気づきにくい。
   なめらかスクロール：JS側で scrollLeft を代入した際に、
   メイン画像のスライド（500ms）と並走させるため。 */
.fs-c-productCarouselMainImage__thumbnailList {
  overflow-y: hidden;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  .fs-c-productCarouselMainImage__thumbnailList {
    scroll-behavior: auto;
  }
}

/* --- キャプションの文字サイズ ------------------------------
   サムネイル下のカラー名と動画タイトルは標準では同じクラスのため、
   まとめて指定される。別サイズにする場合は個別のセレクタが必要。 */
.fs-c-productCarouselMainImage__thumbnail__caption {
  font-size: 10px;
}

/* メイン画像に重なって表示されるカラー名は非表示にしている */
.fs-c-productCarouselMainImage__image__caption {
  display: none;
}