/* blog.css — blog.html 固有スタイル */
.blog-main{max-width:1100px;margin:0 auto;padding:80px 80px;display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:start;}
.blog-cat-bar{display:flex;gap:0;margin-bottom:48px;border-bottom:1px solid var(--sand);overflow-x:auto;}
.blog-cat{font-size:12px;letter-spacing:0.14em;color:var(--text-l);padding:12px 22px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;white-space:nowrap;transition:all 0.3s;}
.blog-cat.active{color:var(--espresso);border-bottom-color:var(--gold);}
.blog-cat:hover{color:var(--text-m);}
.blog-articles{display:flex;flex-direction:column;gap:0;}
.blog-card{display:grid;grid-template-columns:200px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid var(--sand);text-decoration:none;color:inherit;transition:opacity 0.3s;}
.blog-card:hover{opacity:0.72;}
.blog-card-thumb{height:130px;object-fit:cover;width:200px;}
.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.blog-card-date{font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:0.15em;color:var(--text-l);}
.blog-card-cat{font-size:10px;letter-spacing:0.18em;color:var(--gold);background:rgba(196,169,107,0.1);padding:3px 10px;}
.blog-card-ttl{font-family:'Shippori Mincho',serif;font-size:17px;font-weight:600;letter-spacing:0.1em;color:var(--espresso);margin-bottom:10px;line-height:1.5;}
.blog-card-excerpt{font-size:12.5px;line-height:2.1;letter-spacing:0.06em;color:var(--text-m);}
.sidebar-cats{display:flex;flex-direction:column;gap:0;}
.sidebar-cat{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--sand);text-decoration:none;color:inherit;transition:opacity 0.3s;}
.sidebar-cat:hover{opacity:0.7;}
.sidebar-cat span{font-size:13px;letter-spacing:0.08em;color:var(--text-m);}
.sidebar-cat small{font-size:11px;color:var(--text-l);}
.sidebar-recent{display:flex;flex-direction:column;gap:0;}
.sidebar-post{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--sand);text-decoration:none;color:inherit;transition:opacity 0.3s;}
.sidebar-post:hover{opacity:0.7;}
.sidebar-post-img{width:64px;height:52px;object-fit:cover;flex-shrink:0;}
.sidebar-post-ttl{font-size:12px;letter-spacing:0.06em;color:var(--text);line-height:1.6;margin-bottom:4px;}
.sidebar-post-date{font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:0.12em;color:var(--text-l);}
@media(max-width:900px){
  .blog-main{grid-template-columns:1fr;padding:48px 24px;gap:40px;}
  .blog-card{grid-template-columns:1fr;}
  .blog-card-thumb{width:100%;height:180px;}
}