/* =============================================
Movie
============================================= */

#mov-list { /* for space */ font-size:0; }
.mov-list-item { display:inline-block; width:31.3%; margin:0 1% 2% 1%; vertical-align:top; /* for space */ font-size:1rem; }
.mov-list-item .tmb { position:relative; width:100%; height:0; margin-bottom:5px; padding-top:56.25%; background-color:rgba(0,0,0,0.2); }
.mov-list-item .tmb a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { .mov-list-item .tmb a:hover { opacity:0.5; } }
.mov-list-item .tmb a span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.mov-list-item .cap { line-height:140%; }

/* -- Media Queries -- */

@media all and (max-width: 767px) {

.mov-list-item { width:48%; margin:0 1% 2% 1%; }
.mov-list-item .cap { font-size:90%; }

}

/*eof*/