@charset "UTF-8";

/* ===========================================================
 * 移設記事の上書き（移設担当が持つファイル）
 *
 * 新テーマの規則が移設本文へ染み出すのを打ち消す。
 * blog-family-frame.scss を直接いじらないのは2つの理由から。
 *   1. デザイン担当も同じファイルを触るので、FTPで上げた順に
 *      どちらかの変更が消える
 *   2. wp-scss が .scss から .css を再生成するので、
 *      .css だけ直しても次のコンパイルで巻き戻る
 * ここは名前が old- で始まる移設専用ファイルなので衝突しない。
 *
 * mu-plugins/mh-migration.php が、テーマのCSSより後ろで読み込む。
 * =========================================================== */

/* -----------------------------------------------------------
 * 画像を inline へ戻す
 *
 * blog-family-frame の `.bf-archive img, .bf-single img{display:block}` が
 * アンチリセット `.old-container *{display:revert}` (0,1,0) に
 * 詳細度(0,1,1)で勝ってしまう。
 *
 * 旧サイトの本文は img が inline で、画像を縦に並べると行間ぶんの
 * 隙間(5px)が入る前提で組まれている。block にすると隙間が消えて
 * 画像同士が密着し、行間が詰まって見える。
 * 実測: 旧 display:inline / 画像間5px、新(未修正) display:block / 0px。
 * -------------------------------------------------------- */
.bf-archive .old-container img,
.bf-single .old-container img,
.old-container img {
  display: inline;
}

/* 旧本文の中でも、明示的にブロックとして置かれているものは戻さない。
   （旧サイト側で style="display:block" 等が付いているものは
     インラインstyleが勝つので、ここでは何もしなくてよい） */

/* -----------------------------------------------------------
 * リンクの下線を旧サイトどおりに戻す
 *
 * `.bf-archive a, .bf-single a{text-decoration:none}` も同じ理由で
 * 移設本文へ染み出す。旧サイトの本文リンクは下線ありだった。
 * -------------------------------------------------------- */
/* セレクタは `.old-container a`(0,1,1) だけにする。
   `.bf-single .old-container a`(0,2,1) まで書くと、旧CSSの
   `.old-container--<cpt> a:link`(0,2,1) と並んでこちらが後勝ちし、
   **旧サイトのリンク色を全CPTで既定の青に戻してしまう**。
   実際メディア実績の「受賞物件の施工事例詳細はこちら」が
   緑(#7db600)から青になっていた（2026-08-16の全件目視で発覚）。
   染み出し元の `.bf-archive a, .bf-single a` は(0,1,1)なので、
   同じ詳細度でも後から読み込むこのファイルが勝つ。 */
.old-container a {
  color: revert;
  text-decoration: revert;
}

/* -----------------------------------------------------------
 * 新テーマ自身の部品を、アンチリセットから守る
 *
 * old-container が日付やカテゴリまで包んでいる版のテンプレートだと、
 * `.old-container *{display:revert}` が新テーマのマークアップにも当たる。
 * 実際 li.single_blog__category が inline-block から list-item に戻り、
 * カテゴリ名のバッジが幅いっぱいのオレンジ帯になった。
 *
 * テンプレート側を直すのが本筋だが、content-blog-single.php は
 * デザイン担当と共有なので触らない。ここで当該要素だけ戻す。
 * -------------------------------------------------------- */
.old-container .single_blog__category,
.old-container .single_blog__categoryList li {
  display: inline-block;
}

.old-container .single_blog__date {
  display: block;
}

/* -----------------------------------------------------------
 * 表の中の画像がセルからはみ出して隣のセルを覆う件
 *
 * 旧CSSに `.table-style01 img { max-width: 350px }` があり、
 * 本文が `table-layout: fixed` + セル幅30%のインラインstyleを持つと、
 * 231pxのセルに350pxの画像が入って**隣のセルの文字を隠す**。
 * 住みごこちで「第○回」バッジがタイトルの頭を覆っていた（4件）。
 * 旧サイトでは画像がセル幅に収まっており、隠れていない。
 *
 * 詳細度は旧CSS側と同じ(0,2,1)。このファイルは後から読むので勝つ。
 * -------------------------------------------------------- */
.old-container .table-style01 img {
  max-width: 100%;
}

/* -----------------------------------------------------------
 * MT時代の width / height 属性を無効化する
 *
 * 旧本文の img は MovableType が吐いた `width="146" height="194"` を
 * 持っている。旧サイトは index.css の全称ルール
 *   img { border-style:none; max-width:100%; width:auto; height:auto; }
 * でこれを打ち消しており、**属性値ではなく原寸で表示していた**。
 *
 * この規則は移設時に各CPTの旧CSSへ
 *   .old-container--<cpt> img:not(:where(...)) { ... }
 * として持ち込まれている。old_blog.css（blog / blog-renovation /
 * blog-itsukaichi / blog-higashihiro / blog-fuchu）と old_voice.css には
 * 同等規則がないため、この共通補正で旧サイトの表示を維持する。
 * works はR8以降 old_works_mtold.css を正本としており、旧31byteの
 * old_works.css / old_works.scss はR9で削除対象とする。
 * 実測(2026-08-29 / 460ページ)：
 *   works / voice / sumigokochi / zadankai / media / renomatome /
 *   smilefamilyclub-news は既存規則で解決済み（変化0件）
 *   blog系5CPTのみ width属性つき img の 4.4〜12.8% が変わる
 *
 * セレクタは既存の各CPT版と同じ形・同じ詳細度(0,1,1)にする。
 *   - `.bf-archive .old-container img` (0,2,1) まで上げると、
 *     `.old-container--renomatome .renomatome-single__fv img`
 *     (0,2,1 / width:auto; height:100%; max-width:initial) に
 *     後勝ちして**新テーマのFVが原寸に化ける**。
 *     実測: 730x452.6 の帯 → 730x1094 まで伸び、本文が約640px下がる
 *     (renomatome 44ページ中40ページで発生 / 2026-08-29)
 *   - (0,1,1) なら `.case_list img{max-width:350px}` 等
 *     (0,2,1) の旧CSSにも負けるので、旧サイトの見え方を壊さない。
 *
 * :not(:where(...)) の中身は old_*.css の同名規則と同一。
 * 新テーマの日付・カテゴリ・ページャを巻き込まないための除外。
 * -------------------------------------------------------- */
