.page_toptitle{background:url(/common/img/movie/bg_toptitle.jpg) no-repeat center center;background-size:cover}@media (min-width: 768px){#movie{margin-top:10rem}}#movie h3{text-align:left;color:#009fb7;margin:3rem 0 2rem 0}#movie .wrap{margin:10rem auto 6rem auto;width:80%}@media (min-width: 768px){#movie .wrap{width:90%}}@media (min-width: 1024px){#movie .wrap{width:1000px}}#movie li{margin-bottom:6rem;position:relative}@media (min-width: 768px){#movie li{width:48%}}#movie li .modal-open{cursor:pointer;position:relative;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;padding-top:58.3%}#movie li .modal-open::after{content:"";background:url(/common/img/movie/start.svg) no-repeat center center;background-size:cover;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:20%}#movie li .modal-open:hover{opacity:0.8}#movie li .modal-open img{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;background:-webkit-gradient(linear, left top, right top, from(cyan), to(#0082A4));background:linear-gradient(left, cyan, #0082A4);padding:10px}#movie .shop_link{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:2rem}#movie .shop_link .btn_b{width:75px;margin:0 2rem 0 0}@media (min-width: 768px){#movie ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}}#movie .modal-overlay{background-color:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:100;display:none;width:100vw;height:100vh}#movie .modal-overlay .modal-popup{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:90%}@media (min-width: 768px){#movie .modal-overlay .modal-popup{width:90%}}@media (min-width: 1024px){#movie .modal-overlay .modal-popup{width:1000px}}#movie .modal-overlay .modal-popup .modal-close{cursor:pointer;position:absolute;top:-23px;right:0;background-image:url(/common/img/movie/movie-close.png);background-size:auto 100%;background-position:bottom;width:16px;height:16px}#movie .modal-overlay .modal-popup .modal{position:relative;top:0;left:0;width:100%;height:0;padding-top:56.25%}#movie .modal-overlay .modal-popup .modal iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=add_movie.css.map */