/* コラムTOP (home.php) 固有スタイル
   ★更新：見出しを含め基本ゴシックに統一。スマホでの文字サイズ・行間を拡大。 */
.col-sec{padding-block:clamp(40px,5.5vh,60px) var(--sect-y);}
.col-filter{position:sticky;top:var(--head-h);z-index:80;background:rgba(247,244,239,.92);backdrop-filter:blur(12px);border-block:1px solid var(--line);margin-bottom:clamp(30px,4.4vh,44px);}
.col-filter .wrap{padding-block:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.col-filter .wrap::-webkit-scrollbar{display:none;}
.col-filter-list{display:flex;gap:8px;width:max-content;}
.col-chip{font-size:.88rem;font-weight:500;letter-spacing:.01em;padding:.6em 1.3em;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;transition:all .3s var(--ease);display:inline-block;}
.col-chip:hover{border-color:var(--bronze);color:var(--ink);}
.col-chip.active{background:var(--ink);border-color:var(--ink);color:var(--porcelain);}
.col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px);}
.col-card{background:var(--card);border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease);}
.col-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(33,30,26,.4);border-color:var(--blush);}
.col-card-img{aspect-ratio:16/10;overflow:hidden;}
.col-card-img img{width:100%;height:100%;object-fit:cover;}
.col-card-body{padding:clamp(16px,1.8vw,20px);display:flex;flex-direction:column;gap:9px;flex:1;}
.col-tag{align-self:flex-start;font-family:var(--f-body);font-weight:700;font-size:.7rem;letter-spacing:.06em;color:var(--bronze);border:1px solid var(--blush);border-radius:999px;padding:.25em .9em;}
.col-title{font-family:var(--f-disp);font-weight:700;font-size:1.08rem;letter-spacing:.005em;line-height:1.75;margin:0;}
.col-excerpt{font-size:.88rem;color:var(--ink-soft);font-weight:400;line-height:1.9;flex:1;}
.col-date{font-family:var(--f-body);font-weight:500;font-size:.78rem;letter-spacing:.02em;color:var(--ink-faint);margin-top:auto;padding-top:8px;border-top:1px solid var(--line);}
.col-pager{display:flex;justify-content:center;gap:8px;margin-top:clamp(40px,5.6vh,56px);}
.col-pager .page-numbers{width:40px;height:40px;border-radius:5px;display:grid;place-items:center;font-family:var(--f-body);font-weight:500;font-size:.92rem;border:1px solid var(--line);color:var(--ink-soft);}
.col-pager .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--porcelain);}
.col-pager .page-numbers:hover{border-color:var(--bronze);color:var(--ink);}
.col-empty{text-align:center;color:var(--ink-soft);font-weight:400;padding:60px 0;}
@media (max-width:980px){.col-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){
  .col-grid{grid-template-columns:1fr;}
  .col-title{font-size:1.14rem;}
  .col-excerpt{font-size:.92rem;}
}