/* --------------------------------------------------

	SP共通（カラー設定・フォントサイズ等）

-------------------------------------------------- */

:root {
  /* ===== カラー ===== */

  --color-white: #ffffff;
  --color-black: #333333;
  --color-light-gray: #cccccc;
  --color-dark-gray: #444444;
  --color-dark-green: #004c2c;

  --color-border: #707070;
  --color-border-green: #b2d6cb;

  --color-bg-red: #fff6f6;
  --color-bg-gray: #f2f2f2;
  --color-bg-lime: #def2ed;

  /* --- 注目レース --- */
  --color-sat: #e2e2ff;
  --color-sun: #ffe2e1;
  --color-day-normal: #eaeaea;
  --color-a: #1d72c2;
  --color-a-bg: #edf7ff;
  --color-b: #248250;
  --color-b-bg: #f2fcf6;
  --color-c: #cc3535;
  --color-c-bg: #ffedee;

  /* --- ボタン --- */
  --color-blue: #1d72c2;
  --color-blue-bg: #edf7ff;
  --color-green: #248250;
  --color-green-bg: #f2fcf6;
  --color-red: #cc3535;
  --color-red-bg: #ffedee;
  --color-brown: #af5534;
  --color-brown-bg: #f7edea;
  --color-gray-bg: #def2ed;
  --color-gray: #014c2c;

  /* ----- 共通コンポーネント ----- */
  --main-color: #007853;
  --base-green: #188542;
  --color-link: #0155ad;
  --color-link-hover: #098825;

  /* ===== フォントサイズ ===== */
  --font-size-10: 1rem;
  --font-size-11: 1.1rem;
  --font-size-12: 1.2rem;
  --font-size-13: 1.3rem;
  --font-size-14: 1.4rem;
  --font-size-15: 1.5rem;
  --font-size-16: 1.6rem;
  --font-size-18: 1.8rem;
  --font-size-20: 2rem;
  --font-size-22: 2.2rem;
  --font-size-24: 2.4rem;
  --font-size-26: 2.6rem;
  --font-size-28: 2.8rem;
  --font-size-30: 3rem;
  --font-size-32: 3.2rem;
  --font-size-40: 4rem;

  /* ===== フォント ===== */
  --font-bolder: 600;
  --font-bold: 700;

  /* ===== レイアウト用サイズ ===== */
  --content-width: calc(100% - 16px);
  --max-content-width: 768px;
  --inner-content-width: 1000px;
  --header-h: 80px;

  /* ===== イージング ===== */
  --ease: 0.3s ease-in-out;
  --btn-ease: 0.2s ease;

  /* ===== 角丸 ===== */
  ---radius: 40px;
  ---radius_md: 10px;
  ---radius_sm: 10px;
  ---radius_xs: 6px;
  /* ===== 影 ===== */
  ---shadow-green: 0px 6px 16px rgb(from var(--main-color) r g b / 20%);

}