/* base.css */
/* 基本背景・文字色・フォント設定 */
html {
  font-size: 18px; /* 1rem = 18px に統一 */
}

body {
  background-image: url('../png/2025071801.png');
  background-repeat: repeat;
  background-size: auto;
  background-position: top left;
  background-attachment: fixed;

  color: #fbfaf5;
  font-size: 1vw;
  font-family: 'Yuji Syuku', 'Helvetica Neue', sans-serif;
  margin: 0;
}

/* リンクの色と状態 */
a {
  text-decoration: none;
}
a:link { color: #b9d08b; }
a:active { color: #c7dc68; }
a:visited { color: #a8c97f; }
a:hover {
  color: #e0f0b0;
  text-decoration: underline;
}

/* テキスト共通設定（文章ブロックなど） */
.text-box {
  background-color: rgba(0, 0, 0, 0.4);
  width: fit-content;           /* 内容に合わせて横幅が縮む */
  max-width: 99%;              /* でも最大幅は96%まで！ */
  height: auto;
  font-size: 1.1vw;
  border-radius: 8px;
  padding: 0.5vh 1vw;
  color: #fff;
  margin: 0;                 /* 中央揃えにするなら追加 */
  line-height: 1.6;                 /* 読みやすい行間も調整 */
  text-align: center;               /* センター配置を維持 */
}