html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.wrap .container p img.plus-i {
  display: inline-block;
  width: 20px;
  height: auto;
  margin: 0 8px -6px 8px;
}
.wrap .main-content a.more {
  display: block;
  margin: 0 auto;
  width: 15em;
  line-height: 3;
  text-align: center;
  background: url(../images/arrow01.png) no-repeat #fff;
  background-position: right 8px top 50%;
  background-size: 6px auto;
  border: 1px solid #111;
  transition: color 600ms, background-color 600ms;
}
.wrap .main-content a.more:hover {
  background-color: #3a6ab2;
  color: #fff;
  text-decoration: none;
  transition: color 600ms, background-color 600ms;
}
.wrap .main-content a.more.outbound {
  background-image: url(../images/icon-outbound.png);
  background-size: 12px auto;
}
.wrap .main-content .each.zero {
  background: url(../images/movie/bg01.jpg) no-repeat center top;
  background-size: cover;
  min-height: 500px;
  overflow: hidden;
}
.wrap .main-content .each.zero .base {
  background: rgba(255, 255, 255, 0.7);
  width: 450px;
  min-height: 500px;
  padding-left: 30px;
}
.wrap .main-content .each.zero .base h1 {
  color: #3a6ab2;
  font-size: 280%;
  font-weight: 700;
  padding: 130px 0 0.5em 0;
}
.wrap .main-content .each.zero .base p {
  font-size: 115%;
  font-weight: 700;
  line-height: 2.4;
}
.wrap .main-content .each.one {
  padding: 4em 0 8em 0;
}
.wrap .main-content .each.one .container .fbox.movie .item-youtube {
  width: 360px;
  height: auto;
  font-size: 14px;
  margin-bottom: 5em;
}
.wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube {
  width: 100%;
  height: 0;
  padding: 56.25% 0 0 0;
  margin-bottom: 0.3em;
  position: relative;
}
.wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube + h3 {
  font-size: 110%;
  margin-bottom: 0.3em;
  height: 3.4em;
}
.wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube + h3 + p {
  margin-bottom: 0.7em;
  display: none;
}
.wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube + h3 + p + a {
  display: block;
  text-align: center;
  padding: 0.5em 0;
  border: 1px solid #333;
  background-image: url(../images/icon-outbound.png);
  background-repeat: no-repeat;
  background-position: right 8px top 50%;
  background-size: 12px auto;
  background-color: transparent;
  transition: background-color 500ms;
}
.wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube + h3 + p + a:hover {
  background-color: #f0f9fe;
  transition: background-color 500ms;
}

@media screen and (max-width: 768px) {
  body .wrap {
    /* STYLE */
  }
  body .wrap .container {
    width: 100%;
    margin: 0;
  }
  body .wrap .main-content .each.zero {
    background: url(../images/movie/bg01-sp.jpg) no-repeat center top;
    background-size: 100% auto;
    min-height: 0;
    overflow: visible;
    padding: 45% 0 0 0;
  }
  body .wrap .main-content .each.zero .base {
    background: none;
    width: 90%;
    min-height: 0;
    padding: 5% 3% 5% 6%;
  }
  body .wrap .main-content .each.zero .base h1 {
    font-size: 7vw;
    padding: 0;
  }
  body .wrap .main-content .each.zero .base p {
    line-height: 2.8;
  }
  body .wrap .main-content .each.one {
    padding: 1em 0 4em 0;
  }
  body .wrap .main-content .each.one .container .fbox.movie {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  body .wrap .main-content .each.one .container .fbox.movie .item-youtube {
    width: 100%;
    height: auto;
    font-size: 3.4vw;
    margin-bottom: 5em;
  }
  body .wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube {
    width: 100%;
    height: 0;
    padding: 56.25% 0 0 0;
    margin-bottom: 0.3em;
    position: relative;
  }
  body .wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  body .wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube + h3 {
    font-size: 4vw;
    margin-bottom: 0.3em;
    height: auto;
  }
  body .wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube + h3 + p {
    margin-bottom: 0.7em;
  }
  body .wrap .main-content .each.one .container .fbox.movie .item-youtube .wrap-youtube + h3 + p + a {
    background-position: right 3% top 50%;
    background-size: 4% auto;
  }
}