@charset "UTF-8";

.p-productDetaiMain-subsc {

    align-items: center;
    color: var(--color-cstm-black-01);

    .p-productDetaiMain-subsc__price-tax {
        color: var(--color-cstm-black-01);
    }

    .p-productDetaiMain-subsc__icon {
        padding : 0;
        border : none;
        font-size: 0.6em;
        color: var(--color-cstm-black-01);
    }

}

/**
 * 商品説明テーブル
 */
h2.product-section-h2 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

table.product-data-table {

    width : 100%;
    margin-bottom: 4rem;

    th,
    td {
    border: solid 1px var(--color-gray-dark);
    padding: 15px 20px;
    }

    th {
    background-color: var(--color-gray);
    min-width: 7.5em;
    width: 18%;
    }

}



/**
 * 注文数 増減ボタン
 */
.c-productSkuQuantity {

    width: unset;
    display: flex;

    input.c-productSkuQuantity__input,
    .btn-decrement-quantity,
    .btn-increment-quantity
    {
        border: 1px solid var(--color-cstm-dark-beige-01);
    }

    input.c-productSkuQuantity__input
    {
        font-size: 1.8rem;
        width : 4em;
    }

    .btn-decrement-quantity,
    .btn-increment-quantity
    {
        background-color: var(--color-cstm-super-light-beige-01);
        font-size: 2.5rem;
        cursor: pointer;
    }

    .btn-decrement-quantity
    {
        border-radius: 5px 0 0 5px;
    }

    .btn-increment-quantity
    {
        border-radius: 0 5px 5px 0;
    }

}


/* Override W2 default style
--------------------------------------- */
.div-product-outline {
  padding: 24px;
  background-color: var(--color-cstm-super-light-beige-01);;
  border: 1px solid var(--color-cstm-dark-beige-01);
}

.p-page-productDetail .c-btn-favorit {
  max-width: 15em;
  /* margin : 0 auto 1.5em auto; */
}

.p-productSkuBottomBtn .c-btn-cart {
  border-radius: 9999px;
}

.product-catchcopy {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-dark-brown);
}

.m-productDetailImg-slider__image {
  border-radius: 10px;
}

.m-productDetailImg-thumsList__image {
  cursor: pointer;
  border-radius: 10px;
}

.m-productDetailImg-thumsList__item {
  display: block;
  width: calc(16.6666% - 0.8333333333rem);
  cursor: pointer;
}

.p-productDetaiMain-head {
  padding: 0;
}

.p-productDetaiMain-head__title-name {
  font-size: 2.6rem;
  line-height: 1.30769;
  color : var(--color-dark-brown)
}

.p-productDetaiMain-head__id {
  margin-top : 1.3rem;
}

.p-productDetaiMain-head__price {
  margin: 0 0 0.75em 0;
  color: var(--color-dark-brown);
}

div.p-productDetailWrap__detailBlock {

  & > .p-productDetaiMain {

    & > .p-productDetaiMain-body {

      /*
      order-style: dotted none dotted none;
      border-width: 2px;
      */

      li.p-productSkuBottomBtn__favorit {
          margin-top: 1.5rem;
      }

      /*
      * オプション入力
      */
      .c-formInput-item
      {
        .option-remarks {
          margin-top : 0.25em;
          margin-left: 0.5em;
          color: var(--color-cstm-middle-dark-gray);
        }
      }
    }
  }
}

.m-productSkuDropdown {
  padding-top: unset;
  border-top: unset;
}

.m-productSkuDropdown-buyStep__title {

    font-size: 1.6rem;
    font-weight: 500;
    width: 8.5em;
    min-width: 8.5em;

    &::after {
        content: "";
    }

}

.m-productSkuDropdown-buyStep + .m-productSkuDropdown-buyStep {
    margin-top: 1.5rem;
}

.m-productDetailImg-slider__item {
  background: transparent;
}

.p-productDetaiMain-guideTabBox-item {
  position: relative;
}

