/* =========================================================
   list.css — お知らせ一覧ページ専用スタイル
   （page-hero / breadcrumb は event.css を併用）
   ========================================================= */
.list-wrap{max-width:980px;margin:0 auto;padding:44px 28px 8px}

/* フィルタタブ */
.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.filter-tab{font-size:13.5px;font-weight:700;color:#5b6675;border:1.5px solid #dbe3ec;border-radius:999px;padding:9px 18px;cursor:pointer;background:#fff;transition:background .2s,color .2s,border-color .2s}
.filter-tab:hover{border-color:#b9cce4;color:var(--navy)}
.filter-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* 一覧 */
.list-items{border-top:1px solid #e7ecf2}
.list-item{display:flex;gap:20px;align-items:center;padding:18px 8px;border-bottom:1px solid #e7ecf2;transition:background .2s}
.list-item:hover{background:#f7faff}
.list-thumb{flex:none;width:128px;height:80px;border-radius:8px;background-size:cover;background-position:center;background-color:#eef2f7}
.list-main{flex:1;min-width:0}
.list-meta{display:flex;align-items:center;gap:12px;margin-bottom:7px}
.list-date{font-family:'Roboto',sans-serif;font-size:13px;color:#7d8896}
.list-tag{font-size:11px;font-weight:700;color:#fff;padding:3px 10px;border-radius:4px}
.list-title{font-size:15.5px;font-weight:700;color:#1c2a3a;line-height:1.55;margin-bottom:5px}
.list-excerpt{font-size:13px;color:#67727f;line-height:1.7}
.list-arrow{flex:none;color:#aebac8;font-size:18px}
.list-empty{padding:48px 0;text-align:center;color:#90a0b5;font-size:14px}

@media (max-width:768px){
  .list-wrap{padding:28px 24px 8px}
  .list-thumb{width:96px;height:66px}
  .list-excerpt{display:none}
  .list-arrow{display:none}
}
@media (max-width:480px){
  .list-thumb{display:none}
  .list-item{gap:0;padding:16px 6px}
}