@charset "utf-8";
/* airah PC modalデザイン */
[class*="js-media"], .js-modal-type {
  position: relative;
  z-index: 1;
}
.js-modal-body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: -1;
}
.js-modal-body.modal-open {
  transition: background .4s;
  background: rgba(0, 0, 0, .2);
  z-index: 200000;
}
.js-modal-block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  height: 80vh;
  z-index: 200001;
  padding: 14px;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
}
.js-modal-block.air {
  max-width: 1015px;
  min-height: 400px;
  max-height: 510px;
}
.js-modal-block.ah {
  max-width: 960px;
  min-height: 500px;
  max-height: 680px;
}
.js-modal-frame {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 8px;
  border: 8px solid #fff;
  box-sizing: border-box;
}
.js-modal-close {
  position: absolute;
  top: -40px;
  right: -15px;
  width: 30px;
  height: 30px;
}
.js-modal-close::before, .js-modal-close::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.js-modal-close::before {
  transform: rotate(-45deg);
}
.js-modal-close::after {
  transform: rotate(45deg);
}