/* お知らせ一覧: 本文までその場で読める表示（個別ページへは移動しない） */
.news-entry {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  column-gap: 20px;
  row-gap: 10px;
  padding: 28px 0;
  border-bottom: 1px solid var(--line, #d8e6f1);
  color: var(--text, #273f62);
}

.news-entry time {
  grid-column: 1;
  grid-row: 1;
  font: 400 16px/1.8 var(--font-body, inherit);
}

.news-entry__title {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  font: 700 17px/1.8 var(--font-body, inherit);
  color: var(--navy, #17345f);
}

.news-entry__body {
  grid-column: 2;
  grid-row: 2;
  font: 400 15px/1.9 var(--font-body, inherit);
  overflow-wrap: anywhere;
}

.news-entry__body > :first-child { margin-top: 0; }
.news-entry__body > :last-child { margin-bottom: 0; }
.news-entry__body p { margin: 0 0 1em; }
.news-entry__body h2,
.news-entry__body h3,
.news-entry__body h4,
.news-entry__body h5 {
  margin: 1.4em 0 0.6em;
  font-size: 1.05em;
  line-height: 1.6;
  color: var(--navy, #17345f);
}
.news-entry__body ul,
.news-entry__body ol { margin: 0 0 1em; padding-left: 1.5em; }
.news-entry__body a { color: var(--navy, #17345f); text-decoration: underline; }
.news-entry__body img { max-width: 100%; height: auto; border-radius: 8px; }
.news-entry__body blockquote {
  margin: 0 0 1em;
  padding: 0.4em 1em;
  border-left: 3px solid var(--pink, #ef8aaa);
  background: var(--pink-soft, #fde8ef);
}
.news-entry__body hr { border: 0; border-top: 1px solid var(--line, #d8e6f1); margin: 1.4em 0; }
.news-entry__body table { border-collapse: collapse; width: 100%; margin: 0 0 1em; }
.news-entry__body th,
.news-entry__body td { border: 1px solid var(--line, #d8e6f1); padding: 8px 10px; text-align: left; }

@media (max-width: 640px) {
  .news-entry { grid-template-columns: minmax(0, 1fr); padding: 22px 0; }
  .news-entry time,
  .news-entry__title,
  .news-entry__body { grid-column: 1; }
  .news-entry time { grid-row: 1; font-size: 14px; }
  .news-entry__title { grid-row: 2; font-size: 16px; }
  .news-entry__body { grid-row: 3; font-size: 14px; }
}

/* 件数が少ないときは、ページ送りを出さない（hidden が、他のCSSの display に負けないようにする） */
.pagination[hidden] { display: none !important; }