From 27483644d7ba9e819dbb5f64844270dd499f45ff Mon Sep 17 00:00:00 2001
From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>
Date: Sat, 3 Oct 2026 14:55:04 +0900
Subject: sanpi.mdx: 賛否一覧表の列を整理し、スマホで読みやすくする
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

安竹洋平・伊藤央・石津はるかの列を議決結果の右にまとめ、水口かずえ・中倉茂和・岡田しんぺいの氏名は外して会派名だけにした。安竹の列はセル全体に色を付ける。スマホでは表を横スクロールにし、議案名は省略表示＋ホバー／タップで全文表示とした。生成側の scripts/parse-sanpi-hyo.py も同じ並び・氏名なしで出力するよう修正した。
---
 src/components/SanpiTable.astro | 96 +++++++++++++++++++++++++++++++++++++++++
 src/content/docs/sanpi.mdx      | 69 +++++++++++++++--------------
 src/styles/custom.css           | 64 ++++++++++++++++++++++++---
 3 files changed, 192 insertions(+), 37 deletions(-)
 create mode 100644 src/components/SanpiTable.astro

(limited to 'src')

diff --git a/src/components/SanpiTable.astro b/src/components/SanpiTable.astro
new file mode 100644
index 0000000..31c8678
--- /dev/null
+++ b/src/components/SanpiTable.astro
@@ -0,0 +1,96 @@
+---
+// 賛否一覧（/sanpi/）の表をスマートフォンでも読みやすくする。
+// 表そのものは Markdown で書かれているため、ここでは目印の要素と、
+// 実行時に表を加工するスクリプトだけを提供する（見た目は custom.css）。
+---
+
+<div class="sanpi-marker" hidden aria-hidden="true"></div>
+
+<script>
+  // マウスがある環境でのみホバー表示を有効にする（タップ端末では
+  // タップがホバーとして扱われ、ツールチップが残るのを避けるため）。
+  const CAN_HOVER = window.matchMedia("(hover: hover) and (pointer: fine)").matches;
+
+  function enhanceSanpiTables() {
+    const marker = document.querySelector(".sanpi-marker");
+    if (!marker) return;
+    const content = marker.closest(".sl-markdown-content");
+    if (!content) return;
+
+    let tip = null;
+    const hideTip = () => {
+      if (tip) tip.hidden = true;
+    };
+    const showTip = (el) => {
+      if (!tip) {
+        tip = document.createElement("div");
+        tip.className = "sanpi-tip";
+        tip.setAttribute("role", "tooltip");
+        document.body.appendChild(tip);
+      }
+      tip.textContent = el.dataset.full || el.textContent.trim();
+      tip.hidden = false;
+      tip.style.left = "0px";
+      tip.style.top = "0px";
+      const r = el.getBoundingClientRect();
+      const tr = tip.getBoundingClientRect();
+      const left = Math.min(
+        Math.max(8, r.left),
+        Math.max(8, window.innerWidth - tr.width - 8),
+      );
+      let top = r.top - tr.height - 8;
+      if (top < 8) top = r.bottom + 8;
+      tip.style.left = `${left}px`;
+      tip.style.top = `${top}px`;
+    };
+
+    content.querySelectorAll("table").forEach((table) => {
+      // 各行の先頭セル（議案名）を、省略表示できるようにくるむ。
+      table.querySelectorAll("tbody tr").forEach((tr) => {
+        const cell = tr.querySelector("td");
+        if (!cell || cell.querySelector(".sanpi-title")) return;
+
+        const span = document.createElement("span");
+        span.className = "sanpi-title";
+        while (cell.firstChild) span.appendChild(cell.firstChild);
+        cell.appendChild(span);
+
+        const full = span.textContent.trim();
+        span.dataset.full = full;
+        span.tabIndex = 0;
+        span.setAttribute("role", "button");
+        span.setAttribute("aria-expanded", "false");
+        span.setAttribute("aria-label", `${full}（タップで全文を表示）`);
+
+        const toggle = () => {
+          hideTip();
+          const open = cell.classList.toggle("sanpi-open");
+          span.setAttribute("aria-expanded", String(open));
+        };
+
+        if (CAN_HOVER) {
+          span.addEventListener("mouseenter", () => showTip(span));
+          span.addEventListener("mouseleave", hideTip);
+          span.addEventListener("focus", () => showTip(span));
+          span.addEventListener("blur", hideTip);
+        }
+        span.addEventListener("click", toggle);
+        span.addEventListener("keydown", (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            toggle();
+          }
+        });
+      });
+    });
+
+    window.addEventListener("scroll", hideTip, { passive: true });
+    window.addEventListener("resize", hideTip);
+  }
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", enhanceSanpiTables);
+  } else {
+    enhanceSanpiTables();
+  }
+</script>
diff --git a/src/content/docs/sanpi.mdx b/src/content/docs/sanpi.mdx
index f5b2e31..47d2320 100644
--- a/src/content/docs/sanpi.mdx
+++ b/src/content/docs/sanpi.mdx
@@ -4,13 +4,18 @@ description: 小平市議会の議案に対する各議員の賛否を、定例
 draft: true
 ---
 
