@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: rgba(0,0,0,0.9);
  overflow: hidden;
}
#cboxLoadedContent {
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxLoadingOverlay{background:url(/common/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/common/images/loading.gif) no-repeat center center;}
#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;
}
#cboxError {
  padding: 3.84em;
  border: 1px solid #ccc;
}
#cboxTitle {
  float: none !important;
  margin-top: 1em;
  padding: 0 1em;
  color: #FFF;
  text-align: center;
}
#cboxClose {
  box-sizing: border-box;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: -1.89em;
  right: 0;
  border: none;
  background: url(/common/images/ico_close01.png) center center no-repeat;
  background-size: contain;
}
#cboxClose:before {
	content:'';
	display: block;
  position: relative;
  width: 4em;
  height:3em;
	top: -1em;
  left: -2.4em;
	opacity:0.5;
  box-sizing: border-box;
}
#cboxClose,
#cboxClose:before{
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#cboxClose:active {
  outline: 0;
}
#cboxClose:hover {
  text-decoration: underline;
}
#cboxWrapper .closeIcon {
  position: absolute;
  top: 2.3em;
  right: 0;
}
#cboxPrevious,
#cboxNext {
  position: absolute;
  bottom: -2.3em;
  height: 1.23em;
  width: 1.23em;
  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(/common/images/icon_arrow_01.png);
}
#cboxNext {
  right: 0;
  background-image: url(/common/images/icon_arrow_01.png);
}
#cboxCurrent {
  float: none !important;
  padding: 0 1em;
  color: #FFF;
  text-align: center;
}
#cboxSlideshow {
  display: none !important;
}
.modal-inner {
  padding: 1em;
}