@charset "UTF-8";

#movielist {

}

#movielist dl dt a {
  display: block;
  position: relative;
  width: 100%; /* 必要に応じて固定幅を指定 */
  padding-top: 56.25%; /* 16:9 のアスペクト比 (9/16 * 100) */
  overflow: hidden;
}

#movielist dl dt img.ytimg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を16:9枠に収めてトリミング */
  transform: translate(-50%, -50%); /* 中央揃え */
}

#movielist dl dd ul {
  display: flex;
}

#movielist dl dd ul li {
  margin: 0 0.7em 0 0;
}

@media (min-width: 1000px) {

  #movielist h3 {
    
  }

}