@charset "utf-8";
@media screen and (max-width: 767px){
  .g-nav li[data-dropdown]{
		display: none;
	}
}
/* hd-brandLogo__item */
.hd-brandLogo__item a{
  display: block;
  position: relative;
}
.hd-brandLogo__item a::after{
  content: "";
  display: inline-block;
  background-color: var(--c-white-op50);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.hd-brandLogo__item.is-current a::after{
  display: none;
}
.hd-brandLogo__item.is-current img{
  border-bottom: 1px solid var(--txt-c-base);
}
/* hd-searchForm */
@media screen and (max-width: 1100px){
  .hd-searchForm{
    display: none;
  }
}
/* g-navContainer */
.g-nav .pc-foot{
  display: none;
}
@media screen and (max-width: 600px){
  .g-navContainer{
    position: relative;
    --this-arrow-size: 24px;
    padding-left: var(--this-arrow-size);
  }
  .g-navContainer::before{
    content: "";
    display: inline-block;
    --this-mask: var(--data-icon-navi-arrow) no-repeat center center / 100%;
    mask: var(--this-mask);
    -webkit-mask: var(--this-mask);
    background-color: var(--c-gray-300);
    aspect-ratio: 24/50;
    width: var(--this-arrow-size);
    position: absolute;
    top: 0;
    left: 0;
  }
  .g-nav{
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: var(--sp-scroll-padding-left);
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    justify-content: flex-start;
  }
  .g-nav::-webkit-scrollbar{
    display: none;
  }
  .g-nav li{
    flex: 0 0 auto;
  }
}
/* ft-brandNav */
.ft-brandNav__logo img{
  width: auto;
}
.ft-brandNav__nav ul li[data-dropdown]{
  display: none;
}
@media screen and (min-width: 768px){
  #footerarea{
    padding-top: 0;
  }
  .ft-logo{
    padding-top: var(--sec-spc);
  }
  .ft-brandNav{
    background-color: var(--c-white);
  }
  .ft-brandNav__inner{
    padding-block: var(--sec-spc);
    border-top: 1px solid var(--bd-c-gray);
  }
  .ft-brandNav__logo{
    display: flex;
    justify-content: center;
    margin-bottom: var(--spc-80);
  }
  .ft-brandNav__logo img{
    height: 60px;
  }
  .ft-brandNav__nav :is(.pc, .sp){
    display: none;
  }
  .ft-brandNav__nav ul{
    display: flex;
    justify-content: center;
    gap: var(--spc-60);
  }
}












@media screen and (max-width: 767px){
  .t-newArrival .g-productList__item:nth-of-type(n+4){
    display: none;
  }
}