/* ============================================================
   news.css — お知らせ一覧(トップページのプレビュー欄と
   news.php お知らせ一覧ページの両方で読み込みます)
   ============================================================ */
.news-section{background:var(--paper)}
.news-list{margin:0 auto}
.news-item{
  display:grid;grid-template-columns:120px 100px 1fr auto;
  gap:30px;align-items:center;
  padding:28px 0;
  border-bottom:1px solid var(--line-soft);
  transition:padding .3s;
  cursor:pointer;
}
.news-item:hover{padding-left:16px;padding-right:16px;background:var(--paper-2)}
.news-date{
  font-family:"Inter",sans-serif;
  font-size:13px;color:var(--text-dim);
  letter-spacing:.1em;font-weight:500;
}
.news-cat{
  font-family:"Inter",sans-serif;
  font-size:10px;font-weight:700;letter-spacing:.2em;
  padding:5px 0;
  border-top:1px solid var(--copper);
  border-bottom:1px solid var(--copper);
  color:var(--copper);
  text-align:center;
}
.news-title{
  font-family:"Shippori Mincho",serif;
  font-size:15px;color:var(--sumi);
  letter-spacing:.03em;
}
.news-arrow{color:var(--text-mute);font-size:14px}

.news-pagination{
  display:flex;justify-content:center;align-items:center;
  flex-wrap:wrap;gap:12px;
  margin-top:60px;
  font-family:"Inter",sans-serif;
  font-size:12px;font-weight:700;letter-spacing:.15em;
}
.news-pagination .page-numbers{
  padding:10px 16px;
  border:1px solid var(--line-soft);
  color:var(--sumi);
}
.news-pagination a.page-numbers:hover{border-color:var(--copper);color:var(--copper)}
.news-pagination .page-numbers.current{
  background:var(--sumi);color:var(--paper);border-color:var(--sumi);
}
.news-pagination .page-numbers.dots{border:none;padding:10px 4px}