:root{
  --color-form-border-gray: #C7C7C7;
}
.product__price--numeric {
  font-size: 1.4rem;
}
.product__price--proper .product__price--numeric {
  font-size: 1.2rem;
}
.productlist[data-pattern=leftnav] [data-is-accordion] .form__section--heading{
  background-color:var(--color-black);
  color: #fff;
}
.productlist[data-pattern=leftnav] [data-is-accordion] .form__section--heading::before,
.productlist[data-pattern=leftnav] [data-is-accordion] .form__section--heading::after,
.productlist[data-pattern=leftnav] [data-is-accordion] .modal__button--close span::before,
.productlist[data-pattern=leftnav] [data-is-accordion] .modal__button--close span::after{
  background: #fff;
}
.productlist[data-pattern=leftnav] [data-is-accordion].form__section--item{
  border-radius: unset;
}

.c-form__item + .c-form__item{
  border-top: 1px solid #E6E6E6;
  padding-top: 2rem;
}
.c-form__item:nth-of-type(n+2){
  margin-top: 2rem;
}
.c-form__item dt{
  margin-bottom: 1.4rem;
  font-size: 1.5rem;
  font-weight: var(--fw-regular);
  line-height: 1;
  color: #4D4D4E;
}

.productlist__leftnav .AdvancedSearch-checkbox li{
  font-weight: var(--fw-regular);
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0 .7rem;
}

.productlist__leftnav .AdvancedSearch-checkbox{
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 2rem;
}

.productlist__leftnav .AdvancedSearch-checkbox input[type=checkbox],
.productlist__leftnav .AdvancedSearch-checkbox input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.productlist__leftnav .AdvancedSearch-checkbox li input[type=checkbox],
.productlist__leftnav .AdvancedSearch-checkbox li input[type=radio] {
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-form-border-gray);
  border-radius: 4em;
  display: grid;
  place-content: center;
}
.productlist__leftnav .AdvancedSearch-checkbox li input[type=checkbox]:checked::after,
.productlist__leftnav .AdvancedSearch-checkbox li input[type=radio]:checked::after{
  content: '';
  width: 1rem;
  height: 1rem;
  background: var(--color-black);
  border-radius: 4em;
}
.productlist__leftnav .advancedsearch__common .c-form__input--text,
.productlist__leftnav .advancedsearch__common .c-form__input--select{
  border-radius: unset;
}
.productlist__leftnav .advancedSearchBox__textBox--grid input::placeholder{
  text-align: right;
}
.productlist__leftnav .advancedsearch__common .c-form__input--select{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13106%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013106%22%20transform%3D%22translate(18%20-0.5)%20rotate(90)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1754%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201754%22%20width%3D%2218%22%20height%3D%2218%22%20transform%3D%22translate(0.5)%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_67569%22%20data-name%3D%22%E3%83%91%E3%82%B9%2067569%22%20d%3D%22M430.246%2C345.164l-.743-.669%2C5.245-5.83-5.245-5.83.743-.669%2C5.846%2C6.5Z%22%20transform%3D%22translate(-422.624%20-329.979)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}

.productlist__leftnav .search__color .c-form__input--radio input,
.productlist__leftnav .search__color .c-form__input--radio .search__color--chip,
.productlist__leftnav .search__color .c-form__input--radio .search__color--chip img,
.productlist__leftnav .search__color .c-form__input--check label,
.productlist__leftnav .search__color .c-form__input--radio label{
  width: 100%;
  height: auto;
}
.productlist__leftnav .search__color .c-form__input--radio .search__color--chip{
  display: block;
}
.productlist__leftnav .search__color .checkbox__color input + label .search__color--chip{
  outline: 2px solid transparent;
  transition: outline var(--transition-default);
  border:unset;
}
.productlist__leftnav .search__color .checkbox__color input:checked + label .search__color--chip,
.productlist__leftnav .search__color .checkbox__color input:hover:checked + label .search__color--chip{
  outline: 2px solid var(--color-black);
  border: unset;
}
.productlist__leftnav .search__color .checkbox__color input:hover + label .search__color--chip{
  outline: 2px solid #ccc;
}

.productlist__leftnav .advancedsearch__control .c-button.button--reset{
  font-weight: var(--fw-regular);
}

/* select.advancedSearch-dropDown{
  border: 1px solid var(--color-form-border-gray);
  border-radius: unset;
} */

