@charset "UTF-8";

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

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

  /* メインカラー */
  --main_color: #629e42;
  --main_color_dark: #4a862e;
  --main_color_light: #7ab656;
  --main_color_super_light: #d0e2c7;

  /* サブカラー */
  --sub_color: #553919;
  --sub_color_dark: #725b46;
  --sub_color_light: #8b745e;
  --sub_color_super_light: #d6cec2;

  /* グレースケール */
  --black_color: #404040;
  --gray_color: #a89f96;
  --gray_color_dark: #555;
  --gray_color_light: #d5cdc0;
  --gray_color_super_light: #fff;

  /* 重要 */
  --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%;
  }
}