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

#mov-list { display:flex; flex-wrap:wrap; gap:2%; justify-content:center; }
.mov-list-item{ box-sizing:border-box; flex:0 0 calc(50% - 1%); margin-bottom:2%; }
.mov-list-item .tmb { margin-bottom:5px; aspect-ratio:16 / 9; background-color:#333; }
.mov-list-item .tmb a { display:block; 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 { display:block; }
.mov-list-item { flex:auto; margin-bottom:4%; }
.mov-list-item .cap { font-size:90%; }

}