/* 左から右に動くアニメーション（クラス or ID） */
.scroll-later-left,
[id^="scroll-later-left-"] {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.scroll-later-left.active,
[id^="scroll-later-left-"].active {
    opacity: 1;
    transform: translateX(0);
}

/* 下から上に動くアニメーション（クラス or ID） */
.scroll-later-bottom,
[id^="scroll-later-bottom-"] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.scroll-later-bottom.active,
[id^="scroll-later-bottom-"].active {
    opacity: 1;
    transform: translateY(0);
}

/* 編集画面は除外する */
.aem-AuthorLayer-Edit .scroll-later-left,
.aem-AuthorLayer-Edit [id^="scroll-later-left-"],
.aem-AuthorLayer-Edit .scroll-later-bottom,
.aem-AuthorLayer-Edit [id^="scroll-later-bottom-"] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}