/* OFFICE 141 COLUMN 記事ページ・一覧ページ（案A-7） */
/* 記事ページ（column.css に足す分） */
.cma-crumb{display:flex;justify-content:space-between;gap:16px;padding:26px 0 8px;border-bottom:1px solid var(--bk);font-size:12.5px;color:var(--mid)}
.cma-crumb a:hover{background:var(--lime);color:var(--bk)}
.cma-head{padding:34px 0 30px;border-bottom:3px double var(--bk)}
.cma-head .cm-mt{font-size:13px}
.cma-head h1{margin-top:16px;font-family:var(--mi);font-weight:600;font-size:clamp(27px,3.3vw,44px);line-height:1.5;font-feature-settings:"palt";word-break:auto-phrase;text-wrap:balance;max-width:24em}
.cma-head h1 small{display:block;margin-top:12px;font-family:var(--jp);font-weight:700;font-size:clamp(15px,1.4vw,19px);line-height:1.7;color:#33332f}
.cma-wrap{display:grid;grid-template-columns:280px minmax(0,700px);column-gap:84px;justify-content:start;margin-top:40px}
.cma-rail{position:relative}
.cma-toc{position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto;padding-top:10px;border-top:1px solid var(--bk)}
.cma-toc .k{font-family:var(--en);font-weight:800;font-size:12.5px;letter-spacing:.06em}
.cma-toc .k span{font-family:var(--jp);font-weight:700;margin-left:8px;letter-spacing:0}
.cma-toc ol{margin-top:10px}
.cma-toc li{border-bottom:1px solid var(--rule)}
.cma-toc li a{display:block;padding:11px 0 11px 12px;font-size:13.5px;line-height:1.65;text-wrap:pretty;color:#44443f;border-left:3px solid transparent;transition:border-color .2s,color .2s}
.cma-toc li a:hover{color:var(--bk)}.cma-toc li a.cur{border-left-color:var(--lime);color:var(--bk);font-weight:700}
.cma-eye{margin:0 0 40px}
/* 本文 */
.cma-body{font-size:17px;line-height:1.95;font-weight:400;color:#2a2a27;font-feature-settings:"palt" 0}
.cma-body p{margin:0 0 10px;white-space:pre-line;max-width:25em;text-wrap:pretty}
.cma-body li{max-width:24em}
/* 大きな区切り：空の段落をひとつ入れた所は、約2行ぶん空く */
.cma-body p:empty{margin:0;height:36px}
/* 改行の位置：文節（意味の切れ目）で折り返す。対応していないブラウザ（iPhoneのSafariなど）は下のスクリプトが同じ働きをする */
.cma-body p,.cma-body li,.cma-body h2,.cma-body h3,.cma-toc a{word-break:auto-phrase;overflow-wrap:anywhere}
.cma-bx .cma-body p,.cma-bx .cma-body li,.cma-bx .cma-body h2,.cma-bx .cma-body h3,.cma-bx .cma-toc a{word-break:keep-all}
.cma-body h2{margin:80px 0 44px;padding-top:24px;border-top:2px solid var(--bk);font-family:var(--jp);font-weight:700;font-size:28px;line-height:1.55;letter-spacing:.01em;color:var(--bk);font-feature-settings:"palt";word-break:auto-phrase;scroll-margin-top:84px}
.cma-body h3{margin:48px 0 26px;padding-left:14px;border-left:4px solid var(--lime);font-weight:700;font-size:20px;color:var(--bk);line-height:1.7}
.cma-body strong{font-weight:700;color:var(--bk)}
.cma-body mark,.cma-body .swl-marker{background:linear-gradient(transparent 58%,var(--lime) 58%);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.cma-body a{border-bottom:1.5px solid var(--bk);font-weight:700;transition:background .15s}.cma-body a:hover{background:var(--lime)}
.cma-body figure{margin:36px 0}.cma-body img{display:block;max-width:100%;height:auto;border:1px solid var(--bk)}
.cma-body figcaption{margin-top:8px;font-size:13px;color:var(--mid)}
.cma-body .tbl{overflow-x:auto;margin:36px 0}.cma-body table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:1.75}
.cma-body th,.cma-body td{padding:12px 14px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.cma-body thead th{border-top:2px solid var(--bk);border-bottom:1px solid var(--bk);font-weight:900;font-size:13.5px}
.cma-body ul,.cma-body ol{margin:0 0 20px 1.4em;list-style:revert}
.cma-end{margin-top:64px;padding-top:16px;border-top:3px double var(--bk);display:flex;justify-content:space-between;font-size:12.5px;color:var(--mid)}
.cma-ml{margin-top:72px}
.cma-next .cm-bar{margin-top:64px}
@media (max-width:1100px){.cma-wrap{grid-template-columns:minmax(0,700px);justify-content:center}.cma-rail{margin-bottom:34px}.cma-toc{position:static;max-height:none}}
@media (max-width:820px){
.cma-crumb{padding-top:18px;font-size:11.5px}.cma-head{padding:22px 0 22px}.cma-wrap{margin-top:26px}
.cma-body{font-size:16px;line-height:1.9}.cma-body p{margin-bottom:9px}.cma-body p:empty{height:32px}
.cma-body h2{margin:64px 0 34px;padding-top:20px;font-size:23px}.cma-body h3{font-size:17.5px}
.cma-eye{margin-bottom:30px}.cma-ml{margin-top:56px}
.cma-next .cm-fis{display:block;overflow:visible;margin:18px 0 0;padding:0}.cma-next .cm-fi{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--rule)}
}

/* WordPressが本文に入れてくるものの手当て */
.cma-body .p-toc,.cma-body .c-tocWrap,.cma-body noscript{display:none}
.cma-body figure.wp-block-table{overflow-x:auto}
/* スマホ：表は横スクロールにせず、1行ずつ縦のカードに組み替える（見出しは JS が各セルに data-label で付ける） */
@media (max-width:820px){
.cma-body figure.wp-block-table{overflow:visible}
.cma-body table.cma-stack{min-width:0;width:100%;display:block;border-top:2px solid var(--bk)}
.cma-body table.cma-stack thead{display:none}
.cma-body table.cma-stack tbody,.cma-body table.cma-stack tr,.cma-body table.cma-stack td,.cma-body table.cma-stack th{display:block;width:100%;box-sizing:border-box}
.cma-body table.cma-stack tr{padding:14px 0 12px;border-bottom:1px solid var(--rule)}
.cma-body table.cma-stack td,.cma-body table.cma-stack th{padding:3px 0;border:0;font-size:15px;line-height:1.75}
.cma-body table.cma-stack tr>:first-child{font-weight:700;color:var(--bk);padding-bottom:6px}
.cma-body table.cma-stack td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:11.5px;font-weight:700;color:var(--mid);letter-spacing:.04em;margin-bottom:1px}
}
.cma-body figure.wp-block-image img{width:auto}
.cma-body>*:first-child{margin-top:0}
.cma-toc[hidden]{display:none}
/* NEXT STORIES と一覧ページ */
.cma-grid{margin-top:22px}
.cma-ahead h1{font-family:var(--en);font-weight:900;font-size:clamp(40px,6vw,84px);line-height:.9;letter-spacing:-.04em;max-width:none}
.cma-ahead h1 small{font-family:var(--jp);letter-spacing:0;margin-top:16px}
.cm141-archive .cm-rest .cm-grid{margin-top:40px}
.cma-pager{display:flex;justify-content:space-between;padding:10px 0 0;font-weight:800;font-size:13px;letter-spacing:.06em}
.cma-pager a{border-bottom:1.5px solid var(--bk);padding-bottom:1px}.cma-pager a:hover{background:var(--lime)}