@charset "UTF-8";
/* Page Product List
------------------------------------------------------------- */
/* =============================================================
    Component
============================================================= */
.c-product-body__title-name{
  font-size: 1.2rem;
  letter-spacing: 0.08em;
}
.c-product-body__price{
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}
.c-product-body__flavor-name{
  margin-bottom: 1rem;
  padding-bottom: .3rem;
  font-size: 1.1rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  width: 100%;
  border-bottom: 2px solid var(--color-border);
}
.c-product-body__flavor-name[data-flavor="1"]{
  border-color: var(--color-flavour-ys);
}
.c-product-body__flavor-name[data-flavor="2"]{
  border-color: var(--color-flavour-sfm);
}
.c-product-body__flavor-name[data-flavor="3"]{
  border-color: var(--color-flavour-ss);
}
.c-product-body__flavor-name[data-flavor="4"]{
  border-color: var(--color-flavour-sd);
}
.c-product-body__flavor-name[data-flavor="5"]{
  border-color: var(--color-flavour-drd);
}
.c-product-body__flavor-name[data-flavor="6"]{
  border-color: var(--color-flavour-od);
}
.c-product-body__flavor-name[data-flavor="7"]{
  border-color: var(--color-flavour-ld);
}
.c-product-body__flavor-name[data-flavor="8"]{
  border-color: var(--color-flavour-jov);
}
.c-product-body__flavor-name[data-flavor="9"]{
  border-color: var(--color-flavour-oc);
}
.c-product-body__flavor-name[data-flavor="10"]{
  border-color: var(--color-flavour-lp);
}
.c-product-body__flavor-name[data-flavor="11"]{
  border-color: var(--color-flavour-p);
}
.c-product-body__flavor-name[data-flavor="12"]{
  border-color: var(--color-flavour-hp);
}

.c-product-sIcon__item:has(.c-sIcon--soldout){
  padding-block: .3rem;
  background: var(--color-gray-middle);
  display: grid;
  place-content: center;
}
.c-product-sIcon__item .c-sIcon--soldout{
  padding-block: unset;
}

/* .c-product-head{
  position: relative;
} */
 .m-productLine{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
 }
.m-productLine__item{
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
}
.c-product-body__flavor-name{
  margin-top: .6rem;
}
.m-productLine__item{
  width: 100%;
}
.c-product-body__flavor-name:empty{
  border-bottom: unset;
}
@media screen and (min-width: 768px) {
  .m-productLine{
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .c-product-body__flavor-name{
    margin-top: 1rem;
  }
  .c-product-body__title-name{
    font-size: 1.4rem;
  }
  .c-product-sIcon__item{
    height: 1.7rem;
  }
  .c-sIcon.c-sIcon--soldout{
    padding-block: .3rem;
  }
  
}

.p-productListHeading-head__nav .p-productListCnt__cntNum{
  font-weight: var(--fw-semibold);
}

.m-breadcrumb{
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .m-breadcrumb{
    margin-top: 2rem;
  }
}

.c-product-body__price-subsc-icon{
  --color-gray-middle: #7C7C7C;
}
.c-product-body__price-subsc--regular{
  color: var(--color-text-default);
}
.p-refinedSearchBtn__btn{
  background: var(--color-text-default);
}

@media screen and (max-width: 767px) {
  .p-productList-foot{
    margin-bottom: 4rem;
  }
}
.m-productNavList-categories__itemLink{
  display: grid;
  grid-template-columns: 1.9rem auto;
  gap: .8rem;

  appearance: none;
  background-color: unset;
  border: unset;
  text-align: left;
}
.m-productNavList-categories__itemLink::before{
  content: '';
  width: 1.9rem;
  height: 1.9rem;
  vertical-align: middle;
  background-color: var(--color-white);
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid var(--color-gray-middle);
  cursor: pointer;
  background-size: 1.2rem;
  background-image: url(../../assets/img/common/icon/icon-checkbox.svg);
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.m-productNavList-categories__itemLink.selected-category-for-search::before{
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  background-image: url(../../assets/img/common/icon/icon-checkbox-active.svg);
}
.c-btn.js-button--left-nav-search{
  margin-top: 3rem;
  width: 100%;
  border-radius: unset;
}

.c-tag-list--form{
  width: 100%;
  padding: 1rem;
}
.c-tag-list--form::placeholder{
  font-size: 1.4rem;
}

.m-productNavList-categories .m-productNavList-categories__item:first-child{
  display: none!important;
}

.l-container-wrap{
  flex-wrap: unset;
}