/* カテゴリー：SWELL既定の英字の副題（全サイト） */ #body_wrap .c-pageTitle__subTitle{display:none!important} /* 記事・固定ページの枠（トップ以外）。並び順に依らないよう要素ごとに上の余白だけで間隔を作る */ #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>*{margin-bottom:0!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleHead,.c-pageTitle){margin-top:0!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>.p-articleMetas.-top{margin-top:12px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleThumb,.w-singleTop,.sp1-mnp-strip,.post_content){margin-top:24px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleFoot,.w-singleBottom){margin-top:40px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>.p-articleFoot{padding-top:16px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.w-singleBottom,.w-singleTop):not(:has(*)){margin-top:0!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>.c-shareBtns.-bottom{margin-top:24px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>#after_article{margin-top:32px!important;padding-top:0!important} #body_wrap.sr-on #after_article .l-articleBottom__section{margin-top:40px!important} #body_wrap.sr-on #after_article>:first-child{margin-top:0!important} /* 本文の見出しと段落 */ #body_wrap.sr-on .post_content>h2:not(:first-child){margin-top:48px!important} #body_wrap.sr-on .post_content>h2{margin-bottom:24px!important} #body_wrap.sr-on .post_content>h3:not(:first-child){margin-top:32px!important} #body_wrap.sr-on .post_content>h3{margin-bottom:16px!important} #body_wrap.sr-on .post_content>*:has(+.p-toc){margin-bottom:32px!important} #body_wrap.sr-on .post_content>.p-toc{margin-top:0!important;margin-bottom:32px!important} /* 目次の「もっと見る」：SWELL既定は 98x35px でタップ目安44pxに届かない（2026-10-22 モノ比較 anker-charger 390px実測）。全サイト共通で高さ44px */ .p-toc__expandBtn{min-height:44px!important;padding:10px 20px!important} #body_wrap.sr-flat .post_content>p{margin-bottom:1.2em!important} /* 段落→段落の間：行間1.82（29px）と段落間18px の差が小さく切れ目が見えなかった。参考記事の390px実測の中央値24〜25px（ダイヤモンド・Zenn24、 ライフハッカー25/PC30、note30/PC36）に合わせ SP1.5em≒24px・PC1.7em≒28px。段落の次が段落の時だけ（囲み・表・リストの前の余白は別管理）。 2026-10-23 UX 20261010-sp-17px-24px-1-5em-pc-28px-1-82。戻し方：この2行を消して配り直す */ #body_wrap:is(.sr-card,.sr-hm) .post_content>p:has(+p){margin-bottom:1.5em!important} @media (min-width:960px){#body_wrap:is(.sr-card,.sr-hm) .post_content>p:has(+p){margin-bottom:1.7em!important}} /* カテゴリー：見出し→説明16→一覧24。案内パーツの重なる見出し・説明を隠す */ #body_wrap.sr-on.archive .c-pageTitle{margin-bottom:0!important} #body_wrap.sr-on.archive .p-termHead{margin-top:16px!important;margin-bottom:24px!important} #body_wrap.sr-on.archive .l-mainContent__inner>*{margin-bottom:0!important} #body_wrap.sr-on.archive .l-mainContent__inner>:is(.p-termContent,.sc-guide,.c-prNotation,.p-postListWrap,.c-pagination){margin-top:24px!important} #body_wrap.sr-shotai.archive .p-termHead{padding:16px!important} #body_wrap.sr-card.archive .p-termHead__desc{padding:0!important} #body_wrap.sr-mono .mono-cat-head>div:first-child,#body_wrap.sr-sp1 .sp1-cat-head>div:first-child, #body_wrap.sr-mono .mono-cat-lead{display:none!important} #body_wrap.sr-mono .mono-cat-head,#body_wrap.sr-sp1 .sp1-cat-head{justify-content:flex-start!important;margin-bottom:8px!important} /* 2026-11-06 モノ比較：見出しを隠した後も案内の3px下線と次の節の1px上線が残り、ページ見出しの下に線3本と空白が並んでいた。両方の線を外す */ #body_wrap.sr-mono .mono-cat-head{border-bottom:0!important;padding-bottom:0!important} #body_wrap.sr-mono :is(.mono-cat-head,.mono-cat-head+.mono-cat-lead)+.mono-cat-section{border-top:0!important;padding-top:0!important;margin-top:16px!important} /* トップ：見出し直後とセクション間 */ #body_wrap.sr-on.home :is(.mhz,.spz,.shz){row-gap:0!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>*{margin-top:0!important;margin-bottom:0!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:not(style,script,link,template)~:not(style,script,link,template){margin-top:28px!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+*,#body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+:is(style,script)+*{margin-top:16px!important} /* フッター */ #body_wrap.sr-on .w-footer{padding-top:0!important} #body_wrap.sr-on .l-footer__widgetArea{padding-top:32px!important;padding-bottom:32px!important} @media (max-width:959px){ /* カード型3サイトのスマホ：本文の左右を20pxに */ #body_wrap.sr-card:not(.home) #content.l-content{padding-top:16px!important} #body_wrap.sr-shotai:not(.home) #content.l-content{padding-left:8px!important;padding-right:8px!important} #body_wrap.sr-card:not(.home) .l-mainContent__inner{padding:20px 12px 28px!important} #body_wrap.sr-on .w-footer__box{padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important} #body_wrap.sr-on .w-footer__box+.w-footer__box{margin-top:32px!important} } @media (min-width:960px){ #body_wrap.sr-card:not(.home) #content.l-content{padding-top:40px!important} #body_wrap.sr-card:not(.home) .l-mainContent__inner{padding:56px 64px!important} #body_wrap.sr-flat:is(.single,.page):not(.home) .l-mainContent__inner{max-width:800px;margin-left:auto;margin-right:auto} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleThumb,.w-singleTop,.sp1-mnp-strip,.post_content){margin-top:32px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleFoot,.w-singleBottom){margin-top:48px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.w-singleBottom,.w-singleTop):not(:has(*)){margin-top:0!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>#after_article{margin-top:40px!important} #body_wrap.sr-on #after_article .l-articleBottom__section{margin-top:48px!important} #body_wrap.sr-on .post_content>h2:not(:first-child){margin-top:64px!important} #body_wrap.sr-on .post_content>h2{margin-bottom:28px!important} #body_wrap.sr-on .post_content>h3:not(:first-child){margin-top:40px!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:not(style,script,link,template)~:not(style,script,link,template){margin-top:40px!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+*,#body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+:is(style,script)+*{margin-top:24px!important} #body_wrap.sr-on .l-footer__widgetArea{padding-top:48px!important;padding-bottom:48px!important} #body_wrap.sr-shotai.archive .p-termHead{padding:20px 24px!important} } /* 2026-11-06 本人「全サイトの各パーツの必要性、配置、デザインを分析して廃止または改善して」：右下に固定の「上へ」ボタン(SWELL #pagetop)を廃止。 28日 part_metrics：SP1 表示11,116回・クリック2回、招待コードナビ 642回・0回、イヤシロ 47回・0回。モノ比較は既に無し。 はりまっぷは長い記事で使われている（スマホ 55,754回・41回、PC 21,479回・18回）ので残す。広告・購入ボタンと右下で重なる固定部品を1つ減らす。 先行3記事（SP1 36711・招待コードナビ 3302・イヤシロ 441）のスマホ/PC目視後に全ページへ。配布 sitewide_css.py --css --style-id claude-pagetop-off --all-pages、 snippet SP1 192・招待コードナビ 102・イヤシロ 48。戻し方：同じ snippet を --deactivate。 */ #pagetop{display:none!important} /* 2026-11-06 本人「全サイトの各パーツの必要性、配置、デザインを分析して廃止または改善して」：PCの画面左に固定のシェアボタン(SWELL .c-shareBtns.-fix)を廃止。 28日 part_metrics：招待コードナビ PC 表示351回・クリック1回（コピーだけ、X/LINE/Facebook/はてなは0回）、イヤシロ 11回・1回。他3サイトは固定シェア無し。 記事下のシェア(.c-shareBtns.-bottom)は残す。読みながら目に入り続ける固定部品を1つ減らす。 先行1記事（招待コードナビ 3302）のPC目視後に両サイトの全記事へ。配布 sitewide_css.py --css --style-id claude-share-fix-off、 snippet は下の記録。戻し方：同じ snippet を --deactivate。 */ .c-shareBtns.-fix{display:none!important} #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-news{display:grid;grid-template-columns:minmax(0,1fr);gap:0} #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;min-width:0;min-height:88px;margin:0;padding:16px 0;border:0;border-bottom:1px solid #dfe7e1;border-radius:0;background:transparent;box-shadow:none;text-decoration:none} #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-card>img{display:block;width:112px;height:63px;max-width:100%;margin:0;object-fit:cover;border-radius:6px} #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-card>span{min-width:0;color:#284d3b;font-size:17px;font-weight:600;line-height:1.65;overflow-wrap:anywhere} #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-card:not(:has(>img)){grid-template-columns:minmax(0,1fr)} #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-card:hover>span{text-decoration:underline;text-underline-offset:.2em} #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-card:focus-visible{outline:3px solid #35694f;outline-offset:3px;border-radius:4px} @media(max-width:599px){ #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-card{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:14px 0} #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-card>img{width:88px;height:50px} #body_wrap section[aria-labelledby="iyashiro-related-title"] .iyashiro-footer-card>span{font-size:16px;line-height:1.6} } #body_wrap.sr-iyashiro .c-shareBtns__btn{min-height:44px;min-width:44px} #body_wrap.sr-iyashiro .c-shareBtns.-fix .c-shareBtns__item{width:44px;height:44px} #body_wrap.sr-iyashiro .c-shareBtns.-fix .c-shareBtns__btn{width:44px;height:44px}