@charset "UTF-8";

#colorbox,
#cboxOverlay,
#cboxWrapper{
position:absolute;
top:0;
left:0;
z-index:9999;
}
#cboxWrapper{
max-width:none;
}
#cboxOverlay{
position:fixed;
width:100%;
height:100%;
}
#cboxMiddleLeft,
#cboxBottomLeft{
clear:left;
}
#cboxContent{
position:relative;
}
#cboxLoadedContent{
overflow:auto;
-webkit-overflow-scrolling:touch;
}
#cboxTitle{
margin:0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow{
cursor:pointer;
}
.cboxPhoto{
float:left;
margin:auto;
border:0;
display:block;
max-width:none;
-ms-interpolation-mode:bicubic;
}
.cboxIframe{
width:100%;
height:100%;
display:block;
border:0;
padding:0;
margin:0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent{
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
#cboxOverlay{
background-image:url(../img/colorbox/overlay.png);
background-repeat: repeat;
background-position: 0 0;
background-size:100% auto;
background-color: rgba(255, 255, 255, 0.35);
opacity:0.9;
filter:alpha(opacity = 90);

}
#colorbox{
outline:0;
overflow:initial !important;
}
#cboxContent{
background: rgba(255, 255, 255, 0);
width:100%;
}
.cboxIframe{
background: rgba(255, 255, 255, 0);
width:100%;
}
#cboxError{
padding:50px;
border:1px solid #ccc;
}
#cboxLoadedContent{
margin-bottom:0;
}
#cboxTitle{
position:absolute;
bottom:4px;
left:0;
text-align:center;
width:100%;
color:#949494;
}
#cboxCurrent{
display:none !important;
position:absolute;
bottom:3%;
right:3%;
font-size:18px;
color:#01a0e9;
}
#cboxLoadingOverlay{
background:url(../img/colorbox/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic{
background:url(../img/colorbox/loading.gif) no-repeat center center;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose{
border:0;
padding:0;
margin:0;
overflow:visible;
width:auto;
background:none;
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active{
outline:0;
}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#cboxSlideshow{
position:absolute;
top:-20px;
right:90px;
color:#fff;
}
#cboxPrevious{
position:absolute;
top:50%;
left:0;
margin-top:-25px;
background:url(../img/colorbox/prev.png) no-repeat top left;
width:35px;
height:50px;
text-indent:-9999px;
outline:none;
}
#cboxPrevious:hover{
background-position:bottom left;
}
#cboxNext{
position:absolute;
top:50%;
right:0;
margin-top:-25px;
background:url(../img/colorbox/next.png) no-repeat top right;
width:35px;
height:50px;
text-indent:-9999px;
outline:none;
}
#cboxNext:hover{
background-position:bottom right;
}
#cboxClose{
position:absolute;
top:-60px;
right:0;
display:block;
background:url(../img/colorbox/close.png) no-repeat top center;
width:50px;
height:50px;
text-indent:-9999px;
outline:none;
}
#cboxClose:hover{
background-position:bottom center;
}
.modalBlock{
text-align:center;
background:#000;
position:relative;
width:100%;
padding-top:56.25%;
}
.modalBlock iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* @media ～750px
-------------------------------- */
@media only screen and (max-width:750px){
	#cboxClose{
	width:6.75vw;
	height:6.75vw;
	top:-7.75vw;
	right:0vw;
	background-size:100% auto;
	}
	#cboxClose:hover{
	background-position:inherit;
	}
}

/* @media ～480px
-------------------------------- */
@media screen and (max-width:480px){
	#cboxClose {
	width: 10vw;
	height: 10vw;
	top: -11vw;
	right: 0vw;
	}
}