/* ==========================================================
   共通：フォントファミリー（メイリオ系）
========================================================== */
body {
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN",
               "ヒラギノ角ゴ ProN W3", Arial, sans-serif;
  color: #222;
}

/* ==========================================================
   PC用（1025px〜）
========================================================== */
@media (min-width: 1025px) {

  /* --- ヘッダー（ロゴ周り・キャッチコピー） --- */
  .cp-site-header {
    font-size: 15px;
    line-height: 1.4;
  }

  /* --- グローバルナビ --- */
  .cp-global-nav > li > a {
    font-size: 15px;
    line-height: 1.4;
  }

  /* --- 本文（ページ／投稿） --- */
  .cp-entry-content {
    font-size: 17px;
    line-height: 1.8;
  }
  .cp-entry-content p {
    margin-bottom: 1.6em;
  }

  /* 見出し */
  .cp-entry-content h1 { font-size: 30px; line-height: 1.35; }
  .cp-entry-content h2 { font-size: 26px; line-height: 1.4; }
  .cp-entry-content h3 { font-size: 22px; line-height: 1.45; }
  .cp-entry-content h4 { font-size: 19px; line-height: 1.5; }

  /* --- フッター --- */
  .cp-site-footer {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* ==========================================================
   タブレット（768px〜1024px）
========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {

  /* ヘッダー */
  .cp-site-header {
    font-size: 14px;
    line-height: 1.45;
  }

  /* グローバルナビ / SPナビ含む */
  .cp-global-nav > li > a,
  .cp-mobile-nav > li > a {
    font-size: 14px;
    line-height: 1.4;
  }

  /* 本文 */
  .cp-entry-content {
    font-size: 16px;
    line-height: 1.75;
  }
  .cp-entry-content p {
    margin-bottom: 1.5em;
  }

  /* 見出し */
  .cp-entry-content h1 { font-size: 28px; }
  .cp-entry-content h2 { font-size: 24px; }
  .cp-entry-content h3 { font-size: 20px; }
  .cp-entry-content h4 { font-size: 18px; }

  /* フッター */
  .cp-site-footer {
    font-size: 13px;
    line-height: 1.5;
  }
}

/* ==========================================================
   スマホ（〜767px）
========================================================== */
@media (max-width: 767px) {

  /* ヘッダー（ロゴテキストなど） */
  .cp-site-header {
    font-size: 13px;
    line-height: 1.45;
  }

  /* モバイルメニュー */
  .cp-mobile-nav > li > a {
    font-size: 15px;
    line-height: 1.45;
  }

  /* 本文（読みやすさ重視） */
  .cp-entry-content {
    font-size: 15.5px;
    line-height: 1.8;
  }
  .cp-entry-content p {
    margin-bottom: 1.5em;
  }

  /* 見出し */
  .cp-entry-content h1 { font-size: 26px; }
  .cp-entry-content h2 { font-size: 22px; }
  .cp-entry-content h3 { font-size: 19px; }
  .cp-entry-content h4 { font-size: 17px; }

  /* フッター */
  .cp-site-footer {
    font-size: 12.5px;
    line-height: 1.45;
  }
}