@charset "utf-8";

/*==================================================
$共通
==================================================*/
section {
  margin-bottom: 50px;
}

.headline , .sec_inner {
  width: 90%;
  margin: auto;
}

.headline {
  margin-bottom: 50px;
}

.movie_wrap {
}

.movie_wrap li {
  position: relative;
  margin-bottom: 30px;
}

.movie_wrap li img {
  margin-bottom: 5px;
  width: 100%;
  height: auto;
}

.movie_wrap li::before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 33%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  /* Safari用 */
  transform: translate(-50%, -50%);
}

.sec01 .movie_wrap li::before , .sec02 .movie_wrap li::before {
  background-image: url(../../common/img/movie/start_white.png);
}

.sec03 .movie_wrap li::before {
  background-image: url(../../common/img/movie/start_red.png);
}