@charset "UTF-8";

a {
  text-decoration: underline;
}

@media screen and (max-width: 1024px) {

.movie-wrap {
/*    width: 500px;
    height: 315px;*/
    margin: 20px;
    position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
}


@media screen and (min-width: 1024px) {
  .movie-wrap iframe {
     max-width: 560px;
     max-height: 315px;
     padding: 10px;
   }

  }