/**
 * ================= CSS custom properties =================
 */
:root {
  /* キーカラー */
  --key-color: #FF00FF;
  /* キーカラーが背景色に使われた時の、マウスオーバー色 */
  --key-color-hover: #FF0000;
  /* キーカラーが背景色に使われた時の、文字色 */
  --key-color-text: #fff;
  /* キーカラーが背景色に使われた時の、文字のマウスオーバー色 */
  --key-color-text-hover: #fff;
  /* コンテンツエリアの背景色 */
  --page-bg: #FFFFFF;
  /* コンテンツエリアの文字色 */
  --page-bg-text: #fff;
  /* コンテンツエリアの文字のマウスオーバー色 */

  /* フッターカラー */
  --page-bg-text-hover: #0000FF;

  --footer-text-color: #000000;

  --footer-text-color--hover: #000000;


  /* ヘッダの高さ（PC） */
  --header-height-pc: calc(100px + var(--logo-height-pc));

}