.ox_func {margin-bottom:10px; text-align:right;}

.video_list {width:100%;}
.video_list:after {display:block; clear:both; content:'';}
.video_list ul {margin:0 0 0 -5%; padding:0; list-style:none;}
.video_list li {float:left; width:28.57%; margin:30px 0 0 4.76%; padding:0;}
.video_list li:nth-child(3n+1) {clear:both;}
.video_list .pht {position:relative; width:100%; height:0; padding-bottom:75%;}
.video_list .frm {position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden;}
.video_list .frm img {width:100%; height:100%; object-fit:cover; transition:transform 0.3s;}
.video_list .frm:hover img {transform:scale(1.1);}
.video_list .tit {margin:8px 0; text-align:left;}
.video_list li.hide .pht {opacity:0.5;}
.video_list li.hide .tit {font-style:italic;}
.video_list li.hide .tit a {color:#999;}
.video_list li.hide .tit a:hover {color:#666;}
.video_list li.empty {float:none; width:auto; text-align:center;}

.video_view {width:100%; text-align:left;}
.video_view>strong {display:block; padding:20px; border-top:3px solid #888; background:#F6F6F6; font-size:1.25em;}
.video_view>.info {padding-bottom:20px; border-bottom:1px solid #DDD; background:#F6F6F6; color:#666;}
.video_view>.info .name,
.video_view>.info .date {padding:0 20px;}
.video_view>.note {margin:30px 20px;}
.video_view>.note .youtube {position:relative; width:100%; height:0; padding-bottom:56.25%;}
.video_view>.note .youtube iframe {position:absolute; width:100%; height:100%;}