@charset "UTF-8";

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

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

:root {
	--color_bg_01: #fffefc;
    --color_bg_02: #d4cec2;
    --color_bg_03: #3d261c;
    --color_frame_01: #fff;
    --color_frame_02: #fff;
    --color_frame_03: #FCF7F2;
    --color_btn_01: #000;
    --color_btn_02: #F4F4EA;
    --color_btn_03: #E5E1D2;
    --color_border_01: #f1efe9;
    --color_ttl_01: #3d261c;
    --color_bg_mv: #d4cec2;
}

.brandTop_allwrap.pno1 .brandTop_upper:not(.searchWord_active.brandTop_allwrap.pno1 .brandTop_upper) {
    color: var(--color_ttl_01);
    border-bottom: none;
}

.brandTop_allwrap .ranking_section .section_ttl {color: #fff;}

.brandTop_allwrap .ranking_section {
    background: var(--color_bg_03);
}

.brandTop_allwrap .ranking_section .swiper-button-next {
    border: solid #fff .15rem;
    border-left: none;
    border-bottom: none;
}

.brandTop_allwrap .ranking_section .swiper-button-prev {
    border: solid #fff .15rem;
    border-right: none;
    border-bottom: none;
}

@media (min-width: 769px) {
#brandtop-main-concept .txt-area {
    width: 42rem;
}
}