/* ==================================================
   高創テクノロジー様｜親テーマの CSS すべてより後に読み込む上書き

   ★ 編集する方へ ★
   このファイルは「親テーマ STORY の CSS すべてより後」に読み込まれます。
   （functions.php 末尾の独自追記で、優先度 100 で読ませています）

   ふつうの CSS は style.css か「外観 → カスタマイズ → 追加 CSS」へ。
   style.css に書いても効かないものだけ、ここに置いてください。

   ■ テーマを更新するときの注意
     TCD STORY を更新すると、このファイルは消えます。
     更新前に控え、更新後に置き直してください。
     あわせて functions.php 末尾の読み込みコードも貼り直す必要があります。

   なぜ style.css では足りないのか
   -------------------------------
   style.css は、親テーマの次の 3 本より「前」に読み込まれます。
       style.css → responsive.css → css/sns-button.css → css/design-plus.css
   同じ詳細度だと後に読まれた側が勝つため、上の 3 本が指定している値は
   style.css からは上書きできません。実測で確認済みです。

   1.10 → 2.1.6 で何が変わったか
   -------------------------------
   2.1.6 は style.css を分割し、css/design-plus.css（1.10 には存在しない）を
   新設して最後に読み込むようにした。このため 1.10 では
   「style.css → responsive.css」の順で responsive.css が勝っていた指定が、
   2.1.6 では design-plus.css に負けるようになった。
   ================================================== */


/* --------------------------------------------------
   詳細度について（重要）

   ここに書くセレクタには body などを足して詳細度を上げてはいけない。
   本番 1.10 では responsive.css の .post-content p（詳細度 0,1,0）が
   ページ本文側の .rftfv3__catch { margin:0 }（同じ 0,1,0）と同着で、
   後に読まれるページ側のインライン CSS が勝つ構造になっている。

   body を足して 0,1,2 にすると、ページ側の指定にまで勝ってしまい、
   /reform/ が +771px 伸びた（実測）。
   このファイルは design-plus.css より後・ページのインライン CSS より前に
   読み込まれるので、本番の responsive.css と同じ位置に立てる。
   詳細度も本番と同じにすること。
   -------------------------------------------------- */


/* --------------------------------------------------
   (1) 本文段落の下余白（モバイル）

   1.10  style.css      .post-content p { margin: 0 0 2em 0 }   ← responsive.css より前
         responsive.css .post-content p { margin-bottom: 23px } ← 勝つ。実測 23px
   2.1.6 responsive.css .post-content p { margin-bottom: 23px }
         design-plus.css .post-content p { margin: 0 0 2em 0 }  ← 勝つ。実測 32px
   1.10 と同じ 23px に戻す。
   -------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .post-content p {
    margin-bottom: 23px;
  }
}


/* --------------------------------------------------
   (2) コピーライトの文字サイズ

   style.css      1.10 = 12px / 2.1.6 = 14px
   responsive.css 1.10 = 10px / 2.1.6 = 12px（max-width:767px）
   ブレークポイントは 1.10・2.1.6 とも max-width:767px で同じ。
   -------------------------------------------------- */
.copyright {
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .copyright {
    font-size: 10px;
  }
}


/* --------------------------------------------------
   (3) ニュース一覧の日付（モバイル）

   responsive.css 1.10 = 10px / 2.1.6 = 12px（max-width:767px）
   デスクトップ側の font-family:'Arial' の打ち消しは style.css 側で行っている。
   -------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .article04-date {
    font-size: 10px;
  }
}


/* --------------------------------------------------
   (4) 見出しフォントの太さ

   本番 1.10 は header.php が出力するインライン CSS で
       .headline-font-type { font-family: "Times New Roman"…; font-weight: 500; }
   と font-weight まで出していた。2.1.6 は
       .headline-font-type { font-family: var(--tcd-font-type2); }
   だけになり font-weight を出さないため、h1 の既定（700）に戻ってしまう。
   実測で /contact/ と /privacy-policy/ の見出しが 500 → 700 になっていた。
   -------------------------------------------------- */
.headline-font-type {
  font-weight: 500;
}