@charset "UTF-8";

/*アニメーション設定関連*/
@keyframes fuwa-up-down {
    from {
        translate: 0 40px;
    }

    50% {
        translate: 0 0;
    }

    to {
        translate: 0 40px;
    }
}

@keyframes jiwa {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    30% {
        transform: scale(0.95);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes slide-up {
    from {
        opacity: 0;
        translate: 0 30%;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes slide-down {
    from {
        opacity: 0;
        translate: 0 -30%;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes slide-l {
    from {
        opacity: 0;
        translate: 50%;
    }

    to {
        opacity: 1;
        translate: 0;
    }
}

@keyframes show-to-right {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0);
    }
}

@keyframes show-to-left {
    from {
        clip-path: inset(0 0 0 100%);
    }

    to {
        clip-path: inset(0);
    }
}

@keyframes show-to-bottom {
    from {
        clip-path: inset(0 0 100% 0);
    }

    to {
        clip-path: inset(0);
    }
}

@keyframes show-to-top {
    from {
        clip-path: inset(100% 0 0 0);
    }

    to {
        clip-path: inset(0);
    }
}