@charset "utf-8";
.movie_tab {
  display:flex;
  width:860px;
  margin:40px auto;
  justify-content: space-between;
}
.movie_tab li {
  width:24%;
}
.movie_tab li a{
  border:1px solid #ccc;
  display:block;
  text-align:center;
  padding:10px 0;
  font-size: 1rem;
}
.movie_tab li a:hover,.movie_tab li.current a{
    border-bottom: solid 3px #CF3140;
    transition: none;
    padding:10px 0 8px;
}
.movie_tab li:last-child a{
  border-right:1px solid #ccc;
}
.movie_list {
    width:860px;
    margin:0 auto;
  }
.movie_list > div ul{
  display:flex;
  align-items:flex-start;
    padding:15px 15px;
    border-bottom: 1px dashed #ccc;
}
.movie_list > div ul >li:first-child{
  display:flex;
  width:90px;
  margin:4px 25px 0 0;
}
.movie_list > div ul >li:first-child span {
  padding:3px 0 1px;
  width:100%;
  text-align:center;
  color:#fff;
  background:#ccc;
  border-radius: 3px;
  font-size: 0.73rem;
}
.movie_list > div ul >li:first-child span.movie_introduction {
    background: #E64949;
}
.movie_list > div ul >li:first-child span.movie_course {
    background: #DFA634;
}
.movie_list > div ul >li:first-child span.movie_club {
    background: #57C6EF;
}
.movie_list > div .movie-wrap {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-bottom: 70px;
} 
.movie_list > div .movie-wrap .movie-iflame {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
.movie_list > div .movie-wrap .movie-iflame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
/* アスペクトレシオ
.movie_list > li .movie {
    width: 80%;
    aspect-ratio: 16/9;
}
.movie_list > li .movie iframe {
    width: 100%;
    height: 100%;
}
*/
.movie_list > div ul >li:nth-child(2){
    width:560px;
}
.movie_list > div ul >li:nth-child(2) p{
  font-weight:bold;
    font-size:1.3rem;
}