@charset "UTF-8";

/* このファイルに記載することでCSSを上書きできます
html {
  color: #F00;
}
*/

:root{
  --color-gray-middle: #ACACAC;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #e6e4e4;
  --color-gray-300: #dbdbdb;
  --color-gray-400: #ACACAC;
  --color-gray-500: #7e7e7e;
  --color-gray-600: #4e4e4e;
  --color-black: #323333;
  --color-white: #fff;
  --color-emphasis: #DE2C2C;
  --color-red: #DE2C2C;
  --color-text-default: var(--color-black);
  --font-ja: hiragino-mincho-pron, sans-serif;
  --font-en: baskerville-display-pt, serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
}

html{
  scroll-padding-top: 9rem;
}

html:has(.s-header-navBlok__openBtn.active){
  overflow: clip;
  overscroll-behavior: none;
}


body{
  color: var(--color-text-default);
  font-family: var(--font-ja);
  letter-spacing: 0.05em;
}

select{
  padding: 1.4rem 3.5rem 1.4rem 1.2rem;
  border-radius: 0.5rem;
}

input[type=checkbox]:checked{
  background-color: var(--color-white);
  border-color: #323333;
}

.c-btn{
  background-color: #323333;
  border-color: #323333;
  border-radius: 0;
}

/* アコーディオン */
.js-menu-acc__body {
  /* transition: max-height 0.2s ease;  */
  overflow: hidden; 
}
@media screen and (max-width: 991px) {
  .js-menu-acc__body{
    display: grid;
    grid-template-rows: 0fr;
    transition: all 0.3s ease-out;
    grid-template-columns: 1fr;
  }
  
  .js-menu-acc.is-open > .js-menu-acc__body{
    grid-template-rows: 1fr;
  }
  .js-menu-acc .js-menu-acc__body > .s-header-categoryNav__navLink--child{
    padding: 0 3rem;
  }
  .js-menu-acc.is-open > .js-menu-acc__body > .s-header-categoryNav__navLink--child{
    padding: 0.5rem 3rem;
  }
  
  .s-header-categoryNav__navlist{
    overflow: hidden;
  }
}

