html,
body {
  width: 100%;

  max-width: 100%;

  overflow-x: hidden;
}


* {
  box-sizing: border-box;
}


/* =========================================
   全体
========================================= */

.news-page {
  width:
    min(
      92vw,
      680px
    );

  margin: 0 auto;

  padding:
    7vh
    1.5rem
    8vh;

  color: #2b2926;
}


/* =========================================
   ヘッダー
========================================= */

.news-header {
  margin-bottom: 3rem;

  text-align: center;
}


.news-site-name {
  margin:
    0
    0
    1.2rem;

  font-family:
    "Yuji Syuku",
    "Hiragino Mincho ProN",
    serif;

  font-size: 1rem;

  letter-spacing: .2em;

  color: #66615b;
}


.news-header h1 {
  margin: 0;

  font-family:
    "Noto Serif JP",
    "Hiragino Mincho ProN",
    serif;

  font-size: 1.35rem;

  font-weight: 500;

  letter-spacing: .16em;
}


/* =========================================
   お知らせ一覧
========================================= */

.news-list {
  display: grid;

  gap: 0;
}


.news-entry {
  padding:
    1.8rem
    .2rem
    2rem;

  border-top:
    1px solid
    rgba(43, 41, 38, .16);
}


.news-entry:last-child {
  border-bottom:
    1px solid
    rgba(43, 41, 38, .16);
}


.news-entry time {
  display: block;

  margin-bottom: .65rem;

  font-family:
    "Noto Serif JP",
    serif;

  font-size: .72rem;

  letter-spacing: .08em;

  color: #817b74;
}


.news-entry h2 {
  margin:
    0
    0
    1rem;

  font-family:
    "Noto Serif JP",
    "Hiragino Mincho ProN",
    serif;

  font-size: 1rem;

  font-weight: 500;

  line-height: 1.7;

  letter-spacing: .04em;

  color: #373430;
}


.news-body {
  font-family:
    "Noto Serif JP",
    "Hiragino Mincho ProN",
    serif;

  font-size: .86rem;

  line-height: 2;

  color: #55504a;
}


.news-body p {
  margin:
    0
    0
    .8rem;
}


.news-body p:last-child {
  margin-bottom: 0;
}


/* =========================================
   下部
========================================= */

.news-nav {
  margin-top: 3rem;

  text-align: center;
}


.news-nav a {
  color: #5e5953;

  font-size: .82rem;

  text-decoration: underline;

  text-underline-offset: 3px;
}


/* =========================================
   スマホ
========================================= */

@media screen and (max-width: 480px) {

  .news-page {
    width: 94vw;

    padding:
      5vh
      1rem
      7vh;
  }


  .news-header {
    margin-bottom: 2.4rem;
  }


  .news-entry {
    padding:
      1.5rem
      0
      1.7rem;
  }


  .news-body {
    font-size: .82rem;

    line-height: 1.95;
  }
}