@charset "UTF-8";

@media screen and (max-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 390));
  }
}

/*=========================================================
 * customize 指定なしの場合は共通css(brandtop.css)が適用される
==========================================================*/

:root {
  --color_bg_01: #fff;
  /* --color_bg_02: #e1efea; */
  --color_bg_02: #f8f8f8;
  --color_bg_03: #F7F2EC;
  --color_frame_01: #fff;
  --color_frame_02: #fff;
  --color_frame_03: #FCF7F2;
  --color_btn_01: #212121;
  --color_btn_02: #F4F4EA;
  --color_btn_03: #E5E1D2;
  --color_border_01: #f8f8f8;
  --color_ttl_01: #212121;
  --color_bg_mv: #F8F1DC;
}

#brandtop-main-concept .read-txt {
  color: #212121;
}

#brandtop-main-concept .brand-logo img {
  height: 3rem;
}

.brandTop_allwrap .category_section {
  background: #FDF9F1;
}

.brandTop_allwrap .category_section .category_list .category_name {
  white-space: nowrap;
}

.brandTop_allwrap .ranking_section .item_list__item a {
  border: solid .1rem #E5E0D4;
  /* background: var(--color_bg_02); */
}

.brandTop_allwrap .brandTop_section .note {
  font-size: .8em;
}

.brandTop_allwrap.pno1 .brandTop_upper:not(.searchWord_active.brandTop_allwrap.pno1 .brandTop_upper) {
  border-bottom: solid #F7F2E3 .6rem;
}

.brandTop_allwrap .brandTop_swiper_wrap .swiper-pagination-bullet::before {
  background: #4D9C52;
}

@media screen and (max-width: 768px) {
  #brandtop-main-concept .brand-logo img {
    height: 2.6rem;
    margin-top: 1rem;
  }

  .brandTop_allwrap .category_section .category_list {
    padding: 0 2.5rem;
  }
}