@charset "UTF-8";
/*========= モーダル表示のためのCSS ===============*/
/*動画表示のモーダルの余白を変更したい場合*/
.modaal-open .img-open, .modaal-open .txt-open {
  display: none;
}

.modaal-video .modaal-inner-wrapper {
  padding: 0;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close {
  top: 12% !important;
  left: 85.5% !important;
}
@media screen and (max-width: 767px) {
  .modaal-close {
    top: 33% !important;
  }
}
.modaal-close:before, .modaal-close:after {
  background: #ccc;
}
.modaal-close:focus:after, .modaal-close:focus:before {
  background: #666;
}
.modaal-close:focus:hover {
  background: #666;
}

@media screen and (max-width: 767px) {
  .modaal-wrapper {
    top: -25% !important;
  }
  .modaal-video-wrap {
    margin: 0 !important;
  }
}/*# sourceMappingURL=modaal.css.map */