+import SanpiTable from '@/components/SanpiTable.astro';
+
 小平市議会の議案に対する、各議員の賛否の一覧です。出典は、小平市議会が各定例会ごとに公開している「議案に対する各議員の賛否一覧」（こだいら市議会だより）です。
 
+<SanpiTable />
+
 :::note
 - 〇＝賛成、×＝反対、—＝表決に加わらない（議長・欠席・退場）
 - 議決結果は、可決・認定・採択はグレーの印、否決・不採択は青色の印で示しています（カーソルを合わせると内容が出ます）
 - 会派内で賛否が分かれた場合は、同じ賛否の議員は「会派（人数）」にまとめ、異なる議員だけ名前を出して列を分けています。「一人会派と維新の会」は常に議員ごとに示します。安竹洋平の列は色をつけています
 - 賛否が分かれた議案のみを掲載しています（全会一致の議案は除く）
+- パソコンでは議案名にカーソルを合わせると全文が表示されます。議案名をタップ／クリックすると、その場で全文が表示されます。スマートフォンでは表を横にスクロールできます
 - 会派の略称は次のとおりです。政和＝自民党小平政和会、公明＝市議会公明党、フォ＝フォーラム小平、共産＝日本共産党小平市議団、生ネ＝生活者ネットワーク、市民＝まちづくり市民こだいら、れ新＝市議会れいわ新選組、緑風＝緑の風
 :::
 
@@ -20,56 +25,56 @@ draft: true
 
 ## 令和8年6月定例会
 
-| 議案 | 議決結果 | 政和 | 公明 | フォ | 共産 | 伊藤央（一人） | 石津はるか（一人） | 安竹洋平（一人） | 生ネ | 市民 水口かずえ | れ新 中倉茂和 | 緑風 岡田しんぺい |
+| 議案 | 議決結果 | <span class="sanpi-me">安竹洋平（一人）</span> | 伊藤央（一人） | 石津はるか（一人） | 政和 | 公明 | フォ | 共産 | 生ネ | 市民 | れ新 | 緑風 |
 |---|---|---|---|---|---|---|---|---|---|---|---|---|
-| 第17号 外部監査制度（包括外部監査及び個別外部監査）の導入検討を求めることについて | <span class="sanpi-kekka stop" title="不採択">不採択</span> | × | × | × | 〇 | 〇 | 〇 | <span class="sanpi-me">〇</span> | × | 〇 | 〇 | × |
+| 第17号 外部監査制度（包括外部監査及び個別外部監査）の導入検討を求めることについて | <span class="sanpi-kekka stop" title="不採択">不採択</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | × | × | × | 〇 | × | 〇 | 〇 | × |
 
 ## 令和8年3月定例会
 
-| 議案 | 議決結果 | 政和 | 公明 | フォ | 共産 | 伊藤央（一人） | 石津はるか（一人） | 安竹洋平（一人） | 生ネ | 市民 水口かずえ | れ新 中倉茂和 |
+| 議案 | 議決結果 | <span class="sanpi-me">安竹洋平（一人）</span> | 伊藤央（一人） | 石津はるか（一人） | 政和 | 公明 | フォ | 共産 | 生ネ | 市民 | れ新 |
 |---|---|---|---|---|---|---|---|---|---|---|---|
