@charset "UTF-8";
/* =====================
	商品グループ（カテゴリ）
 ======================= */
/** -------------------- 新着特集 -------------------- **/
.feature-slider {
  padding: 40px 20px;
  margin: -20px -20px 0;
}
.feature-slider:first-child {
  padding-top: 0;
}
.feature-slider:last-child {
  padding-bottom: 0;
}
.feature-slider__txt {
  margin-top: 8px;
  line-height: normal;
}
.feature-slider .swiper-scrollbar {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  width: 100%;
  height: 2px;
  background: none;
  border-radius: 0;
  margin-top: 12px;
}
.feature-slider .swiper-scrollbar-drag {
  background: var(--c_border);
  border-radius: 0;
}

/** -------------------- 人気ブランド -------------------- **/
.brand-slider {
  padding: 40px 0;
  margin: -20px 0 0;
}
.brand-slider:first-child {
  padding-top: 0;
}
.brand-slider:last-child {
  padding-bottom: 0;
}
.brand-slider__name__eng {
  margin-top: 8px;
  font-family: var(--font_eng);
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0;
}
.brand-slider__name__jp {
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--c_text_g);
}
.brand-slider .swiper-scrollbar {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  width: 100%;
  height: 2px;
  background: none;
  border-radius: 0;
}
.brand-slider .swiper-scrollbar-drag {
  background: var(--c_border);
  border-radius: 0;
}

/* スマホのみ
  ------------------------ */
/* タブレット・PC
  ------------------------ */
@media (min-width: 768px) {
  /** -------------------- 新着特集 -------------------- **/
  .feature-slider {
    padding: 40px 0 24px;
    margin: -20px 0 0;
  }
  .feature-slider__txt {
    margin-top: 16px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .feature-slider .swiper-scrollbar {
    height: 4px;
  }
  .feature-slider .swiper-buttons {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
  .feature-slider .swiper-buttons:before {
    content: "";
    width: 1px;
    height: 15px;
    background: var(--c_border);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .feature-slider .swiper-button {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    -webkit-transform: none;
            transform: none;
    margin: 0;
    width: 24px;
    height: 24px;
    background: url(../images/common/arrow03.png) no-repeat center/10px;
    -webkit-filter: var(--filter_text);
            filter: var(--filter_text);
    -webkit-transition: var(--anim);
    transition: var(--anim);
  }
  .feature-slider .swiper-button:after {
    display: none;
  }
  .feature-slider .swiper-button-prev {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .feature-slider .swiper-button-disabled {
    opacity: 1;
    -webkit-filter: var(--filter_border);
            filter: var(--filter_border);
  }
  /** -------------------- 人気ブランド -------------------- **/
  .brand-slider {
    padding: 40px 0 24px;
  }
  .brand-slider__name__eng {
    margin-top: 16px;
  }
  .brand-slider__name__jp {
    font-size: 1rem;
    color: var(--c_text);
  }
  .brand-slider .swiper-scrollbar {
    height: 4px;
    margin-top: 12px;
  }
  .brand-slider .swiper-buttons {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .brand-slider .swiper-buttons:before {
    content: "";
    width: 1px;
    height: 15px;
    background: var(--c_border);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .brand-slider .swiper-button {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    -webkit-transform: none;
            transform: none;
    margin: 0;
    width: 44px;
    height: 24px;
    background: url(../images/common/arrow03.png) no-repeat right 7px center/10px;
    -webkit-filter: var(--filter_text);
            filter: var(--filter_text);
    -webkit-transition: var(--anim);
    transition: var(--anim);
  }
  .brand-slider .swiper-button:after {
    display: none;
  }
  .brand-slider .swiper-button-prev {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .brand-slider .swiper-button-disabled {
    opacity: 1;
    -webkit-filter: var(--filter_border);
            filter: var(--filter_border);
  }
  /** -------------------- おすすめ商品・最近チェックした商品　共通 -------------------- **/
  .p-productsSlider .flywheel-recommend__frame .fr3-productListStatic .fr3-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 222px;
            flex: 0 0 222px;
  }
}
/* PCのみ
  ------------------------ */