body {
      background-color: #000;
      color: #0ff;
      font-family: "Helvetica Neue", Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    header {
      padding: 1rem;
      text-align: left;
    }
    h1 {
      font-size: 1.0rem;
      color: #00ffff;
    }
    h2 {
      color: #ff0000;
    }
    h3 {
      color: #00ff00;
      text-align: left;
    }

    main {
      padding: 1rem;
   }
    main m1 {
      color: #ffff00;
      text-align: left;
    }
    main m2 {
      color: #ffffff;
      text-align: left;
    }
    main m3 {
      color: #ffffff;
      text-align: left;
    }
    main m4 {
      color: #ffff00;
      text-align: left;
    }
    .songs {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      margin: 0.5rem 0;
      background: rgba(255,255,255,0.05);
      border-radius: 8px;
      padding: 1rem;
    }
    .songs-review {
      flex: 1;
      min-width: 200px;
      color: #ffffff; 
      text-align: left;
    }
    .songs-review t {
      color: #ffffff;
      font-size: 1.0rem;
      font-style: italic;
      text-align: left;
    }
    .songs-review p {
      color: #00ffff;
      text-align: left;
    }
    .songs-review p2 {
      color: #ffbb99;
      text-align: left;
    }
    .songs-review dl {
      margin-left: 1rem;
    }
    .songs-review dd {
      margin-bottom: 1rem;
    }
    .songs-review hr {
      border: none;
      border-top: 1px solid #0ff;
      margin: 1.5rem 0;
    }
    .songs img {
      max-width: 150px;
      height: auto;
      border-radius: 4px;
      margin-right: 1.0rem; /* ←ここで画像と文字の間に余白を追加 */
    }
.footer-nav {
  background: #000000;
  padding: 10px 0;
  text-align: center;
}
.footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.footer-nav a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s;
}
.footer-nav a:hover {
  color: #ffcc00;
}
    @media (max-width: 600px) {
      .songs {
        flex-direction: column;
        text-align: center;
      }