@charset "utf-8";
/* お知らせの一覧（news.html）．項目は scripts/news.js が描く */

.news-archive {
  text-align: left;
}

ul.news-list {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
}

ul.news-list li {
  padding: 0.75rem 0.5rem;
  border-bottom: 1px dotted #ccc;
  scroll-margin-top: 1rem;
}

/* トップページから項目を指定して来たとき */
ul.news-list li.news-target {
  background: rgba(4, 129, 162, 0.08);
}

.news-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
  font-size: 0.9em;
}

.news-title {
  font-weight: bold;
  margin-top: 0.25rem;
}

.news-body {
  margin-top: 0.25rem;
  line-height: 1.7;
}

.news-body a {
  color: #0481A2;
}

.catName {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 0.8em;
}

.newMark {
  color: #c00;
  font-size: 0.85em;
}