.entrance {
  width: min(92vw, 680px);
  min-height: 100vh;

  margin: 0 auto;

  padding:
    7vh
    1.5rem
    6vh;

  display: grid;

  place-items: center;
  align-content: center;

  gap: 2rem;
}


/* =========================================
   タイトル
========================================= */

.site-title {
  margin: 0;

  writing-mode: vertical-rl;
  text-orientation: upright;

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

  font-size:
    clamp(
      2rem,
      7.5vw,
      3.3rem
    );

  font-weight: 400;

  letter-spacing: .18em;

  color: #2b2926;
}


/* =========================================
   利用規約・諸注意・お問い合わせ
========================================= */

.sub-nav {
  display: grid;

  gap: .6rem;

  justify-items: center;
}


.sub-nav a,
.entrance-nav a,
.entrance-news a {
  color: inherit;

  text-decoration: none;
}


.sub-nav a {
  font-size: .86rem;

  opacity: .72;
}


/* =========================================
   白・灰・黒
========================================= */

.entrance-nav {
  display: flex;

  align-items: center;
  justify-content: center;

  gap:
    clamp(
      2.8rem,
      12vw,
      5.5rem
    );

  margin-top: .35rem;
}


.entrance-nav a {
  font-size: 1.05rem;

  letter-spacing: .28em;
}


/* =========================================
   お知らせ
========================================= */

.entrance-news {
  width: 100%;

  max-width: 470px;

  margin-top: .7rem;

  padding:
    1rem
    .2rem
    .85rem;

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

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


.entrance-news h2 {
  margin:
    0
    0
    .8rem;

  text-align: center;

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

  font-size: .78rem;

  font-weight: 500;

  letter-spacing: .18em;

  color: #5b5650;
}


.entrance-news-item {
  display: grid;

  grid-template-columns:
    6.4rem
    minmax(0, 1fr);

  gap: .55rem;

  align-items: start;

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

  font-size: .72rem;

  line-height: 1.7;

  color: #56514b;
}


.entrance-news-item time {
  opacity: .55;

  white-space: nowrap;
}


.entrance-news-item span {
  min-width: 0;
}


.entrance-news-item:hover span,
.entrance-news-item:focus-visible span {
  text-decoration: underline;

  text-underline-offset: 3px;
}


.entrance-news-more {
  margin:
    .7rem
    0
    0;

  text-align: right;
}


.entrance-news-more a {
  font-size: .7rem;

  opacity: .55;

  text-decoration: underline;

  text-underline-offset: 3px;
}


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

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

  .entrance {
    width: min(94vw, 680px);

    padding:
      5vh
      1rem
      5vh;

    gap: 1.75rem;
  }


  .entrance-news {
    max-width: 100%;
  }


  .entrance-news-item {
    grid-template-columns: 1fr;

    gap: .05rem;
  }


  .entrance-news-item time {
    font-size: .66rem;
  }


  .entrance-news-item span {
    font-size: .73rem;
  }
}
.entrance-ranking {
  margin:
    14px
    0
    0;

  text-align: left;

  font-size: .75rem;
}

.entrance-ranking a {
  color: inherit;
}