@charset "UTF-8";

:root {
  /* コンテンツ幅 */
  --contents_width: 1240px;
  --contents_width_narrow: 1000px;

  /* サイト全体の左右の余白 */
  --side_padding: 20px;

  /* メインカラー */
  --main_color: #012e72;
  --main_color_dark: #01235f;
  --main_color_light: #0254b1;
  --main_color_super_light: #eef2f7;

  /* サブカラー */
  --sub_color: #c8a063;
  --sub_color_dark: #c5a06d;
  --sub_color_light: #d8bc91;
  --sub_color_super_light: #f6f3ed;

  /* 3rdカラー */
  --third_color: #6d401f;

  /* グレースケール */
  --black_color: #4a4a4a;
  --gray_color: #8e8e8e;
  --gray_color_dark: #6a6a6a;
  --gray_color_light: #c8ced5;
  --gray_color_super_light: #eef2f7;

  /* 重要 */
  --important_color: #db4130;

  /* お気に入りボタン */
  --favorite_button_color: #ffdc00;

  /* NEWマーク */
  --new_icon_color: #ffaa00;
  /* 更新マーク */
  --update_icon_color: #2271b1;
}

@media (max-width: 767px) {
  :root {
    /* サイト全体の左右の余白 */
    --side_padding: 3.2%;
  }
}