div:after,
ul:after,
section:after {
  content: "";
  display: block;
  clear: both;
}

.inner {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 959px) {
  .inner {
    padding: 0 10px;
  }
}

img {
  max-width: 100%;
}

.movie {
}
.movie h2 {
  text-align: center;
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .movie h2 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 479px) {
  .movie h2 img {
    width: 180px;
  }
}
.movie .wrap .glid {
  width: 33.33333333%;
  float: left;
  padding: 0 10px 4%;
}
@media screen and (max-width: 959px) {
  .movie .wrap .glid {
    width: 50%;
  }
}
@media screen and (max-width: 479px) {
  .movie .wrap .glid {
    width: 100%;
    padding-bottom: 25px;
  }
}
.movie .wrap .glid .item {
  position: relative;
  text-align: center;
  background: #E8F2FF;
}
.movie .wrap .glid .item a {
  display: inline-block;
}
.movie .wrap .glid .item p {
  padding: 0.5em;
  font-size: 0.9em;
}