@import "base_product.css";
:root{
  --blockright-space-horizontal: 5.95238095238%;
}

/* ------------------------------------------------
  .main-area.detail
------------------------------------------------ */

.main-area.detail {
  padding-top: 30px;
  letter-spacing: 0.06em;
  color: #333333;
  font-family: var(--font-main);
  /* padding-bottom: 9rem; */
}

.main-area .main-inner{
  padding: 0 2.2rem;
  box-sizing: border-box;
}

.main-area.detail .block-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 59px;
}

.main-area.detail .block-detail .block-left {
  width: 100%;
  max-width: 61.1rem;
  padding: 0 4.931%;
  box-sizing: border-box;
}

.main-area.detail .block-detail .block-left .block-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 7rem;
  /* width: 81.3420621931%; */
}

.main-area.detail .block-detail .block-left .block-image .slider-image {
  width: 100%;
  position: relative;
}

.main-area.detail .block-detail .block-left .block-image .slider-image img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.main-area.detail .block-detail .block-left .block-image video {
  display: inline-block;
  vertical-align: top;
}

.main-area.detail .block-detail .block-left .block-image .slider-image .caption {
  margin-top: 1.2rem;
  font-size: 12px;
  text-align: center;
  font-family: var(--font-effra);
  font-weight: var(--fontweight-medium);
}
.main-area.detail .block-detail .block-left .block-image .slider-image .variationText {
  font-size: 12px;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 5px;
}

.main-area.detail .block-detail .block-left .block-image .slider-image .variationText:empty{
  display: none;
}

.main-area.detail .block-detail .block-left .block-image .slider-image .slick-arrow::before,
.main-area.detail .block-detail .block-left .block-image .slider-image .slick-arrow::after {
  width: 20px;

}

.main-area.detail .block-detail .block-left .block-image .slider-image .slick-arrow::before {
  top: 43px;
}

.main-area.detail .block-detail .block-left .block-image .slider-image .slick-arrow::after {
  bottom: 4px;
}

.main-area.detail .block-detail .block-left .block-image .slider-image .slick-prev,
.main-area.detail .block-detail .block-left .block-image .slider-image .slick-next {
  display: none !important;
  top: 46.5%;
}

/* ==========================================================================
														// 在庫表示の設定
========================================================================== */

