/* v0.8.38 骨格（計画書v0.2 Phase3）：枠1120／本文は左700／右サイドバー300／間120／左右余白80。トップは変えない（body.ib-chrome はトップに付かない） */
body.ib-chrome .wrap,body.ib-chrome .ibs-wrap,body.ib-chrome .ibr .wrap{width:min(1120px,100% - 160px);max-width:none;margin-left:auto;margin-right:auto}
@media (min-width:1600px){body.ib-chrome .wrap,body.ib-chrome .ibs-wrap,body.ib-chrome .ibr .wrap{width:1120px}}
@media (min-width:761px) and (max-width:1279px){body.ib-chrome .wrap,body.ib-chrome .ibs-wrap,body.ib-chrome .ibr .wrap{width:calc(100% - 56px)}}
@media (max-width:760px){body.ib-chrome .wrap,body.ib-chrome .ibs-wrap,body.ib-chrome .ibr .wrap{width:calc(100% - 36px)}}

/* 記事：本文700（左）＋右300。タイトル・写真も本文の列。980px未満はサイドバーを本文の下へ */
@media (min-width:981px){
body.ib-sub .ibs.ibs-single .ibs-wrap{grid-template-columns:minmax(0,700px) 300px;column-gap:120px;justify-content:start;width:min(1120px,100% - 160px);margin-left:auto;margin-right:auto}
body.ib-sub .ibs.ibs-single .ibs-wrap>*,body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-layout>*{grid-column:1}
body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-crumb,body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-next,body.ib-sub .ibs.ibs-single .ibs-wrap>.comments-area,body.ib-sub .ibs.ibs-single .ibs-wrap>.w-afterRelated{grid-column:1/-1}
body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-next,body.ib-sub .ibs.ibs-single .ibs-wrap>.comments-area,body.ib-sub .ibs.ibs-single .ibs-wrap>.w-afterRelated{width:auto;margin-left:0;margin-right:0}
body.ib-sub .ibs.ibs-single .ibs-layout>.ibs-rail{grid-column:2;grid-row:2 / span 6;width:300px;margin:0;justify-self:start;align-self:start}
}
@media (min-width:981px) and (max-width:1279px){
body.ib-sub .ibs.ibs-single .ibs-wrap{grid-template-columns:minmax(0,1fr) 280px;column-gap:48px;width:calc(100% - 56px)}
body.ib-sub .ibs.ibs-single .ibs-layout>.ibs-rail{width:280px}
}
@media (min-width:961px) and (max-width:980px){
body.ib-sub .ibs.ibs-single .ibs-wrap{display:block;width:calc(100% - 56px)}
body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-layout{display:block}
body.ib-sub .ibs.ibs-single .ibs-layout>.ibs-rail{margin-top:48px;width:auto}
}

/* 辞典・用紙・色名（個別と一覧）：本文700（左）＋右300 */
@media (min-width:981px){
body.ib-chrome #pt-gl .wrap{display:grid;grid-template-columns:minmax(0,700px) 300px;column-gap:120px;justify-content:start;width:min(1120px,100% - 160px);margin-left:auto;margin-right:auto}
body.ib-chrome #pt-gl main{grid-column:1;grid-row:1}
body.ib-chrome #pt-gl aside{margin-top:28px;display:flex;grid-column:2;grid-row:1;width:300px;justify-self:start;align-self:start}
}
@media (min-width:981px) and (max-width:1279px){
body.ib-chrome #pt-gl .wrap{grid-template-columns:minmax(0,1fr) 280px;column-gap:48px;width:calc(100% - 56px)}
body.ib-chrome #pt-gl aside{width:280px}
}

