.modal_top {
  display: block;
  opacity: 1;
  z-index: 3000;
}

.modal_top .wrap {
  background: #48AAFF;
  opacity: 0.7;
}

.modal .modal_btn_close span {
  background: #FFF;

}

.modal_top_in {
  position: relative;
  z-index: 3500;
  width: 750px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
       -o-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);

}

.modal_top_in a {
 display: block;
}

@media only screen and (max-width: 750px) {
  .modal_top_in {
    width: 100%;
  }
}

@media only screen and (min-width: 751px) {
 .modal_top_in a:hover {
  -webkit-transition: all cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
  -o-transition: all cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
  transition: all cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
 }
 .modal_top_in a:hover {
   opacity: 0.7;
 }
}