@charset "UTF-8";
/* Page Product Detail
------------------------------------------------------------- */
/* =============================================================
    Component
============================================================= */
.p-productDetaiMain-head__flavor{
  display: grid;
  grid-template-columns: auto 1rem;
  width: fit-content;
}
.p-productDetaiMain-head__flavor::after{
  margin-left: -1px;
  content: '';
  width: 1rem;
  height: auto;
  clip-path: polygon(0 0, 100% 0%, 6% 100%, 0% 100%);
}
.p-productDetaiMain-head__flavor:has(.p-productDetaiMain-head__flavor-name:empty){
  display: none;
}
.p-productDetaiMain-head__flavor-name{
  padding:.6rem 1rem .45rem;
  font-size: 1.2rem;
  line-height: 1.3;
  letter-spacing: 0.08em;
  width: 100%;
  color: #fff;
  background-color: var(--color-border);
}
.p-productDetaiMain-head__flavor::after{
  background-color: var(--color-border);
}

[data-flavor="1"]::after,
[data-flavor="1"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-ys);
}
[data-flavor="2"]::after,
[data-flavor="2"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-sfm);
}
[data-flavor="3"]::after,
[data-flavor="3"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-ss);
}
[data-flavor="4"]::after,
[data-flavor="4"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-sd);
}
[data-flavor="5"]::after,
[data-flavor="5"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-drd);
}
[data-flavor="6"]::after,
[data-flavor="6"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-od);
}
[data-flavor="7"]::after,
[data-flavor="7"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-ld);
}
[data-flavor="8"]::after,
[data-flavor="8"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-jov);
}
[data-flavor="9"]::after,
[data-flavor="9"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-oc);
}
[data-flavor="10"]::after,
[data-flavor="10"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-lp);
}
[data-flavor="11"]::after,
[data-flavor="11"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-p);
}
[data-flavor="12"]::after,
[data-flavor="12"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-hp);
}
[data-flavor="FF"]::after,
[data-flavor="FF"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-ff);
}
[data-flavor="SZ"]::after,
[data-flavor="SZ"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-sz);
}
[data-flavor="RFH"]::after,
[data-flavor="RFH"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-rfh);
}
[data-flavor="DFS"]::after,
[data-flavor="DFS"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-dfs);
}
[data-flavor="TOV"]::after,
[data-flavor="TOV"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-tov);
}
[data-flavor="CM"]::after,
[data-flavor="CM"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-cm);
}
[data-flavor="SF"]::after,
[data-flavor="SF"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-sf);
}
[data-flavor="BP"]::after,
[data-flavor="BP"] .p-productDetaiMain-head__flavor-name{
  background-color: var(--color-flavour-bp);
}
@media screen and (min-width: 768px) {
  .p-productDetaiMain-head__flavor-name{
    padding: .58rem 1rem .4rem;
    font-size: 1.4rem;
  }
}

.c-btn-cart[data-flavor="1"]{
  background-color: var(--color-flavour-ys);
  border-color: var(--color-flavour-ys);
}
.c-btn-cart[data-flavor="2"]{
  background-color: var(--color-flavour-sfm);
  border-color: var(--color-flavour-sfm);
}
.c-btn-cart[data-flavor="3"]{
  background-color: var(--color-flavour-ss);
  border-color: var(--color-flavour-ss);
}
.c-btn-cart[data-flavor="4"]{
  background-color: var(--color-flavour-sd);
  border-color: var(--color-flavour-sd);
}
.c-btn-cart[data-flavor="5"]{
  background-color: var(--color-flavour-drd);
  border-color: var(--color-flavour-drd);
}
.c-btn-cart[data-flavor="6"]{
  background-color: var(--color-flavour-od);
  border-color: var(--color-flavour-od);
}
.c-btn-cart[data-flavor="7"]{
  background-color: var(--color-flavour-ld);
  border-color: var(--color-flavour-ld);
}
.c-btn-cart[data-flavor="8"]{
  background-color: var(--color-flavour-jov);
  border-color: var(--color-flavour-jov);
}
.c-btn-cart[data-flavor="9"]{
  background-color: var(--color-flavour-oc);
  border-color: var(--color-flavour-oc);
}
.c-btn-cart[data-flavor="10"]{
  background-color: var(--color-flavour-lp);
  border-color: var(--color-flavour-lp);
}
.c-btn-cart[data-flavor="11"]{
  background-color: var(--color-flavour-p);
  border-color: var(--color-flavour-p);
}
.c-btn-cart[data-flavor="12"]{
  background-color: var(--color-flavour-hp);
  border-color: var(--color-flavour-hp);
}
.c-btn-cart[data-flavor="FF"]{
  background-color: var(--color-flavour-ff);
  border-color: var(--color-flavour-ff);
}
.c-btn-cart[data-flavor="SZ"]{
  background-color: var(--color-flavour-sz);
  border-color: var(--color-flavour-sz);
}
.c-btn-cart[data-flavor="RFH"]{
  background-color: var(--color-flavour-rfh);
  border-color: var(--color-flavour-rfh);
}
.c-btn-cart[data-flavor="DFS"]{
  background-color: var(--color-flavour-dfs);
  border-color: var(--color-flavour-dfs);
}
.c-btn-cart[data-flavor="TOV"]{
  background-color: var(--color-flavour-tov);
  border-color: var(--color-flavour-tov);
}
.c-btn-cart[data-flavor="CM"]{
  background-color: var(--color-flavour-cm);
  border-color: var(--color-flavour-cm);
}
.c-btn-cart[data-flavor="SF"]{
  background-color: var(--color-flavour-sf);
  border-color: var(--color-flavour-sf);
}
.c-btn-cart[data-flavor="BP"]{
  background-color: var(--color-flavour-bp);
  border-color: var(--color-flavour-bp);
}
.c-btn-cart[data-flavor="OTHER"]{
  background-color: var(--color-flavour-other);
  border-color: var(--color-flavour-other);
}






