.top {
  padding-top: 15.3333333333vw;
  background: center top/100% auto no-repeat url("../images/top/bg.jpg");
}
.top .pc {
  display: none;
}
.top .sp {
  display: block;
}
.top .title {
  width: 100%;
  height: 43.0666666667vw;
  text-indent: -9999px;
  background: center top/100% auto no-repeat url("../images/top/title.png");
}
.top .present {
  margin: 0 28.2666666667vw 59.3333333333vw auto;
  width: 24vw;
  height: 36vw;
}
.top .present img {
  width: 100%;
  height: 100%;
}
.top .btns {
  position: relative;
  margin-bottom: 4vw;
  width: 100%;
  height: 80.6666666667vw;
  overflow: hidden;
}
.top .btns li {
  position: absolute;
}
.top .btns li a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 37.3333333333vw;
  height: 37.3333333333vw;
  transform: rotate(45deg);
  text-indent: -9999px;
  box-sizing: border-box;
}
.top .btns li:nth-child(1) {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50.1333333333vw;
  height: 42.9333333333vw;
  background: center top/100% auto no-repeat url("../images/top/btn_1.png");
}
.top .btns li:nth-child(2) {
  top: 30.9333333333vw;
  left: -1.0666666667vw;
  right: auto;
  width: 50.1333333333vw;
  height: 43.2vw;
  background: center top/100% auto no-repeat url("../images/top/btn_2.png");
}
.top .btns li:nth-child(3) {
  top: 30.9333333333vw;
  left: auto;
  right: -1.0666666667vw;
  width: 50.1333333333vw;
  height: 43.2vw;
  background: center top/100% auto no-repeat url("../images/top/btn_3.png");
}
.top .btns li:nth-child(4) {
  top: 60vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 20.2666666667vw;
  height: 20.2666666667vw;
  background: center/100% auto no-repeat url("../images/top/btn_share.png");
}
.top .btns li:nth-child(4) a {
  width: 13.3333333333vw;
  height: 13.3333333333vw;
}
.top .copy {
  margin: 0 auto 3.4666666667vw;
  width: 94.2666666667vw;
  height: 2.4vw;
  text-indent: -9999px;
  background: center/100% auto no-repeat url("../images/top/copy.png");
}
.top .guide {
  padding-bottom: 6.6666666667vw;
  width: 99.2vw;
  height: 242.9333333333vw;
  background: center top/100% auto no-repeat url("../images/top/guide.png");
}

@media screen and (min-width: 768px) {
  .top {
    padding: 0;
    min-width: 1100px;
    background: left top/auto repeat url("../images/top/bg_texture.jpg");
    overflow: hidden;
  }
  .top::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    content: '';
    max-width: 1400px;
    height: 790px;
    background: center top/1400px auto no-repeat url("../images/top/bg_card.png");
  }
  .top::after {
    position: absolute;
    top: 790px;
    display: block;
    content: '';
    min-width: 1100px;
    width: 100%;
    height: 185px;
    background: center top/20px auto repeat-x url("../images/top/bg_belt.png");
  }
  .top .wrapper {
    position: relative;
    padding: 35px 0 20px;
    z-index: 10;
    background: left calc(50% - 60px) bottom 184px/1280px auto no-repeat url("../images/top/bg_flash.png");
  }
  .top .wrapper .inner {
    margin: 0 auto;
    width: 1100px;
  }
  .top .wrapper .inner::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    width: 1280px;
    height: 1107px;
    background: left bottom 8px/628px auto no-repeat url("../images/top/bg_charactor.png");
  }
  .top .pc {
    position: relative;
    display: block;
  }
  .top .pc div, .top .pc p {
    position: relative;
    z-index: 10;
  }
  .top .sp {
    display: none;
  }
  .top .title {
    margin: 0 auto 16px;
    width: 726px;
    height: 284px;
    background: center top/100% auto no-repeat url("../images/top/title_pc.png");
  }
  .top .discription {
    margin: 0 0 92px auto;
    width: 398px;
    height: 515px;
    background: center top/100% auto no-repeat url("../images/top/description.png");
  }
  .top .copy {
    margin: 0 0 0 auto;
    width: 473px;
    height: 12px;
    background-color: #fff;
    background: center/100% auto no-repeat url("../images/top/copy_pc.png");
  }
}