.font-num { font-family: 'Ropa Sans', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.idx .movie-top { padding: 3.5714285714% 0; }
@media screen and (max-width: 750px) { .idx .movie-top { padding: 9.3333333333% 0; } }
.idx .movie-top .top-icon { width: 7%; margin: 0 auto 50px; }
@media screen and (max-width: 750px) { .idx .movie-top .top-icon { width: 21.0294117647%; margin-bottom: 10.2941176471%; } }
.idx .movie-top .top-ttl { margin-bottom: 50px; font-size: 1.75rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .idx .movie-top .top-ttl { margin-bottom: 8.8235294118%; font-size: 1.5625rem; } }
.idx .movie-top .top-ttl span { padding: 0 1em; border-bottom: 2px solid #ffeb00; }
.idx .movie-top .top-txt { text-align: center; }
.idx .movie-contents { padding: 5% 0 8.5714285714%; background-color: #fff7e1; }
@media screen and (max-width: 750px) { .idx .movie-contents { padding: 8.6666666667% 0 18.6666666667%; } }
.idx .movie-contents ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .idx .movie-contents ul { display: block; } }
.idx .movie-contents ul li { width: 47.6%; margin-right: 4.8%; margin-bottom: 4%; padding: 25px 30px 35px; background-color: #fff; border-radius: 1em; }
@media screen and (max-width: 750px) { .idx .movie-contents ul li { width: 100%; margin-right: 0; margin-bottom: 7.3529411765%; } }
.idx .movie-contents ul li:nth-child(2n) { margin-right: 0; }
.idx .movie-contents ul li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .idx .movie-contents ul li:last-child { margin-bottom: 0; } }
.idx .movie-contents ul li .movie-iframe { position: relative; width: 100%; padding-top: 49.7899159664%; }
.idx .movie-contents ul li .movie-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.idx .movie-contents ul li p { margin-top: 25px; }
.idx .movie-contents ul li p a { display: flex; align-items: center; text-decoration: none; }
.idx .movie-contents ul li p a:hover span { text-decoration: underline; }
.idx .movie-contents ul li p span { flex: 1; margin-left: 1em; font-size: 1.375rem; font-weight: 700; }
@media screen and (max-width: 750px) { .idx .movie-contents ul li p span { font-size: 1rem; } }

/*# sourceMappingURL=movie.css.map */