-| 第84号 小平市乳児等通園支援事業の設備及び運営の基準に関する条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 |
-| 第85号 小平市特定乳児等通園支援事業の運営の基準に関する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 |
-| 第4号 令和8年度小平市一般会計予算 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | × | × | <span class="sanpi-me">×</span> | 〇 | × | 〇 |
-| 第5号 令和8年度小平市国民健康保険事業特別会計予算 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | × | × | <span class="sanpi-me">×</span> | 〇 | × | 〇 |
-| 第6号 令和8年度小平市後期高齢者医療特別会計予算 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | 〇 | × | 〇 |
-| 第15号 小平市介護保険条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | 〇 | × | 〇 |
-| 第16号 小平市立保育園における乳児等通園支援事業の利用者負担額に関する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 |
-| 第18号 小平市国民健康保険条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | × | × | <span class="sanpi-me">×</span> | 〇 | × | 〇 |
-| 第20号 特定公園施設の買入れ | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | 〇 | × | 〇 |
+| 第84号 小平市乳児等通園支援事業の設備及び運営の基準に関する条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | 〇 | 〇 |
+| 第85号 小平市特定乳児等通園支援事業の運営の基準に関する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | 〇 | 〇 |
+| 第4号 令和8年度小平市一般会計予算 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">×</span> | × | × | 〇 | 〇 | 〇 | × | 〇 | × | 〇 |
+| 第5号 令和8年度小平市国民健康保険事業特別会計予算 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">×</span> | × | × | 〇 | 〇 | 〇 | × | 〇 | × | 〇 |
+| 第6号 令和8年度小平市後期高齢者医療特別会計予算 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | × | 〇 |
+| 第15号 小平市介護保険条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | × | 〇 |
+| 第16号 小平市立保育園における乳児等通園支援事業の利用者負担額に関する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | 〇 | 〇 |
+| 第18号 小平市国民健康保険条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">×</span> | × | × | 〇 | 〇 | 〇 | × | 〇 | × | 〇 |
+| 第20号 特定公園施設の買入れ | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | × | 〇 |
 
 ## 令和7年12月定例会
 
-| 議案 | 議決結果 | 政和 | 公明 | フォ | 共産 | 伊藤央（一人） | 石津はるか（一人） | 安竹洋平（一人） | 生ネ | 市民 水口かずえ | れ新 中倉茂和 |
+| 議案 | 議決結果 | <span class="sanpi-me">安竹洋平（一人）</span> | 伊藤央（一人） | 石津はるか（一人） | 政和 | 公明 | フォ | 共産 | 生ネ | 市民 | れ新 |
 |---|---|---|---|---|---|---|---|---|---|---|---|
-| 第55号 令和6年度小平市一般会計歳入歳出決算の認定 | <span class="sanpi-kekka pass" title="認定">認定</span> | 〇 | 〇 | 〇 | × | × | × | <span class="sanpi-me">×</span> | 〇 | × | 〇 |
-| 第56号 令和6年度小平市国民健康保険事業特別会計歳入歳出決算の認定 | <span class="sanpi-kekka pass" title="認定">認定</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">×</span> | 〇 | × | 〇 |
-| 第71号 東部公園のプール再整備・萩山公園のプール跡地活用に関する公民連携事業の事業契約の締結 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 |
-| 第83号 小平市職員の給与に関する条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | 〇 | × | × | <span class="sanpi-me">×</span> | 〇 | 〇 | 〇 |
+| 第55号 令和6年度小平市一般会計歳入歳出決算の認定 | <span class="sanpi-kekka pass" title="認定">認定</span> | <span class="sanpi-me">×</span> | × | × | 〇 | 〇 | 〇 | × | 〇 | × | 〇 |
+| 第56号 令和6年度小平市国民健康保険事業特別会計歳入歳出決算の認定 | <span class="sanpi-kekka pass" title="認定">認定</span> | <span class="sanpi-me">×</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | × | 〇 |
+| 第71号 東部公園のプール再整備・萩山公園のプール跡地活用に関する公民連携事業の事業契約の締結 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | 〇 | 〇 |
+| 第83号 小平市職員の給与に関する条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">×</span> | × | × | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 |
 
 ## 令和7年9月定例会
 
