.hpost{--nv:#0a1f44;--gd:#c9a44c;--ink:#23263a;--sft:#5a5f74;--fnt:#9097a8;--ln:#e6e0d2;--bg:#f7f5ef;font-family:'Noto Sans JP',sans-serif;color:var(--ink);line-height:1.95;max-width:880px;margin:0 auto;} .hpost *{box-sizing:border-box;} html{scroll-behavior:smooth;} body.zh .hpost .ja{display:none!important;} body:not(.zh) .hpost .zh{display:none!important;} .hpost img{max-width:100%;display:block;border-radius:12px;} .hpost .bc{font-size:12.5px;color:var(--fnt);margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;} .hpost .bc a{color:var(--sft);text-decoration:none;} .hpost .bc i{color:var(--gd);font-style:normal;} .hpost .top img{width:100%;height:clamp(200px,38vw,360px);object-fit:cover;border-radius:16px;} .hpost .cap{font-size:11px;color:var(--fnt);text-align:right;margin:6px 0 0;} .hpost h1{font-family:'Noto Serif JP',serif;font-size:clamp(24px,4vw,33px);font-weight:700;line-height:1.5;color:var(--nv);margin:22px 0 10px;letter-spacing:.01em;} .hpost .meta{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--fnt);margin-bottom:26px;} .hpost .meta .tag{background:rgba(201,164,76,.13);color:var(--gd);font-weight:700;padding:3px 11px;border-radius:100px;} .hpost .htoc{background:#fbfaf6;border:1px solid var(--ln);border-radius:14px;padding:8px;margin:0 0 40px;} .hpost .htoc-head{display:flex;align-items:center;gap:9px;padding:13px 14px;border-bottom:1px solid var(--ln);margin-bottom:6px;} .hpost .htoc-head svg{width:18px;height:18px;color:var(--gd);flex-shrink:0;} .hpost .htoc-head b{font-family:'Noto Serif JP',serif;font-size:15px;color:var(--nv);font-weight:700;} .hpost .htoc-head .en{font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:.18em;color:var(--fnt);margin-left:auto;} .hpost .htoc-link{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:9px;text-decoration:none;color:var(--ink);transition:background .2s;} .hpost .htoc-link+.htoc-link{border-top:1px dashed #efe7d4;} .hpost .htoc-link:hover{background:#fff;} .hpost .htoc-link:hover .htoc-jump{transform:translateY(3px);opacity:1;} .hpost .htoc-no{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:var(--gd);min-width:24px;text-align:center;} .hpost .htoc-label{flex:1;font-size:14.5px;font-weight:600;} .hpost .htoc-jump{color:var(--gd);font-size:13px;opacity:.4;transition:transform .2s,opacity .2s;} .hpost h2{font-family:'Noto Serif JP',serif;font-size:clamp(19px,2.6vw,25px);font-weight:600;color:var(--nv);margin:48px 0 14px;padding-left:14px;border-left:4px solid var(--gd);scroll-margin-top:90px;} .hpost h3{font-size:16.5px;font-weight:700;color:var(--ink);margin:26px 0 8px;} .hpost p{margin:0 0 16px;font-size:15.5px;} .hpost ul{margin:0 0 18px;padding-left:0;list-style:none;} .hpost li{position:relative;padding-left:24px;margin-bottom:9px;font-size:15px;} .hpost li::before{content:'';position:absolute;left:4px;top:11px;width:7px;height:7px;background:var(--gd);border-radius:50%;} .hpost figure{margin:26px 0;} .hpost figcaption{font-size:11px;color:var(--fnt);margin-top:6px;text-align:right;} .hpost .box{background:var(--bg);border:1px solid var(--ln);border-radius:12px;padding:18px 22px;margin:24px 0;font-size:14px;color:var(--sft);} .hpost .box b{color:var(--nv);} .hpost .disc{font-size:11.5px;color:var(--fnt);line-height:1.85;border-top:1px solid var(--ln);margin-top:44px;padding-top:16px;} .hpost .rel{margin-top:36px;} .hpost .rel-t{font-family:'Noto Serif JP',serif;font-size:18px;font-weight:700;color:var(--nv);margin-bottom:14px;} .hpost .rel a{display:block;border:1px solid var(--ln);border-radius:10px;padding:14px 18px;margin-bottom:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14.5px;transition:border-color .25s,background .25s;} .hpost .rel a:hover{border-color:var(--gd);background:rgba(201,164,76,.06);} .hpost .rel a .ar{color:var(--gd);float:right;}