:root {
  --font_c: #313131;
  --bg_c: #fff;
  --bg_underlayer_c: #f6f4f3;
  --main_c: #D8211E;
  --main_c_hue: #D8211E;
  --main_c_light: #af9e8c;
  --main_c_foot_border: #fff;
  --sub_c: #384044;
  --sub_c: #af9e8c;
  --column_c: #af9e8c;
  --red: #d8211e;
  --bg_sub: #f5f5f5;
  --bg_bc_nav: #f6f4f3;
  --bg_bc_nav_sp: #fff;
  --bg_ribbon_active: #efeae0;
  --marker_c: #fff696;
  --text_link_c: #5789b5;
  --site-header-height: 96px;
  --site-base-wrap-width: 1260px;

  /* NOTE: --site-base-wrap-paddingは40pxより広くすると、横5列のリストにてアイテムが狭められた結果、意図しないレイアウトになります */
  --site-base-wrap-padding: 40px;
}
@media (max-width: 1300px) {
  :root {
     --site-base-wrap-padding: 40px;
  }
}
@media (max-width: 959px) {
  :root {
    --site-base-wrap-padding: 30px;
  }
}
@media (max-width: 767px) {
  :root {
    --site-header-height: 95px;
    --site-base-wrap-padding: 15px;
  }
}