.yureru-s {
    animation: yureru-s 2s infinite;
	 display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
@keyframes yureru-s {
    0% {
        transform: translate(10px, 0px);
    }
    5% {
        transform: translate(-10px, 0px);
    }
    10% {
        transform: translate(10px, 0px);
    }
    15% {
        transform: translate(-10px, 0px);
    }
    20% {
        transform: translate(10px, 0px);
    }
    25% {
        transform: translate(-10px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

.yurer {
    animation: yurer 2s infinite;
	 display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
@keyframes yurer {
    0% {
        transform: translate(10px, 0px);
    }
    5% {
        transform: translate(-10px, 0px);
    }
    10% {
        transform: translate(10px, 0px);
    }
    15% {
        transform: translate(-10px, 0px);
    }
    20% {
        transform: translate(10px, 0px);
    }
    25% {
        transform: translate(-10px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}