@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700&display=swap');

body {
    font-family: 'Shippori Mincho', serif;
}

.fade-in {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.text-shadow-red {
    text-shadow: 0 0 10px rgba(139, 0, 0, 0.5);
}

/* 縦書きモード */
.writing-vertical {
    writing-mode: vertical-rl;
    text-orientation: upright;
    height: 60vh;
    /* 縦書き時は横に伸びるため高さを制限 */
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1rem;
    margin: 0 auto;
    line-height: 2.0;
}

/* 縦書き時の段落調整 */
.writing-vertical p {
    margin-bottom: 0;
    margin-left: 1.5em;
    /* 縦書きなのでmargin-leftが行間になる */
    text-indent: 1em;
}