.old-container img:not(:where(.single_blog__date, .single_blog__category,
  .single_blog__category-inner, .sub-page__btn--pager, .pager,
  .single_blog__date *, .single_blog__category *,
  .single_blog__category-inner *, .sub-page__btn--pager *, .pager *)) {
  border-style: none;
  max-width: 100%;
  width: auto;
  height: auto;
}

/* -----------------------------------------------------------
 * blog系5CPTの本文リンクが既定の青になっている件
 *
 * 旧サイト index.css:
 *   a:link    { color:#7db600; text-decoration:none; }
 *   a:visited { color:#7db600; text-decoration:none; }
 *   a:hover   { color:#2355A5; text-decoration:underline; }
 * この規則は移設時に各CPTの旧CSSへ `.old-container--<cpt> a:link{...}` として
 * 持ち込まれているが、**old_blog.css には入っていない**。
 * old_blog.css を使う5CPTだけ、このファイル上部の
 * `.old-container a{color:revert}`(0,1,1) が最後まで残り、既定の青になる。
 *
 * 実測(2026-08-29 / 実ブラウザ・同一リンク文字列で突合):
 *   blog-fuchu/post_117「広島のリフォーム 新築 不動産のマエダハウジング」
 *     旧 rgb(125,182,0) 緑 → 新 rgb(0,0,238) 既定の青
 *   works は old_works_mtold.css が緑にしているので影響なし（実測で緑を確認）
 *   voice は old-container--voice はあるが**本文にリンクを持つ記事が0件**なので対象外
 * 影響: 本文に <a> を持つ blog 242 / blog-renovation 605 / blog-itsukaichi 421 /
 *       blog-fuchu 262 / blog-higashihiro 22 = 計1,552記事
 *
 * 詳細度は既存の `.old-container--media a:link`(0,2,1) と同じにする。
 * **CPT名まで書いて限定する**こと。`.old-container a`(0,1,1) や
 * `.bf-single .old-container a`(0,2,1) に広げると、解決済み6CPTの色を
 * 後勝ちで塗り替える（2026-08-16 に全CPTが青くなった事故と同じ経路）。
 *
 * :not(:where(...)) は新テーマの日付・カテゴリ・ページャを巻き込まないため。
 * old_*.css の img 規則と同じ除外リストを使う。
 * -------------------------------------------------------- */
.old-container--blog a:link,
.old-container--blog a:visited,
.old-container--blog-renovation a:link,
.old-container--blog-renovation a:visited,
.old-container--blog-itsukaichi a:link,
.old-container--blog-itsukaichi a:visited,
.old-container--blog-higashihiro a:link,
.old-container--blog-higashihiro a:visited,
.old-container--blog-fuchu a:link,
.old-container--blog-fuchu a:visited {
  color: #7db600;
  text-decoration: none;
}

.old-container--blog a:hover,
.old-container--blog-renovation a:hover,
.old-container--blog-itsukaichi a:hover,
.old-container--blog-higashihiro a:hover,
.old-container--blog-fuchu a:hover {
  color: #2355A5;
  text-decoration: underline;
}

/* -----------------------------------------------------------
 * レガシーボタンの文字が背景と同色になって読めない件
 *
 * 移設した各CPTの旧CSSには、ボタンの定義と後段のリンク色指定が両方入っている:
 *   1714行 .old-container--zadankai .btn_rgrn_case a { background:#90c320; color:#fff }
 *   1927行 .old-container--zadankai a:link           { color:#7db600 }
 * **どちらも詳細度 (0,2,1) で同点**（`a:link` の擬似クラスは class と同じ重み）なので、
 * 後に書かれた `a:link` が勝ち、**緑地に緑文字**になる。実測コントラスト比 約1.13:1 で判読不能。
 *
 * 旧サイトは `.btn_rgrn_case a` が白文字（実測 rgb(255,255,255) on rgb(144,195,32)）。
 * このファイルは最後に読まれるので、同じ (0,2,1) で書けば順序で勝って旧サイトに戻る。
 *
 * 対象は本文に btn_rgrn_case を持つ zadankai 2件・renomatome 2件（実測・計12箇所）。
 * :hover は旧CSSの指定をそのまま活かすため触らない。
 * -------------------------------------------------------- */
.old-container .btn_rgrn_case a,
.old-container .btn_grn_case a {
  color: #fff;
}