/* 凍結アーカイブ（旧テーマ default.css 系）のモバイル表示だけを直す追加分。 アーカイブの CSS（/css/default.css と /_themes/css/default.css）は @media を 1 つも持たず、#pagebody に width:960px、#mid と .header_box に width:950px、#contents に width:710px（float:left）、 #side に width:230px（float:right）が固定で入っている。 そのため 390px の画面でもレイアウト幅が 960px 前後になり、 文字が縮小されたまま表示される。 このファイルは **max-width: 1000px のときだけ** 効く。 1001px 以上では 1 行も適用されないので、PC の見た目は元のまま。 アーカイブ本体の CSS には手を入れていない。 区切りを 1000px にしているのは、器が 960px 固定のため ビューポート 768〜990px（iPad など）でも実際に横スクロールが 発生していたから（変更前は 768px で 214px スクロールした）。 サイトの他の区切り（SP 767 / TB 768-1200 / PC 1201）とは違うが、 このファイルを読むのはアーカイブページだけなので衝突しない。 対象は #pagebody を持つページ（368 ページ）。読み込むページの で、既存の CSS すべてより後ろに置くこと。 */ @media screen and (max-width: 1000px) { /* --- 全体の器（固定幅をやめる） --------------------------------------- */ .header_sns, #header .header_box, #pagebody, #mid, #footer ul.cat_big { width: auto; max-width: 100%; } /* --- ヘッダー --------------------------------------------------------- */ #header h1, #header img#h-r { width: auto; max-width: 100%; float: none; } #header p, #search, #nav-menu2 { float: none; } /* --- グローバルナビ（dropdown.css）----------------------------------- #menu は