@charset "utf-8";
.yt_list{width:100%;}
.yt_list{display:flex;flex-wrap:wrap;width:100%;}
.yt_list > li{margin-bottom:30px;width:calc(33.33% - 8px);margin-right:12px;}
.yt_list > li:nth-child(3n+3){margin-right:0px;}
.yt_list > li > .check{margin-bottom:10px;}
.yt_list > li a{display:block;}
.yt_list > li .yt_img{margin-bottom:10px;position:relative;width:100%;height:0px;padding-bottom:56.25%}
.yt_list > li .yt_img .img{position:absolute;top:0px;left:0px;width:100%;height:100%;background:no-repeat center center;background-size:cover;border:1px solid #eee;}
.yt_list > li .subject{line-height:28px;font-size:18px;color:#333;font-weight:bold;
	width: 100%;
	max-height: 84px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


.yt_box .check label{margin-left:5px;margin-right:3px;}
				
@media (max-width: 780px) {
	.yt_list{justify-content:space-between;}
	.yt_list > li{margin-bottom:25px;width:calc(50% - 5px);margin-right:0px;}
	.yt_list > li .subject{line-height:24px;font-size:16px; max-height: 72px;}
	.yt_list > li .yt_img{margin-bottom:5px;}
}

@media (max-width: 400px) {
	.yt_list > li{margin-bottom:20px;width:100%}
	.yt_list > li .subject{line-height:23px;font-size:15px; max-height: 69px;}
}