.target.on { animation: fade_up 1s both; animation-timing-function: ease-in; }
.target.bf_list.on { animation-name: bf_list; }
.target.fade_up_top.on { animation-name: fade_up_top; }
.target.focus_in.on { animation-name: focus_in; }
.target.focus_in_left.on { animation-name: focus_in_left; }
.target.to_right.on { animation-name: to_right; }
.target.to_left.on { animation-name: to_left; }
.target.m_sec05_bg.on { animation-name: m_sec05_bg; }
.target.bf_list.on { animation-name: bf_list; }
.target.to_both_wide.on { animation-name: to_both_wide; }

.target.dr_15.on { animation-duration: 1.5s; }
.target.dl_10.on { animation-delay: 1s; }

.target.d1 { animation-delay: 0.2s; }
.target.d2 { animation-delay: 0.4s; }
.target.d3 { animation-delay: 0.6s; }

.target.on-delay {
    animation: fade_up 1s both;
    animation-timing-function: ease-in;
}

.target_g >* { opacity: 0; }
.target_g >*.on { animation: bf_list 2s both; }

@keyframes fade_up {
    0% {
        bottom: -50px;
        opacity: 0;
    }
    100% {
        bottom: 0;
        opacity: 1;
    }
}
@keyframes focus_in {
    0% {
        opacity: 0;
        filter: blur(3px);
    }
    100% {
        opacity: 1;
        filter: blur(0);
    }
}
@keyframes focus_in_left {
    0% {
        opacity: 0;
        filter: blur(3px);
        left: -20px;
    }
    100% {
        opacity: 1;
        filter: blur(0);
        left: 0;
    }
}
@keyframes fade_up_top {
    0% {
        top: 50px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes to_right {
    0% {
        opacity: 0;
        right: 30%;
    }
    100% {
        opacity: 1;
        right: 0;
    }
}
@keyframes to_left {
    0% {
        opacity: 0;
        left: 30%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@keyframes grow-shrink {
    0% {
    width: 6px;
    height: 6px;
    opacity: 1;
    }
    90% {
    width: 25px;
    height: 25px;
    opacity: 0;
    }
    95% {
    width: 6px;
    height: 6px;
    opacity: 0;
    }
    100% {
    width: 6px;
    height: 6px;
    opacity: 1;
    }
}
@keyframes bt_it {
    0% {
            height: 0;
    }
    100% {
            height: 24px;
    }
}
@keyframes scroll_ball {
    90% {
            bottom: 2px;
    }
}
@keyframes st_zoom_in {
    0% {
    }
    100% {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}
@keyframes bf_list {
    0% {
        bottom: -50px;
        opacity: 0;
    }
    30% {
        bottom: 30px;
    }
    50% {
        bottom: -10px;
    }
    70% {
        bottom: 1px;
    }
    100% {
        bottom: 0;
        opacity: 1;
    }
}
@keyframes to_both_wide {
    0% {
        left: 50%;
        right: 50%;
        opacity: 0;
    }
    100% {
        left: 0;
        right: 0;
        opacity: 1;
    }
}
@keyframes line_on {
    0% {
        height: 0;
    }
    100% {
        height: 92px;
    }
}