.m-productSkuDropdown-buyStep + .m-productSkuDropdown-buyStep{
  margin-top: 2rem;
}
.m-productSkuDropdown-buyStep__body select{
  padding: 1.1rem 3.5rem 1.1rem 1.2rem;
}
.c-productSkuQuantity input.c-productSkuQuantity__input{
  padding: 1.025rem 1rem;
}
.c-btn-favorit{
  border-color: #7C7C7C;
  color: #7C7C7C!important;
}
.p-productDetaiMain-cautionList__caution{
  color: var(--color-red);
}
[data-section="history"] .c-product-body__title-name{
  font-size: 1.2rem;
}
[data-section="history"] .c-product-body__price{
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .m-productSkuDropdown-buyStep + .m-productSkuDropdown-buyStep{
    margin-top: 2.4rem;
  }
  .m-productSkuDropdown-buyStep__body select{
    padding: .9rem 3.5rem .9rem 1.2rem;
  }
  .c-productSkuQuantity input.c-productSkuQuantity__input {
    padding: .825rem 1rem;
  }
  .p-productDetaiMain-guideTabBox-detailText__text{
    padding-inline: 0;
  }
  .c-product-body__price{
    font-size: 1.4rem;
  }
  [data-section="history"] .c-product-body__title-name{
    font-size: 1.4rem;
  }
  [data-section="history"] .c-product-body__price{
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .m-productSkuDropdown-buyStep{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .6rem;
  }
  .m-productSkuDropdown-buyStep__title::after{
    display: none;
  }
  .m-productSkuDropdown-buyStep__body{
    width: 100%;
  }
  .p-productDetaiMain-guideTabBox-item.current .p-productDetaiMain-guideTabBox-item__body{
    padding-inline: 1.5rem;
  }
  .p-productDetaiMain-guideTabBox-detailText,
  .p-productDetaiMain-guideTabBox-detailText__text{
    padding-inline: 0;
  }
  .c-product-body__title-name{
    font-size: 1.2rem;
  }
}


.p-productDetaiMain-head__title-name{
  margin-top: 1.5rem;
}
.p-productDetaiMain-subsc--regular,
.p-productDetaiMain-subsc--regular .p-productDetaiMain-subsc__price-tax{
  color: inherit;
}


.p-productDetaiMain-head__status .c-product-sIcon__item{
  height: 2rem;
}

.p-productDetaiMain-head__status .c-sIcon{
  padding-block: 0;
  height: 100%;
  display: grid;
  place-content: center;
}
.c-productMatrixTable{
  color: var( --color-text-default);
  font-weight: var(--fw-regular);
}
.c-productMatrixTable__theadTh,
.c-productMatrixTable__th{
  font-weight: var(--fw-regular);
}

.p-productDetaiMain-guideTabBox-item__head{
  line-height: 1.3;
}

.c-productMatrixTable{
  --color-gray: #7C7C7C;
}

.p-productDetaiMain-subsc__icon{
  --color-gray-middle: #7C7C7C;
}

@media screen and (max-width: 767px) {
  .m-breadcrumb{
    margin-top: 4rem;
  }
}



[data-tab="outline"]:has(.p-productDetaiMain-guideTabBox-item__body:empty) [data-tab-heading="outline"]{
  display: none;
}

/* .p-productDetaiMain-guideTabBox-item:nth-of-type(2) .p-productDetaiMain-guideTabBox-item__head {
  left: calc((100% - 1rem) / 3 + 0.5rem);
} */

.p-productDetaiMain-guideTabBox:has([data-tab-content="outline"]:empty) .p-productDetaiMain-guideTabBox-item:nth-of-type(2) .p-productDetaiMain-guideTabBox-item__head{
  left: 0;
}
.p-productDetaiMain-guideTabBox:has([data-tab-content="outline"]:empty) [data-tab-heading="review"] .p-productDetaiMain-guideTabBox-item__head{
  left: calc((100% - 1rem) / 3 + 0.5rem);
}