@charset "utf-8";
/* --------------------調整---------------------- */
/* ヘッダー */
.g-postageGuide{
  background-color: var(--BRAND_COLOR);
}
.headerarea{
  background-color: var(--BRAND_BACK_COLOR);
}
.formReset .g-searchForm input[type="text"]{
  border-color: var(--BRAND_COLOR);
}
.formReset .g-searchForm button[type="submit"]{
  background-color: var(--BRAND_COLOR);
}
.formReset .hd-advanceSearchBtn{
  background-color: var(--BRAND_COLOR);
}
.hd-container{
  position: relative;
}
.hd-logo--brand{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.formReset .g-adsearch__keywordInput input[type="text"]{
  border-color: var(--BRAND_COLOR);
}
.formReset .g-adsearch__keywordInput button[type="submit"]{
  background-color: var(--BRAND_COLOR);
}
.g-adsearch__word li label{
  background-color: var(--BRAND_BACK_COLOR);
  border-color: var(--BRAND_BACK_COLOR);
}
.g-adsearch__word li input[type="checkbox"]:checked+label{
	border-color: var(--BRAND_COLOR);
	background-color: var(--BRAND_COLOR);
}
.g-adsearch__brand li label{
  background-color: var(--BRAND_BACK_COLOR);
  border-color: var(--BRAND_BACK_COLOR);
}
.g-adsearch__brand li input[type="checkbox"]:checked+label{
	border-color: var(--BRAND_COLOR);
}
.g-adsearch__radio li label{
  --CHECK_STYLE: 4px solid var(--BRAND_COLOR);
}
@media (hover: hover){
  .g-adsearch__word li:hover label{
		border-color: var(--BRAND_COLOR);
	}
  .g-adsearch__brand li:hover label{
		border-color: var(--BRAND_COLOR);
	}
}
@media screen and (min-width: 768px){
  .hd-user{
    margin-left: auto;
  }
  .hd-navContainer{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hd-navContainer .hd-nav{
    width: fit-content;
    margin: 0;
  }
  .hd-navContainer .hd-nav__menu{
    display: flex;
    justify-content: center;
  }
  .hd-navContainer .hd-nav__menu li{
    padding-left: 0;
    flex: 1;
    max-width: 170px;
  }
  .hd-navContainer :is(.hd-searchForm, .hd-advanceSearchBtn){
    margin: 0 0 15px 0;
  }
  .hd-navContainer .hd-searchForm{
    margin-inline: 20px 15px;
    max-width: 230px;
  }
  .hd-nav > li:last-child{
    display: none;
  }
  .hd-nav__dropdown{
    background-color: var(--BRAND_BACK_COLOR);
  }
}
@media screen and (max-width: 767px){
  .headerarea{
    box-shadow: var(--COMMON_BXSD_BTM);
  }
  .hd-logo:not(.hd-logo--brand){
    display: none;
  }
  .hd-spSearchContainer{
    background-color: var(--WHITE);
  }
}
/* フッター */
.t-fvSlide.slick-dotted.slick-slider{
  margin-bottom: 0;
  padding-bottom: var(--GENERALSEC_HALF);
}
/* slick */
.g-slickDots button{
  background-color: var(--WHITE);
  border: 2px solid var(--BRAND_COLOR);
}
.g-slickDots .slick-active button{
  background-color: var(--BRAND_COLOR);
}
/* pagetop */
.pagetop a{
  background-color: var(--BRAND_COLOR);
}
/* ホットワード */
.t-hotword__heading{
  font-weight: 500;
}
.t-hotword__heading::after{
  background-color: var(--BRAND_COLOR);
}
.t-hotword__list li a{
  background-color: var(--BRAND_BACK_COLOR);
}
.t-hotword__list li a::after{
  content: none;
}
@media (hover: hover){
  .t-hotword__list li a:hover{
    background-color: var(--BRAND_COLOR);
    color: var(--WHITE);
  }
}
/* g-heading */
.g-heading__ja{
  font-family: var(--FF_NOTO);
}
.g-heading--onlyJa .g-heading__ja{
  font-family: var(--FF_BASE);
}
@media screen and (min-width: 768px){
  .g-heading--onlyJa .g-heading__ja{
    font-size: var(--FZ_30);
  }
}
@media screen and (max-width: 767px){
  .g-heading--onlyJa .g-heading__ja{
    font-size: 14px
  }
}
/* g-btn */
.g-btn__label{
  font-family: var(--FF_NOTO);
}
/* g-fsProductList */
.g-fsProductList .fs-c-productPrice *{
  /* font-family: var(--FF_NOTO);
  font-weight: 400; */
}
@media screen and (max-width: 767px){
  .g-fsProductList{
    width: var(--INNER_WIDTH);
    margin-inline: auto;
  }
  .t-ranking .g-fsProductList{
    width: 100%;
  }
  .g-fsProductList .fs-c-productListCarousel__list{
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 12px;
  }
}
/* ----------------------t-fvSlide---------------------- */
@media screen and (max-width: 767px){
  .t-fvSlide .slick-list{
    padding-inline: 20px;
  }
  .t-fvSlide .slick-slide{
    margin-inline: 5px;
  }
}
/* ----------------------t-brandIntro---------------------- */
.t-brandIntro__body{
  text-align: center;
  color: var(--BODY_TXT_COLOR);
  font-weight: 500;
}
.t-brandIntro__sizeGuide{
  width: fit-content;
  margin-inline: auto;
  color: var(--BODY_TXT_COLOR);
  font-weight: 700;
}
@media screen and (min-width: 768px){
  .t-brandIntro{
    margin-bottom: var(--GAP_50);
  }
  .t-brandIntro__sizeGuide{
    margin-top: var(--GAP_20);
  }
  .t-brandIntro__body{
    font-size: 13px;
  }
  .t-brandIntro__sizeGuide{
    font-size: 13px;
  }
}
@media screen and (max-width: 767px){
  .t-brandIntro{
    margin-bottom: 60px;
  }
  .t-brandIntro__sizeGuide{
    margin-top: 15px;
  }
  .t-brandIntro__body{
    font-size: 12px;
  }
  .t-brandIntro__sizeGuide{
    font-size: 12px;
  }
}
/* t-brandIntro--hasWave */
.t-brandIntro--hasWave{
  background: var(--BRAND_BACK_COLOR) var(--BRAND_FV_UNDER_WAVE) no-repeat bottom center / 100%;
}
@media screen and (min-width: 768px){
  .t-brandIntro--hasWave{
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px){
  .t-brandIntro--hasWave{
    padding-bottom: 50px;
  }
}
/* fs-c-productList */
@media screen and (max-width: 767px){
  .t-new .fs-c-productListCarousel__list__item:nth-of-type(n+9){
    display: none;
  }
}
/* ----------------------フッター---------------------- */
@media screen and (max-width: 767px){
  .ft-spMenu{
    background-color: var(--BRAND_COLOR);
  }
}