-| 議案 | 議決結果 | 政和 | 公明 | フォ | 共産 | 伊藤央（一人） | 石津はるか（一人） | 安竹洋平（一人） | 生ネ | 市民 水口かずえ | れ新 中倉茂和 |
+| 議案 | 議決結果 | <span class="sanpi-me">安竹洋平（一人）</span> | 伊藤央（一人） | 石津はるか（一人） | 政和 | 公明 | フォ | 共産 | 生ネ | 市民 | れ新 |
 |---|---|---|---|---|---|---|---|---|---|---|---|
-| 第32号 小平市教育委員会教育長の任命同意 | <span class="sanpi-kekka pass" title="同意">同意</span> | 〇 | 〇 | 〇 | 〇 | × | × | <span class="sanpi-me">×</span> | 〇 | 〇 | 〇 |
-| 第35号 令和7年度小平市一般会計補正予算（第3号） | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 |
-| 第39号 小平市職員の育児休業等に関する条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | 〇 | × | 〇 | <span class="sanpi-me">×</span> | 〇 | 〇 | 〇 |
-| 第41号 小平市乳児等通園支援事業の設備及び運営の基準に関する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 |
-| 第53号 小平市小川駅西口複合施設の指定管理者の指定 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | × | 〇 | 〇 | <span class="sanpi-me">〇</span> | × | × | 〇 |
-| 第16号 中央公園グラウンド改修計画について意見を聞く機会を設けることと多目的エリアの人工芝化見直しを求めることについて | <span class="sanpi-kekka stop" title="不採択">不採択</span> | × | × | × | 〇 | 〇 | 〇 | <span class="sanpi-me">×</span> | 〇 | 〇 | 〇 |
+| 第32号 小平市教育委員会教育長の任命同意 | <span class="sanpi-kekka pass" title="同意">同意</span> | <span class="sanpi-me">×</span> | × | × | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 |
+| 第35号 令和7年度小平市一般会計補正予算（第3号） | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | 〇 | 〇 |
+| 第39号 小平市職員の育児休業等に関する条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">×</span> | × | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 |
+| 第41号 小平市乳児等通園支援事業の設備及び運営の基準に関する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | 〇 | 〇 | 〇 |
+| 第53号 小平市小川駅西口複合施設の指定管理者の指定 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">〇</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | × | × | 〇 |
+| 第16号 中央公園グラウンド改修計画について意見を聞く機会を設けることと多目的エリアの人工芝化見直しを求めることについて | <span class="sanpi-kekka stop" title="不採択">不採択</span> | <span class="sanpi-me">×</span> | 〇 | 〇 | × | × | × | 〇 | 〇 | 〇 | 〇 |
 
 ## 令和7年3月定例会
 
-| 議案 | 議決結果 | 政和（5人） | 石津はるか（政和） | 外山まなみ（政和） | 公明 | フォ | 共産 | 生ネ | 伊藤央（一人） | 安竹洋平（一人） | 市民 水口かずえ | れ新 中倉茂和 |
+| 議案 | 議決結果 | <span class="sanpi-me">安竹洋平（一人）</span> | 伊藤央（一人） | 石津はるか（政和） | 政和（5人） | 外山まなみ（政和） | 公明 | フォ | 共産 | 生ネ | 市民 | れ新 |
 |---|---|---|---|---|---|---|---|---|---|---|---|---|
-| 第4号 令和7年度小平市一般会計予算 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | × | — | 〇 | 〇 | × | 〇 | × | <span class="sanpi-me">×</span> | × | 〇 |
-| 第10号 小平市職員の勤務時間、休日、休暇等に関する条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | × | <span class="sanpi-me">×</span> | 〇 | 〇 |
-| 第15号 鷹の台駅前広場整備工事に関する事実関係の究明を求めることについて | <span class="sanpi-kekka stop" title="不採択">不採択</span> | × | × | × | × | × | × | × | 〇 | <span class="sanpi-me">〇</span> | 〇 | × |
+| 第4号 令和7年度小平市一般会計予算 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">×</span> | × | × | 〇 | — | 〇 | 〇 | × | 〇 | × | 〇 |
+| 第10号 小平市職員の勤務時間、休日、休暇等に関する条例の一部を改正する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">×</span> | × | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 |
+| 第15号 鷹の台駅前広場整備工事に関する事実関係の究明を求めることについて | <span class="sanpi-kekka stop" title="不採択">不採択</span> | <span class="sanpi-me">〇</span> | 〇 | × | × | × | × | × | × | × | 〇 | × |
 
 ## 令和6年9月定例会
 
