@import url("./movie.css") only screen and (min-width: 768px);
@import url("./sp/movie.css") only screen and (max-width: 767px);
@media only screen and (max-width: 767px) {
  .ab_park_movie .video-detail-footer {
    display: none;
  }
  .ab_park_movie .movie_area ul li {
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
  }
  .ab_park_movie .movie_area ul li:last-child {
    border-bottom: none;
  }
  .ab_park_movie .movie_area ul li a {
    display: block;
  }
  .ab_park_movie .movie_area ul li a img {
    width: 100%;
    height: auto;
  }
  .ab_park_movie .movie_area ul li a .movie_area__category {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #004099;
    line-height: 120%;
  }
  .ab_park_movie .movie_area ul li a .movie_area__ttl {
    font-size: 12px;
    color: #333;
    line-height: 120%;
  }
  .ab_park_movie .bnr_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ab_park_movie .bnr_area ul > li {
    width: 100%;
    float: none;
  }
  .ab_park_movie .bnr_area ul > li.bnr_area__jasrac {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 20px;
  }
  .ab_park_movie .bnr_area ul > li.bnr_area__jasrac img {
    width: 35px;
    height: auto;
  }
  .ab_park_movie .bnr_area ul > li.bnr_area__jasrac p {
    padding-left: 10px;
    font-size: 10px;
  }
  .ab_park_movie .bnr_area ul > li.bnr_area__youtube a {
    display: block;
  }
  .ab_park_movie .bnr_area ul > li.bnr_area__youtube a img {
    width: 100%;
    height: auto;
  }
}