.p-productDetaiMain-guideTabBox-item__body {
  display: block;
}

.p-productDetail-foot {

    dl.p-productDetaiMain-guideTabBox-item {

        & > dt.p-productDetaiMain-guideTabBox-item__head_custom {
            text-align: center;
            font-size: 2.2rem;
            font-weight: bold;
        }

        .p-productDetaiMain-guideTabBox-reviewList__addReviewBtn {
            padding: 0;
            text-align: right;
            margin: 0 0 3em 0;
            max-width: unset;
        }

    }

}

.p-productDetaiMain-guideTabBox-detailText__text .l-container-sm {
  padding: 0;
}

.p-productDetaiMain-subsc__info {
  font-size: 1.9rem;
}

.p-productDetaiMain-subsc__info-caption {
  font-size: 1.6rem;
}

/*
.p-productDetaiMain-subsc:last-of-type {
  margin-bottom: 1rem;
}
*/

/*
.p-productDetaiMain-subsc--regular {
  color: var(--color-gray-middle);
}

.p-productDetaiMain-subsc--regular .p-productDetaiMain-subsc__price-tax {
  color: var(--color-gray-middle);
}
*/

/*
.p-productDetaiMain-body {
  border-style: none none dotted none;
}
*/

.p-productDetaiMain-cautionList {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5em;
}

.p-page-productDetail {

    .p-productDetailWrap {
        & > .p-productDetailWrap__recommendBlock {

            & > .p-productDetailWrap__recommendBlock-item {

                & > .m-productRecommend-wrap  {

                    & > .m-productRecommend-wrap__title {

                        position: relative;

                        & > span {
                            display: inline-block;
                            background-color: var(--color-white);
                            padding-right: 0.5em;
                        }

                        &::after {
                            content: "";
                            width: 100%;
                            position: absolute;
                            left : 0;
                            top : 50%;
                            transform: translateY(-50%);
                            height: 0;
                            border-bottom : 1px solid var(--color-gray-dark);
                            z-index: -1;
                        }

                    }

                    & > .m-productRecommend-scrollWrap {

                        & > .m-productRecommend-scroll {

                            & > ul.disp-flex {

                                gap : 5%;

                                & > li {
                                    width: 30%;

                                    & > .c-product {

                                        /*
                                        & > .c-product-head {
                                            & > .c-product-head__link {
                                                & > .c-product-head__image {
                                                }
                                            }
                                        }
                                        */

                                        & > .c-product-body {
                                            & > .c-product-body__price {
                                                border-top: none;
                                                margin-top : 0;
                                            }
                                        }
                                    }
                                }

                            }


                        }

                    }
                }
            }
        }

        #sec-shipping-schedule,
        #sec-product-outline
        {

            margin-bottom : 3rem;

            h2 {

                margin-bottom: 16px;
                padding-left: 14px;
                font-size: 18px;
                font-weight: 500;
                position: relative;

                &::before {
                    content: "";
                    width: 4px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    height: 16px;
                    border-radius: 2px;
                    background-color: #f07c48;
                }

            }
        }

        #sec-shipping-schedule {

            .div-product-outline {
                background-color: var(--color-cstm-dark-brown-03);
                border: none;
                color: #fff;

                span.shipping-schedule-cutoff-date,
                span.shipping-schedule-date {
                    font-size: 1.8rem;
                    font-weight: bold;
                }

                .shipping-schedule-note {
                    font-size: 1.2rem;
                }
            }

        }
    }


  .p-productDetail-foot {

      & > .p-productDetailWrap__recommendBlock {

          & > .p-productDetailWrap__recommendBlock-item {

              & > .m-productRecommend-wrap  {

                  & > .m-productRecommend-scrollWrap {

                      & > .m-productRecommend-scroll {

                          & > ul.disp-flex {

                              gap : 4%;

                              & > li {
                                  width: 22%;
                              }

                          }


                      }

                  }
              }
          }
      }

  }
}