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

.yt {
	position:relative;
width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}
.yt_play {
	position: absolute;
width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}
.yt_play .movie,
.yt .movie{
	width: 100%;
}
.yt_play:hover {
	cursor:pointer;
}
.yt_play::before { /* YouTubeアイコン */
	position: absolute;
	background: url("../img_r1/top/yt_icon_mono_light.png");
	content: "";
	background-size: 100%;
	width: 56px;
	height: 40px;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	opacity: .40;
	transition:.5s;
}

.yt_play:hover::before { /* YouTubeアイコン */
	cursor: pointer;
	background-image:url("../img_r1/top/yt_icon_rgb.png");
}