/*動くマーカー*/
 .ani-marker.active {
     background-position: -100% .9em;
}

.ani-marker {
       background-repeat: repeat-x;
       background-size: 200% .9em;
       background-position: 0 .9em;
       transition: all 2s ease;
       font-weight: bold;
}

/*赤マーカー*/
.ani-markerR {
 background-image: -webkit-linear-gradient(left, transparent 50%, #ff7f7f 50%);
 background-image: -moz-linear-gradient(left, transparent 50%, #ff7f7f 50%);
 background-image: -ms-linear-gradient(left, transparent 50%, #ff7f7f 50%);
 background-image: -o-linear-gradient(left, transparent 50%, #ff7f7f 50%);
 background-image: linear-gradient(left, transparent 50%, #ff7f7f 50%);
}

/*黄マーカー*/
.ani-markerY {
 background-image: -webkit-linear-gradient(left, transparent 50%, #ffdc00 50%);
 background-image: -moz-linear-gradient(left, transparent 50%, #ffdc00 50%);
 background-image: -ms-linear-gradient(left, transparent 50%, #ffdc00 50%);
 background-image: -o-linear-gradient(left, transparent 50%, #ffdc00 50%);
 background-image: linear-gradient(left, transparent 50%, #ffdc00 50%);
}

/*青マーカー*/
.ani-markerB {
 background-image: -webkit-linear-gradient(left, transparent 50%, #7fbfff 50%);
 background-image: -moz-linear-gradient(left, transparent 50%, #7fbfff 50%);
 background-image: -ms-linear-gradient(left, transparent 50%, #7fbfff 50%);
 background-image: -o-linear-gradient(left, transparent 50%, #7fbfff 50%);
 background-image: linear-gradient(left, transparent 50%, #7fbfff 50%);
}