@charset "UTF-8";

#movie_box li a p.photo {
  position: relative;
}
#movie_box li a p.photo:before {
  content: '';
  line-height:1;
  display: block;
  position: absolute;
  width: 40px;
  height: 80px;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -40px;
  background: url("../images/top/movie_play.svg") 0 0 no-repeat;
  background-size: 100%;
  opacity: 0;
  transition: .5s;
}
#movie_box li a:hover p.photo:before {
  opacity: 0.5;
}
#movie_box a p.title::after {
  display: none;
}

@media screen and (max-width:768px) {
  #movie_box li a p.photo:before {
    opacity: 0.5;
  }
}