/*  ----------------------------
    itaitafry 出張所 by大板
    2024.10.24
    ToraViewer用カスタムCSS 2(イラスト一覧用)
    ----------------------------*/
/*  ページの背景を透明に    */
.tora-viewer.tora-viewer-root .viewer-pages .viewer-page {
    background-color: transparent;
}

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

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

/*  フッター非表示  */
.tora-viewer.tora-viewer-root .viewer-footer-ctrl {
    visibility: hidden;
}

/*  ヘッダー非表示  */
.tora-viewer.tora-viewer-root .viewer-header-ctrl {
    visibility: hidden;
}

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

/*  最後のページを非表示に  */
.tora-viewer.tora-viewer-root.horizontal-viewer .viewer-pages .viewer-page.embed-page {
    display: none;
}

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