/* ===== 全ページ共通の微調整 ===== */

/* 記事詳細ページのタイトルが大きすぎるため縮小(Cocoonのデフォルト見出しを上書き)
   クラス名にentry-titleを含む要素は種類を問わず全部対象にする(強めの指定) */
[class*="entry-title"],
[id*="entry-title"],
body.single-post .entry-header h1,
body.single-post .entry-title,
body.single-post h1.entry-title,
body.single .entry-header h1,
body.single .entry-title,
.single .article h1,
article header h1,
.entry-header h1 {
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: bold !important;
  margin-bottom: 8px !important;
}

@media (min-width: 640px) {
  [class*="entry-title"],
  [id*="entry-title"],
  body.single-post .entry-header h1,
  body.single-post .entry-title,
  body.single-post h1.entry-title,
  body.single .entry-header h1,
  body.single .entry-title,
  .single .article h1,
  article header h1,
  .entry-header h1 {
    font-size: 22px !important;
  }
}