/* ========================================================
   YouTube のサムネイル再生（トップ・楽曲検索）
   最初はサムネイル画像だけ出して、押したらその場で埋め込み動画に切り替える
   切り替え後の iframe は style.css の .youtube-embed iframe がそのまま効く
   ======================================================== */
.yt-thumb{
  position: relative;
  display: block;
  width: 100%;
  height: 12vw; /* style.css の .youtube-embed iframe と同じ高さ */
  padding: 0;
  border: none;
  border-radius: 3% 3% 0 0;
  overflow: hidden;
  background: #3a2a2a;
  cursor: pointer;
}
.yt-thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.yt-thumb-play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(200,36,36,0.9);
  text-align: center;
  transition: transform 0.2s ease;
}
.yt-thumb-play i{
  font-size: 18px;
  line-height: 46px;
  color: #fff;
}
.yt-thumb:hover .yt-thumb-play{
  transform: translate(-50%, -50%) scale(1.1);
}

@media (max-width:768px) {
  .yt-thumb{
    height: 49vw;
    border-radius: 20px 20px 0 0;
  }
  .song-item .yt-thumb img{
    border-radius: 0; /* style.css の .song-item img（角丸）を打ち消す */
  }
}