@charset "UTF-8";
/* ピンク系 */

:root {
  /* ---- フォントカラー ---- */
  --color-main: #5A4A42;   /* 見出しの文字色 */
  --color-sub:  #7A6A63;   /* 本文の文字色 */
  /* ---- アクセント ---- */
  --color-accent: #ff8080; /* メニューの●印、イベント/コンサートの＞印、申し込みボタンの色 */
  /* ---- 背景カラー---- */
  --color-bg1: #fddfdf;   /* ヘッダー・主な募集対象エリアの背景色 */
  --color-bg2: #fff1f1;   /* ページ全体の基本となる背景色 */
  --color-bg3: #fff6f6;   /* TOPページやお知らせ部分の背景色 */
  --color-bg4: #e8c9c9;   /* イベント/コンサート部分の背景色 */
  --color-bg5: #8F2F3A;   /* フッター背景色・フリーページボタン色・ページトップへ戻るボタン */
}
:root {
/* ------------------------ TOPページ メインエリアの定義 -------------------------- */
--top-mainarea-title: center;   /* --メインエリアの表題表示位置 center/left/right-- */ 
--top-mainarea-lead: left;      /* --メインエリアの本文表示位置 center/left/right-- */
/*------------------------------------------------------------------------------- */

/* ------------------------ フォントサイズの定義 ---------------------------------- */
  /* ---- フォントサイズ基準値 ---- */
  --fz-base: 16px;                 /* 16px  *//* 投稿記事本文の文字サイズ*/
  /* ---- 表題(h2,h3タグ向け) ---- */
 /* ---- 見出し ---- */
  --fz-h2: 1.4rem;                 /* 22px  *//* 見出し_TOPページ大見出し、投稿記事見出し、セカンドページ見出しの文字サイズ */
  --fz-h3: 1.0rem;               /* 16px  *//* 見出し_TOPページコンテンツリンク(レッスン・指導者・イベント/コンサート)の文字サイズ */
                                              /* 各種ボタン内の文字サイズ */
  /* ---- 全画面共通で使用 ------- */
  --fz-header-small: 0.9rem;    /* 14px  *//* 共通:ヘッダー横の募集対象エリア文字サイズ */
  --fz-hf-small: 0.75rem;           /* 12px  *//* 共通:フッターCopyRight,TOPページのアイキャッチ下募集対象エリアの文字サイズ */
  --fz-nav: 1.0rem;              /* 16px *//* 共通:ヘッダーメニューの文字サイズ */
  --fz-top-base: 1.0rem;          /* 16px *//* TOPページ文章,TOPページトピックス(お知らせ・イベント・コンサート)の文字サイズ */
  --fz-logo: 1.5rem;               /* 24px *//* 共通:ヘッダー教室名(ロゴ)の文字サイズ */
  /* ---- レスポンシブ @1025px:低解像度PCやタブレット向けの設定：メニューが「☰」になる時の表示 ---- */
  --fz-header-top-sp: 1.4rem;      /* 22px *//* ヘッダー教室名(ロゴ)の文字サイズ     --fz-logo        に代わって利用 */
  --fz-header-inner-sp: 0.875rem;  /* 14px *//* ヘッダー横の募集対象エリア文字サイズ --fz-header-small に代わって利用 */
  /* ---- レスポンシブ  @768px:スマートフォン等縦表示向けの設定 ---- */
  --fz-h2-sp: 1.375rem;            /* 22px *//* 見出し_TOPページ大見出し、投稿記事見出し、セカンドページ見出しの文字サイズ */
  --fz-h3-sp: 1.25rem;             /* 20px *//* 見出し_TOPページコンテンツリンク(レッスン・指導者・イベント/コンサート)の文字サイズ */
  --fz-footer-bottom-sp: 0.6875rem;/* 11px *//* フッターCopyRightの文字サイズ       --fz-hf-small    に代わって利用 */
  --fz-common-sp: 1rem;            /* 16px *//* TOPページ文章,TOPページトピックス(お知らせ・イベント・コンサート)の文字サイズ */
                                   /*                                             --fz-top-base    に代わって利用 */
/*------------------------------------------------------------------------------- */
}