/* 読みもの（/kiji/）専用のスタイル：落ち着いた明朝の見出し・読みやすい本文 */
body.kiji{
  --bg:#F7F3EC;--paper:#FFFDF9;--ink:#2A2420;--sub:#6B6159;--line:#E3D9CC;
  --accent:#7B2E36;--accent-soft:#F4E7E6;--gold:#A8874F;--gold-soft:#F1E8D8;
  --teal:#7B2E36;--teal-soft:#F4E7E6;--on-teal:#FFFDF9;
  --f-serif:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
  --f-sans:"Noto Sans JP","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
  --f-num:"Cormorant Garamond","Shippori Mincho",serif;
  background:var(--bg);color:var(--ink);font-family:var(--f-sans);font-size:16.5px;line-height:2;letter-spacing:.02em;
}
@media (prefers-color-scheme:dark){body.kiji{
  --bg:#1B1816;--paper:#231F1C;--ink:#ECE5DC;--sub:#B2A79B;--line:#3A332D;
  --accent:#E3A1A6;--accent-soft:#3A2427;--gold:#CFB07A;--gold-soft:#332B1F;
  --teal:#E3A1A6;--teal-soft:#3A2427;--on-teal:#1B1816;}}

body.kiji .wrap{max-width:720px;gap:10px}
body.kiji .brand{font-family:var(--f-serif);font-weight:700;letter-spacing:.08em}
body.kiji .mark{background:var(--accent);color:var(--on-teal);border-radius:50%}
body.kiji .topnav a{color:var(--sub);font-weight:500}
body.kiji a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}

/* 見出しまわり */
body.kiji .article{max-width:none;gap:20px}
body.kiji .kmeta{font-size:12.5px;letter-spacing:.12em;color:var(--gold);margin:18px 0 0}
body.kiji .kmeta a{color:var(--gold);text-decoration:none}
body.kiji .hero{font-family:var(--f-serif);font-weight:700;font-size:clamp(27px,6vw,38px);line-height:1.55;letter-spacing:.04em;margin:0}
body.kiji .hero::after{content:"";display:block;width:56px;height:1px;background:var(--gold);margin-top:22px}
body.kiji .lede{font-family:var(--f-serif);font-size:17px;line-height:2.05;color:var(--ink);margin:0}
body.kiji .article h2{font-family:var(--f-serif);font-weight:700;font-size:23px;line-height:1.6;letter-spacing:.05em;margin:36px 0 0;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:12px}
body.kiji .article h2 .no{font-family:var(--f-num);font-weight:600;font-style:italic;font-size:30px;color:var(--gold);line-height:1}
body.kiji .article p{margin:0;max-width:none}
body.kiji .article b{font-weight:700;background:linear-gradient(transparent 62%,var(--gold-soft) 62%)}

/* 先生の言葉 */
body.kiji .note-box{position:relative;margin:6px 0;padding:22px 22px 20px 54px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:4px;font-family:var(--f-serif);font-size:16.5px;line-height:2;color:var(--ink)}
body.kiji .note-box::before{content:"“";position:absolute;left:16px;top:6px;font-family:var(--f-num);font-size:58px;line-height:1;color:var(--accent);opacity:.55}

/* ポイント（tips） */
body.kiji .tips{gap:12px}
body.kiji .tip{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:4px;padding:16px 18px}
body.kiji .tip b{font-family:var(--f-serif);font-size:16.5px;background:none;margin-bottom:6px}
body.kiji .tip p{font-size:15px;line-height:1.9;color:var(--sub)}

/* 手順（cards） */
body.kiji .cards{gap:0;counter-reset:none;position:relative}
body.kiji .cards li{grid-template-columns:44px 1fr;gap:16px;background:none;border:0;border-radius:0;padding:0 0 22px;position:relative}
body.kiji .cards li:not(:last-child)::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:1px;background:var(--line)}
body.kiji .cards .n{width:44px;height:44px;background:var(--paper);color:var(--accent);border:1px solid var(--accent);font:600 italic 22px var(--f-num)}
body.kiji .cards h3{font-family:var(--f-serif);font-size:17.5px;margin:8px 0 4px;letter-spacing:.04em}
body.kiji .cards p{font-size:15.5px;line-height:1.95;color:var(--ink)}
body.kiji .cards .ui{border:0;background:var(--accent-soft);color:var(--accent);font:500 12.5px var(--f-sans);border-radius:999px;padding:3px 12px}

