/* News */
/* 新着情報 見出し */
.news-header {
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--brand-2);
  margin: 40px 0 10px;
  padding-left: 12px;
  border-left: 6px solid var(--brand);
}

/* ニュース一覧リンク */
.news-more {
  display: block;
  text-align: right;
  font-weight: 700;
  color: var(--brand);
  text-decoration: none;
  margin-top: -15px;
}

.news-more:hover {
  text-decoration: underline;
}

#new-post {
  border: 2px solid var(--brand);
  border-radius: 16px;
  padding: 12px 16px;
  background: #fff;
}

#new-post dt,
#new-post dd {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

#new-post .row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px 0;
  white-space: nowrap;
}

.label {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 5px;
  margin-left: 10px;
}

.news {
  color: #fff;
  background: #4488ff;
}

.event {
  color: #fff;
  background: #44cc66;
}

.notice {
  color: #fff;
  background: #ff8888;
}


#new-post dd a {
  color: var(--brand);
  text-decoration: underline;
}


/* 記事リストのページナビ */
nav.pagination {
	text-align: right;
}
nav.pagination li {
	display: inline;
}
nav.pagination li.current a {
	background: #aac;
}
nav.pagination li.current a:hover{
	background: #aac;
}
nav.pagination li a {
	border-radius: 3px;
	border: 1px solid #333;
	color: #fff !important;
	background: #888;
	padding: 2px 7px;
	margin: 0;
}
nav.pagination li a:hover {
	background: #ccc;
}