/* ===== お知らせ一覧ページ (archive-news.php) スタイル ===== */
.news-archive {
  padding: 80px 0;
}

/* お知らせリストのマージン調整 */
.news-archive .news__list {
  margin-bottom: 60px;
}

/* ===== ページネーションのスタイル ===== */
.pagination {
  text-align: center;
}

.pagination .nav-links {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  transition: all 0.3s;
}

.pagination .page-numbers:hover {
  background-color: #f0f0f0;
  border-color: #ccc;
}

/* 現在のページ */
.pagination .page-numbers.current {
  background-color: var(--color-primary, #00529b); /* サイトのメインカラー */
  border-color: var(--color-primary, #00529b);
  color: #fff;
  font-weight: bold;
}

/* 「...」の部分 */
.pagination .page-numbers.dots {
  border: none;
}

/* 「前へ」「次へ」のリンク */
.pagination .prev,
.pagination .next {
  width: auto;
  padding: 0 15px;
}