/* スクリプトに関するcss */

/* ＝＝＝＝＝ふわっとアニメーション＝＝＝＝＝ */
.animate {
    opacity: 0;
    transform: translateY(50px);
    transition:
        opacity 1s ease-out,
        transform 1s ease-out;
}

.animate-active {
    opacity: 1;
    transform: translateY(0);
}

/* ＝＝＝＝＝著名人インタビューのスライド＝＝＝＝＝ */
.interview-swiper {
    max-width: 100%;
    height: calc(100vh / 1.3);
}

/* Swiper枠外が見えないようにデフォルトのクリッピングを維持 */
.interview-content .interview-swiper {
    overflow: hidden;
}

/* ＝＝＝＝＝本のスライド＝＝＝＝＝ */
.bookshelf-container .swiper {
    width: 100%;
    height: auto;
}
/* スライドの動き等速 */
.bookshelf-container .swiper-wrapper {
    transition-timing-function: linear;
    align-items: flex-start;
}
/* 画像のサイズ調整 */
.bookshelf-swiper img {
    height: auto;
    width: 100%;
}

/* 書籍ライティングのスライド高さ統一 */
.bookshelf-swiper .swiper-slide {
    height: auto;
    display: flex;
    align-items: flex-start;
}

/* 書籍画像の完全な上揃え強制 */
.bookshelf-swiper .bookwriting-item {
    align-items: flex-start;
}

.bookshelf-swiper .bookwriting-image {
    vertical-align: top;
}

/* ＝＝＝＝＝タイピングアニメーション＝＝＝＝＝ */
/* タイピングアニメーション点滅 */
.typing_animation::after {
    content: "";
    border-right: 2px solid var(--black);
    margin-left: 5px;
    animation: flashing 1s linear infinite;
    opacity: 0;
}

@keyframes flashing {
    0%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}