.main-area.detail .block-detail .block-left .block-image .box-thumb {
  width: 100% !important;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  position: relative;
  height: 100%;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb {
  font-size: 0;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}



.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li {
  border: 1px solid #fff;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  max-width: 13%;
  width: 99% !important;
  margin: 0.7rem 0;
  /* margin-bottom: 1.25%; */
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li.current {
  border-color: #b3b3b3;
}

/* .main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li + li{
  margin-left: 0.7rem;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li:nth-child(n+8) {
  margin-top: 0.7rem;
} */

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li.current div {
  border-color: #b3b3b3;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li img {
  width: 100%;
  height: auto;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li video {
  width: 100%;
  min-height: 71px;
  height: calc(85 * (100vw / 1200));
  max-height: 85px;
}

.main-area.detail .block-detail .block-left .slider_Image .slider-arrow {
  /* position: absolute; */
  /* bottom: 1723%; */
  width: 100%;
}

.main-area.detail .block-detail .block-left .slider_Image .slider-arrow .slick-prev {
  position: absolute;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: -5%;
}

.main-area.detail .block-detail .block-left .slider_Image .slider-arrow .slider-prev:hover {
  opacity: 0.5;
}

.main-area.detail .block-detail .block-left .slider_Image .slider-arrow .slick-next {
  position: absolute;
  right: -5%;
}

.main-area.detail .block-detail .block-left .slider_Image .slider-arrow .slider-next:hover {
  opacity: 0.5;
}

.slider__wrapper {
  position: relative;
}

.slider_Image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.slider_Image .slick-arrow {
  position: absolute;
  top: 45%;
  z-index: 2;
}

.slider_Image .slider-prev {
  top: 45%;
}

.slider_Image .slider-next {
  top: 44%;
}

.slider_Image .slick-arrow::before {
  top: 6px;
}

.slider_Image .slick-arrow::after {
  bottom: 6px;
}

.slider_Image .slider-prev,
.slider_Image .slider-next{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6em;
  cursor: pointer;
  background-color: var(--color-bg-1);
  border-radius: 100px;
}

.slider_Image .slider-prev::before,
.slider_Image .slider-next::before{
  content: '';
  width: 0.6rem;
  height: 1.3rem;
  background-image: url(../../../Contents/ImagesPkg/common/icon_slidearrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.slider_Image .slider-prev {
  left: -5.6rem;
  -webkit-transform: scale(1) rotate(-180deg);
  transform: scale(1) rotate(-180deg);
}

.slider_Image .slider-next {
  right: -5.6rem;
  -webkit-transform: scale(1);
  transform: scale(1);
}



.main-area.detail .block-detail .block-left .block-image .slider-number {
  position: absolute;
  bottom: 7%;
  left: 43.5%;
  background: rgba(70, 70, 70, 0.2);
  padding: 6px 20px;
  color: white;
  border-radius: 999px;
  text-align: center;
  font-size: 0;
}

.main-area.detail .block-detail .block-left .block-image .slider-number .slash {
  margin: 0 3px;
}

.main-area.detail .block-detail .block-left .block-image .slider-number span {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.main-area.detail .block-detail .block-left .block-related.snap .ttl,
.main-area.detail .block-detail .block-left .block-related>.ttl {
  font-size: 18px;
  letter-spacing: 0;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
  margin-bottom: 29px;
}

.main-area.detail .block-detail .block-left .block-related .box-slider .slick-list {
  /* margin: 0 -5px; */
  min-height: 220px;
}

.main-area.detail .block-detail .block-left .block-related .box-slider .slick-list .slick-track {
  margin-left: initial;
  margin-right: initial;
}

.main-area.detail .block-detail .block-left .block-related .box-slider li {
  margin: 0 3px;
  /* width: 95px !important; */
}

.main-area.detail .block-detail .block-left .block-related .box-slider li .img {
  margin-bottom: 12px;
}

.main-area.detail .block-detail .block-left .block-related .box-slider li .img img {
  width: 100%;
  height: auto;
}

.main-area.detail .block-detail .block-left .block-related .box-slider li .ttl {
  color: #595757;
  font-size: 11px;
  line-height: 1.272;
  width: 90.38%;
  margin: 0 auto 3px;
  text-align: center;
}

/*
 ==========================================================================
    在庫表示の設定
========================================================================== 
*/
.product_stockcheck {
  min-height: 45px;
  margin-top: 18px;
}

.product_stockcheck li {
  display: none;
  font-size: 1.2rem;
}

.product_stockcheck .pill_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.product_stockcheck p {
  width: fit-content; /* 2026/01/07 変更 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 9px;
  margin-right: 10px;
}

.product_stockcheck p .stockcheck_item-color {
  word-break: keep-all;
  line-height: 1.2;
  font-family: var(--font-effra);
  font-size: 12px;
}

.product_stockcheck .stockcheck_count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: keep-all;
  width: 100%;
  justify-content: center;
}

.product_stockcheck .stockcheck_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7rem 1.2rem;
}

.product_stockcheck .stockcheck_pill {
  width: fit-content;
  padding: 0.6rem 1.8rem;
  color: #666666;
  border: 1px solid #666666;
  background-color: #fff;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* width: 107px; */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
}

.product_stockcheck .stockcheck_pill {
}


.product_stockcheck .stockcheck_pill.stockcheck_count__lowstock {
  /* width: 110px; */
}

.product_stockcheck .stockcheck_pill.stockcheck_count__warning {
  /* width: 110px; */
}

.product_stockcheck .stockcheck_pill.stockcheck_count__nostock {
  /* width: 110px; */
}

/*
 ==========================================================================
    /在庫表示の設定
========================================================================== 
*/


.main-area.detail .block-detail .block-left .block-image .box-thumb {
  width: 11.2%;
  position: relative;
  top: 1px;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb {
  font-size: 0;
  line-height: 0;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li {
  border: 1px solid #fff;
  -webkit-transition: border-color .5s;
  transition: border-color .5s;
  /* margin-top: 10px; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li.current {
  border-color: #b3b3b3;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-thumb li img {
  width: 100%;
  height: auto;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow {
  position: absolute;
  bottom: 60px;
  width: 100%;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-prev {
  position: relative;
  width: 12px;
  height: 7px;
  padding: 10px;
  margin: 0 auto 8px;
  cursor: pointer;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-prev:hover {
  opacity: .5;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-prev::before,
.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-prev::after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 1px;
  background: #000;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-prev::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 4px;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-prev::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-next {
  position: relative;
  width: 12px;
  height: 7px;
  padding: 10px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-next:hover {
  opacity: .5;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-next::before,
.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-next::after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 1px;
  background: #000;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-next::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 4px;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-arrow .slider-next::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 3px;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-number {
  position: absolute;
  bottom: 115px;
  width: 100%;
  text-align: center;
  font-size: 0;
}

.main-area.detail .block-detail .block-left .block-image .box-thumb .slider-number span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.main-area.detail .block-detail .block-left .block-related>.ttl {
  font-size: 18px;
  letter-spacing: 0;
  border-bottom: 1px solid #e6e6e6;
  padding-inline: 2.5rem;
  padding-bottom: 14px;
  margin-bottom: 29px;
}

.main-area.detail .block-detail .block-left .block-related .box-slider .slick-list {
  min-height: 212px;
}

.main-area.detail .block-detail .block-left .block-related .box-slider li {
  margin: 0 5px;
}

.main-area.detail .block-detail .block-left .block-related .box-slider li .img {
  margin-bottom: 12px;
}

.main-area.detail .block-detail .block-left .block-related .box-slider li .img img {
  width: 100%;
  height: auto;
}

.main-area.detail .block-detail .block-left .block-related .box-slider li .ttl {
  color: #595757;
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 1.272;
  width: 90.38%;
  margin: 0 auto 3px;
  text-align: center;
}

.main-area.detail .block-detail .block-left .block-related .box-slider li .price {
  color: var(--color-gray);
  font-weight: var(--fontweight-medium);
  font-size: 13px;
  letter-spacing: 0.05em;
  width: 90.38%;
  margin: 0 auto;
  text-align: center;
}

.main-area.detail .block-detail .block-right {
  width: 44%;
  max-width: 504px;
}

.main-area.detail .block-detail .block-right .block-title {
  padding: 0 var(--blockright-space-horizontal) 37px;
  margin-bottom: 5rem;
  border-bottom: 1px solid #e6e6e6;
}

.main-area.detail .block-detail .block-right .block-title .label {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1.2rem;
}

.main-area.detail .block-detail .block-right .block-title .ttl {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: 13px;
}

.main-area.detail .block-detail .block-right .block-title .price {
  font-size: 20px;
  letter-spacing: 0.05em;
  /* margin-bottom: 10px; */
}

.main-area.detail .block-detail .block-right .block-title .price .tax {
  font-size: 14px;
}

.main-area.detail .block-detail .block-right .block-title .point {
  letter-spacing: 0.05em;
  color: #808080;
}

.main-area.detail .block-detail .block-right .block-title .productPoint {
  display: block;
  font-size: 10px;
  letter-spacing: 0.05em;
  color: #808080;
  line-height: 1.25;
  margin-top: 0.5rem;
}

.main-area.detail .block-detail .block-right .block-title .productPoint a {
  display: block;
  text-decoration: underline;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation {
  border-bottom: 1px solid #e6e6e6;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e6e6e6;
  padding: 9px var(--blockright-space-horizontal) 9px;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation li:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: none;
  padding: 9px var(--blockright-space-horizontal) 9px;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation li .box-thumb {
  font-size: 10px;
  letter-spacing: 0.05em;
  color: #595757;
  text-align: center;
  width: 13%;
  margin-left: -3%;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation li .box-thumb img {
  width: 34px;
  margin: 0 auto 6px;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation li .box-stock {
  width: 16%;
  margin-top: -10px;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation li .box-stock .stock {
  font-size: 12px;
  letter-spacing: 0.05em;
  color: #595757;
  margin-bottom: 7px;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation li .box-stock .size {
  font-size: 10px;
  letter-spacing: 0.05em;
  color: #b3b3b3;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation li .box-cart {
  width: 68.571%;
}

.main-area.detail .block-detail .block-right .block-valiation .list-valiation li .box-cart .btn {
  /*margin-top: -11px;*/
}

.main-area.detail .block-detail .wazzup button {
  border-style: none;
  font-size: inherit;
  font: inherit;
  display: block;
  padding: 11px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  background: #efefef;
  border: 1px solid #efefef;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-top: 10px;
  cursor: pointer;
}

.main-area.detail .block-detail .wazzup button:hover {
  opacity: 0.5;
}

.main-area.detail .block-detail .block-right .block-btn {
  padding: 20px 5.95238095238% 20px;
  border-bottom: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main-area.detail .block-detail .block-right .block-btn .btn {
  width: 47.2972972973%;
}

.main-area.detail .block-detail .block-right .block-btn .btn.favorite .ico {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: -3px;
}

.main-area.detail .block-detail .block-right .block-btn .btn.favorite .ico img,
.main-area.detail .block-detail .block-right .block-btn .btn.favorite .ico svg {
  width: 100%;
}

.main-area.detail .block-detail .block-right .block-btn .btn.favorite .ico path {
  fill: #b3b3b3;
}

.main-area.detail .block-detail .block-right .block-btn .btn.store .ico {
  width: 10px;
  height: 14px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: -3px;
}

.main-area.detail .block-detail .block-right .block-btn .btn.store .ico img,
.main-area.detail .block-detail .block-right .block-btn .btn.store .ico svg {
  width: 100%;
}

.main-area.detail .block-detail .block-right .block-btn .btn.store .ico path {
  fill: #b3b3b3;
}

.main-area.detail .block-detail .block-right>.block-discription {
  padding: 18px var(--blockright-space-horizontal) 36px;
  border-bottom: 1px solid #e6e6e6;
}

.main-area.detail .block-detail .block-right .block-discription .ttl {
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-bottom: 13px;
}

.main-area.detail .block-detail .block-right .block-discription .txt {
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.85;
  color: #595757;
}

.main-area.detail .block-detail .block-right .block-info {
  padding: 19px var(--blockright-space-horizontal) 38px;
  border-bottom: 1px solid #e6e6e6;
}

.main-area.detail .block-detail .block-right .block-info .ttl {
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-bottom: 11px;
}

.main-area.detail .block-detail .block-right .block-info table {
  font-size: 12px;
  line-height: 1.9;
  color: #595757;
}

.main-area.detail .block-detail .block-right .block-info th {
  width: 95px;
}

.main-area.detail .block-detail .block-right .block-info td .laundryicon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-area.detail .block-detail .block-right .block-info td .laundryicon li {
  padding: 5px 0 0;
}

/* .main-area.detail .block-detail .block-right .block-info td .laundryicon li:not(:first-child) {
  margin-left: 15px;
} */

.main-area.detail .block-detail .block-right .block-info td .laundryicon li:not(:last-child) {
  margin-right: 15px;
}

.main-area.detail .block-detail .block-right .block-info td .laundryicon img {
  width: 32px;
  height: auto;
}

.main-area.detail .block-detail .block-right .block-info td .laundryicon a {
  display: none;
}

a.laundry_link {
  text-decoration: underline;
  color: inherit;
  margin-top: 10px;
  display: block;
}

.main-area.detail .block-detail .block-right .block-info td .laundryicon+a {
  display: inline-block;
  text-decoration: underline;
  margin-top: 5px;
}

.main-area.detail .block-detail .block-right .block-info .itemdetail_list tr {
  width: 100%;
}

/* ▼ 商品詳細ページにサステナブルアイコン設置 ▼ */
.main-area.detail .block-detail .block-right .block-info tr {
  display: inline-flex;
  align-items: flex-start;
}
.main-area.detail .block-detail .block-right .block-info th {
  display: inline-block;
  width: 15rem !important;
}
.main-area.detail .block-detail .block-right .block-info td {
  /* width: 36rem; */
  width: calc(100% - 15rem);
}
.main-area.detail .block-detail .block-right .block-info td .sustainable_icon {
  /* width: 35rem; */
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2rem 1rem;
  text-align: center;
  line-height: 1.3;
  pointer-events: none;
}
.main-area.detail .block-detail .block-right .block-info td .sustainable_icon li {
  width: 5rem;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-area.detail .block-detail .block-right .block-info td .sustainable_icon img {
  width: 5rem;
}
.main-area.detail .block-detail .block-right .block-info td .sustainable_icon .sustainable_txt {
  margin-top: 0.6rem;
  white-space: nowrap;
  font-family: var(--font-main);
  font-weight: var(--fw-regular);
}
/* ▲ 商品詳細ページにサステナブルアイコン設置 ▲ */

.main-area.detail .wash_about,
.main-area.detail .sustainability_about {
  display: block;
  margin-top: 10px;
  color: inherit;
  text-decoration: underline;
}


.main-area.detail .block-detail .block-right .block-size {
  padding: 24px var(--blockright-space-horizontal) 24px;
  border-bottom: 1px solid #e6e6e6;
}

.main-area.detail .block-detail .block-right .block-size .ttl {
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-bottom: 16px;
}
/* 2024/05/29 00:00 UP */
.main-area.detail .block-detail .block-right .block-size .size_link {
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-top: 16px;
}

.main-area.detail .block-detail .block-right .block-size table {
  width: 100%;
  font-size: 10px;
  letter-spacing: 0.05em;
  line-height: 1.833;
  color: #595757;
  /* margin-bottom: 11px; */
  table-layout: fixed;
}

.main-area.detail .block-detail .block-right .block-size th,
.main-area.detail .block-detail .block-right .block-size td {
  border: 1px solid #e6e6e6;
  padding: 7px 0;
  text-align: center;
  width: 14%;
}

.main-area.detail .block-detail .block-right .block-size th {
  background: #fbfbfb;
}

.main-area.detail .block-detail .block-right .block-size td:first-child {
  background: #fbfbfb;
}

.main-area.detail .block-detail .block-right .block-size .note {
  font-size: 10px;
  letter-spacing: 0.05em;
  line-height: 1.59;
  margin-bottom: 7px;
}

.main-area.detail .block-detail .block-right .block-size .link {
  font-size: 10px;
  letter-spacing: 0.05em;
  line-height: 1.59;
}

.main-area.detail .block-detail .block-right .block-size .link a {
  text-decoration: underline;
}

.main-area.detail .block-detail .block-right .block-size .link a:hover {
  text-decoration: none;
}

.main-area.detail .block-size .box-inner {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.main-area.detail .block-detail .block-right .block-share {
  padding: 38px var(--blockright-space-horizontal) 0;
}

.main-area.detail .block-detail .block-right .block-share ul {
  font-size: 0;
}

.main-area.detail .block-detail .block-right .block-share ul li {
  display: inline-block;
  width: 23px;
  height: 21px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.main-area.detail .block-detail .block-right .block-share ul li:hover {
  opacity: .5;
}

.main-area.detail .block-detail .block-right .block-share ul li:not(:last-child) {
  margin-right: 23px;
}

.main-area.detail .block-detail .block-right .block-share ul li svg {
  height: auto;
  vertical-align: middle;
}

.main-area.detail .block-detail .block-right .block-share ul li svg path {
  fill: #000;
}

.main-area.detail .block-detail .block-right .block-share ul li.facebook {
  margin: 0 14px 0 0;
}

.main-area.detail .block-detail .block-right .block-share ul li.facebook img,
.main-area.detail .block-detail .block-right .block-share ul li.facebook svg {
  width: 9px;
}

.main-area.detail .block-detail .block-right .block-share ul li.twitter {
  margin-right: 24px;
}

.main-area.detail .block-detail .block-right .block-share ul li.twitter img,
.main-area.detail .block-detail .block-right .block-share ul li.twitter svg {
  width: 20px;
}

.main-area.detail .block-detail .block-right .block-share ul li.line {
  margin-right: 26px;
}

.main-area.detail .block-detail .block-right .block-share ul li.line img,
.main-area.detail .block-detail .block-right .block-share ul li.line svg {
  width: 22px;
}

.main-area.detail .block-detail .block-right .block-share ul li.mail img,
.main-area.detail .block-detail .block-right .block-share ul li.mail svg {
  width: 23px;
}

.main-area.detail .block-detail .block-right .block-share ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.main-area.detail .box-slider .slider-content {
  overflow-x: hidden;
  margin-bottom: 31px;
}

.main-area.detail .box-slider .slider-content li {
  margin: 0 10px;
  text-align: center;
  font-size: 1.3rem;
}

.main-area.detail .box-slider .slider-content li a {
  display: block;
  text-align: center;
  font-size: 11px;
  line-height: 1.2;
}

.main-area.detail .box-slider .slider-content li img {
  width: 100%;
  height: auto;
}

.main-area.detail .box-slider .slider-content li .salePrice{
  color: #595757;
  font-size: 13px;
  width: 90.38%;
  margin: 0 auto;
  text-align: center;
}

.main-area.detail .box-slider .slider-content li .discountRateS{
  /* margin-top: 0.3rem; */
}

.main-area.detail .box-slider .slider-content .slick-list {
  /* margin: 0 -10px; */
}

.main-area.detail .box-slider .slider-nav {
  position: relative;
  text-align: center;
}

.main-area.detail .box-slider .slider-nav .slider-dots {
  display: inline-block;
}

.main-area.detail .box-slider .slider-nav .slider-arrow {
  display: inline-block;
}

.main-area.detail .block-coordinate {
  margin-bottom: 59px;
}

.main-area.detail .block-coordinate .block-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.main-area.detail .block-coordinate .block-inner>.ttl {
  font-size: 18px;
  letter-spacing: 0;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
  margin-bottom: 30px;
  width: 560px;
}

.main-area.detail .block-bottom-product {
  /* background: #fbfbfb; */
  margin-bottom: 10rem;
  /* margin-bottom: 61px;この商品を見た人がチェックしている商品が出てきたときはこちらへ切り替える */
}

.main-area.detail .block-bottom-product.productHistory_detail{
  margin-bottom: 8.6rem;
}

.main-area.detail .block-bottom-product .block-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 91.666%;
}

.main-area.detail .block-bottom-product.productHistory_detail .block-inner  {
  max-width: 1220px;
}

.main-area.detail .block-bottom-product .block-inner>.ttl {
  font-size: 18px;
  margin-bottom: 29px;
  text-align: center;
}

.main-area.detail .block-bottom-product .slider-content {
  margin-bottom: 30px;
}

.main-area.detail .block-bottom-product .slider-content li .img {
  margin-bottom: 13px;
}

.main-area.detail .block-bottom-product .slider-content li .txt,
.main-area.detail .block-bottom-product .slider-content li .txt a{
  text-align: left;
}

.main-area.detail .block-bottom-product .slider-content li .txt .ttl {
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.545;
  margin-bottom: 1px;
}

.main-area.detail .block-bottom-product .slider-content li .txt .price,
.main-area.detail .block-bottom-product .slider-content li .txt .priceBefore {
  color: #808080;
  font-weight: var(--fontweight-medium);
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.545;
  margin-bottom: 2px;
}

.main-area.detail .block-bottom-product .slider-content li .txt .price span,
.main-area.detail .block-bottom-product .slider-content li .txt .priceAfter,
.main-area.detail .block-bottom-product .slider-content li .txt .price .tax {
  font-weight: var(--fontweight-medium);
}

.main-area.detail .block-bottom-product .slider-content li .txt .discountRateS {
  font-size: 12px;
}

.main-area.detail .block-bottom-product .slider-content li .txt .color {
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 1.545;
  color: #595757;
}

.main-area.detail .block-recommend .block-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.main-area.detail .block-recommend .block-inner>.ttl {
  font-size: 18px;
  letter-spacing: 0;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
  margin-bottom: 30px;
}

.main-area.detail .block-recommend .block-inner .slider-recommend {
  margin-bottom: 20px;
}

.main-area.detail .block-recommend .block-inner .slider-recommend .slick-list {
  margin: 0 -7.5px;
}

.main-area.detail .block-recommend .block-inner .slider-recommend li {
  margin: 0 7.5px;
}

.main-area.detail .block-recommend .block-inner .slider-recommend li .img {
  margin-bottom: 14px;
}

.main-area.detail .block-recommend .block-inner .slider-recommend li .txt {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  color: #595757;
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 1.3;
}

.main-area.detail .block-bottom-product #dvUpSell.slider-content{
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 2rem;
}

.main-area.detail .block-bottom-product #dvUpSell.slider-content li{
  margin: 0;
}


#sliderRecent li a,
#sliderRelated li a,
.block-related li a {
  position: relative;
}

#sliderRecent .soldout,
#sliderRelated .soldout,
.main-area .main-inner .block-related .soldout,
.block-bottom-product .soldout {
  letter-spacing: 0.05em;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #E5E5E5;
  top: 0;
  text-align: center;
  display: table;
  opacity: 0.7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  font-size: 16px;
}

#sliderRelated .soldout{
  font-size: 12px;
}

/* パンくず */
.cateList {
  display: flex;
  margin-bottom: 40px;
  font-size: 12px;
}

#breadcrumb .cateList li span {
  padding: 0 5px;
}

.cateList li {
  margin-right: 5px;
}

.cateList li a {
  text-decoration: none;
  -webkit-transition: 0s;
  transition: 0s;
}

.cateList li a:hover {
  text-decoration: underline !important;
}

.cateList li:last-child a {
  text-decoration: none;
  pointer-events: none;
}

/* ------------------------------------------------
                 staff snap
------------------------------------------------ */
.block-look.snap {
  margin: 80px auto 40px;
  /*  sliderのCSS  */
  margin: 30px auto;
  width: 100%;
}


.block-look.snap:not(:has(.coodinateListArea)){
  display: none;
}

.block-look.snap h3 {
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 29px;
  /*text-align: center;*/
  /*  sliderのCSS  */

  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 14px;
}

.block-look.snap .ttl-main {
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 29px;
  /*text-align: center;*/
  /*  sliderのCSS  */

  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 14px;
}

.block-look.snap .coodinateProductInfoList>div .coodinateProductInfoList_date {
  color: #999999;
}

.block-look.snap .coodinateProductInfoList>div .topUserImage,
.block-look.snap .coodinateProductInfoList>div>ul>li {
  display: none;
}

.block-look.snap .coodinateProductInfoList>div>ul>li.topUserHeight,
.block-look.snap .coodinateProductInfoList>div>ul>li.topProductSize {
  display: inline-block;
  margin-top: 6px;
}

.coodinateListArea ul.flex .coodinateProductInfoList {
  margin: 0 5px;
  /*  sliderのCSS  */
  margin: 0 5px 20px;
  width: 175px;
}

.block-look.snap .coodinateProductInfoList img {
  width: 100%;
}

.block-look.snap .btn a {
  border: 1px solid #000;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 37px;
  width: 180px;
  height: 37px;
  padding: 0;
  text-align: center;
  margin: 36px auto 0;
  display: block;
}

.block-look.snap .coodinatePart {
  width: 1100px;
  margin: auto;
}

.block-look.snap .coodinatePart_index,
.block-look.snap .coodinateListLink {
  display: none;
}

.coodinateListArea .slick-next.slick-arrow {
  position: absolute;
  z-index: 2;
}

/* .coodinateListArea .slick-prev.slick-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  top: 38% !important;
  left: -30px !important;
  z-index: 2;
} */

.coodinateListArea>ul.flex {
  /*display: block;*/
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#rec.ProductDetail .dv_recommend .dv_rc_items .dv_rc_price .priceAfter {
  color: #808080 !important;
}

.block-look.snap #staffsnap button {
  color: transparent;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}

.coodinateListArea .slick-list {
  width: 100%;
  margin-bottom: 15px !important;
  margin-top: 15px;
}

.coodinateListArea .slick-dots {
  margin: 0 auto 30px;
}

.coodinateListArea .slick-dots li button {
  border: 1px solid #000 !important;
}

.coodinateListArea .slick-dots li.slick-active button {
  background-color: #000 !important;
}

.main-area.detail .coodinateListArea>ul.flex .coodinateProductInfoList {
  width: 16rem;
}

.main-area.detail .coodinateListArea>ul.flex .coodinateProductInfoList a {
  height: 20rem;
  overflow: hidden;
}

.main-area.detail .coodinateListArea>ul.flex .coodinateProductInfoList a img {
  height: 100%;
  object-fit: cover;
}

.main-area.detail .coodinateListArea>ul.flex .coodinateProductInfoList .coodinateProductInfoList_date {
  display: inline-block;
  margin-top: 6px;
  letter-spacing: 0.02em;
  font-size: 12px;
}

.main-area.detail .coodinateListArea>ul.flex .coodinateProductInfoList .topUserHeight.dn {
  letter-spacing: 0.02em;
  line-height: 1;
  font-size: 14px;
}

@media screen and (max-width:1024px) {
  .main-area.detail .coodinateListArea>ul.flex .coodinateProductInfoList {
    width: 13.5rem;
  }
}

.main-area.detail .coodinateListArea .slick-arrow::before,
.main-area.detail .coodinateListArea .slick-arrow::after {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 1px;
  background: #000;
  left: 1rem;
}


.main-area.detail .coodinateListArea .slick-prev.slick-arrow,
.main-area.detail .coodinateListArea .slick-next.slick-arrow {
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 30px;
  height: 30px;
  padding: 0;
}

.main-area.detail .coodinateListArea .slick-prev.slick-arrow {
  left: -30px;
}

.main-area.detail .coodinateListArea .slick-next.slick-arrow {
  right: -30px;
}

.main-area.detail .coodinateListArea .slick-next.slick-arrow::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10.25px;
}

.main-area.detail .coodinateListArea .slick-next.slick-arrow::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 10.25px;
}

.main-area.detail .coodinateListArea .slick-prev.slick-arrow::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10.25px;
}

.main-area.detail .coodinateListArea .slick-prev.slick-arrow::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 10.25px;
}

.SeoProductList_text {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}


/*==============================================================================================
 STAFF BLOG
 ==============================================================================================*/

.main-area.detail .block-blog {
  margin-bottom: 60px;
  letter-spacing: 0.05em;
}

.main-area.detail .block-blog img {
  width: 120px;
}

.main-area.detail .block-blog h2 {
  font-size: 18px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.main-area.detail .block-blog .articlePart .archive>li {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.main-area.detail .block-blog .articlePart .archive>li:last-child {
  border-bottom: none;
}

.main-area.detail .block-blog .articlePart .archive li>a,
.main-area.detail .block-blog .articlePart .article_info>div {
  display: flex;
}

.main-area.detail .block-blog .articlePart .article_info {
  width: 420px;
}

.main-area.detail .block-blog .ttl_img {
  width: 120px;
  margin-right: 20px;
}

.main-area.detail .block-blog .title {
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 15px;
}

.main-area.detail .block-blog .topUserImage img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.main-area.detail .block-blog .articlePart .article_info>div ul {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
}

.main-area.detail .block-blog .articlePart .article_info>div ul li:nth-child(2) {
  margin-right: 10px;
}

.main-area.detail .block-blog .articlePart .article_info>div ul .shop_name,
.main-area.detail .block-blog .articlePart .article_info>div ul .user_name,
.main-area.detail .block-blog .articlePart .article_info span.date.toponly {
  font-size: 11px;
}

.main-area.detail .block-blog .articlePart .article_info span.date.toponly {
  display: block !important;
  color: #999999;
  margin-bottom: 5px;
}

.main-area.detail .block-blog .articlePart .article_info .date,
.main-area.detail .articlePart .all_btn {
  display: none;
}

.selectValiation-item__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.6rem;
}


.VariationPanel {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  /* margin-right: 15px; */
  /* margin-bottom: 10px; */
  border-style: solid;
}

.VariationPanelSelected {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border-style: solid;
    /* margin-right: 15px; */
  /* margin-bottom: 10px; */
}

.VariationPanelSelected::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 50%;
  border: 1px solid #000;
}

.freeship_txt {
  background-color: #eeeeee;
  font-size: 12px;
  letter-spacing: 0.05em;
  padding: 10px 0;
  text-align: center;
}

.main-area.detail .discountRateS.recommendPrice {
  width: 60px;
  /* height: 20px; */
  background-color: #773f3f;
  color: #fff;
  line-height: 18px;
  display: inline-block;
  font-size: 12px;
  margin: 5px auto 0;
  text-align: center;
  vertical-align: middle;
  padding-top: 2px;
}

.main-area.detail .discountRateS.historyPrice {
  /* width: 70px;
  height: 18px;
  background-color: #fe0002;
  font-size: 14px;
  color: #fff;
  text-align: center;
  display: inline-block;
  line-height: 18px;
  margin: 5px auto 0;
  vertical-align: middle; */
}

/*ブランド表記*/

.brand {
  font-size: 11px;
  margin-bottom: 7px;
  font-family: var(--font-main);
}

/*お気に入りボタン*/
.block-valiation .box-cart {
  width: 300px !important;
}

.block-valiation .list-valiation li .favorite_btn img {
  padding-left: 10px;
  width: 30px;
  height: 20px;
}

/*帯バナーの動き*/
.headAd.banner.ticker {
  overflow: hidden;
}

/*商品金額サイズ変更　210121*/
.main-area.detail .block-detail .block-right .block-title p.price,
.main-area.detail .block-detail .block-right .block-title .price .sale-price {
  font-size: 30px !important;
}

.main-area.detail .block-detail .block-right .block-title .RateS strike {
  font-size: 16px !important;
}

.main-area.detail .block-detail .block-right .block-title p.price:has(.priceAfter) span:not(.discountRateS){
  color: #773f3f;
}

/*20220624追加:お気に入りボタン*/
.addFavorite{
  width: 7rem;
  height: 7rem;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid var(--color-bg-1);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: absolute;
  top: 58.3rem;
  right: 1rem;
  z-index: 1;
}
.addedUser{
  margin-top: 0.4rem;
  font-size: 1.3rem;
}
.modal_close{
  width: 2.5rem;
  height: 2.5rem;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 1.5em;
  right: 1.5rem;
  z-index: 20;
}
.modal_close::before,
.modal_close::after{
  width: 2.5rem;
  height: 1px;
  background-color: #000;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.modal_close::before{
  transform: rotate(-45deg);
}
.modal_close::after{
  transform: rotate(45deg);
}
.favorite_modal{
  width: 50rem;
  height: auto;
  max-height: 60vh;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  display: none;
  overflow-y: scroll;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 2rem 3rem;
  z-index: 1000;
}
.favorite_modal .modal_title{
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.8;
}
.favorite_modal .variation_item{
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0.5rem;
}
.favorite_modal .variation_item:not(.color_top){
  height: 7rem;
}
.favorite_modal .variant .variation_item:not(:first-of-type){
  border-top: 1px solid #e6e6e6;
}
.favorite_modal .color_top:nth-of-type(n+2){
  border-top: 1px solid #595757;
}
.favorite_modal .variation_item:first-of-type{
  margin-top: 1rem;
}
.favorite_modal .variation_item .variationImg{
  width: 50%;
}
.favorite_modal .variant{
  width: 50%;
}
.favorite_modal .variation_item .variationImg img{
  width: 50%;
  height: auto;
  display: block;
  margin: auto;
}
.favorite_modal .variation_item .variationName{
  width: 40%;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.6;
}
.favorite_modal .variation_item .variationAdd{
  width: 15%;
}
.favorite_modal .variation_item .btn{
  width: max-content;
  display: block;
  margin: auto;
}
.favorite_modal .variation_item .btn img{
  width: 3rem !important;
  height: 2.4rem;
}

#favorite_modal .btn.btn-mid.btn-inverse img {
  width: 3rem;
}

.main-area.detail .block-detail .block-left .block-image .slider-image .addFavorite .addfavorite_img {
  width: 2.4rem;
}

.variation_item.color_top:nth-child(n+5) {
  padding: 4rem 0;
}

.main-area.detail .productSell_detail {
  max-width: 1200px;
  width: 120rem;
  margin: 10rem auto 6rem;
}

.main-area.detail .productSell_detail .ttl {
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 29px;
  text-align: center;
}

.main-area.detail .productSell_detail .box-itemList {
  display: flex;
  gap: 20px;
}

.main-area.detail .productSell_detail .box-itemList li {
  width: 22.4rem;
}

.main-area.detail .productSell_detail .box-itemList li .txt {
  margin-top: 1rem;
}

.main-area.detail .productSell_detail .box-itemList li .txt .ttl {
  margin-bottom: 1px;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-size: 12px;
}

.main-area.detail .productSell_detail .box-itemList li .txt .price {
  margin-bottom: 2px;
  letter-spacing: 0.05em;
  line-height: 1.545;
  font-weight: var(--fontweight-medium);
  font-size: 13px;
  color: #808080;
}

.main-area.detail .productSell_detail .box-itemList li .txt .price .discountRateS.recommendPrice {
  width: 70px;
  height: 18px;
  background-color: #773f3f;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: inline-block;
  line-height: 18px;
  margin: 5px auto 0;
  padding: 0;
  vertical-align: middle;
}

.main-area.detail .block-detail .block-title .discountRateS {
  background-color: #773f3f;
  color: #fff;
}

.main-area.detail .productHistory_detail .discountRateS {
  background-color: #773f3f;
  color: #fff;
}

.main-area.detail .block-related .discountRateS {
  background-color: #773f3f;
  color: #fff;
}

.main-area.detail .productHistory_detail .slick-slider .slick-track,
.main-area.detail .productHistory_detail .slick-slider .slick-list {
  margin: 0;
}

.main-area.detail .productBanner_detail {
  padding-top: 30px;
  border-top: 1px solid #e6e6e6;
}

.main-area.detail .productBanner_detail .productBanner__banner {
  width: 100%;
}

.main-area.detail .productBanner_detail .productBanner__title {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0.02em;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 600;
}

.main-area.detail .productBanner_detail .productBanner__text {
  margin-top: 10px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  font-size: 12px;
}

.main-area.detail .productBanner_detail .productBanner__link {
  display: inline-block;
  text-decoration: underline;
}

.block-right .block-title .productPrice strike {
  text-decoration: none;
}

.block-right .block-title .productPrice .priceLine {
  text-decoration: line-through;
}

.block-valiation .list-valiation .box-cart .btn.primary {
  width: inherit;
  height: inherit;
  background: inherit;
  border: none;
  font-size: inherit;
}

.block-valiation .list-valiation .box-cart .btn.primary a {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #fff;
  background: #113e1d;
  /* border: 1px solid #113e1d; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.block-look.snap .snapBtn {
  width: 210px;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #000;
}

.block-look.snap .snapBtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: var(--font-main);
}

/* 追加 */
.detail .productSellInfo{
  padding: 0 var(--blockright-space-horizontal) 0;
  font-family: var(--font-effra);
}

.detail .productSellInfo .selectValiation{
  margin-bottom: 5rem;
}

.selectValiation-item + .selectValiation-item{
  margin-top: 4.8rem;
}

.detail--error{
  /* padding: 10px 0; */
}

.detail-heading{
  margin-bottom: 20px;
  font-size: 1.8rem;
}

.selected-color{
  margin-bottom: 18px;
  font-size: 1.3rem;
  font-weight: var(--fontweight-medium);
  color: #333333;
}

.detail--size{
  /* width: fit-content;
  margin-right: auto;
  margin-top: 10px; */
}

.detail--inventory{
  padding: 0  0 20px; 
  font-size: 16px;
}

/* .VariationPanelSelected2{
  border-bottom: 1px solid #000;
} */

.productAmount{
  font-size: 16px;
}


.block-right .productCart{
  margin: 0 0 6rem;
}

.block-right .btn.primary{
  display: block;
  height: 52px;
  line-height: 52px;
  background: var(--color-brand-primary);
  border: 1px solid transparent;
}

.block-right .btn.primary:hover{
  opacity: 1;
  border: 1px solid var(--color-brand-primary);
  color: var(--color-brand-primary);
  background-color: var(--color-white);
}

.block-right .btn.primary a{
  transition: 0s;
}

.block-right .btn.primary a:hover{
  opacity: 1;
}

.detail--size--list{
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.detail--size--list a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.2rem;
  height: 4.6rem;
  background: var(--color-bg-1);
  font-size: 1.3rem;
  font-weight: var(--fontweight-medium);
}

.detail--size--list a:has(.VariationPanelSelected2){
  background: var(--color-brand-primary);
  color: var(--color-white);
  letter-spacing: 0.06em;
}


.detail--error,
.detail--error p{
  /* padding: 10px 0; */
  font-size: 12px;
  line-height: 1.75;
  color: red;
}

.detail--error .error:empty{
  display: none;
}

.detail--error .error:first-of-type {
  margin: 1rem 0;
}

.btn.primary a{
  padding: 0;
}

.ChangesByVariation .error_inline{
  padding: 0 var(--blockright-space-horizontal) 0;
}

#sliderImage{
  opacity: 0;
  transition: opacity .1s linear;
}
#sliderImage.slick-initialized{
  opacity: 1;
}

.detail-description .txt{
  margin-top: 1em;
}

.detail-description p{
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #595757;
}

.detail-description span{
  font-size: 12px !important;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #595757 !important;
}

/* カート投入後ポップアップ */
.c-cart-popup {
  --color-red: #773f3f;
  --cart-popup-zindex: 110;
  --cart-popup-icon-size: 9.71px;
  --cart-popup-icon-padding: 5px;
  --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: #B5B5B5;
  mix-blend-mode: multiply;
}
.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%);
  width: min(90%, 385px);
  max-height: 90vh;
  max-height: 90dvh;
  background-color: #fff;
}
.c-cart-popup .c-cart-popup__inner.--rounded {
  border-radius: 10px;
}
.c-cart-popup .c-cart-popup__header {
  display: grid;
  grid-template-columns:
    var(--cart-popup-closeButton-size)
    minmax(0, 1fr)
    var(--cart-popup-closeButton-size);
  grid-template-areas: ". title closeButton";
  align-items: center;
  column-gap: 8px;
  padding: 13px;
  background-color: #eee;
}
.c-cart-popup .c-cart-popup__header-title {
  grid-area: title;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  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__body {
  padding: 20px;
}
.c-cart-popup .c-cart-popup__main {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.c-cart-popup .c-cart-popup__main-inner {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  column-gap: 15px;
}
.c-cart-popup .c-cart-popup__main-image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.c-cart-popup .c-cart-popup__main-info {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  row-gap: 6px;
  font-size: 12px;
  line-height: 1.63;
  letter-spacing: 0.05em;
}
.c-cart-popup .c-cart-popup__product-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  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;
  column-gap: 5px;
  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 {
  font-size: 16px;
  color: var(--color-price-text, unset);
  font-weight: 400;
}
.c-cart-popup .c-cart-popup__price-tax {
  font-size: 10px;
  color: var(--color-price-text, unset);
  line-height: 1.65;
}
.c-cart-popup .c-cart-popup__price-discountRate {
  display: inline-grid;
  place-items: center;
  align-self: flex-start;
  height: 16px;
  padding: 0 8.9px;
  font-size: 10px;
  color: #fff;
  line-height: 1.2;
  background-color: #773f3f;
}
.c-cart-popup .c-cart-popup__errMsg {
  font-size: 12px;
  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));
  gap: 10px 15px;
}
.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);
  transition: opacity var(--transition-default, 500ms ease);
}
.c-cart-popup .c-cart-popup__btn:hover {
  opacity: var(--opacity-hover, 0.7);
}
.c-cart-popup .c-cart-popup__btn.--outline {
  --color-btn-text: #000;
  --color-btn-background: #fff;
  --color-btn-border: #707070;
}
.c-cart-popup .c-cart-popup__btn.--fill {
  --color-btn-text: #fff;
  --color-btn-background: #333;
  --color-btn-border: #333;
}

.main-area.detail .productHistory_detail .ColorTip_box {
  display: none;
}


/* .stockcheck_pill:not(:has(.stockcheck_count)) {
  display: none;
} */

.c-breadcrumb__text {
  display: flex;
  align-items: center;
}
.c-breadcrumb__text:has(a:nth-child(2)) a:not(:last-child)::after {
  content: ">";
  width: auto;
  height: 1rem;
  aspect-ratio: 1;
  margin: 0 1rem;
  text-align: center;
  font-family: var(--font-main);
  font-size: min(0.7142857143vw, 10px);
  line-height: 1;
  font-weight: normal;
  color: #333333;
}

@media screen and (max-width: 1200px) {
  .main-area.detail .revico-star .revico-review {
    width: auto;
  }

  .main-area.detail .revico-star .revico-star-graph-wrapper {
    width: auto;
  }
}

.main-area.detail .revico-star .revico-review {
  background-size: 26px;
  background-position: top 3px left 0;
}