#cf_loader {
    display: block;
}

#cf_loader .loader {
    width: 70px !important;
    height: 13px !important;
    font-size: 0;

/* 稀にECフォースのCSSの影響を受けるので打ち消し */
    margin: 0;
    position: static;
    text-indent:0;
    border-top: 0;
    border-right:0;
    border-bottom:0;
    border-left:0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-animation: none;
    animation: none;

}

#cf_loader .loader-item {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    border-radius: 50%;
    background: black;
    -webkit-animation: anim .8s infinite linear;
    -moz-animation: anim .8s infinite linear;
    animation: anim .8s infinite linear;
}

#cf_loader .loader-item:nth-child(2) {
    -webkit-animation-delay: -.6s;
    -moz-animation-delay: -.6s;
    animation-delay: -.6s;
}

#cf_loader .loader-item:nth-child(3) {
    -webkit-animation-delay: -.4s;
    -moz-animation-delay: -.4s;
    animation-delay: -.4s;
}

@-webkit-keyframes anim {
    0% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px);
        opacity: .2;
    }

    50% {
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(-7px);
        transform: translateY(-7px);
        opacity: .6;
    }

    100% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px);
        opacity: .2;
    }
}

@keyframes anim {
    0% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px);
        opacity: .2;
    }

    50% {
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(-7px);
        transform: translateY(-7px);
        opacity: .6;
    }

    100% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px);
        opacity: .2;
    }
}