From bb0d752b04eae60b88ec162d07e9409483159d95 Mon Sep 17 00:00:00 2001
From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>
Date: Sun, 4 Oct 2026 23:24:31 +0900
Subject: sanpi.mdx: 賛否一覧に令和7年6月・4月臨時会・令和6年12月を追加
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

各表の下に安竹側・反対会派の賛否理由を簡潔に記載した。安竹列のセル着色、請願バッジ、見出しの改行、上部の会派別グラフ（安竹を先頭・太字、れ新（中倉）・市民（水口））を追加。生成スクリプトを同じ並び・氏名なし・請願バッジ・見出し改行に対応させた。
---
 src/styles/custom.css | 89 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 88 insertions(+), 1 deletion(-)

(limited to 'src/styles/custom.css')

diff --git a/src/styles/custom.css b/src/styles/custom.css
index ad8966b..856bfe1 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -1283,6 +1283,7 @@ h3:hover .heading-anchor {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  vertical-align: middle;
   cursor: pointer;
   border-bottom: 1px dotted var(--sl-color-gray-4);
 }
@@ -1291,12 +1292,98 @@ h3:hover .heading-anchor {
   outline-offset: 2px;
 }
 td.sanpi-open .sanpi-title {
-  max-width: 42ch;
+  width: max-content;
+  max-width: 34em;
   white-space: normal;
   overflow: visible;
   border-bottom-color: transparent;
 }
 
+/* 請願の行だと分かるようにする */
+.sanpi-shugan {
+  display: inline-block;
+  margin-right: 0.4em;
+  padding: 0.05em 0.4em;
+  border: 1px solid var(--sl-color-accent);
+  border-radius: 3px;
+  background: var(--sl-color-accent-low);
+  color: var(--sl-color-accent-high);
+  font-size: 0.72em;
+  font-weight: 700;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+/* 賛否一覧: 各表の下に置く安竹の賛否理由 */
+.sanpi-reasons {
+  margin: 0.75rem 0 2rem;
+  font-size: 0.9em;
+}
+.sanpi-reasons p {
+  margin: 0 0 0.5rem;
+}
+.sanpi-reasons ul {
+  margin: 0;
+  padding-left: 1.2em;
+}
+.sanpi-reasons li {
+  margin: 0.3rem 0;
+}
+
+/* 賛否一覧: 上部の会派別グラフ */
+.sanpi-chart {
+  margin: 1rem 0 2rem;
+}
+.sanpi-chart-caption {
+  margin: 0 0 0.75rem;
+  font-size: 0.85em;
+  color: var(--sl-color-gray-2);
+}
+.sanpi-chart-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.sanpi-chart-item {
+  display: grid;
+  grid-template-columns: 8.5em 1fr 6.5em;
+  gap: 0.5rem;
+  align-items: center;
+  margin: 0.3rem 0;
+}
+.sanpi-chart-label {
+  font-size: 0.85em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.sanpi-chart-bar {
+  display: block;
+  height: 0.9em;
+  border-radius: 3px;
+  background: var(--sl-color-gray-5);
+  overflow: hidden;
+}
+.sanpi-chart-fill {
+  display: block;
+  height: 100%;
+  border-radius: 3px;
+}
+.sanpi-chart-val {
+  font-size: 0.8em;
+  color: var(--sl-color-gray-2);
+  white-space: nowrap;
+  text-align: right;
+}
+.sanpi-chart-val small {
+  font-size: 0.85em;
+}
+@media (max-width: 480px) {
+  .sanpi-chart-item {
+    grid-template-columns: 6em 1fr 5.5em;
+  }
+}
+
 /* ホバー時に議案名の全文をラベルのように表示する */
 .sanpi-tip {
   position: fixed;
-- 
cgit v1.3.1