/* ───────── セクション全体 ───────── */
.news_list-group { background:#FDEED7; }
.news_list-inner{
  background:#FDEED7;
  max-width:960px;
  margin:0 auto;
  padding:60px 24px 80px;
}
.news_list-title{
  font-size:clamp(24px,2.4vw,32px);
  font-weight:700;
  text-align:center;
  margin-bottom:40px;
}

/* ───────── フィルタバー ───────── */
.filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:16px;               /* セレクトとボタン群の間隔 */
  align-items:center;
  justify-content:center;
  margin-bottom:32px;
  background-color: #fff;
  max-width:960px;
  border-radius: 10px;
  padding: 30px;
}

/* 年度セレクト */
.year-select{ position:relative; }
#yearFilter{
  appearance:none;
  border:1px solid #EA5514;
  border-radius:4px;
  padding:8px 36px 8px 12px;
  font-size:15px;
  cursor:pointer;
  background:#FFF;
}
.select-arrow{
  pointer-events:none;
  position:absolute;
  right:12px;
  top:12px;
  width:0; height:0;
  border:6px solid transparent;
  border-top-color:#EA5514;
}

/* 種別ボタン */
.type-buttons{ display:flex; gap:8px; }
.type-btn{
  padding:6px 7px;
  font-size:14px;
  border:1px solid #EA5514;
  border-radius:4px;
  background:#FFF;
  color:#EA5514;
  cursor:pointer;
  transition:.2s;
}
.type-btn:hover{ background:#FFF5F0; }
.type-btn.is-active{
  background:#EA5514;
  color:#FFF;
}

/* ───────── 一覧行 ───────── */
.news_row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 16px;
  font-size:15px;
  margin-bottom:10px;
  List-style: none;
  padding: 10px;
}

.news_date { width:140px; color:#555; }
.news_text { flex:1; }

/* バッジ共通 + バリエーション */
.badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:4px;
  font-size:12px;
  color:#FFF;
  line-height:1.2;
}
.badge--orange{ background:#EA5514; }
.badge--blue  { background:#1E88E5; }

/*topに誘導*/
.top-return { text-align:center; margin:40px 0; }
.btn-top    { display:inline-block; padding:10px 32px;
              background:#EA5514; color:#fff; border-radius:4px; }

/* ───────── SP レスポンシブ ───────── */
@media(max-width:600px){
  .filter-bar{ flex-direction:column; align-items:flex-start; gap:12px; }
  .type-buttons{   display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2列均等割り */
  gap: 0.5em; /* ボタン同士の間隔 */
  max-width: 300px; }
  .news_row{ flex-direction:column; align-items:flex-start; }
  .news_date{ width:100%; }
  .type-btn{ padding: 5px 30px 7px 30px; }
  .btn-top    { display:none ; }
}