@charset "utf-8";
/*
  YouTube 初回表示軽量化スクリプト
  Copyright Rectus Inc, 2020/05/11 Ver 0.04
  https://www.rectus.co.jp/
 */

.yt {
  position:relative;
  width: 100%;
  aspect-ratio: 16 / 10;
}
.yt iframe{
  width: 100%;
  height: 100%;
}
.yt_play {
  position: absolute;
  width: 100%;
}
.yt_play:hover {
  cursor:pointer;
}
.yt_play::before { /* YouTubeアイコン */
  position: absolute;
  background: url(../images/common/icon_youtube.png);
  content: "";
  background-size: 100%;
  width: 70px;
  height: 70px;
  top: 50%;
  left: 50%;
  transform : translate(-50%,-50%);
  transition:.5s;
}

.yt_play:hover::before { /* YouTubeアイコン */
  cursor: pointer;
  filter: brightness(1.2);
}

.yt_play img{
  width: 100%;
  max-width: none;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}