/*----------------------------------------
220526
----------------------------------------*/
/* shadowbox.css */

#sb-title-inner, #sb-info-inner, #sb-loading-inner,
div.sb-message { font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 200; }
#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none; }
#sb-overlay { position: relative; height: 100%; width: 100%; }
#sb-wrapper { position: absolute; visibility: hidden; width: 100px; }
#sb-wrapper-inner { position: relative; overflow: hidden; height: 100px; border: solid 3px #fff; border-radius: 10px; }
#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: 14px; line-height: 66px; height: 66px; top: 50%; margin-top: -12px; width: 100%; text-align: center; }
#sb-loading-inner span { background: url(../common/images/loading.gif) no-repeat; padding-left: 55px; display: inline-block; }
#sb-body { background-color: #fff; }
#sb-loading { background-color: #fff; }
#sb-nav { float: right; height: 60px; padding: 2px 0; width: 45%; }
#sb-nav a { display: block; float: right; height: 30px; width: 30px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat; }
#sb-nav-close { background-color: #fff; background-image: url(../common/images/close2.png); background-position: 50% 50%; width: 30px; height: 30px; display: block; border-radius: 50%; }
#sb-nav-next { background-image: url(../common/images/next.png); }
#sb-nav-previous { background-image: url(../common/images/previous.png); }
#sb-nav-play { background-image: url(../common/images/play.png); }
#sb-nav-pause { background-image: url(../common/images/pause.png); }
#sb-counter { float: left; width: 45%; }
#sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; }
#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 { text-decoration: underline; }

/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
}

/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
}

/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
}

/* Mobile2用 */
@media screen and (max-width: 540px) {
}