/* news-detail.html 由来。body.lsu-news-detail 配下へ閉じてある（他ページと干渉しない）正本: ~/design_handoff_v2.0/news-detail.html ★作り方（原本が更新されたらこの手順でやり直す。build_pages.py の SRC は触らない） python3 - <<'EOF' import pathlib, re, sys; sys.path.insert(0, str(pathlib.Path.home()/"lifestandup-wp")) from build_pages import scope_css t = (pathlib.Path.home()/"design_handoff_v2.0/news-detail.html").read_text(encoding="utf-8") css = re.sub(r"/\*.*?\*/", "", re.search(r"", t, re.S).group(1), flags=re.S) print(scope_css(css, "lsu-news-detail")) EOF 出力を「原本ぶん」として置き、末尾の「WordPress が出すマークアップの受け皿」は手で書いた分なので消さずに残すこと。 */ body.lsu-news-detail{ --ilife-green:#4CAF50;--deep-green:#2E7D32;--light-green:#C8E6C9;--pale-green:#E8F5E9; --su-pink:#EC407A;--su-pink-deep:#C2185B;--su-pink-soft:#FCE4EC; --su-yellow:#FFC107;--su-yellow-soft:#FFF8E1;--su-blue:#1E88E5;--su-blue-soft:#E3F2FD; --su-red:#E53935;--su-red-soft:#FFEBEE; --ink:#212121;--ink-soft:#424242;--ink-mute:#666666;--line:#E0E0E0;--white:#FFFFFF;--off:#FAFAFA; --font-jp:'Noto Sans JP','Hiragino Sans','Yu Gothic',sans-serif; --font-en:'Inter',-apple-system,sans-serif; --max:1120px; }body.lsu-news-detail,body.lsu-news-detail *{box-sizing:border-box}body.lsu-news-detail,body.lsu-news-detail{margin:0;padding:0}body.lsu-news-detail{font-family:var(--font-jp);color:var(--ink);background:var(--white);line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.lsu-news-detail img{display:block;max-width:100%}body.lsu-news-detail a{color:inherit;text-decoration:none}body.lsu-news-detail button{font-family:inherit}body.lsu-news-detail .btn{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:999px;font-weight:700;font-size:16px;line-height:1;cursor:pointer;border:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap}body.lsu-news-detail .btn:hover{transform:translateY(-2px)}body.lsu-news-detail .btn-pink{background:var(--su-pink);color:#fff;box-shadow:0 6px 0 var(--su-pink-deep),0 10px 24px rgba(236,64,122,.25)}body.lsu-news-detail .btn-pink:hover{background:#E91E63;box-shadow:0 4px 0 var(--su-pink-deep),0 8px 22px rgba(236,64,122,.3)}body.lsu-news-detail .btn-outline{background:#fff;color:var(--deep-green);border:2px solid var(--ilife-green);padding:14px 28px}body.lsu-news-detail .btn-outline:hover{background:var(--pale-green)}body.lsu-news-detail .btn .arr{width:18px;height:18px;display:inline-block}body.lsu-news-detail .nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px dashed var(--light-green)}body.lsu-news-detail .nav-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px}body.lsu-news-detail .nav-logos{display:flex;align-items:center;gap:14px}body.lsu-news-detail .nav-logos .su{height:42px;width:auto}body.lsu-news-detail .nav-logos .il{height:22px;width:auto;opacity:.85}body.lsu-news-detail .nav-logos .divider{width:1px;height:30px;background:var(--line)}body.lsu-news-detail .nav-menu{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;font-weight:500;color:var(--ink-soft)}body.lsu-news-detail .nav-menu a{position:relative;padding:6px 0}body.lsu-news-detail .nav-menu a:hover{color:var(--deep-green)}body.lsu-news-detail .nav-menu a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--su-yellow);border-radius:3px}body.lsu-news-detail .nav-cta{padding:12px 22px;border-radius:999px;background:var(--su-pink);color:#fff;font-weight:700;font-size:14px;box-shadow:0 4px 0 var(--su-pink-deep);transition:transform .15s ease}body.lsu-news-detail .nav-cta:hover{transform:translateY(-1px);background:#E91E63} @media(max-width:880px){body.lsu-news-detail .nav-menu{display:none}}body.lsu-news-detail .breadcrumb{font-family:var(--font-en);font-size:12px;letter-spacing:.05em;color:var(--ink-mute);margin-bottom:18px}body.lsu-news-detail .breadcrumb a{color:var(--deep-green);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:rgba(76,175,80,.4)}body.lsu-news-detail .breadcrumb a:hover{color:var(--ilife-green)}body.lsu-news-detail .breadcrumb .bc-sep{margin:0 8px;color:var(--ink-mute)}body.lsu-news-detail .breadcrumb .bc-current{color:var(--ink-soft);font-weight:600}body.lsu-news-detail .article-hero{background:linear-gradient(180deg,#F8FBF8 0%,#EEF7EE 100%);padding:44px 24px 40px;position:relative}body.lsu-news-detail .article-hero-inner{max-width:800px;margin:0 auto}body.lsu-news-detail .article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}body.lsu-news-detail .news-date{font-family:var(--font-en);font-size:14px;color:var(--ink-mute);font-weight:600;letter-spacing:.04em}body.lsu-news-detail .news-cat{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:4px 14px;border-radius:999px}body.lsu-news-detail .news-cat.event{background:var(--su-pink-soft);color:var(--su-pink-deep)}body.lsu-news-detail .news-cat.important{background:var(--su-red-soft);color:#B71C1C}body.lsu-news-detail .news-cat.activity{background:var(--su-blue-soft);color:#0D47A1}body.lsu-news-detail .news-cat.other{background:var(--pale-green);color:var(--deep-green)}body.lsu-news-detail .article-title{font-family:var(--font-hand);font-size:32px;line-height:1.5;color:var(--ink);font-weight:400;margin:0}body.lsu-news-detail .article-hero .fv-wave{position:absolute;left:0;bottom:-1px;width:100%;height:40px;display:block}body.lsu-news-detail .article-body-wrap{padding:52px 24px 56px;background:#fff}body.lsu-news-detail .article-body{max-width:720px;margin:0 auto}body.lsu-news-detail .article-eyecatch{margin:0 0 36px;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 20px rgba(0,0,0,.08)}body.lsu-news-detail .article-eyecatch image-slot{width:100%;aspect-ratio:16/9;display:block}body.lsu-news-detail .article-eyecatch figcaption{font-size:12px;color:var(--ink-mute);padding:10px 14px;background:var(--off);border-top:1px solid var(--line)}body.lsu-news-detail .article-body p{font-size:15.5px;line-height:2;color:var(--ink-soft);margin:0 0 22px;text-align:justify;text-justify:inter-character}body.lsu-news-detail .article-body strong{color:var(--ink);font-weight:700}body.lsu-news-detail .article-body a{color:var(--su-blue);text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(30,136,229,.4)}body.lsu-news-detail .article-body a:hover{color:#1565C0}body.lsu-news-detail .article-body h2{font-family:var(--font-hand);font-size:23px;font-weight:400;color:var(--deep-green);margin:44px 0 18px;padding-bottom:10px;border-bottom:2px solid var(--light-green);line-height:1.5}body.lsu-news-detail .article-body h3{font-size:17px;font-weight:700;color:var(--ink);margin:32px 0 12px;padding-left:14px;border-left:4px solid var(--ilife-green);line-height:1.6}body.lsu-news-detail .article-body ul{margin:0 0 22px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}body.lsu-news-detail .article-body ul li{font-size:15px;line-height:1.9;color:var(--ink-soft);display:flex;align-items:flex-start;gap:10px}body.lsu-news-detail .article-body ul li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ilife-green);flex-shrink:0;margin-top:10px}body.lsu-news-detail .article-body ol{margin:0 0 22px;padding-left:24px;display:flex;flex-direction:column;gap:8px}body.lsu-news-detail .article-body ol li{font-size:15px;line-height:1.9;color:var(--ink-soft)}body.lsu-news-detail .article-body blockquote{margin:0 0 22px;padding:18px 22px;background:var(--off);border-left:4px solid var(--light-green);border-radius:0 10px 10px 0;font-size:14.5px;color:var(--ink-soft)}body.lsu-news-detail .article-body blockquote p{margin:0}body.lsu-news-detail .article-body table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0 0 22px;font-size:14px}body.lsu-news-detail .article-body table th{background:var(--pale-green);color:var(--deep-green);font-weight:700;padding:12px 16px;text-align:left;border-bottom:2px solid var(--light-green);white-space:nowrap}body.lsu-news-detail .article-body table td{padding:12px 16px;border-top:1px solid var(--line);color:var(--ink-soft);line-height:1.7}body.lsu-news-detail .article-body figure.article-img{margin:0 0 22px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}body.lsu-news-detail .article-body figure.article-img image-slot{width:100%;aspect-ratio:4/3;display:block}body.lsu-news-detail .article-body figure.article-img figcaption{font-size:12px;color:var(--ink-mute);padding:9px 13px;background:var(--off);border-top:1px solid var(--line)}body.lsu-news-detail .photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}body.lsu-news-detail .photo-grid figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line)}body.lsu-news-detail .photo-grid image-slot{width:100%;aspect-ratio:4/3;display:block}body.lsu-news-detail .photo-grid figcaption{font-size:11.5px;color:var(--ink-mute);padding:7px 11px;background:var(--off);border-top:1px solid var(--line)} @media(max-width:560px){body.lsu-news-detail .photo-grid{grid-template-columns:1fr}}body.lsu-news-detail .photo-grid.cols-3{grid-template-columns:1fr 1fr 1fr} @media(max-width:760px){body.lsu-news-detail .photo-grid.cols-3{grid-template-columns:1fr 1fr}} @media(max-width:480px){body.lsu-news-detail .photo-grid.cols-3{grid-template-columns:1fr}}body.lsu-news-detail .article-body .info-box{background:var(--pale-green);border:1px solid var(--light-green);border-radius:12px;padding:18px 22px;margin:0 0 22px;font-size:14.5px;line-height:1.9;color:var(--ink-soft)}body.lsu-news-detail .article-body .info-box strong{color:var(--deep-green)}body.lsu-news-detail .article-body .alert-box{background:var(--su-yellow-soft);border:1px solid #FFE082;border-radius:12px;padding:18px 22px;margin:0 0 22px;font-size:14.5px;line-height:1.9;color:var(--ink-soft)}body.lsu-news-detail .article-body .alert-box strong{color:#7A5000}body.lsu-news-detail .article-foot{max-width:720px;margin:36px auto 0;padding-top:22px;border-top:1px dashed var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}body.lsu-news-detail .article-tags{display:flex;gap:8px;flex-wrap:wrap}body.lsu-news-detail .article-tags a{font-size:12px;font-weight:600;color:var(--deep-green);background:var(--pale-green);border:1px solid var(--light-green);padding:4px 12px;border-radius:999px;transition:background .15s}body.lsu-news-detail .article-tags a:hover{background:var(--light-green)}body.lsu-news-detail .article-share{display:flex;align-items:center;gap:8px}body.lsu-news-detail .article-share span{font-size:11.5px;font-weight:700;color:var(--ink-mute);font-family:var(--font-en);letter-spacing:.1em}body.lsu-news-detail .article-share a{width:34px;height:34px;border-radius:50%;background:var(--off);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:background .15s,color .15s}body.lsu-news-detail .article-share a:hover{background:var(--su-pink);color:#fff;border-color:var(--su-pink)}body.lsu-news-detail .article-pager{background:var(--off);padding:44px 24px}body.lsu-news-detail .pager-grid{max-width:800px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}body.lsu-news-detail .pager-link{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}body.lsu-news-detail .pager-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08);border-color:var(--ilife-green)}body.lsu-news-detail .pager-link.next{flex-direction:row-reverse;text-align:right}body.lsu-news-detail .pager-arr{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}body.lsu-news-detail .pager-body .pl-label{font-family:var(--font-en);font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--ink-mute);display:block;margin-bottom:3px;text-transform:uppercase}body.lsu-news-detail .pager-body .pl-title{font-size:13px;font-weight:600;color:var(--ink);line-height:1.6;margin:0}body.lsu-news-detail .pager-index{display:flex;align-items:center}body.lsu-news-detail .pager-index a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:76px;height:100%;min-height:72px;background:var(--deep-green);color:#fff;border-radius:14px;font-size:11px;font-weight:700;transition:background .15s}body.lsu-news-detail .pager-index a:hover{background:var(--ilife-green)} @media(max-width:680px){body.lsu-news-detail .pager-grid{grid-template-columns:1fr}body.lsu-news-detail .pager-index a{width:100%;min-height:52px;flex-direction:row} }body.lsu-news-detail .sec-related-posts{background:#fff;padding:64px 24px 80px}body.lsu-news-detail .sec-eyebrow{display:flex;align-items:center;gap:14px;justify-content:center;font-family:var(--font-en);font-size:12px;letter-spacing:.22em;color:var(--ilife-green);font-weight:700;text-transform:uppercase;margin-bottom:12px}body.lsu-news-detail .sec-eyebrow::before,body.lsu-news-detail .sec-eyebrow::after{content:"";width:28px;height:2px;background:var(--ilife-green);border-radius:2px}body.lsu-news-detail .sec-title{text-align:center;font-family:var(--font-hand);font-size:28px;line-height:1.5;color:var(--ink);margin:0 0 40px;font-weight:400}body.lsu-news-detail .sec-title .hl{background:linear-gradient(transparent 62%,var(--su-yellow) 62%);padding:0 4px}body.lsu-news-detail .related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}body.lsu-news-detail .post-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}body.lsu-news-detail .post-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.10)}body.lsu-news-detail .post-card-thumb{background:var(--pale-green)}body.lsu-news-detail .post-card-thumb image-slot{width:100%;aspect-ratio:16/10;display:block}body.lsu-news-detail .post-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}body.lsu-news-detail .post-card-meta{display:flex;align-items:center;gap:10px}body.lsu-news-detail .post-card-meta .news-date{font-size:12px}body.lsu-news-detail .post-card-meta .news-cat{font-size:10.5px;padding:2px 10px}body.lsu-news-detail .post-card-title{font-size:14px;font-weight:600;color:var(--ink);line-height:1.65;margin:0}body.lsu-news-detail .post-card:hover .post-card-title{color:var(--deep-green)} @media(max-width:760px){body.lsu-news-detail .related-posts-grid{grid-template-columns:1fr}}body.lsu-news-detail .back-to-list{--sp-t:40px;text-align:center;margin-top:40px}body.lsu-news-detail .footer{background:var(--deep-green);color:rgba(255,255,255,.9);padding:64px 24px 30px}body.lsu-news-detail .footer .container{max-width:var(--max);margin:0 auto}body.lsu-news-detail .footer-grid{--sp-b:40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.18)}body.lsu-news-detail .footer-brand .ft-logos{display:flex;align-items:center;gap:14px;background:#fff;padding:14px 18px;border-radius:14px;width:fit-content}body.lsu-news-detail .footer-brand .ft-logos .su{height:36px;width:auto}body.lsu-news-detail .footer-brand .ft-logos .il{height:18px;width:auto}body.lsu-news-detail .footer-brand .ft-logos .divider{width:1px;height:24px;background:var(--line)}body.lsu-news-detail .footer-brand p{font-size:13px;line-height:1.85;color:rgba(255,255,255,.78);margin:18px 0 0}body.lsu-news-detail .footer-brand .ft-tel{font-family:var(--font-hand);font-size:22px;color:#fff;margin-top:18px;display:inline-block;white-space:nowrap}body.lsu-news-detail .footer h5{font-family:var(--font-en);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--su-yellow);margin:0 0 14px}body.lsu-news-detail .footer ul{list-style:none;padding:0;margin:0}body.lsu-news-detail .footer ul li{padding:5px 0;font-size:13.5px}body.lsu-news-detail .footer ul li a{color:rgba(255,255,255,.78);transition:color .15s}body.lsu-news-detail .footer ul li a:hover{color:#fff}body.lsu-news-detail .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:12px;color:rgba(255,255,255,.6)}body.lsu-news-detail .footer-bottom .sns{display:flex;gap:10px}body.lsu-news-detail .footer-bottom .sns a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff}body.lsu-news-detail .footer-bottom .sns a:hover{background:var(--su-pink)}body.lsu-news-detail .footer .ilife-tag{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);padding:6px 14px;border-radius:999px;font-size:11px;color:rgba(255,255,255,.7)}body.lsu-news-detail .footer .ilife-tag img{height:14px} @media(max-width:900px){body.lsu-news-detail .footer-grid{grid-template-columns:1fr 1fr;gap:28px}} @media(max-width:640px){body.lsu-news-detail .article-title{font-size:24px}body.lsu-news-detail .footer-grid{grid-template-columns:1fr} } /* ============================================================ ここから下は原本に無い。★WordPress が出すマークアップの受け皿（2026-09-05 リリス） ------------------------------------------------------------ 原本は写真の位置をという架空の要素で示している。実物の WordPress はで出すので、同じ箱・同じ比率に収まるよう対応させる。 ★原本の宣言は1つも消していない。後ろへ足しているだけ。 ★すべて body.lsu-news-detail の中に閉じているので、他のページには影響しない。 ============================================================ */ /* 写真の枠（原本の image-slot と同じ比率・同じ収まり方にする） ★height:auto を必ず添えること（2026-09-05 実測で踏んだ）。 WordPress はと寸法を属性で書き出す。幅と高さが両方決まっていると、ブラウザは aspect-ratio を無視する（CSSの仕様）。 height:auto を入れないと、16:9 の枠のはずが写真そのままの縦横比で出る（実測：718×600。指定どおりなら 718×404）。 */ body.lsu-news-detail .article-eyecatch img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block} body.lsu-news-detail .article-body figure.article-img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block} body.lsu-news-detail .photo-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block} body.lsu-news-detail .post-card-thumb img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block} /* 写真がまだ無いとき（原本の淡い緑の箱をそのまま残す。文字は入れない） */ body.lsu-news-detail .post-card-thumb .no-photo{aspect-ratio:16/10;display:block;background:var(--pale-green)} /* 本文はブロックエディタで書く。エディタが素で出すブロックを原本の見た目へ載せる。 ★編集する人がクラス名を覚えなくてよいようにする（追加CSSクラスの入力を前提にしない） */ body.lsu-news-detail .article-body figure.wp-block-image{margin:0 0 22px;border-radius:14px;overflow:hidden;border:1px solid var(--line)} body.lsu-news-detail .article-body figure.wp-block-image img{width:100%;height:auto;display:block} body.lsu-news-detail .article-body figure.wp-block-image figcaption{font-size:12px;color:var(--ink-mute);padding:9px 13px;margin:0;background:var(--off);border-top:1px solid var(--line);text-align:left} /* 写真のまとまり（ギャラリー）。★2列が既定・3列も4列も出せる（原本の .photo-grid と同じ規則） */ body.lsu-news-detail .article-body .wp-block-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px} body.lsu-news-detail .article-body .wp-block-gallery.columns-3{grid-template-columns:1fr 1fr 1fr} body.lsu-news-detail .article-body .wp-block-gallery.columns-4{grid-template-columns:repeat(4,1fr)} body.lsu-news-detail .article-body .wp-block-gallery figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);width:auto} /* ★2026-09-14 写真の並びだけを直す（有璽氏の指摘「ちっちゃい写真がいっぱい」）真因：WordPress標準の gallery CSS が figure へ width:calc(33.33% - …) を当てている（wp-includes/blocks/gallery/style.min.css）。そのセレクタが :not(#individual-image) ＝ ★ID1個分の詳細度を持ち、 67行目の figure{width:auto} が負けていた。結果、テーマのgridセル（1/3幅）の中でさらに33.33%が当たり、実質1/9まで縮んでいた。直し方：同じ :not(#individual-image) を使い、body を1つ足して詳細度で上回る。 ★触るのは width と margin だけ。列数・意匠・単独写真・その他のブロックは1文字も変えない。 */ body.lsu-news-detail .article-body .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:100%;margin:0} body.lsu-news-detail .article-body .wp-block-gallery figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block} body.lsu-news-detail .article-body .wp-block-gallery figcaption{font-size:11.5px;color:var(--ink-mute);padding:7px 11px;margin:0;background:var(--off);border-top:1px solid var(--line);position:static;text-align:left;background-image:none;flex-grow:0;max-height:none} @media(max-width:760px){body.lsu-news-detail .article-body .wp-block-gallery.columns-3,body.lsu-news-detail .article-body .wp-block-gallery.columns-4{grid-template-columns:1fr 1fr}} @media(max-width:560px){body.lsu-news-detail .article-body .wp-block-gallery,body.lsu-news-detail .article-body .wp-block-gallery.columns-3,body.lsu-news-detail .article-body .wp-block-gallery.columns-4{grid-template-columns:1fr}} /* ★列を指定していないギャラリー（columns-default）── 2026-09-05 追加 ------------------------------------------------------------ 既存サイトの活動ブログは、写真のまとまりを作るときに列数をほとんど指定していない。実測（2026-09-05・既存サイト134本を全部数えた）ギャラリーを含む記事 28本 / 134本ギャラリー 227個 columns-default 214 ／ columns-2 が8 ／ columns-1 が5 （columns-3 と columns-4 は0個） 1個あたりの枚数 1枚41・2枚46・3枚49・4枚22 … 最大24枚 ★WordPress 本体の決まりは「3枚以上なら3列・2枚なら2列・1枚なら幅いっぱい」。枚数で変わるので、クラス名だけでは決まらない。:has() で枚数を見て合わせる。ここを2列固定にすると、既存サイトで3枚横に並んでいた回が2列になって見え方が変わる。 */ body.lsu-news-detail .article-body .wp-block-gallery.columns-default{grid-template-columns:repeat(3,1fr)} body.lsu-news-detail .article-body .wp-block-gallery.columns-default:has(> figure:first-child:nth-last-child(1)){grid-template-columns:1fr} body.lsu-news-detail .article-body .wp-block-gallery.columns-default:has(> figure:first-child:nth-last-child(2)){grid-template-columns:1fr 1fr} @media(max-width:760px){body.lsu-news-detail .article-body .wp-block-gallery.columns-default{grid-template-columns:1fr 1fr}} @media(max-width:560px){body.lsu-news-detail .article-body .wp-block-gallery.columns-default,body.lsu-news-detail .article-body .wp-block-gallery.columns-default:has(> figure:first-child:nth-last-child(2)){grid-template-columns:1fr}} /* 列を指定してある回もある（実測：columns-2 が8個・columns-1 が5個）。 ★columns-1 は「幅いっぱいに1枚ずつ」。既定の2列に落ちないよう明示しておく。 */ body.lsu-news-detail .article-body .wp-block-gallery.columns-1{grid-template-columns:1fr} body.lsu-news-detail .article-body .wp-block-gallery.columns-2{grid-template-columns:1fr 1fr} @media(max-width:560px){body.lsu-news-detail .article-body .wp-block-gallery.columns-2{grid-template-columns:1fr}} /* ★区分（カテゴリー）の既定の色 ── 2026-09-05 追加 ------------------------------------------------------------ 色が決まっているのは4つ（重要・イベント・活動・その他）だけ。活動ブログのカテゴリー（活動風景など）はここに無く、管理画面から増えもする。 ★増えるたびに対応表を直す形にしない。知らない区分が来ても崩れないよう既定を置く。 ★この宣言は .event / .important / .activity / .other より前に置くこと（後勝ちのため）。 */ body.lsu-news-detail .news-cat{background:var(--pale-green);color:var(--deep-green)} body.lsu-news-detail .news-cat.event{background:var(--su-pink-soft);color:var(--su-pink-deep)} body.lsu-news-detail .news-cat.important{background:var(--su-red-soft);color:#B71C1C} body.lsu-news-detail .news-cat.activity{background:var(--su-blue-soft);color:#0D47A1} body.lsu-news-detail .news-cat.other{background:var(--pale-green);color:var(--deep-green)} /* ★活動ブログの本文にだけ出るもの（お知らせのダミーには無かった） ── 2026-09-05 ------------------------------------------------------------ 既存記事は文字を中央に寄せて書いてある回が多い。本文の既定は両端そろえなので、書き手が中央寄せにした意図が消えないよう、その指定だけは残す。 */ body.lsu-news-detail .article-body .has-text-align-center{text-align:center;text-justify:auto} body.lsu-news-detail .article-body .has-text-align-right{text-align:right;text-justify:auto} body.lsu-news-detail .article-body .has-text-align-left{text-align:left;text-justify:auto} /* 写真1枚をで包んで拡大リンクにしている回がある。枠が崩れないようにする */ body.lsu-news-detail .article-body figure.wp-block-image a{display:block;line-height:0} /* ★タイル状ギャラリー（Jetpack）の受け皿 ── 2026-09-05 追加 ============================================================ ★これが既存サイトの多数派。標準のギャラリーだけを見ていると見落とす。実測（2026-09-05・既存サイト134本を全部数えた）タイル状ギャラリーを含む記事 78本 / 134本 ← ★多数派標準のギャラリーを含む記事 28本 / 134本両方を含む記事 14本タイル 260個の意匠 rectangular 220 ／ circle 22 ／ square 13 ／ columns 5 1行あたりの列数 1列44 ／ 2列205 ／ 3列65 ／ 4列12 ★これは Jetpack プラグインが出すマークアップで、標準のギャラリーとは別物。移行先に Jetpack が無ければ、このCSSが無い限り写真が縦1列に潰れる（実測で潰れているのを見てから書いた）。構造 gallery ＞ row（横1行）＞ col（縦に積む列）＞ item（写真1枚） ★意匠（丸・正方形）は残す。「同じ見た目にする」（有璽氏 #0de8d1）は記事ページの骨格の話であって、書き手が本文の中で選んだ写真の見せ方まで潰す話ではない。角の丸みと枠線だけを新しい記事デザインへ揃える。 */ body.lsu-news-detail .article-body .wp-block-jetpack-tiled-gallery{margin:0 0 22px} body.lsu-news-detail .article-body .tiled-gallery__gallery{display:flex;flex-direction:column;gap:12px} body.lsu-news-detail .article-body .tiled-gallery__row{display:flex;gap:12px;align-items:stretch} body.lsu-news-detail .article-body .tiled-gallery__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px} body.lsu-news-detail .article-body .tiled-gallery__item{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line)} body.lsu-news-detail .article-body .tiled-gallery__item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block} body.lsu-news-detail .article-body .tiled-gallery__item figcaption{font-size:11.5px;color:var(--ink-mute);padding:7px 11px;margin:0;background:var(--off);border-top:1px solid var(--line)} /* 意匠。★書き手が選んだものなので残す */ body.lsu-news-detail .article-body .is-style-circle .tiled-gallery__item{border-radius:50%;border:0} body.lsu-news-detail .article-body .is-style-circle .tiled-gallery__item img{aspect-ratio:1/1} body.lsu-news-detail .article-body .is-style-square .tiled-gallery__item img{aspect-ratio:1/1} /* スマホ幅では行を縦に積んで1枚ずつにする（4列のまま縮めると顔が判別できない） */ @media(max-width:560px){ body.lsu-news-detail .article-body .tiled-gallery__row{flex-direction:column} } /* 表はエディタが

