@charset "UTF-8";

.main-eru {
    -webkit-animation: eru_move 3s ease 1s infinite;
    -o-animation: eru_move 3s ease 1s infinite;
    animation: eru_move 3s ease 1s infinite;
}

@keyframes eru_move {
    0% {
        left: -11%;
    }
    50% {
        left: 2%;
    }
    100% {
        left: -11%;
    }
}

.main-toto {
    -webkit-animation: toto_move 3s ease 1s infinite;
    -o-animation: toto_move 3s ease 1s infinite;
    animation: toto_move 3s ease 1s infinite;
}

@keyframes toto_move {
    0% {
        right: -7%;
    }
    50% {
        right: 5%;
    }
    100% {
        right: -7%;
    }
}

.banner-miru-container > img {
    -webkit-animation: miru_move 3s linear 1s infinite;
    -o-animation: miru_move 3s linear 1s infinite;
    animation: miru_move 3s linear 1s infinite;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}

@keyframes miru_move {
    25% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    75% {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
}

.banner-miru-container-sp > img {
    -webkit-animation: miru_move_sp 2.5s linear 1s infinite;
    -o-animation: miru_move_sp 2.5s linear 1s infinite;
    animation: miru_move_sp 2.5s linear 1s infinite;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}

@keyframes miru_move_sp {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.banner-siru {
    -webkit-animation: siru_move 2s ease 1s infinite;
    -o-animation: siru_move 2s ease 1s infinite;
    animation: siru_move 2s ease 1s infinite;
}

@keyframes siru_move {
    0% {
        bottom: 0;
    }
    50% {
        bottom: 10%;
    }
    100% {
        bottom: 0;
    }
}

.balloon {
    -webkit-animation: balloon_move 2.5s ease 1s infinite;
    -o-animation: balloon_move 2.5s ease 1s infinite;
    animation: balloon_move 2.5s ease 1s infinite;
}

@keyframes balloon_move {
    0% {
        bottom: 15%;
    }
    50% {
        bottom: 20%;
    }
    100% {
        bottom: 15%;
    }
}