.main {
  width: 950px;
  margin: 0 auto;
  text-align: center;
}

.movieArea {
  border-top: 1px solid #f08336;
  margin-top: 22px;
  padding: 44px 0 0;
}
.movieArea .title {
  width: 640px;
  margin: 0 auto;
  text-align: left;
}
.movieArea .title time {
  font-size: 134%;
  line-height: 1.1;
}
.movieArea .title h2 {
  color: #f08336;
  font-size: 175%;
  font-weight: bold;
  padding: 4px 0 8px;
}
.movieArea .movieFrame {
  width: 100%;
  position: relative;
}
.movieArea .movieFrame .inr {
  width: 640px;
  margin: 0 auto;
}
.movieArea .movieFrame .nav a {
  position: absolute;
  top: 136px;
  display: block;
  text-indent: 101%;
  white-space: nowrap;
  overflow: hidden;
  width: 34px;
  height: 86px;
}
.movieArea .movieFrame .next a {
  right: 0;
  background: url(/cmn/img/movie/arw_right.png) 0 0 no-repeat;
  margin-right: 62px;
}
.movieArea .movieFrame .prev a {
  left: 0;
  background: url(/cmn/img/movie/arw_left.png) 0 0 no-repeat;
  margin-left: 62px;
}

@media screen and (max-width: 767px) {
.main{
      width: 100%;
      padding:0 20px;
          box-sizing: border-box;
}
.movieArea .title,
.movieArea .movieFrame .inr,
.movieArea .movieFrame .inr iframe,
.movieList li,
.movieList li .thum{
      width: 100%;
      float:none;
}
.movieArea .movieFrame .inr iframe{
   height:50vw;
}
.movieArea .title h2{
    font-size:17px;
}
.movieArea .movieFrame .next a{
    margin-right:0;
    background: url(/cmn/img/movie/sp_arw_right.png) 0 0 no-repeat;
    right:-15px;
}
.movieArea .movieFrame .prev a{
    margin-left:0;
    background: url(/cmn/img/movie/sp_arw_left.png) 0 0 no-repeat;
    left:-15px;
}
.movieArea .movieFrame .nav a{
    top:20vw;
width:10px;
height:26px;
}
.movieList{
padding:70px 0 0;
}
.movieList li .thum img{
      width: 100%;
      height:auto;
}
}

/*# sourceMappingURL=page2.css.map */