@charset "UTF-8";


/*------------------------------------------------------------
	popup
------------------------------------------------------------*/

#colorbox {
  z-index: 11000;
  background: black;
  text-align: center;
    padding: 5px 0;


}
#cboxOverlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}

#cboxLoadedContent iframe {
  width: 680px;
  height: 100%;
}

#cboxClose {
  position: absolute;
  right: 0;
  top: -68px;
  width: 45px;
  height: 45px;
  background: url(../img/common/close.png) center center no-repeat;
  background-size: 25px 25px;
  text-indent: -9999em;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  border: 1px solid white;
}

#cboxClose:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}





#cbox02Overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}

#cbox02LoadedContent iframe {
  width: 680px;
  height: 383px;
}

div#header #cboxClose {
	display:none;
}

#cbox02Close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
*:focus {
  outline: none;
}

@media print, screen and (max-width: 768px)
{
#cboxLoadedContent iframe {
    width: 90%;
    height: 100%;
}
.cboxWrapper{
    width: 90%;
    height: 100%;}
}