/*
Theme Name: 2CHNAVI Editorial
Version: 1.0.0
Description: 2CHNAVI 一般向け特集サイト
*/
:root{--ink:#292c30;--muted:#747980;--line:#e2e5e9;--blue:#245e9c;--red:#b13e40}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button{font:inherit}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.masthead{padding:30px 0 22px;border-top:4px solid var(--red)}.brand{color:var(--ink);font-size:30px;font-weight:800;letter-spacing:-1.1px}.brand span{color:var(--red)}.tagline{font-size:12px;color:var(--muted);margin:2px 0 0}.main-nav{border-block:1px solid var(--line)}.nav-inner{display:flex;gap:30px;align-items:center;min-height:48px}.nav-inner a{font-size:14px;color:var(--ink)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:52px;padding-block:44px 72px;min-height:55vh}.eyebrow{font:600 11px/1.5 sans-serif;letter-spacing:2px;color:var(--red);margin:0 0 8px}h1{font-size:28px;line-height:1.5;margin:0 0 26px}h2{font-size:21px;line-height:1.6}p{margin:0 0 20px}.section-title{font-size:20px;border-bottom:2px solid var(--ink);padding-bottom:12px;margin:0}.notice{padding:30px 0;border-bottom:1px solid var(--line)}.notice h2{margin:0 0 12px;font-size:21px}.notice p{color:#62676d;max-width:42em;margin:0}.side-block{border-top:2px solid var(--ink);padding:16px 0 24px}.side-block h2{font-size:14px;margin:0 0 10px}.side-block p,.side-block a{font-size:13px;line-height:1.9;color:#656b72}.post-card{padding:25px 0;border-bottom:1px solid var(--line)}.post-card h2{margin:7px 0 10px}.post-meta{font-size:12px;color:var(--muted);display:flex;gap:15px}.post-card p{font-size:14px;color:#656b72;margin:0}.page-content{overflow-wrap:anywhere}.page-content img{max-width:100%;height:auto}.page-content input,.page-content textarea{max-width:100%;font:inherit}.site-footer{border-top:1px solid var(--line);background:#f7f8fa;padding:28px 0}.footer-links{display:flex;flex-wrap:wrap;gap:10px 24px}.footer-links a{font-size:12px;color:#555e68}.adult-link{display:inline-block;margin-top:20px;font-size:12px;color:#626870}.copyright{margin:18px 0 0;font-size:11px;color:#7d8288}.age-dialog{border:0;border-radius:8px;padding:28px;max-width:420px;width:calc(100% - 36px);color:var(--ink)}.age-dialog::backdrop{background:rgb(20 25 30 / .55)}.age-dialog h2{margin:0 0 14px}.age-dialog p{font-size:14px}.age-actions{display:flex;gap:12px;flex-wrap:wrap}.age-actions button,.age-actions a{border:1px solid #b9c0c9;background:white;border-radius:4px;padding:10px 15px;font-size:14px;color:var(--ink)}.age-actions a{background:#343a41;color:white;border-color:#343a41}.no-js-age{font-size:13px;margin-top:16px}.no-js-age p{margin:8px 0}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:20px}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.masthead{padding:20px 0 17px}.brand{font-size:27px}.layout{grid-template-columns:1fr;gap:36px;padding:28px 0 44px}h1{font-size:24px}.nav-inner{gap:24px}.notice{padding:24px 0}.notice h2{font-size:19px}.side-block{padding-bottom:10px}.footer-links{gap:10px 20px}}

/* Footer navigation panel */
.site-footer{background:#eef0f2;border-top:1px solid #e2e5e9;padding:32px 0 24px}.footer-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff;border:1px solid #dfe3e7;border-radius:4px;padding:22px 28px}.footer-brand{flex:none;font-size:27px;line-height:1.3}.footer-links{display:flex;align-items:center;flex-wrap:nowrap;gap:0;min-width:0}.footer-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font-size:12px;line-height:1.5;color:#555e68;white-space:nowrap}.footer-links a:last-child{padding-right:0}.footer-links a+a::before{content:"";position:absolute;left:0;top:50%;height:14px;width:1px;background:#d9dde2;transform:translateY(-50%)}.site-footer .copyright{margin:16px 0 0;font-size:11px;color:#727981}
@media(max-width:700px){.site-footer{padding:24px 0 20px}.footer-panel{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 12px 10px}.footer-brand{font-size:25px}.footer-links{width:100%;justify-content:flex-start}.footer-links a{padding:0 9px;font-size:12px}.footer-links a:first-child{padding-left:0}.footer-links a:last-child{padding-right:0}}