/* テンポの階段（ladder） */
body.kiji .ladder{background:var(--paper);border:1px solid var(--line);border-radius:4px;height:220px;padding:18px 16px}
body.kiji .rung .sp{font:600 italic 22px var(--f-num);color:var(--accent)}
body.kiji .rung .bar{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--paper)));border-radius:2px;opacity:.85}
body.kiji .rung .do{font-size:12.5px;line-height:1.6}

/* おすすめ設定 */
body.kiji .preset{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:18px}
body.kiji .preset-h{color:var(--gold);letter-spacing:.2em;font-weight:500}
body.kiji .tile{background:var(--bg);border-radius:4px}
body.kiji .tile .tv{font-family:var(--f-serif);font-size:20px}
body.kiji .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-teal);border-radius:999px;font-family:var(--f-sans);font-weight:500;letter-spacing:.06em}

/* よくある質問 */
body.kiji .qa{gap:0;border-top:1px solid var(--line)}
body.kiji .qa details{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 4px}
body.kiji .qa summary{font-family:var(--f-serif);font-weight:700;font-size:16.5px}
body.kiji .qa summary::before{content:"Q.";font-family:var(--f-num);font-style:italic;font-size:20px;color:var(--accent)}
body.kiji .qa details[open] summary::before{content:"Q."}
body.kiji .qa details p{font-size:15.5px;line-height:1.95;color:var(--sub);padding-left:28px}

