:root{--fg:#1f2933;--muted:#6b7785;--line:#e3e8ee;--bg:#f5f7fa;--card:#fff;--accent:#0b6bcb;--accent-weak:#e7f1fb}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.85 "Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--accent)}
img{max-width:100%;height:auto}
.wrap{max-width:1160px;margin:0 auto;padding:0 16px}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.logo{font-weight:700;font-size:1.3rem;color:var(--fg);text-decoration:none}
.site-header nav a{margin-left:20px;color:var(--fg);text-decoration:none;font-size:.9rem}
.site-header nav a:hover{color:var(--accent)}
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding-top:32px;padding-bottom:48px}
@media(max-width:900px){.main-grid{grid-template-columns:minmax(0,1fr)}}
.entry{overflow-wrap:anywhere}
.site-header nav a:first-child{margin-left:0}
.list-title{font-size:1.4rem;margin:0 0 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.card{background:var(--card);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:box-shadow .2s}
.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}
.card a{color:inherit;text-decoration:none;display:block;height:100%}
.thumb{aspect-ratio:16/9;background:var(--accent-weak);overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:14px 16px 18px}
.card h2{font-size:1rem;line-height:1.55;margin:6px 0}
.card time{font-size:.8rem;color:var(--muted)}
.card p{font-size:.85rem;color:var(--muted);margin:6px 0 0;line-height:1.7}
.cat{display:inline-block;font-size:.72rem;background:var(--accent);color:#fff;border-radius:3px;padding:1px 8px;text-decoration:none;margin-right:6px}
.cards.small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.cards.small p{display:none}
.pager{display:flex;gap:6px;justify-content:center;margin-top:32px}
.pager a{min-width:40px;padding:8px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:6px;text-decoration:none}
.pager a.cur{background:var(--accent);color:#fff;border-color:var(--accent)}
.post{background:var(--card);border-radius:8px;padding:40px 48px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
@media(max-width:700px){.post{padding:24px 18px}}
.post>h1{font-size:1.65rem;line-height:1.5;margin:0 0 12px}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.85rem;color:var(--muted);margin-bottom:24px}
.eyecatch{display:block;width:100%;border-radius:6px;margin-bottom:24px}
.entry h2{font-size:1.35rem;border-left:5px solid var(--accent);background:var(--accent-weak);padding:10px 14px;margin:2.2em 0 1em;line-height:1.5}
.entry h3{font-size:1.15rem;border-bottom:2px solid var(--line);padding-bottom:6px;margin:2em 0 .8em}
.entry h4{font-size:1.05rem;margin:1.6em 0 .6em}
.entry figure{margin:1.5em 0}
.entry figure img{display:block;margin:0 auto}
.entry figcaption{font-size:.85rem;color:var(--muted);text-align:center}
.entry table{border-collapse:collapse;width:100%;font-size:.92rem}
.entry th,.entry td{border:1px solid var(--line);padding:8px 10px}
.entry th{background:var(--bg)}
.entry .wp-block-table{overflow-x:auto}
.entry blockquote{margin:1.5em 0;padding:12px 18px;border-left:4px solid var(--line);background:var(--bg);color:#3d4852}
.entry .has-text-align-center,.aligncenter{text-align:center}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.entry .has-background{padding:12px 16px;border-radius:4px}
.entry .wp-block-columns{display:flex;gap:24px;flex-wrap:wrap}
.entry .wp-block-column{flex:1 1 240px;min-width:0}
.entry video{max-width:100%}
.entry hr,.wp-block-separator{border:0;border-top:1px solid var(--line);margin:2em 0}
.video{position:relative;aspect-ratio:16/9}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.embed-card{display:block;border:1px solid var(--line);border-radius:6px;padding:14px 16px;text-decoration:none;font-weight:700}
.embed-card::before{content:"関連記事 ";color:var(--muted);font-weight:400;font-size:.8rem}
.toc{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:16px 20px;margin:1.5em 0}
.toc-title{font-weight:700;margin-bottom:6px}.toc ol{margin:0;padding-left:1.4em}.toc li.lv3{margin-left:1.2em;font-size:.92rem}
.block-box,.wp-block-emanon-blocks-block-box{border:2px solid var(--accent);border-radius:6px;margin:1.5em 0;overflow:hidden}
.block-box-heading{background:var(--accent);color:#fff;padding:6px 14px;font-weight:700}
.block-box-body,.block-box-text{padding:10px 16px}
.showcase-box-wrapper{display:flex;gap:20px;flex-wrap:wrap;align-items:center;border:1px solid var(--line);border-radius:6px;padding:16px;margin:1.5em 0}
.showcase-box-image-position-right{flex-direction:row-reverse}
.showcase-box-thumbnail{flex:0 1 280px}.showcase-box-body{flex:1 1 260px}
.showcase-box-heading{font-weight:700;font-size:1.1rem}
.btn,.block-btn a,.showcase-box-btn-content a{display:inline-block;background:var(--accent);color:#fff!important;padding:8px 20px;border-radius:4px;text-decoration:none}
.epb-underline-red{background:linear-gradient(transparent 60%,#ffd0d0 60%)}
.question{font-weight:700;margin-top:1.6em}.answer{margin-bottom:1em}
.tags{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px}
.tags a{font-size:.8rem;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:2px 12px;text-decoration:none;color:var(--muted)}
.related{margin-top:40px}.related h2{font-size:1.2rem}
.sidebar section{background:#fff;border-radius:8px;padding:18px 20px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.sidebar h2{font-size:1rem;margin:0 0 10px;border-bottom:2px solid var(--accent);padding-bottom:6px}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li{padding:6px 0;border-bottom:1px dashed var(--line);font-size:.9rem;line-height:1.6}
.sidebar li span{color:var(--muted);font-size:.8rem}
.sidebar a{color:var(--fg);text-decoration:none}.sidebar a:hover{color:var(--accent)}
.site-footer{background:#1f2933;color:#cbd2d9;font-size:.85rem;padding:28px 0}
.site-footer a{color:#fff}.site-footer p{margin:8px 0 0}
.has-white-color{color:#fff}.has-black-color{color:#000}
.has-white-background-color{background-color:#fff}
.has-dark-01-background-color{background-color:#3f5973}
.has-light-02-background-color{background-color:#bfcbd7}
.has-pale-cyan-blue-background-color{background-color:#8ed1fc}
.has-pale-cyan-aliceblue-background-color{background-color:#f0f8ff}
.breadcrumb{font-size:.8rem;color:var(--muted);margin:0 0 14px;line-height:1.6}
.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}
.breadcrumb .sep{margin:0 4px}
.card .card-title{font-size:1rem;line-height:1.55;margin:6px 0}