/**
 * ================= 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;

  /* ロゴ画像のURL */
  --logo-url: url('https://cdn.funity.live/65/CLT-S02-06/65/1/20260115112830627402.png');
  /* ロゴ画像の幅（PC） */
  --logo-width-pc: 256px;
  /* ロゴ画像の高さ（PC） */
  --logo-height-pc: 66px;
  /* ロゴ画像の幅（スマホ） */
  --logo-width-sp: 184px;
  /* ロゴ画像の高さ（スマホ） */
  --logo-height-sp: 48px;

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

}