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

.movie-list{
    display: flex;
    flex-wrap: wrap;
}
.movie-content{
    width: 48%;
    margin: 0 4% 4% 0;
}
.movie-content:nth-child(even){
    margin: 0 0 4% 0;
}
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { 
    .movie-list{
        display: block;
    }
    .movie-content{
        width: 100%;
    }
}
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 979px) {

}