/* 関連・PR・著者 */
body.kiji .more-read{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:4px;font-size:15px}
body.kiji .pr{background:var(--paper);border:1px solid var(--line);border-radius:4px}
body.kiji .pr-tag{border-radius:2px}
body.kiji .pr-item{background:var(--bg);border-radius:4px}
body.kiji .pr-iname{color:var(--accent)}
body.kiji .author{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:18px 20px;display:grid;grid-template-columns:56px 1fr;gap:4px 16px;align-items:center}
body.kiji .author::before{content:"";grid-row:1/3;width:56px;height:56px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%237B2E36' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M32 8c-5 0-7 4-7 8 0 3 2 5 2 8s-6 4-6 12c0 9 6 18 11 18s11-9 11-18c0-8-6-9-6-12s2-5 2-8c0-4-2-8-7-8z'/%3E%3Cpath d='M32 8v46M27 30h10M29 40h6'/%3E%3C/g%3E%3C/svg%3E") center/34px no-repeat}
body.kiji .author-h{color:var(--gold)!important;letter-spacing:.15em;font-weight:500!important}
body.kiji .author p{font-size:14.5px;line-height:1.85}
body.kiji .cta .btn{border-radius:999px}
body.kiji .foot{border-top:1px solid var(--line);padding-top:16px;margin-top:32px}

/* 図 */
body.kiji .fig{margin:4px 0;padding:20px 16px 14px;background:var(--paper);border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;gap:10px}
body.kiji .fig svg{width:100%;height:auto;display:block}
body.kiji .fig figcaption{font-size:13px;color:var(--sub);line-height:1.7;text-align:center}
body.kiji .fing{border-radius:4px;background:var(--paper)}
body.kiji .fd{background:var(--accent);color:var(--on-teal)}
body.kiji .fd.o{background:var(--paper);color:var(--accent);border-color:var(--accent)}
body.kiji .gap.h{color:var(--accent);border-top-color:var(--accent)}

@media (max-width:640px){
  body.kiji{font-size:16px}
  body.kiji .tips{grid-template-columns:1fr}
  body.kiji .article h2{font-size:20.5px;margin-top:30px}
  body.kiji .note-box{padding:18px 16px 16px 44px}
  body.kiji .note-box::before{left:10px}
}
body.kiji .sub{font-family:var(--f-serif);font-size:17.5px;margin:10px 0 -6px;letter-spacing:.05em}

/* 記事一覧 */
body.kiji .klist{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
body.kiji .klist a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:22px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
body.kiji .klist a:hover .lt{color:var(--accent)}
body.kiji .lc{grid-column:1/-1;font-size:12px;letter-spacing:.15em;color:var(--gold)}
body.kiji .lt{font-family:var(--f-serif);font-weight:700;font-size:19px;line-height:1.6;letter-spacing:.04em}
body.kiji .ld{grid-column:1;font-size:14px;line-height:1.85;color:var(--sub)}
body.kiji .ldate{grid-column:2;grid-row:2/4;align-self:end;font-size:12px;color:var(--sub);white-space:nowrap}
@media (max-width:640px){body.kiji .klist a{grid-template-columns:1fr}body.kiji .ldate{grid-column:1;grid-row:auto}}

/* あわせて読みたい */
body.kiji .related{margin-top:24px;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:4px}
body.kiji .related-h{font-size:12px!important;letter-spacing:.2em;color:var(--gold);margin:0 0 8px}
body.kiji .related ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
body.kiji .related li::before{content:"—";color:var(--gold);margin-right:8px}
body.kiji .related a{font-family:var(--f-serif);font-weight:700;font-size:15.5px}

/* 声かけの言いかえ */
body.kiji .say{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--paper)}
body.kiji .say-row{display:grid;grid-template-columns:1fr 1fr}
body.kiji .say-row>span{padding:14px 16px;font-size:15px;line-height:1.75;border-top:1px solid var(--line)}
body.kiji .say-head>span{border-top:0;font-size:12px;letter-spacing:.12em;padding:10px 16px;background:var(--bg);color:var(--sub)}
body.kiji .say .ng{color:var(--sub)}
body.kiji .say .ok{font-family:var(--f-serif);font-weight:700;color:var(--ink);border-left:1px solid var(--line);background:var(--accent-soft)}
body.kiji .say-head>span+span{border-left:1px solid var(--line)}

/* 替えどきのサイン */
body.kiji .signs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.kiji .sign{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:16px 14px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}
body.kiji .si{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:22px;margin-bottom:4px}
body.kiji .sign b{font-family:var(--f-serif);font-size:16.5px;background:none}
body.kiji .sign p{font-size:13.5px;line-height:1.7;color:var(--sub)}
/* 弦の選び方 */
body.kiji .choose{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}
body.kiji .ch{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:4px;padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px}
body.kiji .ch-lv{font-size:12px;letter-spacing:.15em;color:var(--gold)}
body.kiji .ch-name{font-family:var(--f-serif);font-weight:700;font-size:19px;line-height:1.5}
body.kiji .ch-tx{font-size:14.5px;line-height:1.85;color:var(--sub)}
body.kiji .ch-arrow{align-self:center;color:var(--gold);font-size:22px}
@media (max-width:640px){body.kiji .signs{grid-template-columns:1fr}body.kiji .sign{flex-direction:row;text-align:left;flex-wrap:wrap;column-gap:12px}body.kiji .sign .si{margin:0}body.kiji .sign p{flex-basis:100%}
body.kiji .choose{grid-template-columns:1fr}body.kiji .ch-arrow{transform:rotate(90deg);justify-self:center}}

/* =========================================================
   個人ブログらしい形（2026-10 改装）
   ========================================================= */
body.kiji{--avatar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23F4E7E6'/%3E%3Cg fill='none' stroke='%237B2E36' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M32 12c-4.5 0-6.5 3.6-6.5 7.2 0 2.7 1.8 4.5 1.8 7.2s-5.4 3.6-5.4 10.8c0 8.1 5.4 16.2 10.1 16.2s10.1-8.1 10.1-16.2c0-7.2-5.4-8.1-5.4-10.8s1.8-4.5 1.8-7.2c0-3.6-2-7.2-6.5-7.2z'/%3E%3Cpath d='M32 12v41M27.5 32h9M29 41h6'/%3E%3C/g%3E%3C/svg%3E")}

/* 2カラム（パソコン） */
body.kiji .wrap{max-width:1120px}
@media (min-width:1000px){
  body.kiji .wrap{display:grid;grid-template-columns:minmax(0,1fr) 296px;column-gap:44px;align-items:start}
  body.kiji .wrap>header,body.kiji .wrap>footer{grid-column:1/-1}
  body.kiji .side{align-self:stretch;margin-top:28px}
  body.kiji .side-in{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:6px}
}
body.kiji .article{max-width:760px}

/* 書いた人の行とアイキャッチ */
body.kiji .hero::after{display:none}
body.kiji .byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:-4px}
body.kiji .av{width:44px;height:44px;border-radius:50%;background:var(--avatar) center/cover;flex:none;border:1px solid var(--line)}
body.kiji .av.big{width:84px;height:84px}
body.kiji .bn,body.kiji .bd{display:flex;flex-direction:column;line-height:1.4}
body.kiji .bn b{font-size:15px;background:none}
body.kiji .bn small,body.kiji .bd small{font-size:12px;color:var(--sub)}
body.kiji .bd{margin-left:auto;text-align:right}
body.kiji .bd time{font-size:13px;color:var(--sub)}
body.kiji .eyecatch{width:100%;height:auto;border-radius:6px;display:block;border:1px solid var(--line)}
body.kiji .kmeta{margin-top:10px}

/* 目次 */
body.kiji .toc{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:4px 20px}
body.kiji .toc summary{cursor:pointer;list-style:none;font-weight:700;font-size:15.5px;padding:12px 0;display:flex;align-items:center;gap:10px}
body.kiji .toc summary::-webkit-details-marker{display:none}
body.kiji .toc summary::before{content:"";width:18px;height:2px;background:var(--accent);box-shadow:0 -6px 0 var(--accent),0 6px 0 var(--accent)}
body.kiji .toc summary::after{content:"閉じる";margin-left:auto;font-size:12px;font-weight:500;color:var(--sub)}
body.kiji .toc details:not([open]) summary::after{content:"開く"}
body.kiji .toc ol{margin:0 0 14px;padding:0 0 0 1.6em;display:flex;flex-direction:column;gap:2px;counter-reset:t}
body.kiji .toc li{font-size:15px;line-height:1.7;list-style:none;counter-increment:t;position:relative}
body.kiji .toc li::before{content:counter(t) ".";position:absolute;left:-1.6em;color:var(--accent);font-weight:700}
body.kiji .toc a{color:var(--ink);text-decoration:none}
body.kiji .toc a:hover{color:var(--accent);text-decoration:underline}

/* 見出し：ブログによくある帯の形に */
body.kiji .article h2{display:block;background:var(--gold-soft);border:0;border-left:5px solid var(--accent);border-radius:0 4px 4px 0;padding:12px 16px;font-size:21px;line-height:1.55;letter-spacing:.03em;scroll-margin-top:16px}
body.kiji .article h2 .no{display:none}
body.kiji .sub{border-bottom:2px dotted var(--gold);padding-bottom:4px;margin-bottom:0}

/* 先生の言葉：吹き出し */
body.kiji .article .note-box{margin:8px 0 8px 76px;padding:16px 20px;border:1px solid var(--line);border-left:1px solid var(--line);border-radius:14px;background:var(--paper);font-size:16px;line-height:1.95;min-height:64px}
body.kiji .note-box::before{content:"";position:absolute;left:-76px;top:0;width:58px;height:58px;border-radius:50%;background:var(--avatar) center/cover;opacity:1;border:1px solid var(--line)}
body.kiji .note-box::after{content:"";position:absolute;left:-9px;top:20px;width:16px;height:16px;background:var(--paper);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}

/* シェア */
body.kiji .share2{margin-top:28px;text-align:center}
body.kiji .share-h{font-size:13px!important;color:var(--sub);letter-spacing:.1em;margin:0 0 10px!important}
body.kiji .share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
body.kiji .share-row a,body.kiji .share-row button{font:700 13px var(--f-sans);color:#fff;text-decoration:none;border:0;border-radius:6px;padding:9px 16px;cursor:pointer;min-width:84px}
body.kiji .sh-x{background:#111}
body.kiji .sh-line{background:#06C755}
body.kiji .sh-fb{background:#1877F2}
body.kiji .sh-hb{background:#00A4DE}
body.kiji .sh-copy{background:var(--sub)}

/* 関連記事のカード */
body.kiji .rcards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px}
body.kiji .rcard{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--bg);border-radius:6px;overflow:hidden;border:1px solid var(--line)}
body.kiji .rcard img{width:100%;height:auto;display:block}
body.kiji .rc-b{padding:10px 12px;display:flex;flex-direction:column;gap:2px}
body.kiji .rc-c{font-size:11.5px;color:var(--gold);letter-spacing:.08em}
body.kiji .rc-t{font-weight:700;font-size:14.5px;line-height:1.6}
body.kiji .rcard:hover .rc-t{color:var(--accent)}
body.kiji .related li::before{content:"→"}
body.kiji .rlinks{margin-top:10px!important}

/* サイドバー */
body.kiji .side{margin-top:28px}
body.kiji .side-in{display:flex;flex-direction:column;gap:16px}
body.kiji .side section{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:16px 18px}
body.kiji .prof{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
body.kiji .prof .pn{margin:6px 0 0;font-weight:700;font-size:18px}
body.kiji .prof .pr2{margin:0;font-size:12.5px;color:var(--gold);letter-spacing:.1em}
body.kiji .prof .pb{margin:8px 0;font-size:13.5px;line-height:1.85;color:var(--sub);text-align:left}
body.kiji .prof .btn{text-decoration:none;font-size:13px;border-radius:999px}
body.kiji .sh{margin:0 0 10px;font-weight:700;font-size:14.5px;padding-bottom:8px;border-bottom:2px solid var(--accent)}
body.kiji .side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
body.kiji .cats a{display:flex;justify-content:space-between;padding:8px 2px;border-bottom:1px dotted var(--line);text-decoration:none;color:var(--ink);font-size:14px}
body.kiji .cats span{font-size:12px;color:var(--sub);background:var(--bg);border-radius:999px;padding:0 8px}
body.kiji .newp{gap:12px}
body.kiji .newp a{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:13.5px;line-height:1.6;font-weight:600}
body.kiji .newp img{width:96px;height:auto;border-radius:4px;display:block}
body.kiji .newp a:hover span{color:var(--accent)}
body.kiji .stools{gap:8px}
body.kiji .stools a{display:flex;flex-direction:column;padding:10px 12px;border-radius:6px;background:var(--bg);text-decoration:none;color:var(--ink)}
body.kiji .stools b{font-size:14px}
body.kiji .stools span{font-size:12px;color:var(--sub)}

/* 記事一覧のカード */
body.kiji .kchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
body.kiji .kchips button{font:600 13px var(--f-sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:5px 14px;cursor:pointer}
body.kiji .kchips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-teal)}
body.kiji .kgrid{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
body.kiji .kgrid a{display:flex;flex-direction:column;height:100%;background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--ink)}
body.kiji .kgrid a:hover{border-color:var(--accent)}
body.kiji .kgrid img{width:100%;height:auto;display:block}
body.kiji .kc-b{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}
body.kiji .kgrid .lt{font-size:17px}
body.kiji .kgrid .ldate{margin-top:auto;padding-top:6px}

@media (max-width:640px){
  body.kiji .rcards,body.kiji .kgrid{grid-template-columns:1fr}
  body.kiji .article .note-box{margin-left:60px}
  body.kiji .note-box::before{left:-60px;width:46px;height:46px}
  body.kiji .article h2{font-size:19px;padding:10px 14px}
  body.kiji .bd{margin-left:0;text-align:left;flex-direction:row;gap:10px;align-items:baseline}
}