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

.yt {
  position:relative;
  display: flex;
  justify-content: flex-end;
}

.yt_play:hover {
  cursor:pointer;
}
.yt_play {
    display: flex;
    justify-content: center;
    align-items: center;
}
.yt_play::before { /* YouTubeアイコン */
  position: absolute;
  background: url(../images/yt_icon_mono_light.png);
  content: "";
  background-size: 100%;
  width: 70px;
  height: 50px;
  opacity: .90; 
}

.yt_play:hover::before { /* YouTubeアイコン */
  cursor: pointer;
  background-image:url(../images/yt_icon_rgb.png);
}
.yt,.yt .movie {
    width: 100%;
    height: 260px;
}
.yt .movie {
    object-fit: cover;
}
@media screen and (max-width:850px){
  .yt {
      position: relative;
      display: flex;
      justify-content: center;
  }  
}
@media screen and (max-width:500px){
  .yt, .yt .movie {
      width: 100%;
      height: 200px;
  }
}