/* ------------------------------
 width: all
------------------------------ */
main {
  height: 1080px;
  background-image: url(../images/bg_top.png);
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
}

main .wrapper {
  width: 958px;
  margin: 0 auto;
  position: relative;
}

main .wrapper .copy {
  width: 751px;
  position: absolute;
  z-index: 15;
  margin: 0 auto;
  top: 156px;
  right: 0;
  left: 0;
}

main .wrapper .copy img {
  width: 100%;
  display: block;
}

main .wrapper h1 {
  width: 772px;
  position: absolute;
  z-index: 15;
  margin: 0 auto;
  top: 685px;
  right: 0;
  left: 48px;
}

main .wrapper .mark img {
  width: 100%;
  display: block;
}

main .wrapper .mark {
  width: 166px;
  position: absolute;
  z-index: 15;
  margin: 0 auto;
  top: 576px;
  right: 0;
  left: 575px;
}

main .wrapper .tw_banner img {
  width: 100%;
  display: block;
}

main .wrapper .tw_banner {
  width: 353px;
  position: absolute;
  z-index: 15;
  margin: 0 auto;
  top: 880px;
  right: 0;
  left: -530px;
}

main .wrapper .tw_banner img:hover {
  opacity: 0.6;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

main .wrapper h1 img {
  width: 100%;
  display: block;
}

main .wrapper .pv {
  position: absolute;
  top: 480px;
  left: 0;
  width: 330px;
  display: block;
  z-index: 10;
}

main .wrapper .pv:hover {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: .6;
  cursor: pointer;
}

main .wrapper .pv img {
  width: 100%;
  display: block;
}

.wrap_youtube {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000000;
  display: none;
}

.wrap_youtube .cf {
  margin-bottom: 10px;
}

.wrap_youtube .cf .close {
  width: 20px;
  height: 20px;
  display: block;
  float: right;
}

.wrap_youtube .cf .close:hover {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: .6;
  cursor: pointer;
}

.wrap_youtube .mvbox {
  width: 640px;
  height: 390px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: -195px auto 0;
}

.wrap_youtube .mvbox .youtube {
  width: 640px;
  height: 360px;
}

.wrap_youtube .mvbox .youtube iframe {
  width: 640px !important;
  height: 360px !important;
  display: block !important;
}