#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I','Meiryo',sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%; top: 0; left: 0;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:0;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{
  background:url(./loading.gif) no-repeat;
  position: absolute; top: 50%; left: 50%;
  /*padding-left:34px;*/ background-size: 100%; width: 96px; height: 96px;
  display:inline-block; transform: translate(-50%,-50%);
}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;}
#sb-title{padding-bottom: 5px;}
#sb-title,#sb-title-inner{line-height:1;}
#sb-title-inner{font-size:16px; font-weight: bold;}
#sb-info,#sb-info-inner{}
#sb-info{padding-top: 5px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:20px;width:20px;margin-left:12px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(./close.svg); background-size:100%;}
#sb-nav-next{background-image:url(./next.svg); background-size:100%;}
#sb-nav-previous{background-image:url(./prev.svg); background-size:100%;}
#sb-nav-play{background-image:url(./play.svg);}
#sb-nav-pause{background-image:url(./pause.svg);}
#sb-counter{float:left;width:45%; font-weight: 700; font-size: 14px; padding-top: 10px; display: none;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

@media screen and (max-width: 960px) {
	#sb-wrapper{position:absolute;width:100px;}
	#sb-overlay{position:fixed;height:100vh;width:100%;}
	#sb-counter{float:left;width:25%;}
  #sb-loading-inner span{width: 48px; height: 48px;}
	/*#sb-info{margin:5px 0 0 0;}
	#sb-info,#sb-info-inner{height:28px;line-height:20px;}
	#sb-info-inner{font-size:16px;}
	#sb-nav{float:right;height:24px;padding:2px 0;width:70%;}
	#sb-nav a{display:block;float:right;height:24px;width:32px;margin-left:5px;cursor:pointer;background-repeat:no-repeat;}
	#sb-nav-close{background-image:url(./close.svg); background-size:24px;}
	#sb-nav-next{background-image:url(./next.svg); background-size:24px;}
	#sb-nav-previous{background-image:url(./prev.svg); background-size:24px;}*/
  #sb-nav a{height:24px;width:24px;margin-left:12px;}
  #sb-counter{padding-top: 2vw;}
}