@charset "UTF-8";

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

:root {
  --color_bg_01: #fafafa;
  --color_bg_02: #f4f4f4;
  --color_bg_03: #EFEFEF;
	--color_frame_01: #fff;
  --color_frame_02: #fff;
  --color_frame_03: #F5F5F5;
  --color_btn_01: #000;
  --color_btn_02: #EFEFEF;
	--color_border_01: #F5F5F5;
  --color_ttl_01: #000;
  --font_eng_01: "Nunito", sans-serif;
}


/*===============================================
 * fixed header
================================================*/
.cateID_BRDCLK.brandTop_allwrap .fixedHeader_wrap .brand_logo a {
	width: 9rem;
}

@media (min-width: 769px) {
.cateID_BRDCLK.brandTop_allwrap .fixedHeader_wrap .brand_logo a {
	width: 12rem;
}
}


/*===============================================
 * logo
================================================*/
.cateID_BRDCLK.brandTop_allwrap .brand_logo_wrap .brand_logo a {
	width: 14rem;
}

@media (min-width: 769px) {
.cateID_BRDCLK.brandTop_allwrap .brand_logo_wrap .brand_logo a {
	width: 20rem;
}
}


/*===============================================
 * topics
================================================*/
.cateID_BRDCLK.brandTop_allwrap .topics_list .topics_ttl {
	font-weight: 500;
}