@charset 'utf-8';

/* Preload images
body:after {
content:
	url('先読みさせたい画像')
	url('先読みさせたい画像');
display:none;
} */

.lightboxOverlay {
position:absolute; z-index:9999; left:0; top:0;
background:rgba(0,0,0,75%);
box-shadow:none;
display:none;
}

.lightbox {
position:absolute; z-index:10000; left:0;
width:100%;
line-height:0; font-weight:normal; text-align:center;
}
.lightbox .lb-image { display:block; max-width:inherit; height:auto; background:#000;}

.lightbox a img { border:none;}
.lb-outerContainer {
position:relative;
background:#000;
margin:0 auto;
zoom:1;
}
.lb-outerContainer:after { display:table; clear:both; content:'';}
.lb-container { padding:8px;}/* 画像を覆う枠 */
.lb-cancel {
display:block; width:32px; height:32px;
background:#FFF;
margin:0 auto;
}
.lb-nav {
position:absolute; z-index:10; left:0; top:0;
width:100%; height:100%;
}
.lb-container > .nav { left:0;}

.lb-nav a {
position:absolute;
display:block; width:50%; height:100%;
opacity:50%;
cursor:pointer;
}
.lb-nav a.lb-prev { right:0;}
.lb-nav a.lb-next { left:0;}
.lb-nav a:hover {
filter:drop-shadow(0 0 4px #BCC) drop-shadow(0 0 4px #899);
opacity:1;
}
.lb-nav a:before {/* 矢印 */
position:absolute; top:calc(50% - 12px);
width:24px; height:24px;
background:url( ../img/arrow.png?1222-17-16 ) 0 0 / auto 100%;
content:'';
}
.lb-nav a.lb-prev:before { right:-28px; background-position:-100% 0;}
.lb-nav a.lb-next:before { left:-28px;}

.lb-dataContainer { width:100%; margin:8px auto 0; zoom:1;}
.lb-dataContainer:after { display:table; clear:both; content:'';}

.lb-data .lb-details { line-height:1;}
.lb-data .lb-details .lb-caption { font-size:14px; color:#FFF; margin-bottom:4px;}/* title="(省略可)" */
.lb-data .lb-details .lb-number  { font-size:12px; color:#BCC;}/* 何枚目／枚数 */
.lb-close {/* 閉じる
float:right;
display:block; width:32px; height:32px;
background:url('../img/cross.png') no-repeat 0 0 / contain;
cursor:pointer;
*/}