@charset "UTF-8";

/*
 * Cocoon子テーマ
 * 対象固定ページ:
 * - /syuuri_zubatto_yahoo_all_002a/       (page-id-5744)
 * - /bekkyo_livinmatch_yahoo_all_000a/    (page-id-4755)
 * - /yubiwaraiten_yahoo_pc_shiraishi_000a/ (page-id-4552)
 *
 * 旧テーマの全体CSSは移植せず、上記ページで使われる表示だけを限定して移行。
 */

/* 旧テーマの本文レイアウト */
body.page-id-5744 .content,
body.page-id-4755 .content,
body.page-id-4552 .content {
  margin: 0;
}

body.page-id-5744 .entry-content,
body.page-id-4755 .entry-content,
body.page-id-4552 .entry-content {
  margin-top: 0;
}

/* 旧テーマのh2サイズ */
body.page-id-5744 .article h2,
body.page-id-4755 .article h2,
body.page-id-4552 .article h2 {
  font-size: 23px;
}

/* 旧テーマのカラーヘッダー */
body.page-id-5744 .entry-content h2.gray,
body.page-id-4755 .entry-content h2.gray,
body.page-id-4552 .entry-content h2.gray {
  background: #dddddd;
  margin: 30px 0 25px;
  padding: 20px 15px;
  border-radius: 0 10px;
  color: #000;
  font-size: 175%;
}

body.page-id-5744 .entry-content h2.nabyblue,
body.page-id-4755 .entry-content h2.nabyblue,
body.page-id-4552 .entry-content h2.nabyblue {
  background-color: #153b5e;
  margin: 30px 0 25px;
  padding: 20px 15px;
  border-radius: 0 10px;
  color: #fff !important;
  font-size: 175%;
}

/* 旧テーマのマーカー用太字 */
body.page-id-5744 .entry-content .marker-under,
body.page-id-5744 .entry-content .marker-under-red,
body.page-id-5744 .entry-content .marker-under-blue {
  font-weight: bold;
}

/* 旧テーマの参照バッジ */
body.page-id-5744 .entry-content .ref,
body.page-id-4755 .entry-content .ref,
body.page-id-4552 .entry-content .ref {
  padding: 4px 8px !important;
  margin-right: 10px !important;
  vertical-align: middle;
}

/* 旧テーマのモバイル用本文余白・表 */
@media screen and (max-width: 768px) {
  body.page-id-5744 #main,
  body.page-id-4755 #main,
  body.page-id-4552 #main {
    padding-top: 0;
  }

  body.page-id-5744 .article h2,
  body.page-id-4755 .article h2,
  body.page-id-4552 .article h2 {
    font-size: 20px;
  }

  body.page-id-5744 .entry-content table th,
  body.page-id-5744 .entry-content table td,
  body.page-id-4755 .entry-content table th,
  body.page-id-4755 .entry-content table td,
  body.page-id-4552 .entry-content table th,
  body.page-id-4552 .entry-content table td {
    padding: 3px;
    font-size: 1em;
  }
}
