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


.mov-sttl { position:relative; margin-bottom:10px; padding:0 0 15px 0; font-size:120%; line-height:140%; color:#C70025; }
.mov-sttl::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.mov-sttl::after { bottom: 0; border-top: 1px solid #e33c7d; border-bottom: 2px solid #C70025; }

#mov-bknm { margin:2em auto 0; text-align:left; display: flex; flex-flow: row wrap; }
#mov-bknm li { vertical-align: top; width:167px; margin:0 8px 20px;}
#mov-bknm li a { opacity:1; text-decoration:none; }
#mov-bknm li a:hover { opacity:0.7; }
#mov-bknm li a .mov-bknm-tmb { display:block; position:relative; margin-bottom:5px; width:100%; height:0; padding-top:56.25%; background-color:#efefef; }
#mov-bknm li a .mov-bknm-tmb span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; text-indent:-9999px; }
#mov-bknm li a .mov-bknm-t { font-size:90%; line-height:130%; }



.movtxt { width:100%; text-align: center; color:#c31082; font-weight:bold; text-align:center; text-shadow:1px 1px 2px rgba(255,255,255,0.6); padding: 25% 0;
background: -moz-linear-gradient(top, #fbfbfb, #d3d3d3);
background: -webkit-linear-gradient(top, #fbfbfb, #d3d3d3);
background: linear-gradient(to bottom, #fbfbfb, #d3d3d3);
}

/* ------------ Media Queries ------------ */

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

#mov-bknm li { width:120px; margin:0 7px 14px 7px; }

ul#mov-bknm{ margin:1em 0; width:100%;}
#mov-bknm li{ width:30%; margin:0 1.1% 2.5%; font-size:85%; width: -webkit-calc(100% / 2 - 2.2%) ; width: calc(100% / 2 - 2.2%); }

}