#footer .new-label {
    margin-left: 5px;
    width: 44px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    position: relative;
    background: #1588C9;
    text-align: center;
    text-indent: 0;
    color: #FFFFFF;
    font-size: 1em;
    border-radius: 4px;
    user-select: none;
}

    /*** 文字にアニメーションを適用 ***/
    #footer .new-label span {
        font-size: 12px;
        font-weight: bold;
        display: inline-block; /* 横並びにする */
        animation: .8s bound ease-in infinite alternate;
    }

        /*** 各文字のスタート時間をずらす ***/
        /* 1文字目 */
        #footer .new-label span:nth-child(1) {
            animation-delay: 0;
        }
        /* 2文字目 */
        #footer .new-label span:nth-child(2) {
            animation-delay: 0.2s;
        }
        /* 3文字目 */
        #footer .new-label span:nth-child(3) {
            animation-delay: 0.4s;
        }
        /* 4文字目 */
        #footer .new-label span:nth-child(4) {
            animation-delay: 0.6s;
        }

@keyframes bound {
    0% {
        transform: translateY(-2px) scale(1); /* 落下開始位置は要素の2px上 */
    }

    80% {
        transform: translateY(1px) scale(1); /* 80%まではそのままのサイズ(数を減らすと柔らかさアップ) */
    }

    100% {
        transform: translateY(2px) scale(1.5, 0.6); /* 着地時に縮ませる(横幅, 立幅) */
    }
}