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

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

  --footer-text-color: #000000;

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

  /* ロゴ画像のALT */
  --logo-alt: '横浜トリックアート迷宮館';

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

}