/* 全体設定：Flexboxで縦横中央配置 */
body, html {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center; /* 縦中央 */
  align-items: center;     /* 横中央 */
  background: url('ichiru0369_SiteKari_back.jpg') no-repeat center center/cover;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  overflow: hidden;
  position: relative;
}

/* 星屑背景 */
.starfield {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: transparent;
  z-index: 0;
  overflow: hidden;
}

.starfield::before, .starfield::after {
  content: "";
  position: absolute;
  top: -50%;
  left: 0;
  width: 200%;
  height: 200%;
  background: radial-gradient(white 1px, transparent 2px);
  background-size: 50px 50px;
  opacity: 0.3;
  animation: starMove 60s linear infinite;
}

.starfield::after {
  background-size: 30px 30px;
  opacity: 0.15;
  animation-duration: 90s;
  animation-direction: reverse;
}

@keyframes starMove {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ロゴ＋キャッチ */
.logo {
  max-width: 80%;
  margin-bottom: 5vh; /* 下のComing Soonとの間隔 */
  z-index: 10;
}

/* Coming Soon */
.coming-soon {
  width: 400px; /* ここで固定 */
  height: auto; /* 高さは自動で比率維持 */
  animation: bounce 2s infinite;
  z-index: 10;
}

/* バウンドアニメーション */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
}

/* スマホ対応 */
@media (max-width: 768px) {
  .logo {
    max-width: 90%;
    margin-bottom: 8vh;
  }
  .coming-soon {
    width: 80vw; /* 画面幅の80%に縮小 */
    max-width: 300px; /* 最大300px */
  }
}