@charset "UTF-8";

.movie_list, 
.mov_list {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap;
}

.movie, 
.mov {
  box-sizing: border-box;
  width: 50%;
  padding: 0 20px 2%;
}

.movie_in, 
.mov .youtube {
  position: relative;
}

.movie_in:before, 
.mov .youtube:before {
  content: '';
  display: block;
  padding: calc( 9 / 16 * 100% ) 0 0;
}

.movie_in iframe, 
.mov .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.movie .name, 
.mov .name {
  display: inline-block;
  line-height: 1.4;
  margin: .6em 0 0;
}

@media print, screen and (max-width: 920px) {

  .movie_list, 
  .mov_list {
    margin: 0 -10px;
  }
  
  .movie, 
  .mov {
    padding: 0 10px 2%;
  }
  
}

@media print, screen and (max-width: 768px) {
  
  .movie, 
  .mov {
    width: 100%;
    margin: 0 auto;
    padding: 4% 1% 0;
    display: block;
    box-sizing: border-box;
    max-width: 440px;
  }

  .movie:first-child, 
  .mov:first-child {
    padding-top: 0;
  }

}

@media print, screen and (max-width: 640px) {
  
}

@media print, screen and (max-width: 480px) {
  
}