body {
      margin: 0;
      font-family: 'Helvetica Neue', sans-serif;
      background-color: #f9f8f6;
      color: #1a1a1a;
    }
    header {
      background-color: #000;
      color: white;
      padding: 0.5rem 0;
      z-index: 1000;
      position: relative;
    }
    header a {
      text-decoration: none;
      color: white;
    }
    .hero {
      position: relative;
      margin: 0;
      padding: 0;
      background-color: #e64a19;
    }
    .hero img {
      width: auto;
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }
    .hero-text {
      position: absolute;
      bottom: 5%;
      right: 5%;
      color: white;
      text-align: right;
      z-index: 10;
    }
    .hero-text h2 {
      font-size: 2.8rem;
      font-weight: bold;
      margin: 0;
    }
    .hero-text p {
      font-size: 1.4rem;
      margin: 0;
    }
    .section-title {
      font-weight: bold;
      margin-top: 2rem;
      margin-bottom: 1rem;
      font-size: 1.8rem;
    }
    .news {
      background-color: #f04e23;
      color: white;
      padding: 20px;
      border-radius: 6px;
    }
    .spotify-player {
      background-color: #111;
      color: white;
      padding: 20px;
      border-radius: 8px;
      margin: 20px 0;
    }
    .member-img {
      width: 160px;
      height: 160px;
      object-fit: cover;
      border-radius: 50%;
      margin-bottom: 10px;
    }
    footer {
      background-color: #000;
      color: white;
      text-align: center;
      padding: 20px 0;
      margin-top: 40px;
}
.section {
  padding-top: 10px;
  padding-bottom: 80px;
}
#about p {
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.8;
}

/* ── 既存の .hero img はそのまま ── */
.hero img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* はみ出しを隠す */
.hero {
  position: relative;
  overflow: hidden;
}

/* スマホ用 */
@media (max-width: 576px) {
  .hero-text h2 { font-size: 1.8rem; }
  .hero-text p  { font-size: 0.8rem; }
  .hero img {
    transform: scale(1.35);
    transform-origin: 50% 36%;
  }
}

/* iPad（タブレット）用 */
@media (min-width: 577px) and (max-width: 1024px) {
  /* テキストサイズをスマホより少し大きく */
  .hero-text h2 {
    font-size: 2.4rem;   /* お好みで調整 */
  }
  .hero-text p {
    font-size: 1.2rem;   /* お好みで調整 */
  }

  /* 画像を少し控えめに拡大、軸はやや上寄り */
  .hero img {
    transform: scale(1.15);       /* 拡大率は 1.1～1.2 あたり */
    transform-origin: 50% 30%;    /* 水平中央、垂直 30%（上寄り） */
  }
}


  .hero::before {
    background: rgba(0, 0, 0, 0.8);
  }
  .hero-text h2,
  .hero-text p {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 1);
  }


/* 各トラックを縦に並べて間隔を空ける */
.music-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* 01〜08 のラベル */
.track-number {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* Spotify 埋め込み下のコメント欄 */
.track-comment {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.6);
}

/* iframe の高さを共通化 */
.spotify-player iframe {
  width: 100%;
  height: 152px;
}

/* コメントを非アクティブ（非表示）にする */
.track-comment {
  display: none !important;
}

/*
.track-number {
  display: none !important;
}
*/