@charset "UTF-8";
/*
====>> サイトの基準値になる値を持つファイル <<====

・このファイルはベースのスタイルになるので、原則オーバーライド(上書き)はしない事
・幅の値等をここに記載
・ただし、基本設定に加えてサイトに応じて新たなプロパティ追加が必要な場合はここに記述する

*/
/*		基本設定：幅
-----------------------------------------------------*/
:root {
  --w-liquid: 100%;
  --w-solid-base: 1020px;
  --w-solid-wide: 1200px;
  --w-solid-short: 900px;
  --w-2column-main: 700px;
  --w-2column-aside: 290px;
  --w-3column-main: 640px;
  --w-3column-right: 150px;
  --w-3column-left: 150px;
}

@media (max-width: 600px) {
  :root {
    --w-liquid: 100%;
    --w-solid-base: 94%;
    --w-solid-wide: 94%;
    --w-solid-short: 94%;
    --w-2column-main: 100%;
    --w-2column-aside: 100%;
    --w-3column-main: 100%;
    --w-3column-right: 100%;
    --w-3column-left: 100%;
  }
}
/*  END Break Point  */
/*		基本設定：フォント
-----------------------------------------------------*/
:root {
  --base-sans-serif:"Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  --base-serif:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*		基本設定：カラー
-----------------------------------------------------*/
:root {
  --color-white: #fff;
  --color-black: #333;
  --color-gray:#999;
  --color-red: #f00;
  --color-base: #604B4B;
}

/*		新規追加設定：カラー
-----------------------------------------------------*/
:root {
  --color-dark-brown:#604B4B;
  --color-brown:#976565;
}

.text-gray-pale {
  color: var(--color-gray-pale);
}

.text-gray-dark {
  color: var(--color-gray-dark);
}

/*		新規追加設定：フォント
-----------------------------------------------------*/
:root {
  --shippori-font:"Shippori Mincho", serif;
  --Jaggy-clear: rotate(0.03deg);
  /* WEBフォントのシャギーを防ぐ指定 */
}