/* =========================
   MUSIC ICON
========================= */

.top-music-icon {
  display: flex;
  justify-content: center;
  gap: 80px;       /* アイコン間のスペース */
  margin: 60px 0;
  flex-wrap: wrap;   /* アイコンがはみ出すと折り返す */
}

.music-icon {
  height: 65px;
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
}


/* =========================
   スマホ
========================= */
@media (max-width: 768px) {
  .top-music-icon {
    flex-direction: column;
    gap: 20px;  /* 縦の間隔 */
    align-items: center; /* 中央揃え */
  }

  .music-icon {
    width: 80%; /* 必要に応じてサイズ調整 */
  }
}


/* =========================
   タブレット対応
========================= */
@media (min-width: 769px) and (max-width: 1024px) {

    /* MUSIC ICON */
.top-music-icon {
  display: flex;
  justify-content: center;
  gap: 80px;       /* アイコン間のスペース */
  margin: 40px 0;
  flex-wrap: wrap;   /* アイコンがはみ出すと折り返す */
  }

.music-icon {
  height: 60px;
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
}

}