/*  ----------------------------
    itaitafry 出張所 by大板
    2024.10.24
    ToraViewer用カスタムCSS 1(漫画用)
    ----------------------------*/
/*  ページの背景を#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;
}

/*  最後のボタンの表示 */
.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;
    }
}