/* novel-style.css */

/* 小説ページ全体の設定 */
body.novel-page {
    font-family: 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'MS PMincho', serif;
    background-color: #f0f0f0; /* 背景色を落ち着いた色に */
}

/* 見開き表示用のスタイル */
#novel-viewer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 208mm; /* 文庫本2冊分の幅 */
    height: 148mm; /* 文庫本の高さ */
    margin: 40px auto;
}

#book-spread {
    position: relative;
    width: 100%;
    height: 100%;
}

.page-image {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.page-image.odd-page {
    left: 50%; /* 奇数ページは右に配置 */
}

.page-image.even-page {
    left: 0; /* 偶数ページは左に配置 */
}

.page-image.active {
    opacity: 1;
}

/* 表紙（0ページ目）単独表示用のスタイル */
.page-image.cover-page {
    width: 100%;
    height: 100%;
    left: 0; /* 左側に寄せる */
}

/* クリック領域の設定 */
#click-area-left, #click-area-right {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    cursor: pointer;
    z-index: 10;
}

#click-area-left {
    left: 0;
}

#click-area-right {
    left: 50%;
}