@charset "UTF-8";

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  overflow: visible;
}

@media screen and (min-width: 769px) {
  #colorbox,
  #cboxContent,
  #cboxLoadedContent,
  #cboxWrapper {
    max-width: 1200px !important;
    max-height: 680px !important;
    margin: auto;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: visible !important;
  }
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#cboxWrapper {
  /* max-width: none; */
  position: absolute;
}

#cboxContent {
  overflow: visible;
}

#cboxClose {
  width: 20px;
  height: 20px;
  top: -30px;
  right: 0;
  background: url(../img/common/icon_close.png) no-repeat center/100% auto;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 767px) {
  #colorbox,
  #cboxContent,
  #cboxLoadedContent,
  #cboxWrapper {
    width: 100%;
  }

  #colorbox {
    padding: 12vw 0;
    margin: 0;
  }
  #cboxClose {
    width: 1.3em;
    height: 1.3em;
    top: -1.8em;
  }
}