/*アニメーション用キーフレーム*/
@keyframes dashR {
    0% {
        transform: translate(0) rotateY(0)
    }

    10% {
        transform: translate(0) rotateY(0)
    }

    14% {
        transform: translate(4%,-6%) rotateY(0)
    }

    18% {
        transform: translate(8%) rotateY(0)
    }

    22% {
        transform: translate(12%,-6%) rotateY(0)
    }

    26% {
        transform: translate(16%) rotateY(0)
    }

    30% {
        transform: translate(20%,-6%) rotateY(0)
    }

    34% {
        transform: translate(24%) rotateY(0)
    }

    38% {
        transform: translate(24%) rotateY(0)
    }

    46% {
        transform: translate(24%) rotateY(180deg)
    }

    64% {
        transform: translate(24%) rotateY(180deg)
    }

    68% {
        transform: translate(20%,-6%) rotateY(180deg)
    }

    72% {
        transform: translate(16%) rotateY(180deg)
    }

    76% {
        transform: translate(12%,-6%) rotateY(180deg)
    }

    80% {
        transform: translate(8%) rotateY(180deg)
    }

    84% {
        transform: translate(4%,-6%) rotateY(180deg)
    }

    88% {
        transform: translate(0) rotateY(180deg)
    }

    92% {
        transform: translate(0) rotateY(180deg)
    }

    to {
        transform: translate(0) rotateY(0)
    }
}
@keyframes jump2 {
    0% {
        transform: translateY(0) scale(1)
    }

    5% {
        transform: translateY(0) scale(1.06,.9)
    }

    10% {
        transform: translateY(-15%) scaleY(1.04)
    }

    15% {
        transform: translateY(0) scale(1.06,.9)
    }

    20% {
        transform: translateY(-15%) scaleY(1.04)
    }

    25% {
        transform: translateY(0) scale(1.06,.94)
    }

    30% {
        transform: translateY(0) scale(1)
    }

    to {
        transform: translateY(0) scale(1)
    }
}
@keyframes shake {
    0% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(0)
    }

    24% {
        transform: rotate(4deg)
    }

    28% {
        transform: rotate(-4deg)
    }

    32% {
        transform: rotate(4deg)
    }

    36% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}
@keyframes balloon {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20%)
    }

    to {
        transform: translateY(0)
    }
}
@keyframes walk {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-20%)
    }

    to {
        transform: translateX(0)
    }
}
@keyframes ojigi {
    0% {
        transform: rotate(0) translate(0)
    }

    10% {
        transform: rotate(-6deg) translate(-1%,2%)
    }

    14% {
        transform: rotate(-12deg) translate(-1%,2%)
    }

    18% {
        transform: rotate(-14deg) translate(-1%,2%)
    }

    22% {
        transform: rotate(-12deg) translate(-1%,2%)
    }

    26% {
        transform: rotate(-8deg) translate(-1%,2%)
    }

    30% {
        transform: rotate(-4deg) translate(-1%,2%)
    }

    50% {
        transform: rotate(2deg) translate(0)
    }

    70% {
        transform: rotate(6deg) translate(0)
    }

    to {
        transform: rotate(0) translate(0)
    }
}
@keyframes tremble {
    0% {
        transform: translateX(0)
    }

    15% {
        transform: translateX(10%)
    }

    30% {
        transform: translateX(-10%)
    }

    45% {
        transform: translateX(0%)
    }

    to {
        transform: translateX(0)
    }
}