@charset "UTF-8";
/*-------------------------------------------

colorbox

-------------------------------------------*/
.modal_window {
  display: none;
}
#colorbox .modal_window {
  display: block;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0,0,0,1);
  overflow: hidden;
}
#cboxLoadedContent {
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
  display: none;
}
#cboxContent {
  position: relative;
  padding: 0;
  background: #FFF;
  border-radius: 3px;
}
#cboxError {
  padding: 25px;
  border: 1px solid #ccc;
}
#cboxTitle {
  float: none !important;
  margin-top: 1em;
  padding: 0 30px;
  color: #FFF;
  text-align: center;
}
#cboxClose {
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 16px;
  top: -25px;
  right: 0;
  border: none;
  background: url(../colorbox/image/ico-close-01.png) center center no-repeat;
  background-size: contain;
}
#cboxClose:active {
  outline: 0;
}
#cboxClose:hover {
  text-decoration: underline;
}
#cboxWrapper .closeIcon {
  position: absolute;
  top: -15px;
  right: 0;
}
#cboxPrevious,
#cboxNext {
  position: absolute;
  bottom: -30px;
  height: 16px;
  width: 16px;
  border: none;
  text-indent: -9999px;
  background: center center no-repeat;
  background-size: contain;
  overflow: hidden;
  z-index: 100;
}
#cboxPrevious {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 0;
  background-image: url(../colorbox/image/ico-arrow.png);
}
#cboxNext {
  right: 0;
  background-image: url(../colorbox/image/ico-arrow.png);
}
#cboxCurrent {
  float: none !important;
  padding: 0 30px;
  color: #FFF;
  text-align: center;
}
#cboxSlideshow {
  display: none !important;
}
.modal_inner {
  padding: 1em;
}