@charset "utf-8";

.cm_category { width:100%; }
.cm_tytle { font-weight:bold; color:#004680; margin-bottom:16px; }
.cm_category .cms { display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px; }
.cm_category .cms .cm { overflow:hidden; }
.cm_category .cms .cm img { width:100%; height:100%; object-fit:cover;transition:transform .4s ease; }
.cm_movie { height:200px; overflow:hidden; border-radius:10px; margin-bottom:20px; }
.cm_movie a { width:100%; height:100%; }
.cm_movie a:hover img { transform:scale(1.1);  }
.cm_naiyo{text-align: justify;}
@media (min-width:768px) {
    .cm_category .cms .cm { width: calc((100% - 40px)/ 2 ); }
    .cm_movie {  margin-bottom:20px; }
}
@media (min-width:1100px) {
    .cm_category .cms .cm { width: calc((100% - 80px)/ 3 ); }
}


@keyframes modal-video{from{opacity:0}to{opacity:1}}
@keyframes modal-video-inner{from{transform:translate(0,100px)}to{transform:translate(0,0)}}
.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.modal-video-close{opacity:0}
.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);-ms-transform:translate(0,100px);-o-transform:translate(0,100px);transform:translate(0,100px)}
.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}
.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}
.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}
.modal-video-close-btn:before{transform:rotate(45deg)}
.modal-video-close-btn:after{transform:rotate(-45deg)}
.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;background:#fff;border-radius:5px;margin-top:-6px}


.contents_bg_else { background:#fff; }
.contents_bg_else.nanmarueries { background:#EDF5FD; padding:80px 0 0 0; }
@media (min-width:768px) {
    .contents_bg_else.nanmarueries { padding:120px 0; margin-top:120px; }
}
.contents_bg_else .contents { padding-top:0; }
@media (min-width:768px) {
    .contents { padding:0; }
}