.tophedimgh_kumo,
.tophedimgh_kuruma,
.topimg{
    animation-iteration-count: infinite;
    pointer-events: none;
    transition: all;
    will-change: transform;
}
/*ヘッダー*/

.tophedimgh_kumo{
    animation-duration: 7s;
    animation-name: kumo;
    animation-timing-function: ease-in-out;
}
.tophedimgh_kuruma{
    animation-duration: 0.8s;
    animation-name: kuruma;
    animation-timing-function: ease-in-out;
}
@keyframes kumo {
    0% {
        transform: translate(0%, 0px) 
    }
    50% {
        transform: translate(3%, 0px)
    }
    100% {
        transform: translate(0%, 0px)
    }
}

@keyframes kuruma {
    0% {
        transform: translate(0, 0) 
    }
    50% {
        transform: translate(0, -5px)
    }
    100% {
        transform: translate(0%, 0)
    }
}
/*ホーム*/

.topimg_03,
.topimg_05{
    animation-duration: 1.3s;
    animation-name: styles_heart-beat__ct7LT;
    animation-timing-function: ease-in-out;
}
.topimg_04,
.topimg_06{
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
}
@keyframes flash {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes styles_heart-beat__ct7LT {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.2)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.2)
    }

    70% {
        transform: scale(1)
    }
}

@keyframes fuwafuwa {
    0% {
        transform:translate(0, 0) rotate(-7deg);
    }
    50% {
        transform:translate(0, -7px) rotate(0deg);
    }
    100% {
        transform:translate(0, 0) rotate(7deg);
    }
}

@keyframes pikopiko {
    0% {
        transform: rotate(20deg);
    }
    to {
        transform: rotate(-10deg);
    }
}
@keyframes urourol {
    10% {
        transform: translate(0%, 0px) scale(1, 1);
    }
    40% {
        transform: translate(20%, 0px) scale(1, 1);
    }
    50% {
        transform: translate(20%, 0px) scale(-1, 1);
    }
    90% {
        transform: translate(0%, 0px) scale(-1, 1);
    }
}

@keyframes urouror {
    10% {
        transform: translate(0%, 0px) scale(1, 1);
    }
    40% {
        transform: translate(-20%, 0px) scale(1, 1);
    }
    50% {
        transform: translate(-20%, 0px) scale(-1, 1);
    }
    90% {
        transform: translate(0%, 0px) scale(-1, 1);
    }
}


@keyframes character_01{
	0% {
         transform:translate(0, 0) rotate(0deg);
    }
    80% {
         transform:translate(0, 0) rotate(0deg);
    }
    100% {
        transform:translate(0, 0) rotate(-7deg);
    }
}

@keyframes character_02{
	0% {
       transform: translate(0, 0);
    }
    25% {
        transform: translate(-10px, -10px);
    }
    50% {
        transform: translate(-25px, 0);
    }
    75% {
        transform: translate(-10px, -10px);
    }
    100% {
         transform: translate(0, 0);
    }
}


@keyframes character_03{
	0% {
       transform: translate(0, 0);
    }
    50% {
        transform: translate(0, -20%);
    }
    70% {
        transform: translate(0, -20%);
    }
    100% {
         transform: translate(0, 0);
    }
}