@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");

:root {
  --font-family: -apple-system, BlinkMacSystemFont, "Source Han Sans JP", "Noto Sans JP", sans-serif;

  --main-color-1: #8fd3f5;  /* 背景色：水 */
  --main-color-2: #acd175;  /* 背景色：緑 */
  --main-color-3: #f39ab0;  /* 背景色：桃 */
  --main-color-4: #75d1ff;  /* 背景色：青 */
  --main-color-5: #d1add0;  /* 背景色：紫 */
  --main-color-6: #d16360;  /* 賞のtable：賞名（赤） */
  --main-color-7: #9a5599;  /* 賞のtable：賞名（紫） */
  --main-color-8: #de3f3d;  /* FAQ：Q */
  --main-color-9: #0a99c6;  /* FAQ：A */
  --main-color-10: #f9ee53;  /* 見出しh3 */
  --main-color-11: #d5eefb;  /* 横スクロール */

  --mono-color-1: #232323;  /* テキスト */
  --mono-color-2: #231815;  /* 角丸見出し */
  --mono-color-3: #333;     /* 枠線、FAQの吹き出し */
  --mono-color-4: #e6e6e6;  /* 賞のtable：点数 */
  --mono-color-5: #fff;     /* 角丸見出しテキスト */
  --mono-color-6: rgba(0,0,0,0.2);     /* box-shadow */
  --mono-color-7: #ccc;  /* tableの枠線 */
  --mono-color-8: #b3b3b3;  /* 戻るボタン */
  --mono-color-9: #fff;

  --ac-color-red-1: #d50000;

  --a-color: #232323;
  --a-visited-color: #232323;
  --a-hover-color: #232323;

  --ac-color: #1d3994;
  --ac-visited-color: #8232a0;
  --ac-hover-color: #be1e32;

  --site-width: 1000px;
  --content-width: 1000px;
}