@charset "utf-8";

/*==================================================
	Javascript modules > Viewer > Background
==================================================*/
#viewer-bg{
background-color:#000;
max-width: 100%;
}

/*==================================================
	Javascript modules > Viewer > Loader
==================================================*/
#viewer-loader{
background:#fff url(https://d18f657670wm8u.cloudfront.net/eraberu/blaze_common/images/viewer/loader.gif?20130125) center center no-repeat;
height:150px;
width:150px;
}

/*==================================================
	Javascript modules > Viewer > Holder
==================================================*/
#viewer-holder{
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
margin: auto;
width: 700px!important;
max-width: calc(100% - 40px);
height: 600px!important;
max-height: calc(100% - 40px);
background: #fff;
border: 1px solid #fff;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-sizing: border-box; /* image用 */
}

/*==================================================
	Javascript modules > Viewer > Holder > Image
==================================================*/
#viewer-holder.image{
padding:35px 30px;
}
#viewer-holder.image #viewer-close{
display:block;
height:24px;
width:74px;
text-indent:-9999px;
background:url(https://d18f657670wm8u.cloudfront.net/eraberu/blaze_common/images/viewer/viewer-close.png?20130125) 0 0 no-repeat;
position:absolute;
top:0;
right:-1px;
line-height:0;
font-size:0;
}
#viewer-holder.image #viewer-close:hover{
background-position:0 -24px;
}
#viewer-holder.image #viewer-state{
text-align:right;
color:#787878;
}
#viewer-holder.image #viewer-nav{
background:#000;
padding:2px 10px;
text-align:center;
}
#viewer-holder.image #viewer-nav a{
font-weight:bold;
padding:0 5px;
margin:0 5px;
color:#fff;
}
#viewer-holder.image #viewer-nav a:hover{
background:#fff;
color:#000;
}
#viewer-holder.image #viewer-state{
color:#666;
}
#viewer-holder.image #viewer-caption{
display:none;
/*margin:10px;
color:#333;*/
}
#viewer-holder.image #info_area{
display:none !important;
}

/*==================================================
	Javascript modules > Viewer > Holder > Html
==================================================*/
#viewer-holder.html #viewer-title{
display:none;
}
#viewer-holder.html #viewer-frame{
border:0 none;
width: 100%;
}
#viewer-holder.html #viewer-close{
display:block;
height:24px;
width:74px;
text-indent:-9999px;
background:url(https://d18f657670wm8u.cloudfront.net/eraberu/blaze_common/images/viewer/viewer-close.png?20130125) 0 0 no-repeat;
position:absolute;
top:0;
right:0;
line-height:0;
font-size:0;
}
#viewer-holder.html #viewer-close:hover{
background-position:0 -24px;
}