で包む。原本の表の見た目へ寄せる */ body.lsu-news-detail .article-body figure.wp-block-table{margin:0 0 22px} body.lsu-news-detail .article-body figure.wp-block-table table{margin:0} body.lsu-news-detail .article-body figure.wp-block-table figcaption{font-size:12px;color:var(--ink-mute);margin:8px 0 0;text-align:left} /* 引用・区切り線・埋め込みもエディタから出る（最低限だけ整える） */ body.lsu-news-detail .article-body .wp-block-quote{margin:0 0 22px;padding:18px 22px;background:var(--off);border-left:4px solid var(--light-green);border-radius:0 10px 10px 0;font-size:14.5px;color:var(--ink-soft)} body.lsu-news-detail .article-body .wp-block-separator{border:0;border-top:1px dashed var(--line);margin:32px 0} body.lsu-news-detail .article-body .wp-block-embed{margin:0 0 22px} /* 本文の箇条書きは ::before の丸で描いている。入れ子のときに丸が二重にならないように */ body.lsu-news-detail .article-body ul ul{margin:8px 0 0;padding-left:18px} /* 前後記事が片側しか無いとき（原本はサンプルなので必ず両方あった）。 ★空の枠を「見えないが場所は取る」状態にして、3列（前・一覧へ・次）の配置を保つ */ body.lsu-news-detail .pager-link.is-empty{visibility:hidden;pointer-events:none;border-color:transparent;background:transparent} @media(max-width:680px){body.lsu-news-detail .pager-link.is-empty{display:none}} /* ★2026-09-06 お役立ち情報（ストック型）の記事に付く区分の帯。フロー型の4色とは別の色にして、一目で別の系統だと分かるようにする */ body.lsu-news-detail .article-cat.useful, body.lsu-news-detail .news-cat.useful{background:#FFF3CD;color:#7A5B00;border-color:#7A5B00} /* ★2026-09-14 チョッパー→ピタゴラス：全体マージン調整(有璽氏指摘)。セクション/ブロック間の縦マージン(margin-top/margin-bottom/padding-bottom)を比率化 */ @media (max-width:980px){ body.lsu-news-detail .back-to-list{ margin-top:max(var(--sp-floor),calc(var(--sp-t) * var(--sp-scale-tablet))); } body.lsu-news-detail .footer-grid{ padding-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-tablet))); } } @media (max-width:540px){ body.lsu-news-detail .back-to-list{ margin-top:max(var(--sp-floor),calc(var(--sp-t) * var(--sp-scale-mobile))); } body.lsu-news-detail .footer-grid{ padding-bottom:max(var(--sp-floor),calc(var(--sp-b) * var(--sp-scale-mobile))); } }