@charset "utf-8";
/*
 * 親テーマ 2.13 で変わった既定の見た目を、1.10 のときの見た目に合わせる。
 * 読み込み順: 親テーマの CSS → このファイル → 1.10 の設定から作る CSS とカスタム CSS（inc/legacy-inline-css.php）→ css/original.css
 */

/* 日付の書体（2.13 は Arial に固定。1.10 は周りの書体を引き継ぐ） */
.entry-date { font-family: inherit; }

/* トップページのフリースペース（2.13 は上に余白 100px／スマホ 40px、文字 16px） */
.index_free_space { padding: 0; }
.index_free_space .post_content { font-size: 14px; }

/* 記事一覧の日付（2.13 は 14px＋時計アイコン分の余白） */
#blog_list .date { font-size: 12px; padding-left: 0; position: static; }
#blog_list .date:before { display: none; }

/* 記事ページの日付・カテゴリー（2.13 は 14px） */
#post_title_area li { font-size: 12px; }
#post_title_area li.date:before, #post_title_area li.update:before { display: none; }
#post_title_area li.date, #post_title_area li.update { padding-left: 0; }


/* 本文の見出しの下の余白（2.13 は 1em、1.10 は 10px） */
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { margin-bottom: 10px; }

/* 記事の下の共有ボタン（2.13 は左寄せ。1.10 は中央） */
.share_button_list ul { justify-content: center; }

/* フッターの SNS アイコンの並び（1.10 は Facebook → Instagram → メール） */
#footer_social_link { display: flex; justify-content: center; }
#footer_social_link li.facebook { order: -1; }

/* 一覧ページの見出し帯（2.13 は flex・行間 1.5） */
#archive_catch { display: block; line-height: 1; }

/* 本文で、段落などの後に来る見出しの上の余白（2.13 は 3em／2.5em／2em、1.10 は 40px／30px／20px） */
@media screen and (min-width: 769px) {
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h2, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h3, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h4, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h5, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h6 { margin-top: 40px !important; }
}
@media screen and (max-width: 768px) {
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h2, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h3, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h4, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h5, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h6 { margin-top: 30px !important; }
}
@media screen and (max-width: 600px) {
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h2, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h3, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h4, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h5, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h6 { margin-top: 20px !important; }
}

@media screen and (max-width: 750px) {
  .page_navi a.next { display: inline-block; }
  /* ページ送り（2.13 は 40px・余白なし・「次へ」を隠す） */
  .page_navi { margin: 0 16px -4px; }
  .page_navi li:first-child, .page_navi li:last-child, .page_navi li:nth-last-child(2) { margin: 0 4px 4px 0; }
  .page_navi a, .page_navi a:hover, .page_navi span { width: 45px; height: 45px; line-height: 45px; }
}

@media screen and (max-width: 650px) {
  /* ヘッダーのロゴの下の一行（2.13 はスマホで隠す。1.10 は表示） */
  #header_logo .desc { display: block; }
  /* フッターの住所欄（2.13 は上に 20px） */
  #footer_information { margin: 0 20px 20px; }
  /* フッターのロゴ（1.10 はスマホ用に半分の大きさで表示する設定だった。2.13 にはその設定が無い） */
  #footer_logo .mobile_logo_image { width: 82px; height: auto; }
}