/* ヘッダー */
.s-header{
  height: auto;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.s-header:has(.s-header-ticker){
  top: -3rem;
}

.s-header-ticker{
  background-color: #E6E6E6;
  font-size: 1.1rem;
}

.s-header-ticker__inner{
  height: 3rem;
  font-weight: var(--fw-bold);
}

.s-header-ticker__inner a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.s-header-wrap{
  position: relative;
  height: 8rem;
  justify-content: flex-start;
}

.s-header-wrap__inner{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 8rem;
  width: 100%;
  padding: 0 1rem;
  background: var(--color-white);
}

.s-header-wrap__logo{
  width: 15.1rem;
  order: 1;
  margin-inline: 1rem auto;
}

.s-header-wrap__nav{
  order: 0;
  width: auto;
  height: auto;
  position: relative;
  top: unset;
  left: unset;
}

.s-header-navBlok__openBtn{
  position: relative;
  width: 3.6rem;
  height: auto;
  aspect-ratio: 1;
}

.s-header-navBlok__openBtn::before, .s-header-navBlok__openBtn::after, .s-header-navBlok__openBtn > span{
  left: 50%;
  transform: translateX(-50%);
}

.s-header-navBlok__openBtn.active::before{
  top: 50%;
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.s-header-navBlok__openBtn.active::after {
  top: 50%;
  transform:  translateY(-50%) translateX(-50%) rotate(45deg);
}

.s-header-wrap__utility{
  position: relative;
  top: unset;
  right: unset;
  order: 2;
  width: auto;
  height: auto;
}

.s-header-utilityList{
  gap: 1.6rem;
}

.s-header-utilityList__item{
  width: auto;
  text-align: center;
}

.s-header-utilityList__item img{
  width: 3.6rem;
  margin: 0 auto;
}

.s-header-utilityList__text{
  display: block;
  margin-top: 0.6rem;
  font-size: 1rem;
  line-height: 1;
}


@media screen and (max-width: 991px) {
  .s-header-utilityList .s-header-utilityList__item--login{
    order: 0;
  }

  .s-header-utilityList .s-header-utilityList__item--search{
    order: 1;
  }

  .s-header-utilityList .s-header-utilityList__item--cart{
    order: 2;
  }
}

.s-header__cartCnt{
  min-width: 1.8rem;
  height: 1.8rem;
  font-size: 1rem;
  background-color: #BFB24A;
}

@media screen and (max-width: 991px) {
  .s-header-navBlok__nav{
    position: absolute;
    height: calc(100vh - 8rem);
    top: 8rem;
  }
}
.s-header-userNav__navLink{
  border-bottom: 0;
}

.s-header-userNav__navlist{
  display: grid;
  grid-template-columns: 56.338028169% 40.8450704225%;
  gap: 2.81690140845%;
}

.s-header-userNav__navLink > a{
  position: relative;
  padding: 1.7rem 1rem;
  line-height: 1;
}

.s-header-userNav__navLink--user a{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #323333;
  color: #fff;
}

.s-header-userNav__navLink--user a::after{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  display: block;
  width: 1.4rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url(../../assets/img/common/icon_btn_arrow_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.s-header-userNav__navLink--favorite a{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #323333;
}

.s-header-userNav__navLink--favorite a::before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.6rem;
  display: block;
  width: 1.6rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url(../../assets/img/common/icon_favorite.svg);
  background-repeat: no-repeat;
  background-size: contain; 
}

.s-header-userNav__navLink--favorite a::after{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  display: block;
  width: 1.4rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url(../../assets/img/common/icon_btn_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.s-header-userNav{
  padding: 0 1rem;
}

.s-header-userNav:not(:nth-last-child(1)){
  margin-bottom: 1.5rem;
}

.s-header-categoryNav__head{
  position: relative;
  padding: 1.5rem 1rem;
  background-color: transparent;
  font-size: 2rem;
}

.s-header-categoryNav__head .s-header-categoryNav__navLink--icon{
  transform: translateY(-50%) rotate(45deg); 
}

.s-header-categoryNav.is-open .s-header-categoryNav__head .s-header-categoryNav__navLink--icon{
  transform: translateY(-50%) rotate(-135deg); 
}

.s-header-categoryNav__navLink, .s-header-contentsNav__navLink{
  border-bottom: 0;
}

.s-header-categoryNav__navLink--link,
.s-header-categoryNav__navLink > a, .s-header-contentsNav__navLink > a{
  display: flex;
  align-items: center;
  padding: 1.5rem 1rem;
  font-size: 1.8rem;
  font-weight: var(--fw-bold);
}

.s-header-categoryNav__navLink--link::before,
.s-header-categoryNav__navLink > a::before{
  content: '';
  display: block;
  width: 1rem;
  height: auto;
  aspect-ratio: 1;
  background-color: #BFB24A;
  border-radius: 50%;
  margin-right: 1rem;
}

.s-header-categoryNav__navLink--link{
  position: relative;
}

@media screen and (max-width: 991px) {
  .s-header-categoryNav__navLink--content{
    display: grid;
    grid-template-rows: 0fr;
    transition: all 0.3s ease-out;
    grid-template-columns: 1fr;
  }

  .s-header-categoryNav__navLink--details[open] .s-header-categoryNav__navLink--content{
    grid-template-rows: 1fr;
  }

  .s-header-categoryNav__navLink--child{
    overflow: hidden;
  }
}
/* .s-header-categoryNav__navLink--content{
  overflow: hidden;
  transition: block-size 0.3s ease, opacity 0.3s ease;
  transition-behavior: allow-discrete;
  opacity: 0;
  block-size: 0;
}

.s-header-categoryNav__navLink--details[open] .s-header-categoryNav__navLink--content{
  opacity: 1;
  block-size: auto;
}

@starting-style {
  .s-header-categoryNav__navLink--details[open] .s-header-categoryNav__navLink--content {
    opacity: 0;
    block-size: 0;
  }
} */

.s-header-categoryNav__navLink--icon{
  content: '';
  position: absolute;
  right: 1.3rem;
  top: 50%;
  display: block;
  width: 0.9rem;
  height: auto;
  aspect-ratio: 1;
  border-right: 1px solid #323333;
  border-bottom: 1px solid #323333;
  transform: translateY(-70%) rotate(45deg);
  transition: all var(--transition-default);
}

.s-header-categoryNav__navLink--details[open] .s-header-categoryNav__navLink--icon{
  transform: translateY(-50%) rotate(-135deg);
}

.s-header-categoryNav__navLink--child{
  display: flex;
  flex-direction: column;
}

.s-header-categoryNav__childNavLink a{
  display: block;
  padding: 1rem 0;
  font-size: 1.8rem;
  transition: opacity var(--transition-default);
}

@media (hover: hover) {
  .s-header-categoryNav__childNavLink a:hover{
    opacity: var(--hover-opacity);
  }
}

.s-header-navBlok__nav::after{
  height: 5rem;
}

.s-headerModalBox{
  padding: 0;
}

.s-headerRefinedSearchBox{
 padding: 3rem 1rem 3rem;
}

.s-headerModalBox__outer{
  width: 100%;
}

.s-headerModalBoxHeding__closeBtn::before{
  margin-right: 0;
  font-size: 2.8rem;
  color: #323333;
}

.s-headerModalBoxHeding__closeBtn span{
  display: none;
}

.s-headerModalBoxHeding{
  border-radius: 0;
}

.s-headerModalBoxHeding__title{
  font-size: 1.6rem;
}

.s-headerRefinedSearchBox-item__title{
  font-size: 1.6rem;
  line-height: 1;
  font-weight: var(--fw-bold);
}

.s-headerRefinedSearchBox-item__checkList{
  padding: 1.4rem 2rem;
  text-align: left;
}

.s-headerProductNavList-radioList__item__label{
  padding: 0.8rem 0;
}

input[type=radio]:checked{
  border-color: #323333;
}

input[type=radio]:checked:after{
  background-color: #323333;
}

.s-headerModalBox::after{
  display: none;
}

.s-headerModalBoxFooterBtn{
  padding: 0 1rem 4rem;
}

.s-headerModalBoxFooterBtn__next .c-btn{
  width: 20rem;
  margin: 0 auto;
  font-size: 1.6rem;
  padding: 1.6rem 1.3rem;
}

.s-headerModalBoxFooterBtn__close{
  display: none;
}

.s-headerRefinedSearchBox-item__input-inner{
  position: relative;
}

.s-headerRefinedSearchBox-item__input input{
  padding: 1.2rem 1.2rem 1.2rem 2rem;
  background-color: #fff;
  border-radius: 50px;
}

.s-headerRefinedSearchBox-item__submit{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  display: block;
  width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
}

/* フッター */
.s-footer{
  border-top: 0.3rem solid #BFB24A;
  padding: 4rem 3.5rem;
  background-color: #323333;
}

.s-footer-logo{
  width: 16.1rem;
  margin: 0 auto 3rem;
}

.s-footer-guideNav{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem 3rem;
  border-bottom: 0;
}

.s-footer-snsNav{
  margin-bottom: 4rem;
}

.s-footer-snsNav__item{
  width: 3.6rem;
  height: auto;
  aspect-ratio: 1;
}

.s-footer-snsNav__item a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.s-footer-snsNav__item a img{
  width: 2.4rem;
}

.s-footer-guideNav{
  justify-content: center;
  text-align: center;
}

.s-footer-guideNav__item{
  border-top: 0;
}

.s-footer-guideNav__item > a{
  padding: 0;
  color: var(--color-white);
  font-size: 1.2rem;
}

.s-footer__nav{
  justify-content: center;
  margin-bottom: 5rem;
}

.s-footer__copy{
  color: var(--color-white);
  margin-top: 0;
  text-align: center;
}

@media screen and (min-width: 992px) {

  /* ヘッダー */
  .s-header-ticker{
    font-size: min(1.07142857143svw, 1.5rem);
  }
  .s-header-wrap{
    justify-content: center;
    padding: 0 1rem;
    border-bottom: 0;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    /* gap: 4.3rem; */
  }

  .s-header-wrap__inner{
    max-width: 1340px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    justify-content: space-between;
  }

  .s-header-wrap__logo{
    width: min(11.5385714286svw, 16.154rem);
    order: 0;
    margin-inline: 0;
    /* margin-right: 4.3rem; */
    margin-right: min(1.3214285714svw, 1.85rem);
  }

  .s-header-wrap__nav{
    order: 1;
    position: static;
  }

  .s-header-wrap__utility{
    order: 2;
    width: 42.8rem;
    gap: 3.8rem;
  }

  .s-header-freeWordSearch{
    width: auto;
  }

  .s-header-utilityList{
    gap: 1.2rem;
  }

  .s-header-utilityList__item img{
    width: 3.6rem;
    margin: 0 auto;
  }

  .s-header-utilityList__text{
    letter-spacing: 0;
  }

  .c-freeWordSearchBox{
    border: 1px solid #EBEBEB;
    position: relative;
    width: 17.9104477612vw;
    max-width: 24rem;
    padding: 0;
  }

  .c-freeWordSearchBox__form{
    height: 4rem;
    padding-right: 5rem;
    padding-left: 2rem;
  }

  .c-freeWordSearchBox__submit{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    position: absolute;
    display: block;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
  }

  .c-freeWordSearchBox__icon{
    width: 2.4rem;
  }

  .s-header__cartCnt{
    min-width: 1.8rem;
    height: 1.8rem;
    font-size: 1rem;
    background-color: #BFB24A;
  }

  .s-header-userNav__navLink{
    border-bottom: 0;
  }

  .s-header-userNav__navlist{
    display: grid;
    grid-template-columns: 56.338028169% 40.8450704225%;
    gap: 2.81690140845%;
  }

  .s-header-userNav__navLink > a{
    position: relative;
    padding: 1.7rem 1rem;
    line-height: 1;
  }

  .s-header-userNav__navLink--user a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #323333;
    color: #fff;
  }

  .s-header-userNav__navLink--user a::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    display: block;
    width: 1.4rem;
    height: auto;
    aspect-ratio: 1;
    background-image: url(../../assets/img/common/icon_btn_arrow_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }

  .s-header-userNav__navLink--favorite a{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #323333;
  }

  .s-header-userNav__navLink--favorite a::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.6rem;
    display: block;
    width: 1.6rem;
    height: auto;
    aspect-ratio: 1;
    background-image: url(../../assets/img/common/icon_favorite.svg);
    background-repeat: no-repeat;
    background-size: contain; 
  }
  .s-header-userNav__navLink--favorite a::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    display: block;
    width: 1.4rem;
    height: auto;
    aspect-ratio: 1;
    background-image: url(../../assets/img/common/icon_btn_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }

  .s-header-userNav{
    padding: 0 1rem;
  }

  .s-header-categoryNav,
  .s-header-categoryNav dt{
    transition: all var(--transition-default);
  }

  .s-header-categoryNav__head::after{
    
  }

  .s-header-categoryNav .s-header-categoryNav__head::after{
    transition: all 0.1s ease;
    background-image: url("../img/common/icon/icon-arrow-select.svg"); 
  }

  .s-header-categoryNav:hover{
    background-color: #BFB24A;
    border: 0;
  }
  .s-header-categoryNav:hover .s-header-categoryNav__head::after {
    background-image: url("../img/common/icon/icon-arrow-select-white.svg");
  }

  .s-header-categoryNav:hover dt{
    color: var(--color-white);
  }

  .s-header-categoryNav:hover .s-header-categoryNav__head::after{
    transform: rotate(180deg);
  }

  .s-header-categoryNav__head{
    padding: 0;
    font-size: 1.4rem;
    font-weight: var(--fw-bold);
  }

  .s-header-categoryNav__head::after{
    margin-left: 0.4rem;
  }

  .s-header-categoryNav__head .s-header-categoryNav__navLink--icon{
    display: none;
  }

  .s-header-categoryNav__body{
    max-height: calc(100vh - 8rem);
    top: 8rem;
    background: rgb(255, 255, 255);
  }

  .s-header-contentsNav__navlist{
    gap: 4rem;
  }

  .s-header-contentsNavBlock{
    gap: 5rem;
    height: 8rem;
  }

  .s-header-categoryNav__navLink--child{
    padding: 1rem;
    gap: 1rem;
  }

  .s-header-categoryNav__navLink--link,
  .s-header-categoryNav__navLink > a, .s-header-contentsNav__navLink > a{
    padding: 1rem 0.5rem;
    font-size: 1.4rem;
  }

  .s-header-categoryNav__childNavLink a{
    font-size: min(1svw, 1.2rem);
    padding: 0;
  }

  .s-header-categoryNav__navLink > a::before{
    content: '';
    display: block;
    width: 1rem;
    height: auto;
    aspect-ratio: 1;
    background-color: #BFB24A;
    border-radius: 50%;
    margin-right: 1rem;
  }

  .s-header-navBlok__nav::after{
    height: 5rem;
  }

  .s-headerModalBox{
    padding: 0;
  }

  .s-headerRefinedSearchBox{
  padding: 3rem 1rem 3rem;
  }

  .s-headerModalBox__outer{
    width: 100%;
  }

  .s-headerModalBoxHeding__closeBtn::before{
    margin-right: 0;
    font-size: 2.8rem;
    color: #323333;
  }

  .s-headerModalBoxHeding__closeBtn span{
    display: none;
  }

  .s-headerModalBoxHeding{
    border-radius: 0;
  }

  .s-headerModalBoxHeding__title{
    font-size: 1.6rem;
  }

  .s-headerRefinedSearchBox-item__title{
    font-size: 1.6rem;
    line-height: 1;
    font-weight: var(--fw-bold);
  }

  .s-headerRefinedSearchBox-item__checkList{
    text-align: left;
  }

  input[type=radio]:checked{
    border-color: #323333;
  }

  input[type=radio]:checked:after{
    background-color: #323333;
  }

  .s-headerModalBox::after{
    display: none;
  }

  .s-headerModalBoxFooterBtn{
    padding: 0 1rem 4rem;
  }

  /* フッター */
  .s-footer-guideNav{
    gap: 2rem 5rem;
    border-bottom: 0;
  }

  .s-footer-snsNav{
    margin-bottom: 6rem;
  }

  .s-footer__nav{
    justify-content: center;
    margin-bottom: 3rem;
  }
  
}


/* 商品系 */
@media screen and (max-width: 767px) {
  .l-container:has(.m-productLine-col3-md6){
    padding-left: 0;
    padding-right: 0;
  }

  .m-productRecommend-wrap__title{
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .m-productLine-col3-md6{
    position: relative;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-left: 1.6rem;
    padding-bottom: 1rem;
  }

  .m-productLine-col3-md6::after{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
  }

  .m-productLine-col3-md6__item{
    width: 15rem;
    flex-shrink: 0;
  }

  
}

.p-productList-foot{
  padding-bottom: 4rem;
}

/* .l-container:has(.m-productLine-col3-md6), */
.l-container:has(.m-productLineHome-col3-md6){
  padding-right: 0;
  padding-left: 0;
}
/* 
.m-productRecommend-wrap__title{
  padding-inline: 1rem;
} */

/* .m-productLine-col3-md6, */
.m-productLineHome-col2-md5{
  gap: 1.5rem;
}

.m-productLineHome-col2-md5__item{
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/* .m-productLine-col3-md6, */
.m-productLineHome-col3-md6,
.m-productLineUser-col3-md4{
  overflow: auto;
  flex-wrap: nowrap;
  gap: 1.5rem;
  justify-content: flex-start;
  padding-left: 1rem;
  padding-bottom: 1rem;
}

.m-productLine-col3-md6__item::after,
.m-productLineHome-col3-md6::after,
.m-productLineUser-col3-md4::after{
  content: '';
  display: block;
  width: 1rem;
  height: 1px;
}

.m-productLine-col3-md6__item,
.m-productLineHome-col3-md6__item,
.m-productLineUser-col3-md4__item{
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/* .m-productLine-col3-md6__item, */
.m-productLineHome-col3-md6__item,
.m-productLineUser-col3-md4__item{
  width: 15rem;
  flex-shrink: 0;
}

.c-product-head__picture::before,
.c-productUser-head__picture::before {
  content: none;
}

.c-product-head__picture img,
.c-productUser-head__picture img {
  position: initial;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

.c-product-head__status,
.c-productUser-head__status{
  position: initial;
  padding-block: 1rem 1.2rem;
  padding-inline: 1rem;
}

.c-product-sIcon,
.c-productUser-sIcon{
  gap: 0.6rem;
}

.c-product-sIcon img,
.c-productUser-sIcon img{
  display: block;
  width: auto;
  height: 2rem;
}

.c-product-body,
.c-productUser-body{
  padding: 0 1rem 1rem;
}

.c-product-body__title-name,
.c-productUser-body__title-name{
  font-size: 1.4rem;
  line-height: 1.71428571429;
}

.c-product-body__title-name a,
.c-productUser-body__title-name a{
  display: block;
}

.p-recently .c-product-body__title-name,
.p-recently .c-productUser-body__title-name {
  -webkit-line-clamp: 1;
}

.c-product-body__price,
.c-productUser-body__price{
  margin-top: 0.5rem;
  font-family: var(--font-en);
  font-weight: var(--fw-bold);
  font-size: 1.6rem;
  line-height: 1;
}

.c-product-body__price-subsc,
.c-productUser-body__price-subsc{
  display: flex;
  align-items: baseline;
}

.c-product-body__price--discount,
.c-productUser-body__price--discount,
.c-product-body__price-subsc + .c-product-body__price-subsc,
.c-productUser-body__price-subsc + .c-productUser-body__price-subsc{
  margin-top: 0.4rem;
}

.c-product-body__price-subsc-icon,
.c-productUser-body__price-subsc-icon{
  border-radius: 0;
  padding: 0;
  border: 0;
  font-size: 1.2rem;
  font-family: var(--font-ja);
  line-height: 1;
  color: var(--color-text-default);
}

.c-product-body__price-subsc-price,
.c-productUser-body__price-subsc-price{
  display: flex;
  align-items: baseline;
}

.c-product-body__price-subsc--regular,
.c-productUser-body__price-subsc--regular{
  color: var(--color-text-default);
}

.c-product-body__price-subsc--first,
.c-productUser-body__price-subsc--first{
  color: var(--color-emphasis);
}

.c-product-body__price--subsc + .c-product-body__price--subsc,
.c-productUser-body__price--subsc + .c-productUser-body__price--subsc{
  margin-top: 0.5rem; 
}

.c-product-body__price-unit,
.c-product-body__price-unit del,
.c-productUser-body__price-unit,
.c-productUser-body__price-unit del{
  display: flex;
  align-items: baseline;
}

.c-product-body__price--prefix,
.c-productUser-body__price--prefix{
  margin-right: 0.2rem;
  font-size: 1.3rem;
  line-height: 1;
}

.taxLabel{
  font-size: 1.1rem;
  font-family: var(--font-ja);
  margin-left: 0.2rem;
  line-height: 1;
  font-weight: var(--fw-regular);
}

.c-product-body,
.c-productUser-body{
  margin-top: 0;
}

.m-productLineUser-col3-md4::after {
  display: none;
}

.p-myPage-recommendWrap__inner {
  padding-left: 0;
  padding-right: 0;
}
.p-myPage-recommendWrap__item .m-userProductSectLine__title {
  padding-inline: 1rem;
}

@media screen and (min-width: 768px) {
  .m-productLineHome-col2-md5{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5rem 4.6rem;
  }

  .m-productLineHome-col2-md5__item{
    width: auto;
  }

  .c-product-head__status{
    position: initial;
    padding-block: 2rem;
    padding-inline: 2rem;
  }

  .p-productDetailWrap__recommendBlock-item .c-product-head__status{
    padding-block: 1rem;
    padding-inline: 0.5rem;
  }

  .p-productDetailWrap__recommendBlock-item .c-product-head__status .c-product-sIcon img{
    height: 1.5rem;
  }

  .c-product-body{
    padding: 0 2rem 2rem;
  }

  /* .m-productLine-col3-md6, */
  .m-productLineHome-col3-md6{ 
    gap: 4.4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
  }

  .m-productLine-col3-md6 .c-product-head__status,
  .m-productLineHome-col3-md6 .c-product-head__status,
  .m-productLineUser-col3-md4 .c-product-head__status{
    padding-inline: 1rem;
    padding-block: 1rem;
  }
  
  .m-productLine-col3-md6 .c-product-body,
  .m-productLineHome-col3-md6 .c-product-body,
  .m-productLineUser-col3-md4 .c-product-body{
    padding: 0 1rem 1rem;
  }

  .m-productLine-col3-md6::after,
  .m-productLineHome-col3-md6::after{
    display: none;
  }

  /* .m-productLine-col3-md6__item, */
  .m-productLineHome-col3-md6__item{
    width: 18rem;
  }

  .m-productLineUser-col3-md4 {
    overflow: initial;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 992px) {
  .s-header-categoryNav__navLink--link, .s-header-categoryNav__navLink > a, .s-header-contentsNav__navLink > a {
    padding-left: min(0.3571428571svw, 0.5rem);
    padding-right: min(0.3571428571svw, 0.5rem);
  }
  .s-header-categoryNav__head,
  .s-header-categoryNav__navLink--link, .s-header-categoryNav__navLink > a, .s-header-contentsNav__navLink > a{
    font-size: min(1svw, 1.4rem);
  }
  .s-header-contentsNav__navlist {
    gap: min(2.8571428571svw, 4rem);
  }
  .s-header-contentsNavBlock {
    gap: min(1.4285714286svw, 2rem);
  }
  .s-header-categoryNav__head{
    padding: 0 min(1.7857142857svw, 2.5rem);
  }
  .s-header-wrap__utility {
    width: min(30.5714285714svw, 42.8rem);
    gap: min(2.7142857143svw, 3.8rem);
  }
  .s-header-utilityList__item img {
    width: min(2.5714285714svw, 3.6rem);
  }
  .s-header-categoryNav__head::after {
    width: min(1.07142857143svw, 1.5rem);
  }
  .s-header-categoryNav__head::after{
    margin-left: min(0.2857142857svw, 0.4rem);
  }

  .s-header-categoryNav__navLink--summary,
  .s-header-categoryNav__navLink--label {
    color: var(--color-text-default);
  }
  .s-header-categoryNav__navLink--content {
    block-size: unset;
    opacity: unset;
  }
  .s-header-categoryNav__navlist.--static {
    flex-direction: column;
    row-gap: 1rem;
  }
  .s-header-categoryNav__navlist.--dynamic {
    width: auto;
    margin-left: 0;
    height: 28.2rem;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: min(4.6428571429svw, 2.5rem);
    max-width: unset;
  }
  .s-header-categoryNav__navWrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: min(6.07142857143svw, 2.5rem);
    row-gap: 1rem;
  }
  .s-header-categoryNav__navLink {
    width: min(14.5svw, 19.6rem);
  }
  .s-header-categoryNav__navlist.--static .s-header-categoryNav__navLink {
    width: auto;
  }
  .s-header-categoryNav__navLink--link::before, .s-header-categoryNav__navLink > a::before {
    width: min(0.7142857143svw, 1rem);
  }
  .s-header-categoryNav__body {
    padding: 3rem 0;
  }
  .s-header-categoryNav__navWrapper {
    /* width: min(100%, 140rem);
    padding-inline: min(6.4285714286svw, 9rem); */
    max-width: 1340px;
    padding: 0 1rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.c-productUser-head__delete{
  bottom: unset;
  top: calc(140 * (100vw / 375 ));
}

@media screen and (min-width: 576px) {
  .c-productUser-head__delete{
    bottom: unset;
    top: calc(84 * (100vw / 375 ));
  }
}

@media screen and (min-width: 768px) {
  /* product */
  .c-product-head__favorite{
    bottom: unset;
    top: 13rem;
  }

  .c-productUser-head__delete{
    bottom: unset;
    top: 21rem;
  }
}

@media screen and (min-width: 992px) {
  .c-product-head__favorite{
    bottom: unset;
    top: 9rem;
  }


  .c-productUser-head__delete{
    bottom: unset;
    top: 16rem;
  }
}

@media screen and (min-width: 1200px) {
  .c-product-head__favorite{
    bottom: unset;
    top: 13rem;
  }
}
/* user */
@media screen and (max-width: 991px) {
  .c-productSkuBottomBtn .c-btn-cart{
    font-size: 1.4rem;
  }
  .c-btn-cart::before{
    width: 1.4rem;
    height: 1.6rem;
  }
}

/* guide */

.p-page-guide .p-guide-container{
  overflow: visible;
}

.p-page-guide .js-accordionContent{
  overflow: hidden; 
}


.c-productUser-sIcon__item:not(:has(img)){
  display: none;
}