@charset "UTF-8";

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

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

  /* メインカラー */
  --main_color: #2271b1;
  --main_color_dark: #1263a6;
  --main_color_light: #2783ce;
  --main_color_super_light: #edf7ff;

  /* サブカラー */
  --sub_color: #ffa200;
  --sub_color_dark: #ff8800;
  --sub_color_light: #ffdc00;
  --sub_color_super_light: #fff9d0;

  /* グレースケール */
  --black_color: #333;
  --gray_color: #8e8e8e;
  --gray_color_dark: #555;
  --gray_color_light: #ccc;
  --gray_color_super_light: #f4f4f4;

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

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

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

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