` のリンクで `active_year` を持たない。つまり 5 つとも灰色である
* （実測: 移行元 rgb(136, 136, 136) / 直す前の dev rgb(225, 32, 15)・2026-10-01 08:15・幅 375）。
*
* 🚨 **区切りの「/」は携帯幅だけ隠す。**移行元スマホ版は札で区切るので持たない。
* パソコン幅では移行元が本物の文字として持っているので隠さない（このファイルは
* 丸ごと `max-width: 749px` の中に在る）。
*
* 器を画面いっぱいへ戻すのは、移行元の帯が画面幅そのもの（375px）に敷かれており、
* 上下の罫線も画面の端まで届くためである。書き方は上の `.senryu_list` と同じ。
*/
body .pa-page--senryu .page-content__body #senryu .text_menu {
display: flex;
flex-wrap: nowrap;
gap: 4px;
overflow-x: auto;
width: 100vw;
margin-right: calc(50% - 50vw);
margin-bottom: 25px;
margin-left: calc(50% - 50vw);
padding: 15px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
/* 送り幅の帯が出る環境と出ない環境で高さが変わらないようにする. */
scrollbar-width: none;
}
body .pa-page--senryu .page-content__body #senryu .text_menu::-webkit-scrollbar {
display: none;
}
body .pa-page--senryu .page-content__body #senryu .text_menu > li {
box-sizing: content-box;
flex: 0 0 34.843%;
padding: 5px 0;
border-right: 1px solid #000;
color: #888;
font-size: 13px;
line-height: 20px;
text-align: center;
}
body .pa-page--senryu .page-content__body #senryu .text_menu > li > a {
color: #888;
font-size: 13px;
}
/* 🚨 指を乗せたときに色を変えない。**移行元スマホ版に hover の指定は無い**ので、
共通側の赤が出ると移行元に無い差になる. */
body .pa-page--senryu .page-content__body #senryu .text_menu > li > a:hover {
color: #888;
}
body .pa-page--senryu .page-content__body #senryu .text_menu > li > span {
display: none;
}
/*
* ------------------------------------------------------------------
* 過去の受賞作品（`/senryu/backnumber/`）の携帯幅（Task #7044・親 Bug #6948）
* ------------------------------------------------------------------
*
* 移行元スマホ版は金・銀・銅を**別々の絵 3 枚**で縦に出す。dev はパソコン版の
* 「3 つを 1 枚に焼いた 940 x 439」を器の幅まで縮めて出しており、1 枚の中で
* 3 列に見える。3 枚を差し込むのは `inc/senryu-award-sp.php` が行い、ここは
* その見え方を作る。
*
* 🚨 **区画の写し（senryu.css）と境目の調整（bridge.css）はここへ届かない。**
* どちらも `PA_SENRYU_MEDIA`（750px 以上）で配られる。携帯幅で効くのは
* `main.css` とこのファイルの 2 本だけである。
*/
/*
* 器。移行元スマホ版の `#senryu .box { padding: 0 6.25% 25px }` に当たる。
*
* dev の本文の器は左右 15px（`--pa-inner-gutter`）なので、**いったん画面いっぱいへ
* 戻してから移行元と同じ 6.25% を内側に取る**。幅 375px で中身は 328.125px になり、
* 移行元スマホ版の実測 328.13px と合う（そのままだと 344.97px で、絵の縦が
* 7〜15px 高くなる）。
*
* 🚨 **内側の余白は `vw` で書く。**`%` は親（345px）を基準に解くので 21.56px になり、
* 移行元の 23.44px と合わない.
*/
body .pa-page--senryu .page-content__body #senryu .block02 {
box-sizing: border-box;
width: 100vw;
margin-inline: calc(50% - 50vw);
padding: 0 6.25vw 25px;
}
/*
* 申し込み導線の上の空き（Bug #8406）。
*
* 移行元スマホ版は導線を器（`div.box`）の**外**に置く。導線の上の空きは、器の最後の
* 段落 `p.mb30` の 30px と器の下の内余白 25px を足した 55px である。dev の本文は
* パソコン版の markup で、導線が器（`.block02`）の**中**の最後に在る。そのため
* 内余白の 25px が導線の下に回り、導線が 25px 上に出ていた
* （実測: 導線の上端 移行元 8879.08 / 直す前の dev 8854.08・ページの総高さは 12805 / 12804 で同じ・
* 2026-10-01 08:15・幅 375）。
*
* 🚨 **導線へ置く上の外余白は 55px である。**直前の段落（`p.box_grid`）の下の外余白 30px と
* 兄弟どうしで重なり、大きい方の 55px だけが空く。25px を置くと 30px に吸われて動かない。
* 器の下の内余白は、導線を持つ器でだけ 0 にする（導線の下は、導線自身の 19.5px の外余白で
* 移行元と同じになる）.
*/
body .pa-page--senryu .page-content__body #senryu .block02 > .word-cta {
margin-top: 55px;
}
body .pa-page--senryu .page-content__body #senryu .block02:has(> .word-cta) {
padding-bottom: 0;
}
/*
* 年の見出し。移行元スマホ版の `#senryu .corner_ttl` を写す（移行元スマホ版に
* `corner_ttl02` は無く、パソコン版だけが 02 を使う）。上の外余白 0 は移行元の
* 初期化（`sp/css/basic.css` が見出しの余白を 0 にする）に当たる.
*/
body .pa-page--senryu .page-content__body #senryu .corner_ttl02 {
margin: 0 0 18px;
padding: 0 0 13px;
border-bottom: 2px solid #a3762b;
color: #a3762b;
font-size: 17px;
line-height: 100%;
}
/* 携帯幅用の 3 枚を出す */
body .pa-page--senryu .page-content__body #senryu .pa-senryu-award-sp {
display: block;
}
/*
* 🚨 **パソコン版の合成 1 枚は隠す。**同じ `` の中に並ぶので、
* 札を持つ段落の直下の絵だけを指す（`` に包まれても当たるようにする）.
*/
body .pa-page--senryu .page-content__body #senryu p:has(> .pa-senryu-award-sp) > :is(img, picture) {
display: none;
}
body .pa-page--senryu .page-content__body #senryu .pa-senryu-award-sp img {
display: block;
width: 100%;
}
/*
* 絵の下の空き。移行元スマホ版は 3 枚を隙間なく積み、**最後の 1 枚の下**だけ
* 空ける（2016 年は `p.mb50` の 50px、ほかの年は `p.mb20` の 20px）。
* dev のパソコン版の値（80px / 35px）を上書きする.
*/
body .pa-page--senryu .page-content__body #senryu .mb80:has(> .pa-senryu-award-sp) {
margin-bottom: 50px;
}
body .pa-page--senryu .page-content__body #senryu .mb35:has(> .pa-senryu-award-sp) {
margin-bottom: 20px;
}
/*
* 特別賞の帯。1 枚 → 1 枚の差し替えは `inc/sp-image-swap.php` が `` で行う。
* ここは並べ方だけを見る。
*
* dev はパソコン版の markup なので、1 つの `` の中に帯が
* 1 枚か 2 枚入り、2 枚のときは `
` で区切られている。移行元スマホ版は
* `p.mb20` と `p.mb30` の 2 つの段落なので、**1 枚目の下に 20px、段落の下に 30px** で
* 同じ空きになる。
*
* 🚨 **格子の背景（bg_grid.jpg）と上下の内余白 40px は付けない。**それらは
* 区画の写し（senryu.css）が持っており、携帯幅には配られない。移行元スマホ版にも
* 格子は無い.
*/
body .pa-page--senryu .page-content__body #senryu .box_grid {
margin-bottom: 30px;
}
/* 帯どうしの改行は、絵を塊で積むので要らない */
body .pa-page--senryu .page-content__body #senryu .box_grid br {
display: none;
}
body .pa-page--senryu .page-content__body #senryu .box_grid > :is(img, picture),
body .pa-page--senryu .page-content__body #senryu .box_grid picture img {
display: block;
width: 100%;
}
body .pa-page--senryu .page-content__body #senryu .box_grid > :is(img, picture):not(:last-child) {
margin-bottom: 20px;
}
/*
* 一覧へのリンク。移行元スマホ版は `p.btn_log.mb30` の押しボタンで、
* dev はパソコン版の字だけのリンク（`p.link_log_list`）である。
*
* 🚨 **これも直さないと受入基準の「区画の高さ ±2px」に届かない。**押しボタンは
* 3 つ（2015 / 2014 / 2013 年）あり、1 つあたり約 35px 低いままになる。
*
* 移行元スマホ版 `#senryu .btn_log`（`public/sp/senryu/css/style.css`）:
* .btn_log … text-align:center; border:1px solid #000000;
* .btn_log a … display:block; padding:13px 0; font-size:14px; line-height:100%;
* text-decoration:none; 背景に icon02.png を右端・18x12
* 字の色は移行元の `a { color: #000000 }` を受け継ぐ.
*/
body .pa-page--senryu .page-content__body #senryu .link_log_list {
margin-bottom: 30px;
border: 1px solid #000;
text-align: center;
}
body .pa-page--senryu .page-content__body #senryu .link_log_list a {
display: block;
padding: 13px 0;
background: url(../images/icon02.png?ver=192b7ba50ec4) no-repeat right center;
background-size: 18px 12px;
color: #000;
font-size: 14px;
line-height: 100%;
text-decoration: none;
}
/* 🚨 指を乗せたときに色を変えない（移行元スマホ版に hover の指定は無い） */
body .pa-page--senryu .page-content__body #senryu .link_log_list a:hover {
color: #000;
}
/*
* ------------------------------------------------------------------
* バックナンバーの範囲の選択（Task #7043・親 Bug #6948・ユーザー決定 D365）
* ------------------------------------------------------------------
*
* 移行元スマホ版は一段の選択箱（`