/* basics_phy.css */ /* 政令による試験セクション */ .phy-test-section { margin-block: 2em; padding: 1em; border-left: 4px solid #666; background-color: #fdfdfd; } /* 法律テーブルの共通ルール */ .phy-table-section table { width: 100%; border-collapse: collapse; margin-top: 1em; } .phy-table-section th, .phy-table-section td { border: 1px solid #ccc; padding: 0.5em; text-align: left; } .phy-section { margin-block: 2em; } .phy-list { background-color: #fcfcfc; border-left: 4px solid #888; padding: 1em 1em 1em 1.5em; /* 左に余裕をもたせる */ margin-block: 2em; list-style-type: disc; list-style-position: inside; /* 黒丸を内側に配置して縦棒と距離を取る */ } .phy-list li { margin-bottom: 0.5em; } /* テーブルの奇数行ストライプを完全に消す*/ .table-section table.no-stripe tbody tr:nth-child(odd), .table-section table.no-stripe tbody tr:nth-child(odd) td { background-color: transparent !important; } .table-section table.no-stripe tbody tr:nth-child(even), .table-section table.no-stripe tbody tr:nth-child(even) td { background-color: transparent !important; } /* ２．その上で .gray セルだけグレーに（odd/even 両方指定） */ .table-section table.no-stripe tbody tr:nth-child(odd) td.gray, .table-section table.no-stripe tbody tr:nth-child(even) td.gray { background-color: #f2f2f2 !important; } /* table 全体を固定レイアウトに */ .table-section table { table-layout: fixed; width: 100%; } /* １列目（区分）の幅を150pxに調整 */ .table-section table th:first-child, .table-section table td:first-child { width: 150px; /* お好みで調整してください */ word-wrap: break-word; /* 長い文言がはみ出さないようにする */ } .comparison figure { margin: 0; /* デフォルトの余白リセット */ text-align: center; /* キャプションを中央寄せ */ } .comparison img { max-width: 100%; /* レスポンシブに */ height: auto; } .comparison { display: flex; gap: 1rem; justify-content: center; /* ↓ bottom-align all figures so captions line up */ align-items: flex-end; } /* 代わりに、.table-container 内だけグレーの枠線を適用 */ .table-container table, .table-container th, .table-container td { border: 1px solid #cbd5e0; /* Tailwind の border-gray-400 と同じ色 */ } /* .table-container 内の th だけを対象に背景色を指定 */ .table-container th { background-color: #f3f4f6; /* Tailwind の bg-gray-100 相当 */ } .table-critical { width: 100%; border-collapse: collapse; } .table-critical th, .table-critical td { border: 1px solid #333; padding: 8px; text-align: left; vertical-align: top; } .table-critical th { background-color: #f3f4f6; /* 薄いグレー */ } img { width: 100%; max-width: 700px; height: auto; } .svg-table { text-align: center; margin: 1em 0; } /* ① ページを特定するクラスを付与済と仮定： */ .chapter2-4 .table-container table { display: table; /* ブロックレベルの table のまま */ width: auto !important; /* グローバルの幅100%指定を打ち消す */ margin: 0 auto; /* テーブル枠だけ中央に寄せる */ table-layout: auto !important; /* 固定レイアウトも打ち消し */ } /* ② 念のためセル内は左寄せに */ .chapter2-4 .table-container th, .chapter2-4 .table-container td { text-align: left; } /* 一覧全体 */ .law-index { margin: 24px 0; } /* デフォルトの左インデントを消す＆余白を整える */ .law-index ul { list-style: none; padding-left: 0; /* ← これが効きます */ margin: 0; } /* 行間 */ .law-index li + li { margin-top: 12px; } /* カード化：行全体をクリック可能に */ .law-index a { display: block; width: 100%; box-sizing: border-box; /* ← はみ出し防止（padding/borderを幅に含める） */ text-decoration: none; padding: 14px 16px; background: #e9f2ff; border: 1px solid #d7e6ff; border-radius: 12px; color: #123; /* 読みやすい濃紺 */ box-shadow: 0 1px 0 rgba(0,0,0,.04); transition: background .15s, box-shadow .15s, transform .02s; } .law-index a:hover, .law-index a:focus { background: #dceaff; box-shadow: 0 3px 10px rgba(0,0,0,.06); outline: none; } .law-index a:active { transform: translateY(1px); } /* --- モバイルだけファーストビューの余白をギュッと詰める --- */ @media (max-width: 600px) { /* 1) コンテンツ上パディングをさらに縮小（以前の 1.75em → 1.1em） */ body.basics .site-main { padding-top: 1.1em; } /* 2) パンくずの下の余白を小さく */ body.basics .breadcrumbs { margin: 0.25em 0 0.5em; /* 上0.25 / 下0.5 くらいがバランス良 */ } /* 3) 最初のセクションの見出しの上マージンを打ち消し */ .site-main > .intro:first-of-type { margin-top: 0; } .site-main > .intro:first-of-type h2 { margin-top: 0; } }