h1 > a.btn { display:block; font-size:14px }

#movie .js-flickity { padding:10px }
#movie .flickity-viewport { min-height:182px }
#movie .js-flickity .swiper-slide { width:11%; margin-right:10px }
#movie .entrythum > img { width:100% }
#movie .js-flickity .swiper-slide > a,
#movie .js-flickity .swiper-slide > a img {
  display: block;
  width:100%;
  height:80px;
  color:#333;
  text-decoration:none;
  object-fit: cover;
  object-position: top
}
#movie .js-flickity .swiper-slide > a p {
  line-height: 1.4;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 13px
}
#movie .js-flickity .swiper-slide > a .date { font-size:10px;line-height:1.4 }
#movie .txtLimit,
#movie .js-flickity .swiper-slide > a p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
#movie .js-flickity .swiper-slide .off {
  background-image:url(//d1e44r1kkpuxcb.cloudfront.net/dra/image/2024/noImg16x9.jpg);
  background-size: cover;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
}

/*==================================================
～1040
==================================================*/
@media screen and ( max-width:1040px) {
  #movie .flickity-viewport { min-height:180px }
  #movie .js-flickity .swiper-slide { width:22%; margin-right:10px }
/*～1040 END*/
}
/*==================================================
～670
==================================================*/
@media screen and ( max-width:670px ){
  #movie .flickity-viewport { min-height:160px }
  #movie .js-flickity .swiper-slide { width:26%; margin-right:10px }
/*～670 END*/
}
/*==================================================
～460
==================================================*/
@media screen and ( max-width:460px ){
  #movie .flickity-viewport { min-height:160px }
  #movie .js-flickity .swiper-slide { width:33%; margin-right:10px }
/*～460 END*/
}