/* 全体のフォント設定 */
body {
  font-family: 'Zen Maru Gothic', sans-serif;
  text-align: center;
  background: #f4f4f4;
  margin: 0;
  padding: 0;
}

/* ストライプ背景（上部 & 下部） */
.stripe-background {
  width: 100%;
  height: 100px;
  background: repeating-linear-gradient(
    45deg,
    #333,
    #333 10px,
    #f4f4f4 10px,
    #f4f4f4 20px
  );
}

/* エンターページのコンテナ */
.enter-container {
  max-width: 600px;
  margin: 50px auto;
  padding: 20px;
  background: white;
  border-radius: 4px;
  text-align: left; /* 本文を左寄せ */
}

/* サイト名（ラベル風デザイン） */
.site-title {
  background: #333;
  color: #f4f4f4;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

/* 注意書き本文 */
.notice-text {
  font-size: 13px;
  color: #333;
  line-height: 2;
  margin: 20px;
}

/* 太字＆赤字の強調 */
.highlight {
  font-weight: bold;
}

.warning-text {
  font-weight: bold;
  color: #c00;
}

/* トップページへのリンク（バナー） */
.enter-button {
  display: block;
  text-align: center;
  margin: 30px auto 10px;
}

.enter-button img {
  width: 200px;
  height: 40px;
  transition: opacity 0.3s ease-in-out;
}

.enter-button img:hover {
  opacity: 0.8;
}