@charset "utf-8";

/* ==========================================================================
   Product
========================================================================== */

/* ------------------------ archive-page ------------------------ */
.archive-wrap .archive-list-item {
   grid-template-columns: 1fr 1fr 1fr;
   column-gap: 36px;
   row-gap: 40px;
}
.archive-wrap .archive-list-item li a {
   width: 100%;
}
.archive-wrap .archive-list-item li .archive-list-item-detail {
   margin-top: 35px;
   text-align: center;
}
.archive-wrap .archive-list-item li .archive-list-item-detail .product-title {
   line-height: 1.6;
   letter-spacing: 0.2em;
}
.archive-wrap .archive-list-item li .archive-list-item-detail .product-price {
   font-size: 12px;
   line-height: 4.6;
   letter-spacing: 0.1em;

   color: #505050;
}

@media screen and (max-width: 750px) {
   .archive-wrap .inner {
      width: 100%;
   }
   .archive-wrap .archive-list-item {
      grid-template-columns: 1fr 1fr;
      column-gap: 4vw;
      row-gap: 12.8vw;
   }
   .archive-wrap .archive-list-item {
        display: grid;
   }
   .archive-wrap .archive-list-item li .archive-list-item-detail {
      margin: 2.933vw 2.667vw 0;
      text-align: left;
   }
   .archive-wrap .archive-list-item li .archive-list-item-detail .product-title {
      font-size: 4vw;
   }
   .archive-wrap .archive-list-item li .archive-list-item-detail .product-price {
      font-size: 3.2vw;
   }
}

/* ------------------------ detail-page ------------------------ */

.content-wrap {
   padding-top: 100px;
   margin-top: 65px;
}
.product-content-wrap {
   display: flex;
}
.product-content-wrap h2 {
   font-size: 22px;
   font-weight: 400;
   line-height: 1.5;
   letter-spacing: 0.2em;
   word-break: break-word;
}

.product-content-item-img {
   max-width: 580px;
   width: 42.46vw;
   flex: 1;
}
.product-content-item-img .item-img {
   position: relative;
}
.product-content-item-img .item-img .arrow-icn-wrap {
   position: absolute;
   bottom: 20px;
   right: 20px;
   display: flex;
}
.product-content-item-img .item-img .arrow-icn-wrap .arrow-icn {
   width: 40px;
   cursor: pointer;
}
.product-content-item-img .item-img .arrow-icn-wrap .prev-icn {
   transform: rotate(180deg);
   margin-right: 15px;
}
@media screen and (min-width: 749px) {
   .product-content-item-img .thumbnail-img .slider-thumb .slick-track {
      transform: unset !important;
      width: 100% !important;
      display: flex;
      flex-wrap: wrap;
   }
   .product-content-item-img .thumbnail-img .slider-thumb .slider-thumb-item {
      width: calc(100% / 5 - 8.5px) !important;
      margin-top: 8px;
      cursor: pointer;
   }
}
.product-content-item-img .thumbnail-img .slider-thumb .slider-thumb-item:nth-child(n+2) {
   margin-left: 10px;
}
.product-content-item-img .thumbnail-img .slider-thumb .slider-thumb-item:nth-child(6) {
   margin-left: 0;
}
.product-content-item-img .thumbnail-img .slider-thumb .slider-thumb-item.slick-current {
   border: 0.5px solid #231815;
}
.product-content-item-detail {
   max-width: 430px;
   width: 31.479vw;
   flex: 1;

   margin-left: 7.321vw;
}


.product-content-item-detail .product-price {
   font-size: 15px;
   font-weight: 400;
   line-height: 3.7;
   letter-spacing: 0.1em;

   color: #505050;
}

.product-content-item-detail .product-size {
   margin-top: 40px;
}

.product-content-item-detail .product-size .title {
   font-size: 14px;
   font-weight: 300;
   line-height: 2;
   letter-spacing: 0.1em;
}
.product-content-item-detail .product-size .text {
   font-size: 15px;
   font-weight: 300;
   line-height: 2.1;
   letter-spacing: 0.06em;

   margin-top: 7px;
}

.product-content-item-detail-bottom {
   margin-top: 80px;
}

.product-content-item-detail-bottom dl {
   border-top: 0.75px solid #878788;
}
.product-content-item-detail-bottom dl:last-child {
   border-bottom: 0.75px solid #878788;
}
.product-content-item-detail-bottom dl:has(dt.close) {
    border-bottom: 0;
}
.product-content-item-detail-bottom dl dt {
   font-size: 14px;
   font-weight: 300;
   line-height: 2;
   letter-spacing: 0.1em;

   color: #4C4B4C;

   padding: 10px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;

   cursor: pointer;
}
.product-content-item-detail-bottom dl dt span {
   display: block;
   width: 7.5px;
   height: 15px;

   margin-right: 33px;
}
.product-content-item-detail-bottom dl dt.close span {
   transform: rotate(270deg);
}
.product-content-item-detail-bottom dl dd {
   font-size: 15px;
   font-weight: 300;
   line-height: 2.1;
   letter-spacing: 0.08em;

   display: none;
   margin-top: 5px;
   margin-bottom: 40px;
}

.product-content-item-detail-bottom dl.product-detail a,
.product-content-item-detail-bottom dl.product-detail p {
   margin-top: 10px;
}

@media screen and (max-width: 750px) {
   .content-wrap {
      padding-top: 16vw;
      margin-top: 14.133vw;
   }
   .product-content-wrap {
      display: block;
   }
   .product-content-wrap h2 {
      font-size: 5.867vw;
   }
   .product-content-wrap .product-price {
      font-size: 4vw;
      font-weight: 400;
      line-height: 3.7;
      letter-spacing: 0.1em;

      color: #505050;
   }

   .product-content-item-img {
      max-width: none;
      width: auto;
      margin: 4vw -5.333vw 0;
   }
   .product-content-item-img .thumbnail-img .slider-thumb .slider-thumb-item {
      width: 28.8vw !important;
      margin-top: 5.333vw;
   }
   .product-content-item-img .thumbnail-img .slider-thumb .slider-thumb-item:nth-child(n+2) {
      margin-left: 2.667vw;
   }
   .product-content-item-img .thumbnail-img .slider-thumb .slider-thumb-item:nth-child(6) {
      margin-left: 2.667vw;
   }
   .product-content-item-img .thumbnail-img .slider-thumb .slider-thumb-item.slick-current {
      position: relative;
      border: 0.5px solid #231815;
   }
   .product-content-item-detail {
      max-width: none;
      width: auto;

      margin-left: 0;
   }
   .product-content-item-detail .product-size {
      margin-top: 16vw;
   }

   .product-content-item-detail .product-size .title {
      font-size: 3.733vw;
   }
   .product-content-item-detail .product-size .text {
      font-size: 4vw;

      margin-top: 2.667vw;
   }

   .product-content-item-detail-bottom {
      margin-top: 21.333vw;
   }

   .product-content-item-detail-bottom dl dt {
      font-size: 3.733vw;

      padding: 2.667vw 0;
   }
   .product-content-item-detail-bottom dl dt span {
      width: 2vw;
      height: 4vw;

      margin-right: 8vw;
   }
   .product-content-item-detail-bottom dl dd {
      font-size: 4vw;

      margin-top: 2.667vw;
      margin-bottom: 10.667vw;
   }
}