@charset "utf-8";

.youtube iframe, .youtube object, .youtube embed{width:100%;height:100%;}
.yt_container{position:relative;display:grid;grid-template-columns:repeat(16, 6vw);grid-auto-rows:6vw;width:100%;height:100%;padding-top:0.5rem;padding-bottom:0.5rem;align-content:space-between;justify-content:space-around;}
.yt_container_sh{position:relative;aspect-ratio:9 / 16;width:80%;max-width:400px;padding-top:0.5rem;padding-bottom:0.5rem;margin:auto;}
.youtube{grid-column:span 16;grid-row:span 9;width:100%;height:100%;}
.youtube_sh{width:100%;height:100%;}
.yt_play:hover{cursor:pointer;}
.yt_play{grid-column:span 16;grid-row:span 9;width:100%;height:100%;}
.yt_container_ct{grid-template-columns:repeat(10, 9.5vw);grid-auto-rows:9.5vw;}
.youtube_ct, .yt_play_ct{grid-column:span 10;grid-row:span 10;}
.yt_play img{object-fit:cover;display:block;margin-left:auto;margin-right:auto;}
.yt_play:hover{cursor:pointer;}
.yt_play::before{position:absolute;font-family:icomoon;content:"\e95e";color:#282828;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.90;transition:.5s;font-size:6rem;}
.yt_play:hover::before{font-family:icomoon;content:"\e95e";color:#f00;}
.yt_play::after{position:absolute;font-family:icomoon;content:"\e901";color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.90;transition:.5s;font-size:6rem;}
@media screen and (min-width:960px){
.youtube {
width: 560px;
height: 315px;
padding-top: 0.5rem;
margin-bottom: 2.3rem;
}
.youtube_ct {
width: 450px;
height: 450px;
}
.yt_play {
width: 640px;
}
.yt_container {display: block;}
.yt_play:hover {cursor:pointer;}
.yt_play::before { position: absolute;
font-family: icomoon;
content: "\e95e";
color: #282828;
top: 50%;
left: 50%;
transform : translate(-50%,-50%);
opacity: .90;
transition:.5s;
font-size: 75px;
}
.yt_play:hover::before { font-family: icomoon;
content: "\e95e";
color: #f00;
}
.yt_play::after{
position: absolute;
font-family: icomoon;
content: "\e901";
color: #fff;
top: 50%;
left: 50%;
transform : translate(-50%,-50%);
opacity: .90;
transition:.5s;
font-size: 6rem;  
}
.yt_play img{
object-fit: cover;
display: block;
margin-left: auto;
margin-right: auto;
}
}