@charset "utf-8";
#exsc {position:fixed;left:0;top:0;width:100%;height:100%;z-index:3501;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
#exsc .blocker {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;z-index:10;}
#exsc .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);opacity:0;z-index:-1;}
#exsc .descri {padding:0.7em 0.9em 0.7em;box-sizing:border-box;user-select:none;-webkit-user-select:none;pointer-events:none;}
#exsc .descri p {font-size:1em;color:#fff;margin-top:0.4em;}
#exsc .descri p:nth-child(1) {margin-top:0;}
#exsc .photo {position:absolute;left:-9999px;top:-9999px;width:auto;height:auto;background:rgba(34,34,34,1.0);overflow:hidden;opacity:0;}
#exsc .photo .ph {width:100%;height:100%;opacity:0;}
#exsc .photo .ph img {width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none;}
#exsc .photo .descri {position:absolute;width:100%;height:auto;left:0;top:0;background:rgba(34,34,34,0.9);opacity:0;}
#exsc .navi {position:absolute;width:auto;height:auto;background:rgba(255,255,255,0);cursor:pointer;opacity:0;z-index:5;transition:background 200ms ease-out;}
#exsc .navi.ov:not(.disabled) {background-color:rgba(255,255,255,0.2);transition:background 0ms ease-out;}
#exsc .navi.x {right:0;top:0;}
#exsc .navi.n {right:0;top:0;}
#exsc .navi.p {left :0;top:0;}
#exsc .navi.i {left :0;top:0;}
#exsc .navi .ico {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.7;background-repeat:no-repeat;}
#exsc .navi.x .ico {background-image:url(/img/_exsc/x.svg);background-position:50%;    background-size:30%;    }
#exsc .navi.n .ico {background-image:url(/img/_exsc/n.svg);background-position:54% 50%;background-size:14% 23%;}
#exsc .navi.p .ico {background-image:url(/img/_exsc/p.svg);background-position:54% 50%;background-size:14% 23%;}
#exsc .navi.i .ico {background-image:url(/img/_exsc/i.svg);background-position:50%;    background-size:30%;    }
#exsc .navi.i.invert .ico {background-image:url(/img/_exsc/i2.svg);}
#exsc .navi.disabled {cursor:default;}
#exsc .navi.disabled .ico {opacity:0.2;transition:opacity 100ms ease-out;}
#exsc .ndisp {overflow:hidden;position:absolute;left:0;top:0;opacity:0;z-index:4;}
#exsc .ndisp.text p {float:left;letter-spacing:0;line-height:1;user-select:none;-webkit-user-select:none;}
#exsc .ndisp.text p.cur {font-size:1em;color:#fff;}
#exsc .ndisp.text p.total {position:relative;font-size:1em;color:#fff;margin-left:0.5em;padding-left:0.4em;margin-top:0.7em;}
#exsc .ndisp.text p.total::before {content:"";position:absolute;left:0;top:50%;width:1px;height:0.8em;margin-top:-0.4em;transform:rotate(30deg);-webkit-transform:rotate(30deg);background:#fff;}
#exsc .ndisp.maru p {float:left;width:auto;height:auto;border-radius:50%;margin-left:0;background:#fff;opacity:0.3;transition:opacity 200ms ease-out;}
#exsc .ndisp.maru p.cur {opacity:1.0;transition:opacity 200ms ease-out;}
#exsc .spinfbox {position:absolute;width:100%;height:auto;left:0;bottom:0;box-sizing:border-box;background:rgba(34,34,34,0.9);z-index:3;;opacity:0;}
#exsc .spinfbox .descri {width:100%;height:auto;}