/*  ----------------------------
    itaitafry 出張所 by大板
    2024.10.24
    ToraViewer用カスタムCSS 1(漫画用)
    ----------------------------*/
/*  重なり順で最前に    */
.tora-viewer {
    z-index: 2;
}
/*  背景色変更    */
.tora-viewer.tora-viewer-root .viewer-header-ctrl, .tora-viewer.tora-viewer-root .viewer-footer-ctrl{
    background: rgb(0,0,0,0.5);
}

/*  ページの背景を#FFF⇒透明に    */
.tora-viewer.tora-viewer-root .viewer-pages .viewer-page {
    background-color: transparent;
}

/*  全体の背景の透過率  */
.tora-viewer.tora-viewer-root .modal-bg {
    opacity: .9;
}

/*  全体の背景へのフィルター  */
.tora-viewer{
    backdrop-filter:grayscale(70%);
}

/*  ×ボタン表示 */
.tora-viewer.tora-viewer-root .viewer-close-button {
    width: 45px;
    height: 45px;
    top: 5px;
    right: 5px;
    line-height: 6px;
    background-color: rgb(50,50,50,0.4);
}

/*  最後のボタンの表示 */
.tora-viewer.tora-viewer-root .embed-page-default-close {
    background-color: #666;
    width:200px;
    height:70px;
}

/*  縦長の画像がやけに縦に引き延ばされてしまう  */
.tora-viewer.tora-viewer-root .viewer-pages .viewer-page .viewer-page-content.viewer-page-vertically-long{
    height: auto;
}

/*  ナビゲーション部分も漫画を表示  */
@media (min-width: 640px) and (orientation: landscape) {
    .tora-viewer.tora-viewer-root.page-style-auto .viewer-main{
        padding-top:0;
        padding-bottom: 0;
    }
}