@media screen and (max-width:700px) {
    .video_list li {width:45.24%;}
    .video_list li:nth-child(3n+1) {clear:none;}
    .video_list li:nth-child(2n+1) {clear:both;}
}

@media screen and (max-width:500px) {
    .video_list .tit {font-size:0.875em;}

    .video_view>strong {font-size:1.125em;}
    .video_view>.info {font-size:0.875em;}
    .video_view>strong,
    .video_view>.info .name,
    .video_view>.info .date {padding-left:10px; padding-right:10px;}
    .video_view>.note {margin-left:10px; margin-right:10px;}
}