@charset "utf-8";
/* =============================================================

  News CSS

============================================================= */

main {
  padding-top: calc(var(--header-height) + 3.5rem);
}

.news-header {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  gap: 1em;
}

.news-meta {
  display: flex;
  column-gap: 1em;
  align-items: center;
}

.news-detail-title {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: left;
  line-height: 1.2;
  padding-bottom: 0.5em;
  border-bottom: solid 1px #ccc;
}

.news-container {
  display: flex;
  flex-direction: column;
}

/* newsページネーション用 */
.page-numbers {
  display: flex;
  gap: 1em;
  justify-content: center;
  align-items: center;
  list-style: none;
}

.page-numbers .current {
  font-weight: 700;
  color: #000;
}