@charset "UTF-8";
#main_contents h2 span{
  background-image: url(../img/movie/h2_icon.png);
}
#main_contents .contents_inner p.lead {
  margin-bottom: 20px;
}
#main_contents .contents_inner #movie_box {
  width: 480px;
  margin: 0 auto 50px;
}
#main_contents .contents_inner #movie_box video {
  width: 100%;
  height: auto;
}
#main_contents .contents_inner #next_movie {
  text-align: right;
}
#main_contents .contents_inner #movie_link a.next{
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  border: 1px solid #c9c9c9;
  background-image: url(../img/common/arrow_right_b.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 250px;
  margin: 0;
  float: right;
}
#main_contents .contents_inner #movie_link a.back{
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #c9c9c9;
  background-image: url(../img/common/arrow_left_b.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 28px;
  padding: 0;
  margin: 0;
  float: left;
}
#main_contents .contents_inner #movie_link a.back.line1 {
  width: 278px;
  height: 58px;
  line-height: 58px;
}
#main_contents .contents_inner #movie_link a.next.line2 {
  width: 198px;
  height: 48px;
  padding: 10px 0 0 80px;
}
#main_contents .contents_inner #movie_link a.next.line1 {
  width: 278px;
  height: 58px;
  line-height: 58px;
  text-align: center;
}
#main_contents .contents_inner #movie_link a.back.line2 {
  width: 198px;
  height: 48px;
  padding: 10px 0 0 80px;
  text-align: left;
}
#main_contents .contents_inner #movie_link a.next:hover.line1,
#main_contents .contents_inner #movie_link a.next:hover.line2 {
  background: #008dc5;
  border: 1px solid #008dc5;
  color: #fff;
  background-image: url(../img/common/arrow_right_w2.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 250px;
}
#main_contents .contents_inner #movie_link a.back:hover.line1,
#main_contents .contents_inner #movie_link a.back:hover.line2 {
  background: #008dc5;
  border: 1px solid #008dc5;
  color: #fff;
  background-image: url(../img/common/arrow_left_w2.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 28px;
}
@media screen and (max-width: 641px) {
  #main_contents .contents_inner h3{
    font-size: 20px;
  }
  #main_contents .contents_inner #movie_box {
    width: 100%;
    margin: 0 auto 20px;
  }
  #main_contents .contents_inner #movie_link a.next.line2{
    width: 36%;
    height: 36px;
    padding: 6px 0 6px 4%;
    font-size: 12px;
    background-position-x: 94%;
  }
  #main_contents .contents_inner #movie_link a.back.line2{
    width: 31%;
    height: 36px;
    padding: 6px 0 6px 9%;
    background-position-x: 6%;
    font-size: 12px;
  }
  #main_contents .contents_inner #movie_link a.back.line1{
    width: 40%;
    height: 48px;
    line-height: 48px;
    background-position-x: 6%;
    padding: 0;
    font-size: 12px;
  }
  #main_contents .contents_inner #movie_link a.next.line1{
    width: 40%;
    height: 48px;
    line-height: 48px;
    background-position-x: 94%;
    padding: 0;
    font-size: 12px;
  }
  #main_contents .contents_inner #movie_link a:hover.next.line1,
  #main_contents .contents_inner #movie_link a:hover.next.line2 {
    background-image: url(../img/common/arrow_right_w2.png);
    background-position-x: 94%;
  }
  #main_contents .contents_inner #movie_link a:hover.back.line1,
  #main_contents .contents_inner #movie_link a:hover.back.line2{
    background-image: url(../img/common/arrow_left_w2.png);
    background-position-x: 6%;
  }
}
@media screen and (max-width: 375px) {
  #main_contents .contents_inner #movie_link a.back.line2{
    width: 39%;
    height: 36px;
    padding: 9px 0 3px 7%;
    font-size: 11px;
  }
  #main_contents .contents_inner #movie_link a.next.line1{
    font-size: 11px;
    width: 46%;
  }

  #main_contents .contents_inner #movie_link a.next.line2{
    width: 39%;
    height: 36px;
    padding: 9px 0 3px 7%;
    font-size: 11px;
  }
  #main_contents .contents_inner #movie_link a.back.line1{
    font-size: 11px;
    width: 46%;
  }

}

/*  2020.07.16  */
@media screen and (min-width: 642px) {
#main_contents {
  min-height: 1000px;
}
}

@media screen and (max-width: 641px) {
#main_header #sp_nav {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: calc(100vh - 50px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

}