@import url(main/base.css);
.wrapper {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  max-width: 1200px;
  position: relative;
}

.section {
  position: relative;
}

.section .bg {
  position: relative;
  z-index: 1;
  width: 100%;
  display: none;
}

.section .mb {
  display: block;
}

.section .btnBox {
  position: absolute;
  z-index: 2;
  font-size: 0;
}

.section .btnBox img {
  width: 100%;
  transition: all 0.2s linear;
}

.section .btnBox img:hover {
  -khtml-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

#fixed {
  position: fixed;
  z-index: 9;
  width: 20%;
  max-width: 140px;
  left: 50%;
  top: 0;
  display: none;
}

#fixed .coupon {
  width: 80%;
  margin: 0 0 0 auto;
}

#fixed .fly {
  width: 100%;
  margin: 0 auto;
}

#fixed .btn {
  display: block;
}

#fixed .btn + .btn {
  margin-top: 10%;
}

#fixed img:hover {
  -khtml-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#sec02 .btnBox {
  width: 70%;
  left: 50%;
  bottom: 1%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

#sec02 .btnBox .btn {
  display: block;
}

#sec02 .btnBox .btn + .btn {
  margin: 4% 0 0 0;
}

#sec03 .btnBox {
  width: 45%;
  left: 50%;
  bottom: 22%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

#sec03 .btnBox.apple {
  bottom: 3%;
  width: 90%;
}

#sec03 .btnBox.apple .btn {
  display: inline-block;
  width: 40%;
}

#sec03 .btnBox.apple .btn + .btn {
  width: 50%;
}

@media (min-width: 768px) {
  .section .bg {
    display: block;
  }
  .section .mb {
    display: none;
  }
  #fixed {
    display: block;
  }
  #sec02 .btnBox {
    width: 80%;
  }
  #sec02 .btnBox .btn {
    width: 48%;
    display: inline-block;
  }
  #sec02 .btnBox .btn + .btn {
    margin: 0 0 0 4%;
  }
  #sec02 .btnBox {
    bottom: -2.5%;
  }
  #sec03 .btnBox {
    width: 30%;
    bottom: 5%;
  }
  #sec03 .btnBox.apple {
    display: none;
  }
}