-| 議案 | 議決結果 | 政和 | 公明 | フォ | 共産 | 生ネ | 伊藤央（一人） | 安竹洋平（一人） | 市民 水口かずえ | れ新 中倉茂和 |
+| 議案 | 議決結果 | <span class="sanpi-me">安竹洋平（一人）</span> | 伊藤央（一人） | 政和 | 公明 | フォ | 共産 | 生ネ | 市民 | れ新 |
 |---|---|---|---|---|---|---|---|---|---|---|
-| 第45号 小平市立小学校教師用指導書の買入れの追認 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | <span class="sanpi-me">×</span> | 〇 | 〇 |
-| 第46号 小平市長等の給料の特例に関する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | × | 〇 | 〇 | 〇 | 〇 | × | <span class="sanpi-me">×</span> | 〇 | 〇 |
-| 第47号 小平市教育委員会委員の任命同意 | <span class="sanpi-kekka pass" title="同意">同意</span> | 〇 | 〇 | 〇 | 〇 | 〇 | × | <span class="sanpi-me">×</span> | 〇 | 〇 |
+| 第45号 小平市立小学校教師用指導書の買入れの追認 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">×</span> | × | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 |
+| 第46号 小平市長等の給料の特例に関する条例 | <span class="sanpi-kekka pass" title="原案可決">可決</span> | <span class="sanpi-me">×</span> | × | × | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 |
+| 第47号 小平市教育委員会委員の任命同意 | <span class="sanpi-kekka pass" title="同意">同意</span> | <span class="sanpi-me">×</span> | × | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 |
diff --git a/src/styles/custom.css b/src/styles/custom.css
index ecf2059..ad8966b 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -1251,13 +1251,67 @@ h3:hover .heading-anchor {
   border-color: #1565c0;
   background: #10243a;
 }
-/* 安竹洋平の賛否の列を目立たせる */
+/* 安竹洋平の賛否の列を目立たせる。セル全体に色を付ける */
 .sanpi-me {
-  display: inline-block;
-  min-width: 1.3em;
-  padding: 0 0.25em;
-  border-radius: 3px;
   font-weight: 700;
+}
+.sl-markdown-content:has(.sanpi-marker) th:has(.sanpi-me),
+.sl-markdown-content:has(.sanpi-marker) td:has(.sanpi-me) {
   background: var(--sl-color-accent-low);
+}
+.sl-markdown-content:has(.sanpi-marker) th:has(.sanpi-me) {
   color: var(--sl-color-accent-high);
+  font-weight: 700;
+}
+
+/* 賛否一覧の表は、幅が足りなければ横スクロールで全体を見せる */
+.sl-markdown-content:has(.sanpi-marker) table {
+  display: block;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  white-space: nowrap;
+}
+.sl-markdown-content:has(.sanpi-marker) th,
+.sl-markdown-content:has(.sanpi-marker) td {
+  white-space: nowrap;
+}
+
+/* 議案名は既定では省略し、タップ／クリックで全文を表示する */
+.sanpi-title {
+  display: inline-block;
+  max-width: 14em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  border-bottom: 1px dotted var(--sl-color-gray-4);
+}
+.sanpi-title:focus-visible {
+  outline: 2px solid var(--sl-color-accent);
+  outline-offset: 2px;
+}
+td.sanpi-open .sanpi-title {
+  max-width: 42ch;
+  white-space: normal;
+  overflow: visible;
+  border-bottom-color: transparent;
+}
+
+/* ホバー時に議案名の全文をラベルのように表示する */
+.sanpi-tip {
+  position: fixed;
+  z-index: 1000;
+  max-width: min(90vw, 40em);
+  padding: 0.45em 0.7em;
+  border-radius: 6px;
+  background: var(--sl-color-text);
+  color: var(--sl-color-bg);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
+  font-size: 0.85rem;
+  line-height: 1.55;
+  white-space: normal;
+  pointer-events: none;
+}
+.sanpi-tip[hidden] {
+  display: none;
 }
-- 
cgit v1.3.1