/* 旧WordPress記事（/1234 など）と過去記事一覧の共通スタイル。tools/wp_build.py が /css/wp.css に置く */
:root{
  --bg:#f6f1e6;--bg-grid:#eee6d4;--surface:#fffdf8;--surface-raised:#fff;--ink:#221f1a;--ink-soft:#6d6153;--ink-faint:#9a8f7d;
  --border:#e3d8c3;--border-strong:#cdbf9f;--brand:#274a5c;--brand-ink:#f6f1e6;--brand-soft:#dfe8ea;--t:#a9832a;--t-soft:#f5eedb;
  --shadow:0 1px 2px rgba(34,31,26,.06),0 8px 24px -12px rgba(34,31,26,.18);
  --serif:"Shippori Mincho","Hiragino Mincho ProN",serif;
  --display:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;
  --body:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.95;font-size:17px;-webkit-font-smoothing:antialiased;}

/* サイトのヘッダー・フッター（記事一覧と同じ） */
.site-wrap{max-width:1120px;margin:0 auto;padding-inline:20px;}
header.site{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);line-height:1.8;font-size:15px;}
.nav{display:flex;align-items:center;justify-content:space-between;padding-block:12px;gap:16px;}
.brandmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:900;font-size:16.5px;white-space:nowrap;}
.brandmark .icon{width:34px;height:34px;border-radius:9px;background:var(--brand);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.brandmark .icon svg{width:19px;height:19px;}
.brandmark small{display:block;font-family:var(--body);font-weight:500;font-size:11px;color:var(--ink-soft);letter-spacing:.02em;}
nav.links{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;}
nav.links::-webkit-scrollbar{display:none;}
nav.links a{font-size:13.5px;font-weight:500;text-decoration:none;color:var(--ink-soft);white-space:nowrap;padding-block:4px;border-bottom:2px solid transparent;}
nav.links a:hover{color:var(--ink);border-color:var(--border-strong);}
nav.links a[aria-current="page"]{color:var(--ink);border-color:var(--brand);}
.btn-yt{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;background:var(--brand);color:var(--brand-ink);font-size:13px;font-weight:700;text-decoration:none;padding:9px 16px;border-radius:100px;white-space:nowrap;}
footer{background:#221f1a;color:#f6f1e6;padding-block:48px 26px;line-height:1.8;font-size:15px;}
footer .site-wrap{display:flex;flex-direction:column;gap:30px;}
.foot-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.foot-brand{font-family:var(--display);font-weight:900;font-size:16px;max-width:280px;}
.foot-brand p{font-family:var(--body);font-weight:400;font-size:12.5px;opacity:.65;margin-top:10px;line-height:1.8;}
.foot-cols{display:flex;gap:56px;flex-wrap:wrap;}
.foot-col h3{font-size:12px;letter-spacing:.05em;opacity:.55;margin:0 0 12px;font-weight:700;}
.foot-col a{display:block;font-size:13px;text-decoration:none;color:#f6f1e6;opacity:.85;margin-bottom:9px;}
.foot-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11.5px;opacity:.55;}
.foot-bottom a{color:inherit;}
@media (max-width:880px){nav.links{display:none;}}

/* 記事 */
.post{max-width:780px;margin:0 auto;padding:0 20px 80px;}
.crumb{font-size:12.5px;color:var(--ink-faint);padding-top:22px;line-height:1.7;}
.crumb a{color:var(--ink-soft);text-decoration:none;}
.crumb a:hover{text-decoration:underline;}
.post-head{padding:26px 0 18px;}
.chip{display:inline-flex;align-items:center;gap:9px;background:var(--t-soft);border:1px solid #e6d7ae;color:#7d5f17;font-size:13px;font-weight:700;letter-spacing:.05em;padding:6px 15px;border-radius:999px;text-decoration:none;}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--t);}
.post-head h1{font-family:var(--serif);font-size:34px;line-height:1.45;font-weight:800;margin:18px 0 12px;}
.meta{color:var(--ink-faint);font-size:14px;display:flex;flex-wrap:wrap;gap:6px 14px;}
.hero{width:100%;height:auto;border-radius:16px;margin:24px 0 4px;display:block;box-shadow:0 18px 44px -26px rgba(34,31,26,.6);}
.oldnote{margin:22px 0 0;padding:12px 16px;border-radius:10px;background:var(--surface);border:1px dashed var(--border-strong);font-size:13.5px;color:var(--ink-soft);line-height:1.7;}
.toc{margin:30px 0;padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;}
.toc p{margin:0 0 8px;font-weight:700;color:#7d5f17;}
.toc ol{margin:0;padding-left:1.4em;}
.toc li{margin:4px 0;font-size:15px;line-height:1.6;}
.toc a{color:var(--ink);text-decoration:none;border:none;font-weight:500;}
.toc a:hover{text-decoration:underline;}

.entry{overflow-wrap:anywhere;}
.entry h2{font-family:var(--serif);font-size:26px;line-height:1.5;font-weight:800;margin:56px 0 20px;padding-left:16px;border-left:6px solid var(--t);scroll-margin-top:80px;}
.entry h3{font-size:20px;font-weight:700;margin:40px 0 14px;color:#7d5f17;line-height:1.6;}
.entry h4{font-size:18px;margin:30px 0 12px;}
.entry p{margin:0 0 22px;}
.entry p:empty{display:none;}
.entry img{max-width:100%;height:auto;}
.entry a{color:#1e6f8c;text-decoration:underline;text-decoration-color:rgba(30,111,140,.35);text-underline-offset:3px;}
.entry ul,.entry ol{margin:0 0 22px;padding-left:1.5em;}
.entry li{margin-bottom:8px;}
.entry blockquote{margin:28px 0;padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--t);border-radius:12px;color:var(--ink-soft);}
.entry blockquote p:last-child{margin:0;}
.entry figure{margin:0 0 26px;}
.entry figcaption,.entry .wp-element-caption{font-size:13px;color:var(--ink-faint);text-align:center;margin-top:6px;}
.entry hr,.entry .jin-sen{border:none;border-top:1px dashed var(--border-strong);margin:44px 0;}
.entry table{border-collapse:collapse;width:100%;font-size:15px;margin:0 0 24px;background:var(--surface-raised);}
.entry th,.entry td{border:1px solid var(--border);padding:8px 10px;vertical-align:top;}
.entry th{background:var(--t-soft);}
.entry .wp-block-table,.entry .scroll{overflow-x:auto;}
.entry .aligncenter,.entry .has-text-align-center{text-align:center;}
.entry .aligncenter img,.entry figure.aligncenter img{margin-inline:auto;}
.entry .wp-block-image img{display:block;border-radius:8px;}
.entry .wp-block-image.aligncenter img,.entry .wp-block-image .aligncenter img{margin-inline:auto;}
.entry .has-text-align-right{text-align:right;}
.entry .has-text-align-left{text-align:left;}
.entry .wp-block-columns{display:flex;gap:20px;flex-wrap:wrap;}
.entry .wp-block-column{flex:1 1 240px;min-width:0;}
.entry .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;}
.entry .has-background{padding:16px 20px;border-radius:10px;}

/* 文字の色・大きさ（WordPress のパレットと JIN の指定） */
.entry .has-vivid-red-color,.entry .bold-red,.entry .red{color:#cf2e2e;}
.entry .has-luminous-vivid-orange-color{color:#e05a00;}
.entry .has-vivid-cyan-blue-color,.entry .bold-blue{color:#0b78c2;}
.entry .has-vivid-purple-color{color:#8a3fcf;}
.entry .has-black-color{color:#000;}
.entry .has-watery-yellow-background-color{background:#fff7d6;}
.entry .has-yellow-border-color{border:2px solid #f2c94c;}
.entry .bold-red,.entry .bold-blue{font-weight:700;}
.entry .has-small-font-size{font-size:14px;}
.entry .has-medium-font-size{font-size:20px;line-height:1.7;}
.entry .has-large-font-size{font-size:24px;line-height:1.6;font-weight:700;}
.entry .has-huge-font-size{font-size:32px;line-height:1.5;font-weight:700;}
.entry .fz-20px{font-size:20px;}.entry .fz-22px{font-size:22px;}.entry .fz-24px{font-size:24px;}.entry .fz-28px{font-size:26px;}
.entry .fz-32px{font-size:28px;}.entry .fz-36px{font-size:30px;}.entry .fz-40px{font-size:32px;}.entry .fz-44px{font-size:34px;}
.entry [class*="fz-"]{line-height:1.5;}
.entry .marker{background:linear-gradient(transparent 55%,#fff09a 55%);}
.entry .marker2,.entry .marker-red{background:linear-gradient(transparent 55%,#ffd3d3 55%);}
.entry .marker-under{background:linear-gradient(transparent 70%,#ffe36e 70%);}
.entry .marker-under-red{background:linear-gradient(transparent 70%,#ff9c9c 70%);}
.entry .marker-under-blue{background:linear-gradient(transparent 70%,#a8d8ff 70%);}

/* JIN のボックス・ボタン・見出し */
.entry .simple-box1,.entry .simple-box4,.entry .blank-box,.entry .block-box{margin:0 0 26px;padding:18px 22px;border:2px solid var(--border-strong);border-radius:10px;background:var(--surface-raised);}
.entry .simple-box4{border-style:dashed;}
.entry .simple-box1 p:last-child,.entry .simple-box4 p:last-child,.entry .blank-box p:last-child{margin:0;}
.entry .wp-block-jin-gb-block-simple-button{text-align:center;margin:0 0 26px;}
.entry .color-button01 a,.entry .color-button01-big a{display:inline-block;background:#e0583a;color:#fff;text-decoration:none;font-weight:700;padding:13px 30px;border-radius:999px;box-shadow:0 4px 0 #b23f25;line-height:1.5;max-width:100%;}
.entry .color-button01-big a{font-size:19px;padding:16px 38px;}
.entry .color-button01 a:hover,.entry .color-button01-big a:hover{transform:translateY(2px);box-shadow:0 2px 0 #b23f25;}
.entry .jin-lp-h2{font-family:var(--serif);font-size:24px;font-weight:800;text-align:center;margin:44px 0 20px;padding:14px 10px;border-top:2px solid var(--t);border-bottom:2px solid var(--t);}

/* 吹き出し（JIN・Cocoon） */
.entry .balloon-box,.entry .speech-wrap{display:flex;gap:14px;align-items:flex-start;margin:0 0 26px;}
.entry .balloon-right,.entry .sbp-r{flex-direction:row-reverse;}
.entry .balloon-icon,.entry .speech-person{flex:none;width:64px;text-align:center;}
.entry .balloon-icon img,.entry .speech-icon-image{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border);display:block;margin:0;}
.entry .balloon-box .icon-name,.entry .speech-name{display:block;font-size:11px;color:var(--ink-faint);text-align:center;line-height:1.4;margin-top:2px;}
.entry .balloon-box{position:relative;}
.entry .balloon-box .icon-name{position:absolute;top:68px;width:64px;}
.entry .balloon-left .icon-name{left:0;}
.entry .balloon-right .icon-name{right:0;}
.entry .balloon-serif,.entry .speech-balloon{flex:1;min-width:0;background:#fff;border:2px solid #ccc;border-radius:12px;padding:14px 18px;}
.entry .balloon-serif p:last-child,.entry .speech-balloon p:last-child{margin:0;}
.entry .has-e-2-f-6-ff-bgballon .balloon-serif{background:#e2f6ff;}
.entry .has-efefef-bgballon .balloon-serif{background:#efefef;}
.entry .has-ffebeb-bgballon .balloon-serif{background:#ffebeb;}
.entry .has-fff-8-d-1-bgballon .balloon-serif{background:#fff8d1;}
.entry .clearfix::after,.entry .cf::after{content:"";display:block;clear:both;}

/* 動画の埋め込み */
.entry .wp-block-embed.is-type-video .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9;}
.entry .wp-block-embed.is-type-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px;}
.entry iframe{max-width:100%;}

/* 記事カード（旧ブログ内リンクの埋め込み） */
.entry .linkcard{display:flex;gap:14px;align-items:center;margin:0 0 26px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);}
.entry .linkcard img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;flex:none;margin:0;}
.entry .linkcard b{display:block;font-size:15px;line-height:1.6;}
.entry .linkcard small{display:block;font-size:12px;color:var(--ink-faint);margin-top:4px;}

/* Rinker（商品リンク） */
.entry .yyi-rinker-contents{margin:0 0 26px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);box-shadow:var(--shadow);}
.entry .yyi-rinker-box{display:flex;gap:16px;align-items:flex-start;}
.entry .yyi-rinker-image{flex:none;width:110px;text-align:center;}
.entry .yyi-rinker-image img{margin:0 auto;}
.entry .yyi-rinker-info{flex:1;min-width:0;}
.entry .yyi-rinker-title a{color:var(--ink);text-decoration:none;font-weight:700;font-size:15px;line-height:1.6;}
.entry .yyi-rinker-detail{font-size:12px;color:var(--ink-faint);}
.entry .yyi-rinker-detail p{margin:0;}
.entry ul.yyi-rinker-links{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
.entry ul.yyi-rinker-links li{margin:0;}
.entry ul.yyi-rinker-links a{display:inline-block;padding:6px 14px;border-radius:6px;color:#fff;text-decoration:none;font-size:13px;font-weight:700;}
.entry ul.yyi-rinker-links img{position:absolute;width:1px;height:1px;}
.entry .amazonlink a,.entry .amazonkindlelink a{background:#f69931;}
.entry .rakutenlink a{background:#cf4944;}
.entry .yahoolink a{background:#51a7e8;}
@media (max-width:560px){.entry .yyi-rinker-box{flex-direction:column;align-items:center;}.entry .yyi-rinker-info{text-align:center;}.entry ul.yyi-rinker-links{justify-content:center;}}

/* 記事の下 */
.more{margin-top:64px;}
.more h2{font-family:var(--display);font-size:20px;font-weight:900;margin:0 0 16px;}
.more + .more{margin-top:40px;}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.card{display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .2s ease;}
.card:hover{transform:translateY(-3px);}
.card img{display:block;width:100%;aspect-ratio:40/21;object-fit:cover;background:var(--brand-soft);}
.card span{padding:12px 14px 16px;font-size:14.5px;font-weight:700;line-height:1.6;}
.card small{display:block;font-size:11.5px;font-weight:500;color:var(--ink-faint);margin-top:4px;}
.more-all{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:#1e6f8c;}
@media (max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){body{font-size:16px;}.post{padding:0 16px 64px;}.post-head h1{font-size:26px;}.entry h2{font-size:22px;}.entry .jin-lp-h2{font-size:21px;}}
@media (max-width:440px){.cards{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){.card{transition:none;}}