/* 右サイドバーの部品（案B）：切替3つ→調べもの3行→案内カード→広告。14/16/18の目盛りだけ */
body.ib-chrome .ibk-tabs{display:flex;border:1px solid #DDD8CC;background:#fff;margin:0}
body.ib-chrome .ibk-tabs a{flex:1;text-align:center;padding:8px 2px;font:700 14px/24px -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#1C1B18;text-decoration:none;border-right:1px solid #DDD8CC;white-space:nowrap}
body.ib-chrome .ibk-tabs a:last-child{border-right:0}
body.ib-chrome .ibk-tabs a.is-on{background:#3D4B63;color:#fff}
@media (hover:hover){body.ib-chrome .ibk-tabs a:not(.is-on):hover{background:#F1EEE6}}
body.ib-chrome .ibk-ref{margin-top:16px}
body.ib-chrome .ibk-ref a{display:block;padding:10px 4px;border-bottom:1px solid #DDD8CC;font:700 16px/24px -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#1C1B18;text-decoration:none}
body.ib-chrome .ibk-ref a small{display:block;font:400 14px/21px -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#5A5852}
@media (hover:hover){body.ib-chrome .ibk-ref a:hover{color:#35618F}}
body.ib-chrome .ibk-card{margin-top:30px;background:#3D4B63;color:#fff}
body.ib-chrome .ibk-card a{display:block;padding:20px;color:#fff;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
body.ib-chrome .ibk-card-en{display:block;font-size:14px;line-height:21px;letter-spacing:.08em;font-weight:400}
body.ib-chrome .ibk-card b{display:block;font-size:18px;line-height:27px;font-weight:700;margin:6px 0}
body.ib-chrome .ibk-card-t{display:block;font-size:14px;line-height:22px;margin:0 0 10px}
body.ib-chrome .ibk-card-go{display:inline-block;font-size:14px;line-height:21px;font-weight:700;border-bottom:1px solid #fff}
@media (hover:hover){body.ib-chrome .ibk-card a:hover .ibk-card-go{opacity:.8}}

/* ===== 文字のものさし（記事・固定ページ・辞典・用紙・色名の本文）v0.8.38 =====
   本文17/行間32/段落間21。h2＝明朝600 22px・上に罫1本・上64/下16。h3＝太字18px・左に3pxの線・上40/下10。h4＝太字17px・上32/下8。
   補足14px。重さは400と700（明朝の見出しだけ600）。SP：本文17、h2 20、h3 17。 */
body.ib-chrome :is(.post_content,.gl-body,.pt-def,.ibs-hub-body) :is(p,li,dd,dt){font-size:17px!important;line-height:32px!important}
body.ib-chrome :is(.post_content,.gl-body,.pt-def,.ibs-hub-body) p{margin:0 0 21px}
body.ib-chrome :is(.post_content,.gl-body,.pt-def,.ibs-hub-body) :is(h2,h3,h4){text-align:left;letter-spacing:.02em}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h2{font-family:var(--serif)!important;font-weight:600!important;font-size:22px!important;line-height:35px!important;color:#1C1B18!important;background:none!important;border:0!important;border-top:1px solid #1C1B18!important;border-radius:0!important;padding:14px 0 0!important;margin:64px 0 16px!important;box-shadow:none!important}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h2::before,body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h2::after{display:none!important;content:none!important}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h3{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-weight:700!important;font-size:18px!important;line-height:29px!important;color:#1C1B18!important;background:none!important;border:0!important;border-left:3px solid #3D4B63!important;border-radius:0!important;padding:0 0 0 12px!important;margin:40px 0 10px!important}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h3::before,body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h3::after{display:none!important;content:none!important}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h4{font-weight:700!important;font-size:17px!important;line-height:28px!important;color:#1C1B18!important;background:none!important;border:0!important;padding:0!important;margin:32px 0 8px!important}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h4::before,body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h4::after{display:none!important;content:none!important}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) :is(h2,h3,h4):first-child{margin-top:0!important}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) :is(figcaption,.wp-element-caption,small){font-size:14px!important;line-height:22px}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) :is(table th,table td){font-size:15px;line-height:26px}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) :is(th){font-weight:700}
@media (max-width:760px){
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h2{font-size:20px!important;line-height:32px!important;margin-top:48px!important}
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) h3{font-size:17px!important;line-height:28px!important}
}
body.ib-chrome .swell-block-faq :is(.faq_q,.faq_a,.faq_a p,.faq_a a){font-size:17px!important;line-height:32px!important}
body.ib-chrome #pt-gl .sec-ttl{font-family:var(--serif)!important;font-weight:600!important;font-size:22px!important;line-height:35px!important}
@media (max-width:760px){body.ib-chrome #pt-gl .sec-ttl{font-size:20px!important;line-height:32px!important}}
/* 記事タイトル・ページ見出し（h1）：明朝28／SP22。上の余白は広めに */
body.ib-chrome :is(.ibs-title,.ibs-h1,#pt-gl h1,.pcz .hero h1){font-family:var(--serif)!important;font-weight:600!important;font-size:28px!important;line-height:42px!important;letter-spacing:.03em}
@media (max-width:760px){body.ib-chrome :is(.ibs-title,.ibs-h1,#pt-gl h1,.pcz .hero h1){font-size:22px!important;line-height:34px!important}}

/* 一覧：辞典・用紙は本文700＋右300（索引は追従）。色名は右に絞り込み、左に700の4列 */
body.ib-chrome .pcz .wrap,body.ib-chrome .pcz.pcz-list .wrap{width:min(1120px,100% - 160px);max-width:none;margin-left:auto;margin-right:auto}
@media (min-width:761px) and (max-width:1279px){body.ib-chrome .pcz .wrap,body.ib-chrome .pcz.pcz-list .wrap{width:calc(100% - 56px)}}
@media (max-width:760px){body.ib-chrome .pcz .wrap,body.ib-chrome .pcz.pcz-list .wrap{width:calc(100% - 36px)}}
@media (min-width:981px){
body.ib-chrome #pt-gl aside:not(:has(.ibk-card)){position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}
body.ib-chrome .pcz.pcz-list .pcz-lay{display:grid;grid-template-columns:minmax(0,700px) 300px;column-gap:120px;align-items:start;gap:0 120px!important}
body.ib-chrome .pcz.pcz-list #app{grid-column:1;grid-row:1;min-width:0}
body.ib-chrome .pcz.pcz-list .pcz-side{grid-column:2;grid-row:1;width:300px;border-right:0;padding:20px 0}
body.ib-chrome .pcz.pcz-list #pcz-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 16px!important}
}
@media (min-width:981px) and (max-width:1279px){
body.ib-chrome .pcz.pcz-list .pcz-lay{grid-template-columns:minmax(0,1fr) 280px;column-gap:48px}
body.ib-chrome .pcz.pcz-list .pcz-side{width:280px}
}
body.ib-chrome .ib-adsense[hidden]{display:none!important}
body.ib-chrome #pcz-grid>.ib-adsense{grid-column:1/-1;margin:8px 0}
body.ib-chrome tr.ib-list-ad td{padding:0;border:0;background:none}

/* 固定ページ：本文は左700。ツール系（is-wide）は、ツール・文章・表・箱をすべて枠いっぱい（1120）にそろえる（v0.8.50）。お問い合わせは700・サイドバーなし。このサイトについて／ポリシーは右サイドバーあり */
body.ib-sub .ibs.ibs-page .ibs-page-head,body.ib-sub .ibs.ibs-page .ibs-article{margin-left:0;margin-right:auto}
body.ib-sub .ibs.ibs-page:not(.is-wide) .ibs-page-head,body.ib-sub .ibs.ibs-page:not(.is-wide) .ibs-article{max-width:700px}
body.ib-sub .ibs.ibs-page.is-wide .ibs-page-head{max-width:none}
body.ib-sub .ibs.ibs-page.is-wide .ibs-article{max-width:none}
body.ib-sub .ibs.ibs-page.is-wide .post_content>*{max-width:none!important}/* 古いCritical CSS（WP Compress）に残る旧ルールより優先させる */
@media (min-width:981px){
body.ib-sub .ibs.ibs-page.has-rail .ibs-wrap{display:grid;grid-template-columns:minmax(0,700px) 300px;column-gap:120px;justify-content:start}
body.ib-sub .ibs.ibs-page.has-rail .ibs-wrap>*{grid-column:1}
body.ib-sub .ibs.ibs-page.has-rail .ibs-wrap>.ibs-crumb{grid-column:1/-1}
body.ib-sub .ibs.ibs-page.has-rail .ibs-wrap>.ibs-rail{grid-column:2;grid-row:2 / span 3;align-self:start;margin-top:32px}
}
@media (min-width:981px) and (max-width:1279px){body.ib-sub .ibs.ibs-page.has-rail .ibs-wrap{grid-template-columns:minmax(0,1fr) 280px;column-gap:48px}}
@media (max-width:980px){body.ib-sub .ibs.ibs-page.has-rail .ibs-rail{margin-top:48px}}
body.ib-chrome .ibs-grid>.ib-adsense,body.ib-chrome .article-shelf>.ib-adsense{grid-column:1/-1;margin:8px 0}
body.ib-chrome .ibs-grid>.ib-adsense .ib-adsense-box{max-width:100%}

/* 本文の列は700。見出し部・リード・案内の帯も列の中に収める */
body.ib-chrome #pt-gl :is(.gl-hero .lead,.gl-body){max-width:none}
body.ib-sub .ibs.ibs-page .c-prNotation{max-width:700px}
body.ib-chrome :is(.ibs-list-head,.ibs-author-intro)>div>p,body.ib-chrome .ibs-hub-body{max-width:700px}

/* 目次（SWELL）は本文と同じ左端・同じ幅 */
body.ib-chrome .post_content .p-toc{max-width:none;width:100%;margin-left:0;margin-right:0}

/* 分類カードは700の列に3列 */
@media (min-width:761px){body.ib-chrome #pt-gl .catgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){body.ib-chrome #pt-gl .catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== 目盛り外の小さな文字の整理（14/15/16/17/18/20/22/28・400と700）。測定から自動で作った一覧。例外＝図の中の印（CMYKの版バッジ・版数）、ツールの大きな数字（34/40）、図の中の文字（svg）、飾りの文字 ===== */
body.ib-chrome span.sb-en.en{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.sb-ttl{font-size:14px!important;line-height:24px!important}
body.ib-chrome .catlist span{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.n{font-size:14px!important;line-height:24px!important}
body.ib-chrome .on span{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.arw.en{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.sub{font-size:14px!important;line-height:24px!important}
body.ib-chrome .crumb a{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.crumb{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.yomi{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.en-label.en{font-size:14px!important;line-height:24px!important}
body.ib-chrome .c-prNotation span{font-size:14px!important;line-height:1.7!important}
body.ib-chrome p.pt-def{font-size:17px!important;line-height:32px!important;font-weight:400!important}
body.ib-chrome span.ib-adsense-label{font-size:14px!important;line-height:24px!important}
body.ib-chrome .gl-foot span{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.__home.icon-home{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.p-breadcrumb__text{font-size:14px!important;line-height:24px!important}
body.ib-chrome .p-breadcrumb__text span{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.p-toc__ttl{font-size:20px!important;line-height:1.5!important}
body.ib-chrome .ibs-crumb a{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibs-crumb span{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.eyebrow.en{font-size:14px!important;line-height:24px!important;font-weight:400!important}
body.ib-chrome .gl-search button{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ds{font-size:14px!important;line-height:24px!important}
body.ib-chrome .kana a{font-size:14px!important;line-height:24px!important}
body.ib-chrome small.c{font-size:14px!important;line-height:24px!important}
body.ib-chrome .kana span{font-size:14px!important;line-height:24px!important}
body.ib-chrome time.en{font-size:14px!important;line-height:24px!important}
body.ib-chrome .post_content p{font-size:17px!important;line-height:32px!important}
body.ib-chrome .post_content a{font-size:17px!important;line-height:32px!important}
body.ib-chrome span.__text{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.c-copyedPoppup{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibs-author-name a{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibs-author p{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ib-ad-kicker{font-size:14px!important;line-height:24px!important;font-weight:400!important}
body.ib-chrome strong.ib-ad-box-ttl{font-size:20px!important;line-height:1.5!important}
body.ib-chrome span.ib-ad-box-desc{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ib-ad-btn{font-size:14px!important;line-height:24px!important;font-weight:700!important}
body.ib-chrome a.p-toc__link{font-size:17px!important;line-height:32px!important}
body.ib-chrome button.c-modal__close.c-plainBtn{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.h1-sub{font-size:15px!important;line-height:1.6!important;font-weight:400!important}
body.ib-chrome p.lead{font-size:20px!important;line-height:1.5!important;font-family:var(--serif)!important}
body.ib-chrome span.sw-cond{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.sw-val.num{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.clab{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.cval.num{font-size:17px!important;line-height:32px!important}
body.ib-chrome button.copy{font-size:14px!important;line-height:24px!important}
body.ib-chrome a.cmore{font-size:14px!important;line-height:24px!important}
body.ib-chrome p.pcz2-intro{font-size:17px!important;line-height:32px!important}
body.ib-chrome .toc a{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.tile-k{font-size:14px!important;line-height:24px!important}
body.ib-chrome b.tile-v.num{font-size:17px!important;line-height:32px!important;font-weight:400!important}
body.ib-chrome span.tile-w{font-size:14px!important;line-height:24px!important}
body.ib-chrome .post_content b{font-size:17px!important;line-height:32px!important}
body.ib-chrome .deinfo summary{font-size:14px!important;line-height:24px!important}
body.ib-chrome .deinfo p{font-size:14px!important;line-height:24px!important}
body.ib-chrome p.plline{font-size:17px!important;line-height:32px!important}
body.ib-chrome .gl-table.pcz2-t th{font-size:14px!important;line-height:24px!important;font-weight:700!important}
body.ib-chrome .deinfo a{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ntag{font-size:14px!important;line-height:24px!important}
body.ib-chrome b.sw-name{font-size:14px!important;line-height:24px!important}
body.ib-chrome button.chip{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ht-lab{font-size:14px!important;line-height:24px!important}
body.ib-chrome p.ht-txt.ht-txt--am{font-size:17px!important;line-height:32px!important}
body.ib-chrome .pcz2-fold summary{font-size:17px!important;line-height:32px!important}
body.ib-chrome .pcz2-fold p{font-size:17px!important;line-height:32px!important}
body.ib-chrome div.tana__brand{font-size:14px!important;line-height:24px!important}
body.ib-chrome .tana__title a{font-size:18px!important;line-height:1.5!important}
body.ib-chrome span.tana__price-val{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.tana__price-src{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.tana__price-at{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.tana__price-note{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.tana__btn-name{font-weight:700!important}
body.ib-chrome span.tana__btn-sale{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.tana__sr{font-weight:700!important}
body.ib-chrome div.tana__note{font-size:14px!important;line-height:1.7!important}
body.ib-chrome .pcz2-refs b{font-size:14px!important;line-height:24px!important}
body.ib-chrome .pcz2-refs li{font-size:17px!important;line-height:32px!important}
body.ib-chrome .pcz2-links a{font-size:17px!important;line-height:32px!important}
body.ib-chrome .gl-foot.pcz2-foot p{font-size:14px!important;line-height:24px!important}
body.ib-chrome .gl-foot.pcz2-foot a{font-size:14px!important;line-height:24px!important}
body.ib-chrome p.pcz2-updated{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibh-chip b{font-size:14px!important;line-height:24px!important;font-weight:700!important}
body.ib-chrome .ibh-chip span{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ibh-card-desc{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ibh-pdf{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ibh-card-go{font-size:14px!important;line-height:24px!important}
body.ib-chrome dt.faq_q{font-size:17px!important;line-height:32px!important}
body.ib-chrome .faq_a p{font-size:17px!important;line-height:32px!important}
body.ib-chrome .ibs-list-head p{font-size:17px!important;line-height:32px!important}
body.ib-chrome .ibs-chips a{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibs-order a{font-weight:700!important}
body.ib-chrome time.date.en{font-size:14px!important;line-height:24px!important}
body.ib-chrome p.excerpt{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.pt-trail{font-size:14px!important;line-height:24px!important}
body.ib-chrome a.pill.guide{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.name{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.hashtags{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibs-door-links a{font-weight:700!important}
body.ib-chrome span.p-blogCard__caption{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.p-blogCard__excerpt{font-size:14px!important;line-height:24px!important}
body.ib-chrome .faq_a a{font-size:17px!important;line-height:32px!important}
body.ib-chrome .ibs-next h2{font-size:28px!important;line-height:1.5!important}
body.ib-chrome .rct-head span{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.rct-lbl{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.rct-step{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.rct-desc{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.rct-note{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.rct-q{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.rct-meta{font-size:14px!important;line-height:24px!important}
body.ib-chrome .rct-foot b{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.rct-foot{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.en-label{font-size:14px!important;line-height:24px!important}
body.ib-chrome .gl-table.spec th{font-size:15px!important;line-height:26px!important;font-weight:700!important}
body.ib-chrome .tag-chips a{font-size:14px!important;line-height:24px!important}
body.ib-chrome p.ib-react-q{font-size:17px!important;line-height:32px!important}
body.ib-chrome .gl-body p{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.kana-h{font-size:17px!important;line-height:28px!important;font-weight:400!important;letter-spacing:.12em!important;color:#3D4B63!important;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important}
body.ib-chrome a.kana-back{font-size:16px!important;line-height:24px!important}
body.ib-chrome span.y{font-size:14px!important;line-height:24px!important}
body.ib-chrome .gl-body.post_content p{font-size:17px!important;line-height:32px!important}
body.ib-chrome .gl-body.post_content a{font-size:17px!important;line-height:32px!important}
body.ib-chrome p.pt-ref{font-size:17px!important;line-height:32px!important}
body.ib-chrome .facts b{font-size:14px!important;line-height:24px!important;font-weight:400!important}
body.ib-chrome .facts span{font-size:15px!important;line-height:1.6!important}
body.ib-chrome div.colophon{font-size:14px!important;line-height:24px!important;font-family:var(--serif)!important}
body.ib-chrome .colophon a{font-size:14px!important;line-height:24px!important;font-family:var(--serif)!important}
body.ib-chrome span.pt-dot{font-size:14px!important;line-height:24px!important;font-family:var(--serif)!important}
body.ib-chrome .ibv-head span{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ibv-lbl{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibv-step{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibv-row label{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibv-l{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibv-sub{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibv-formula{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibv-formula b{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibv-more summary{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibv-more-b b{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibv-more-b{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibs-search button{font-weight:700!important}
body.ib-chrome span.ibs-mini-type{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.ibs-mini-ex{font-size:14px!important;line-height:24px!important}
body.ib-chrome .tag-chip-field a{font-size:14px!important;line-height:24px!important}
body.ib-chrome .reference-item.glossary-cover h3{font-size:22px!important;line-height:1.5!important}
body.ib-chrome small.ref-count{font-size:14px!important;line-height:24px!important}
body.ib-chrome .reference-item.paper-cover h3{font-size:22px!important;line-height:1.5!important}
body.ib-chrome .reference-item.color-cover h3{font-size:22px!important;line-height:1.5!important}
body.ib-chrome .ibs-hub-body p{font-size:17px!important;line-height:32px!important}
body.ib-chrome .ibs-hub-body a{font-size:17px!important;line-height:32px!important}
body.ib-chrome .pcz-acc summary{font-weight:400!important}
body.ib-chrome span.cn{font-size:14px!important;line-height:24px!important}
body.ib-chrome p.fnote{font-size:14px!important;line-height:24px!important}
body.ib-chrome .hero p{font-size:17px!important;line-height:32px!important}
body.ib-chrome span.flabel{font-size:14px!important;line-height:24px!important}
body.ib-chrome .meta span{font-size:14px!important;line-height:24px!important}
body.ib-chrome .meta label{font-size:14px!important;line-height:24px!important}
body.ib-chrome span.yo{font-size:14px!important;line-height:24px!important}
body.ib-chrome p.foot{font-size:14px!important;line-height:24px!important}
body.ib-chrome .post_content li{font-size:17px!important;line-height:32px!important}
body.ib-chrome .post_content strong{font-size:17px!important;line-height:32px!important}
body.ib-chrome a.p-blogCard__title{font-size:14px!important;line-height:24px!important}
body.ib-chrome .rct-seg button{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.rct-fx{font-size:17px!important;line-height:32px!important}
body.ib-chrome .pt-about p{font-size:17px!important;line-height:32px!important}
body.ib-chrome p.qs{font-size:17px!important;line-height:32px!important}
body.ib-chrome p.note{font-size:17px!important;line-height:32px!important}
body.ib-chrome .note a{font-size:17px!important;line-height:32px!important}
body.ib-chrome .ibs-tags a{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibs-bar span{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibs-step{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibs-row label{font-size:14px!important;line-height:24px!important}
body.ib-chrome label.ibs-check{font-size:14px!important;line-height:24px!important}
body.ib-chrome .ibs-opt span{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibs-l{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibs-sub{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibs-safe{font-size:14px!important;line-height:24px!important}
body.ib-chrome div.ibs-formula{font-size:14px!important;line-height:24px!important}

/* ---- 専門家レビュー反映（組版・雑誌AD）---- */
body.ib-chrome :is(.post_content,.gl-body,.pt-def,.ibs-hub-body) :is(p,li,dd){overflow-wrap:anywhere}
/* 色名：小さい文字を12px以上に、CMYK値は折り返さない */
body.ib-chrome #pcz-grid :is(.plates,.pl,.ver,.cm small,.cm i,.cm span){font-size:12px!important}
body.ib-chrome :is(span.cval.num,.cmyk-val,.sw-val.num){white-space:nowrap;font-variant-numeric:tabular-nums}
/* 色名一覧：上の空きを他一覧に揃える */
body.ib-chrome .pcz.pcz-list .hero{padding-block:8px 18px!important}
/* 罫の二重化を防ぐ */
body.ib-chrome :is(.post_content,.gl-body,.ibs-hub-body) hr{display:none}
/* 目次ボックスは本文幅・単色 */
body.ib-chrome .post_content .p-toc,body.ib-chrome .post_content .p-toc__list{background-image:none!important}
/* 一覧カード：件数を下端揃え */
/* 注記：背景なしの薄墨1〜2行 */
body.ib-chrome .c-prNotation{background:none!important;border:0!important;padding:0!important;margin:0 0 24px!important;color:#5A5852}
body.ib-chrome .pcz .pls .pln{font-size:14px!important;color:#5A5852}
body.ib-chrome .pcz .pls .pk{font-size:14px!important;width:22px!important;height:22px!important;line-height:22px!important;font-weight:700!important}
body.ib-chrome .pcz .chips .chip{border-radius:0!important;clip-path:none!important}
body.ib-chrome .pcz .chips .chip::before,body.ib-chrome .pcz .chips .chip::after{display:none!important;content:none!important}
body.ib-chrome .pcz .hero p.lead{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;font-size:17px!important;line-height:32px!important;font-weight:400!important;margin:8px 0 0}
body.ib-chrome .pcz .hero .wave{display:none}
body.ib-chrome .pcz .hero>p:not(.lead){font-size:17px!important;line-height:32px!important;margin:0}
body.ib-chrome .pcz :is(.sw-val,.sw-cond) em{font-size:inherit!important;font-style:normal;font-weight:inherit!important}

body.ib-chrome .main-nav a span{white-space:nowrap}
body.ib-chrome .card .excerpt.ex-pc,body.ib-chrome .ibs-lead-copy .excerpt.ex-pc{font-size:14px;line-height:24px;color:#5A5852;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:760px){body.ib-chrome .ex-pc{display:none!important}}
body.ib-chrome .ibs-meta .ibs-cat{display:inline-block;margin-left:12px;font-size:14px;color:#35618F;text-decoration:none}
body.ib-chrome .ibs-next-cat{display:block;font-size:14px;line-height:24px;color:#5A5852}
@media (max-width:760px){body .main-nav{grid-template-columns:.62fr 1.2fr 1fr 1fr!important}body .main-nav span{font-size:12px!important;white-space:nowrap!important;letter-spacing:0!important}}
body.ib-chrome :is(.pcz,.pcz2) .sw-cond{white-space:normal!important;overflow-wrap:anywhere}
/* 2026-10-20 v0.8.42 サイドバーをトップ式に統一：上に3pxの墨罫、左寄せの小見出し、罫線で区切る行、枠・影・斜体なし */
body.ib-chrome #pt-gl aside .shelf{border:0;border-top:3px solid #1C1B18;padding:12px 0 0;background:none;box-shadow:none;border-radius:0;text-align:left}
body.ib-chrome #pt-gl aside .shelf+.shelf{margin-top:28px}
body.ib-chrome #pt-gl aside .shelf .sb-en{font-size:14px!important;line-height:24px!important;letter-spacing:.12em;color:#5A5852;margin:0;text-align:left}
body.ib-chrome #pt-gl aside .shelf .sb-ttl{font-size:16px!important;line-height:26px!important;font-weight:600;margin:0 0 8px;text-align:left}
body.ib-chrome #pt-gl aside .catlist a{padding:8px 4px 8px 10px;border-bottom:1px solid #D8D5CC;border-left:3px solid transparent;font-style:normal}
body.ib-chrome #pt-gl aside .catlist a:last-child{border-bottom:1px solid #D8D5CC}
body.ib-chrome #pt-gl aside .catlist a.on{border-left-color:#B5453E;font-weight:700;color:#1C1B18}
body.ib-chrome #pt-gl aside .catlist .cat-more{border:0}
body.ib-chrome #pt-gl aside .catlist .cat-more>summary{cursor:pointer;list-style:none;padding:10px 4px 10px 10px;font-size:14px;line-height:24px;font-weight:700;color:#35618F;border-bottom:1px solid #D8D5CC}
body.ib-chrome #pt-gl aside .catlist .cat-more>summary::-webkit-details-marker{display:none}
body.ib-chrome #pt-gl aside .catlist .cat-more>summary::after{content:"＋";float:right}
body.ib-chrome #pt-gl aside .catlist .cat-more[open]>summary::after{content:"－"}
body.ib-chrome #pt-gl aside .shelf-row{background:none;border-radius:0;box-shadow:none;transform:none;margin-top:0;padding:10px 4px 10px 10px;border-bottom:1px solid #D8D5CC;border-left:3px solid transparent;color:#1C1B18}
body.ib-chrome #pt-gl aside .shelf-row:hover{background:#F2EFE8;color:#1C1B18;transform:none;box-shadow:none}
body.ib-chrome #pt-gl aside .shelf-row.is-active{background:none;color:#1C1B18;border-left-color:#B5453E}
body.ib-chrome #pt-gl aside .shelf-row .sub,body.ib-chrome #pt-gl aside .shelf-row.is-active .sub{color:#5A5852;font-size:14px}
body.ib-chrome #pt-gl aside .shelf-row .nm{font-size:14px;font-family:inherit;font-weight:700}
body.ib-chrome #pt-gl aside .shelf-row .arw{display:none}
body.ib-chrome #pt-gl aside .shelf-row{white-space:normal;flex-wrap:wrap;gap:0 8px}
/* 実用の紺カードは1色ベタ（紺）のまま、角は立てる */
body.ib-chrome .ibk-card{border-radius:0}
/* 色名詳細：画面とコート紙想定の丸を同じ直径・同じ高さに */
body.ib-chrome #pt-gl .pcz2 .sw-row--top .sw--main{align-self:flex-start}
body.ib-chrome #pt-gl .pcz2 .sw-row--top .sw--main .sw-dot{width:160px;height:160px;max-width:160px;margin:0 auto 12px;padding:6px;flex:none}
body.ib-chrome #pt-gl .pcz2 .sw-row--top .sw--main .sw-dot--swatchwrap{padding:0}
body.ib-chrome #pt-gl .pcz2 .sw-row--top .sw--main .sw-dot--swatchwrap .sw-swatch{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
body.ib-chrome #pt-gl .pcz2 .sw-row--top .sw-val{white-space:nowrap!important}
@media (min-width:761px){body.ib-chrome #pt-gl .pcz2 .sw-row--top .sw-cond{white-space:nowrap!important}}
@media (max-width:760px){body.ib-chrome #pt-gl .pcz2 .sw-row--top .sw-cond{white-space:normal!important;overflow-wrap:anywhere}}
/* ツールのページ：計算機を説明文より上に */
body.ib-chrome .post_content:has(> :is(.ibs-tool,.ibr-tool,.ibt,.szt,.ibv-tool,.ikq,.rct-tool,.rup-tool,.ics-tool,.ibt-tool)){display:flex;flex-direction:column}
body.ib-chrome .post_content > :is(.ibs-tool,.ibr-tool,.ibt,.szt,.ibv-tool,.ikq,.rct-tool,.rup-tool,.ics-tool,.ibt-tool){order:-1;margin-bottom:32px}
@media (max-width:760px){body.ib-chrome #pt-gl .pcz2 .sw-row--top .sw-cond{min-height:48px}}
/* 2026-10-20 折り返しは均等割（両端そろえ）。見出し・表・ボタン・ナビ・日付などは対象外 */
body.ib-chrome :is(.post_content,.gl-body,.pt-def,.ibs-hub-body,.pcz2,.ibs-lead,.gl-hero .lead,.pcz .hero .lead) :is(p,li,dd){text-align:justify;text-justify:inter-character;line-break:strict}
body.ib-chrome :is(.post_content,.gl-body,.pcz2) :is(table,.ibs-tool,.ibr-tool,.ibt,.szt,.ibv-tool,.ikq,.rct-tool,.rup-tool,.ics-tool,.ibt-tool,.sw-row,.pcz2-codes) :is(p,li,dd){text-align:left}

/* v0.8.47: 表は枠の中だけ横スクロール。続きがある側に薄い影。SPでは列を潰さない */
body.ib-chrome :is(.wp-block-table,.gl-table-wrap,.ib-tablewrap){overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;
background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)) left center/36px 100% no-repeat local,linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) right center/36px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(28,27,24,.22),rgba(28,27,24,0)) left center/10px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(28,27,24,.22),rgba(28,27,24,0)) right center/10px 100% no-repeat scroll}
body.ib-chrome .ib-tablewrap{margin:0 0 1.5em}
@media (max-width:760px){
body.ib-chrome :is(.wp-block-table,.gl-table-wrap,.ib-tablewrap)>table{width:100%;max-width:none}
body.ib-chrome :is(.wp-block-table,.gl-table-wrap,.ib-tablewrap)>table:has(tr>:nth-child(3)){min-width:520px}
body.ib-chrome :is(.wp-block-table,.gl-table-wrap,.ib-tablewrap)>table:has(tr>:nth-child(4)){min-width:640px}
body.ib-chrome :is(.wp-block-table,.gl-table-wrap,.ib-tablewrap)>table:has(tr>:nth-child(5)){min-width:760px}
body.ib-chrome :is(.wp-block-table,.gl-table-wrap,.ib-tablewrap) :is(th,td){white-space:normal;word-break:normal;overflow-wrap:anywhere;line-break:strict}
body.ib-chrome .post_content>figure.wp-block-table table :is(td,th):first-child{white-space:normal}
}

/* v0.8.50：ツールの個別ページ・ツール一覧などの is-wide と、/reference/（ハブ）は、文章も枠いっぱい（1120）。右端がそろい、右の空きをなくす。文字は17px・行間32pxのまま */
body.ib-sub .ibs.ibs-page.is-wide .c-prNotation{max-width:none}
body.ib-chrome .ibs-hub :is(.ibs-list-head>div>p,.ibs-hub-body){max-width:none}
body.ib-sub .ibs.ibs-page.is-wide .post_content>:is(figure.wp-block-table,.wp-block-table):not(.wide-table)>table{max-width:100%!important}
@media (min-width:761px){body.ib-sub .ibs.ibs-page.is-wide .post_content{padding-left:0;padding-right:0}}
@media (min-width:761px){body.ib-sub .ibs.ibs-page.is-wide .post_content>p{word-break:auto-phrase;text-wrap:pretty}body.ib-sub .ibs.ibs-page.is-wide .post_content>:is(ul,ol)>li{word-break:auto-phrase;text-wrap:pretty}}
body.ib-sub .ibs.ibs-page.is-wide .post_content figure.wp-block-table tbody tr:nth-child(even)>:is(td,th){background-color:#faf9f4}

/* ===== v0.8.51 =====
 (1) 記事ページ：サイドバーは本文の横（以前は記事の一番下に落ちていた）。タイトル・写真・本文を同じ列幅にそろえる。
     古い WP Compress の Critical CSS（左サイドバー時代の複写）が残っていても崩れないよう、!important で固定する。
 (2) 辞典・用紙図鑑の導入文：明朝20pxの大きな導入文用の指定が漏れていた → 他ページと同じゴシック17px。
 (3) ツール一覧のカード：サイト全体の「角を丸めない」にそろえる。
 (4) 記事一覧・カテゴリー等（右サイドバーなし）の導入文：枠いっぱい。
 (5) 色名図鑑の一覧・系統ページ：160／1120の枠にそろえ、系統の一覧は右に置く。 */
@media (min-width:981px){
html body.ib-sub .ibs.ibs-single .ibs-wrap{display:block!important;width:min(1120px,100% - 160px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-layout{display:grid!important;grid-template-columns:minmax(0,740px) 300px!important;column-gap:80px!important;row-gap:0!important;justify-content:start!important;width:100%!important;max-width:none!important;margin:0!important;padding:40px 0 72px!important}
html body.ib-sub .ibs.ibs-single .ibs-layout>.ibs-article{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important}
html body.ib-sub .ibs.ibs-single .ibs-layout>.ibs-rail{grid-column:2!important;grid-row:1!important;width:300px!important;margin:0!important;justify-self:start!important;align-self:stretch!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>:is(.ibs-head,.ibs-hero,.c-prNotation){max-width:740px!important;margin-right:0!important}
}
@media (min-width:981px) and (max-width:1279px){
html body.ib-sub .ibs.ibs-single .ibs-wrap{width:calc(100% - 56px)!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-layout{grid-template-columns:minmax(0,1fr) 280px!important;column-gap:48px!important}
html body.ib-sub .ibs.ibs-single .ibs-layout>.ibs-rail{width:280px!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>:is(.ibs-head,.ibs-hero,.c-prNotation){max-width:calc(100% - 328px)!important}
}
@media (max-width:980px){
html body.ib-sub .ibs.ibs-single .ibs-wrap{display:block!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-layout{display:block!important}
}

body.ib-chrome :is(#pt-gl .gl-hero,.gl-hero) p.lead{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;font-size:17px!important;line-height:32px!important;letter-spacing:normal!important;font-weight:400!important}

body.ib-chrome :is(.ibh-card,.ibh-card:hover,.ibh-card:focus-visible){border-radius:0!important;box-shadow:none!important}
body.ib-chrome :is(.ibh-ic,.ibh-pdf){border-radius:0!important}

body.ib-chrome .ibs.ibs-list:not(.ibs-hub) .ibs-list-head>div>p{max-width:none!important}

body.ib-chrome .pcz:is(.pcz-list,.pcz-cat){width:var(--pt-vw,100vw);margin-left:calc(50% - var(--pt-vw,100vw)/2);overflow-x:clip}
@media (min-width:1101px){
body.ib-chrome .pcz.pcz-cat .pcz-lay{display:grid;grid-template-columns:minmax(0,700px) 300px;column-gap:120px;align-items:start}
body.ib-chrome .pcz.pcz-cat .pcz-lay>main{grid-column:1;grid-row:1;min-width:0}
body.ib-chrome .pcz.pcz-cat .pcz-cside{grid-column:2;grid-row:1;width:300px;border-right:0;padding:20px 0}
body.ib-chrome .pcz.pcz-cat #pcz-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 16px!important}
}
@media (min-width:1101px) and (max-width:1279px){
body.ib-chrome .pcz.pcz-cat .pcz-lay{grid-template-columns:minmax(0,1fr) 280px;column-gap:48px}
body.ib-chrome .pcz.pcz-cat .pcz-cside{width:280px}
}
@media (max-width:1100px){body.ib-chrome .pcz.pcz-cat .pcz-lay{display:block}}

/* v0.8.55 辞典の一覧表：語・分類の列は、その表でいちばん長いものに合わせ（PHPが --c1／--c2 を出す）、残りは意味に譲る。スマホは分類を隠して語と意味の2列 */
body.ib-chrome .gl-table:not(.spec){table-layout:fixed;width:100%}
body.ib-chrome .gl-table:not(.spec) th:nth-child(1){width:calc(var(--c1,8)*15px + 28px)}
body.ib-chrome .gl-table:not(.spec) th:nth-child(2){width:calc(var(--c2,4)*15px + 28px)}
body.ib-chrome .gl-table:not(.spec) th:nth-child(3){width:auto}
@media (max-width:900px){body.ib-chrome .gl-table:not(.spec) th:nth-child(1){width:min(calc(var(--c1,8)*14px + 24px),42%)}}
/* 横スクロールの表（v0.8.59）：標準のスクロールバーはやめ、下に丸い位置表示を出す（バー＝いま見えている範囲、点＝残り。つかんで動かせる）。タッチは指で送る */
body.ib-chrome :is(.wp-block-table,.gl-table-wrap,.ib-tablewrap){scrollbar-width:none}
body.ib-chrome :is(.wp-block-table,.gl-table-wrap,.ib-tablewrap)::-webkit-scrollbar{display:none}
body.ib-chrome .ib-tscroll{display:none;position:relative;height:8px;margin:10px 0 18px;border-radius:4px;cursor:pointer;background:radial-gradient(circle at 4px 50%,#d3cec2 2.5px,transparent 3px) 0 0/14px 8px repeat-x;touch-action:none}
body.ib-chrome .ib-tscroll-thumb{position:absolute;left:0;top:0;height:8px;min-width:28px;border-radius:4px;background:#8c897f;cursor:grab;will-change:transform;touch-action:none}
body.ib-chrome .ib-tscroll-thumb.on{cursor:grabbing;background:#5f5c54}
@media (hover:hover){body.ib-chrome .ib-tscroll-thumb:hover{background:#6f6c63}}

/* v0.8.55 記事の表は自動で横スクロールの枠に入る。マウスでもドラッグで動かせる（タッチは指で送る） */
body.ib-chrome .ib-drag{cursor:grab}
body.ib-chrome .ib-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
body.ib-chrome .ib-dragging a{pointer-events:none}

/* v0.8.58 役割ごとの大きさ（ものさし 2026-10-19）：本文17／補足14／ボタン16／表15（スマホ14）／カード・パネル見出し＝h3（18、スマホ17）。部品ごとに自分の大きさを持たず、役割でここに集める */
/* 本文：.gl-body p が14pxに当たっていた用紙図鑑の個別ページの説明を、本文17に */
body.ib-chrome .gl-body .post_content p,body.ib-chrome .gl-body p.ib-react-q{font-size:17px!important;line-height:32px!important}
/* 表（用語集・用紙図鑑の一覧と、表のある個別ページ）＝15、見出し行は太字 */
body.ib-chrome .gl-table :is(th,td){font-size:15px!important;line-height:26px!important}
body.ib-chrome .gl-table th{font-weight:700!important;color:#1C1B18!important}
body.ib-chrome .gl-table .y{font-size:14px!important;line-height:24px!important}
@media (max-width:640px){body.ib-chrome .gl-table :is(th,td){font-size:14px!important;line-height:24px!important}}
/* 補足・注意書き＝14：ツール内の説明・注記・手順ラベル・数式 */
body.ib-chrome :is(.ics-note,.ics-formula,.ics-warn,.ics-cgn,.ics-step,.ics-lbl,.ics-tool em,.rct-note,.rct-step,.rct-lbl,.rct-desc,.ibs-step,.ibs-l,.ibs-note){font-size:14px!important;line-height:1.7!important}
/* カード・パネルの見出し＝h3（18、スマホ17）、太字 */
body.ib-chrome :is(.rct-ttl,.ibs-ttl,.ics-ttl,.ibh-card-title){font-size:18px!important;font-weight:700!important;line-height:1.6!important}
@media (max-width:640px){body.ib-chrome :is(.rct-ttl,.ibs-ttl,.ics-ttl,.ibh-card-title){font-size:17px!important}}
/* ボタン＝16。色の見本を並べる小さな選択ボタン（.g0）は補足と同じ14 */
body.ib-chrome :is(.rct-go,.ib-react-t,.ics-tool button,.rct-tool button,.ibs-tool button){font-size:16px!important}
body.ib-chrome .ics-tool button.g0,body.ib-chrome .ics-tool .g0{font-size:14px!important}
/* v0.8.58 追補：RGB→CMYKの小さな説明・凡例・バーの値＝補足14。ボタン＝16（役に立たなかった・検索） */
body.ib-chrome :is(.ics-head,.ics-cg,.ics-cap,.ics-l,.ics-bl,.ics-bv,.ics-tool small){font-size:14px!important;line-height:1.7!important}
body.ib-chrome :is(.ib-react-bad,.ib-react-bad span,.gl-hero form button,.gl-hero button[type=submit],#pt-top button){font-size:16px!important}
body.ib-chrome :is(.ics-head span,.ics-head){font-size:14px!important}
body.ib-chrome .ib-react-like,body.ib-chrome .ib-react-like span.ib-react-t{font-size:16px!important}

/* v0.8.60 記事ページ：サイドバーを一番上（パンくずの下、タイトルと同じ高さ）から始める。従来は「本文の横」だったため、タイトル・写真の間、右が空いていた（ジュンさん 2026-10-21 案A）。
   .ibs-layout を display:contents にして、本文とサイドバーを .ibs-wrap の格子に直接置く。左＝タイトル・写真・本文の列、右＝サイドバー。 */
@media (min-width:981px){
html body.ib-sub .ibs.ibs-single .ibs-wrap{display:grid!important;grid-template-columns:minmax(0,740px) 300px!important;column-gap:80px!important;row-gap:0!important;justify-content:start!important;align-items:start!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-layout{display:contents!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>:not(.ibs-layout){grid-column:1!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>:is(.ibs-crumb,.ibs-next,.comments-area,.w-afterRelated){grid-column:1/-1!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>:is(.ibs-head,.ibs-hero,.c-prNotation){max-width:none!important;margin-right:0!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-layout>.ibs-article{grid-column:1!important;grid-row:auto!important;margin:40px 0 72px!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-layout>.ibs-rail{grid-column:2!important;grid-row:2 / span 10!important;width:300px!important;margin:0 0 72px!important;align-self:stretch!important;justify-self:start!important}
}
@media (min-width:981px) and (max-width:1279px){
html body.ib-sub .ibs.ibs-single .ibs-wrap{grid-template-columns:minmax(0,1fr) 280px!important;column-gap:48px!important}
html body.ib-sub .ibs.ibs-single .ibs-wrap>.ibs-layout>.ibs-rail{width:280px!important}
}

/* v0.8.61 役割ごとの大きさ（続き）：計算ツールの残りの部品・AI画像拡大・色名のCMYKチップ・目次・広告ボックスの題。ツール内の結果の大数字（34／40px）は別の役割として未割当のまま */
/* 補足・ラベル・単位・注記・式＝14（ツール上端の「印刷の便利帳｜計算する」も含む） */
body.ib-chrome :is(.ibr-head span,.ibr-step,.ibr-lbl,.ibr-row label,.ibr-l,.ibr-formula,
.ibt-head span,.ibt-th span,.ibt-step,.ibt-row label,.ibt-pair label,.ibt-note summary,.ibt-l,.ibt-sub,.ibt-formula,
.ikq-th span,.ikq-step,.ikq-fields label,.ikq-chips>span,.ikq-l,
.szt-th span,.szt-step,.szt-in label,.szt-pair label,.szt-l,
.rup-head span,.rup-step,.rup-priv,.rup-adjn,.rup-note,.rup-clr,.rup-stamp,.rup-dsl .lb,.bas-h span,.bas-tag,.rup-tool button.ib,.bas-src button.ib,.fn button.ib,
.ics-scale){font-size:14px!important;line-height:1.7!important}
/* ボタン＝16。見た目が選択ボタンのもの（目安のチップ・倍率・仕上がりの選択）も同じ */
body.ib-chrome :is(.ikq-chip,.rup-try,.rup-seg button){font-size:16px!important}
/* 画像を選ぶ（ドロップ枠の呼びかけ）＝パネル見出しと同じ18 */
body.ib-chrome .rup-drop{font-size:18px!important}
/* 目次（SWELL）の見出し・広告ボックスの題＝18 */
body.ib-chrome :is(.p-toc__ttl,.ib-ad-box-ttl){font-size:18px!important}
/* 色名図鑑のCMYK版チップ（C/M/Y/K・3版）＝14 */
body.ib-chrome :is(.pk,.pln){font-size:14px!important}
body.ib-chrome .pcz2 .pk{height:22px!important;min-width:22px!important;line-height:22px!important}
body.ib-chrome .pcz2 .pk em{font-size:14px!important}
body.ib-chrome #rup.rup-tool button.ib,body.ib-chrome #rup button.ib{font-size:14px!important}
html body.ib-chrome .p-toc .p-toc__ttl,html body.ib-chrome .p-toc__ttl,html body .p-toc__ttl{font-size:18px!important}
html body .ibs-rail-ads .ib-ad-box-ttl{font-size:18px!important}