@keyframes loadRotate{from{transform:rotate(0);transform-origin:50% 50%}to{transform:rotate(360deg)}}
*{margin:0;padding:0;list-style:none;font-family:Meiryo, Arial,"Microsoft YaHei",sans-serif}

img{border-radius:5px;border:thin solid #333;margin:5px}         /*サムネイルの画像*/  
.js-lightBox{cursor:pointer;opacity:.8}
.js-lightBox:hover{opacity:1}
.lightBox-popupMask{width:100%;top:0;display:none;position:fixed;z-index:9999;height:100%;background:rgba(0,0,0,.5)}

.lightBox-popup{display:none;position:fixed;z-index:10000;height:50%;background:#fff;top:0;left:50%;margin-left:-500px;border-radius:10px;border:5px solid #fff;overflow:hidden;background-size:10%}
.lightBox-popup .loading{height:100%;background-repeat:no-repeat;background-position:center center;background-image:url(../images/icon/loading.svg);width:100%;background-size:10%;position:absolute;z-index:-1;animation:loadRotate 1.5s;animation-iteration-count:infinite;animation-timing-function:linear}

.lightBox-view img{display:block;display:none;border:0;margin:0!important}
.lightBox-view .lightBox-btn{position:absolute;top:0;display:block;width:10%;text-align:center;cursor:pointer;opacity:.2;height:100%;background-repeat:no-repeat;background-position:center center;background-image:url(../images/icon/opacity.png)}   	/*width:35%;  ナビボタンの位置を両サイド寄りに*/   

.lightBox-view .lightBox-btn:hover{opacity:1}

.lightBox-view .lightBox-prev-btn{left:0}
.lightBox-view .lightBox-prev-btn.active{height:100%;background-repeat:no-repeat;background-position:center center;background-image:url(../images/icon/prev.png)}
.lightBox-view .lightBox-next-btn{right:0}
.lightBox-view .lightBox-next-btn.active{height:100%;background-repeat:no-repeat;background-position:center center;background-image:url(../images/icon/next.png)}

.lightBox-view .lightBox-description{position:absolute;bottom:0;right:0;left:0;padding:10px 5px 0px 10px;display:none;color:#fff;background-color:#000;background:rgba(0,0,0,.8);font-weight:thin;font-size:16px;
font-family:Meiryo UI;letter-spacing:0.1em;}     /*padding:15px;*/

.lightBox-view .lightBox-description .lightBox-current-index{margin-top:0px;display:block;font-weight:normal;}
.lightBox-view .lightBox-description .lightBox-close{float:right;display:block;width:25px;height:25px;cursor:pointer;background-repeat:no-repeat;background-image:url(../images/icon/close2.png);padding:0px 0px 7px 0px;font-weight:normal;}   
*height:35px;*/

lightBoxTitle {font-weight:normal;}