@charset "UTF-8";

.youtube-wrap,
.youtube-thumb,
.youtube-player,
.youtube-player iframe,
.youtube-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}

.youtube-wrap {
  overflow: hidden;
}

.youtube-wrap .youtube-thumb {
  object-fit: cover;
  object-position: center;
}

.youtube-wrap.playing .youtube-thumb {
  opacity: 0;
  pointer-events: none;
}

/* ホバー時:動画最前面 */
/* 動画上にタイトルなど要素が表示されていても、ホバーされたら要素が隠れて動画が最前面に来るようにする */
.youtube-wrap.playing .youtube-player {
  z-index: 20;
}
.youtube-overlay {
  z-index: 21;
}

.youtube-player iframe {
  pointer-events: none; /* YoutubeIframeAPIのクリック無効化 */
}