[data-depth="2"]:has(.active){
  margin-top: 2rem;
}
.noProduct{
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .product__price--numeric {
    font-size: 1.5rem;
  }
  .product__price--proper .product__price--numeric {
    font-size: 1.3rem;
  }
  #categoryTree{
    display: none;
  }
  .productlist__leftnav .advancedSearchBox__textBox--grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0 3rem;
    position: relative;
  }
  .productlist__leftnav .advancedSearchBox__textBox--grid::before{
    margin: auto;
    content: '〜';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 1.4rem;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .productlist__leftnav .advancedsearch__common .search__color .c-form__input--radio{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 1.76rem;
  }
  .productlist__leftnav .advancedsearch__control{
    display: grid;
    grid-template-columns: 38.46153% 57.6923%;
    gap: 0 3.84615%;
    width: 100%;
  }
  .productlist__leftnav .advancedsearch__control .c-button{
    padding-inline: unset;
    padding-block: .85rem;
    min-width: 100%;
    font-size: 1.5rem;
  }
  .productlist__leftnav .advancedSearchBox__textBox-price-separator{
    display: none;
  }
  
}

@media screen and (max-width: 767px) {
  .productlist[data-pattern=leftnav] [data-is-accordion].form__section--item{
    border: unset;
  }
  /* .advancedsearch__common .advancedsearch__content{
    height: calc(100% - 4rem - 1.5rem - 1.5rem);
  }
  .advancedsearch__common .advancedsearch__control{
    --control-height:auto;
    padding-block: 1.5rem;
    align-items: center;
  }
  .advancedsearch__control .c-button{
    height: 4rem;
  } */
  .modal__content{
    max-width: 100%;
    height: 100dvh;
  }
  .global-header .advancedsearch__control{
    display: flex;
    background: #fff;
  }
  .advancedsearch__common .search__color .c-form__input--radio{
    display: grid;
    grid-template-columns: repeat(8,1fr);
    gap: 1.76rem;
  }
  .productlist__leftnav .modal__content{
    width: 100%;
  }
  .global-header .modal__container{
    display: unset;
  }
  .productlist__leftnav .advancedsearch .c-form__wrapper{
    padding: 0;
  }
  .productlist__leftnav .advancedsearch__common .form__section--heading {
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--heading-height);
    padding-block: 0.5rem;
    background-color: var(--color-primary);
    color: var(--color-white);
    z-index: 1;
  }
  .productlist__leftnav .modal__button--close span {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    rotate: 45deg;
  }
  .productlist__leftnav .modal__button--close span::before {
    width: 100%;
    height: 0.2rem;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .productlist__leftnav .modal__button--close span::before, 
  .productlist__leftnav .modal__button--close span::after {
    content: '';
    position: absolute;
    display: block;
    background-color: var(--color-white);
    border-radius: 50px;
  }
  .productlist__leftnav .modal__button--close span::after {
    width: 0.2rem;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .productlist__leftnav .modal__button--close {
    position: absolute;
    top: 50%;
    right: 0.6rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
  }
  .productlist__leftnav .advancedsearch__content.modal__content--body {
    padding: var(--heading-height) 1.5rem var(--control-height);
    overflow: auto;
    background-color: var(--color-white);
    height: 100svh;
  }
  .productlist__leftnav .advancedsearch__common .c-form__item {
    display: flex;
    flex-direction: column;
    padding: 2.5rem 0;
  }
  .productlist__leftnav .c-form__item dd{
    margin-top: 0;
  }
  .productlist__leftnav .advancedsearch__common .c-form__item .AdvancedSearch-radio,
  .productlist__leftnav .advancedsearch__common .c-form__item .AdvancedSearch-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 2rem;
  }
  .productlist__leftnav .advancedsearch__common .c-form__item dd label{
    font-size: 1.4rem;
    font-weight: var(--fw-regular);
    width: max-content;
    align-self: center;
    letter-spacing: 0.05em;
    line-height: 1.6154;
    position: relative;
  }
  .productlist__leftnav .c-form__item:nth-of-type(n+2){
    margin-top: 0;
  }
  .productlist__leftnav .advancedsearch__common .c-form__input--select{
    background-size: 1.8rem 1.8rem;
    padding: 1rem 3rem 1rem 1.5rem;
    background-position: top 50% right 1rem;
  }
  .productlist__leftnav .advancedsearch__common .advancedSearchBox__textBox--grid {
    display: grid;
    grid-template-columns: 14rem auto 14rem;
  }
  .productlist__leftnav .advancedsearch__common .advancedSearchBox__textBox-price + .advancedSearchBox__textBox-price-separator {
    justify-self: center;
    align-self: center;
    font-size: 1.4rem;
  }
  .productlist__leftnav .advancedsearch__common .c-form__item .AdvancedSearch-checkbox[data-name="_condition"]{
    gap: 1.5rem 1rem;
  }
  .productlist__leftnav .advancedsearch__control {
    margin-top: 0;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    background: #fff;
  }
  .productlist__leftnav .advancedsearch__control .button--reset {
    width: 10rem;
  }
  .productlist__leftnav .advancedsearch__control .c-button__primary {
    width: 15rem;
    font-weight: var(--fw-bold);
  }
  
  
}
@media (hover: hover) {

}



.product-search__section .block-cat .searchBox-child .selectCtegory  {
  display: none;
}
.product-search__section .block-cat .searchBox-child .selectCtegory.active  {
  display: flex;
}