@charset "utf-8";
/* CSS Document */

/*メニュー
----------------------------------------------*/
#menu li:nth-of-type(6) { border-bottom: 4px solid #0030FF; }

.link { margin-bottom: 5px !important; }
.link a { display: block; width: 280px; padding: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #000; color: #FFF !important; text-decoration: none; letter-spacing: 3px; text-align: center; }
.link a:hover { background: #0030FF; }


#dl { display: flex; margin: 15px auto 20vh; }
#dl li { width: 100%; padding-right: 10px; }
#dl li a { display: block; width: 100%; padding: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #000; color: #FFF !important; text-decoration: none; letter-spacing: 3px; text-align: center; }
#dl li a:hover { background: #0030FF; }

.movie_list{
    display:flex;
    flex-wrap:wrap;
    width:100%;
}
.movie_list .title{
    width:100%;
    text-align:center;
}
.movie_list div{
    margin:5px;
}

@media screen and (max-width: 720px) {
	#subMenu { align-content: stretch; margin-bottom:10px;}
	
	#subMenu dt { display: none; }
	#subMenu dd { width:20%;padding: 0px; margin: 0; }
	#subMenu dd img { max-width: 100%; }
	#menu li:nth-of-type(6) { border-bottom: 0px solid #000; }
    .movie_list{
        justify-content: center;
    }
    #conIn{
      text-align:center;
    }
    #conIn iframe{
        width:90vw;
        height:50vw;  
    }
    .movie_list iframe{
        width:90vw;
        height:50vw;
    }

    

}