@charset "UTF-8";
/*-------------------------
  右から左に流れるテキスト
-------------------------*/
.text-ani_sample {
    margin:0 0.3em 0;
    border-radius:0.5em;    /*角丸*/
    background:#FF0099;        /*背景色*/
    overflow:hidden;
}

.text-ani_sample p {
    margin:0;
    font-size:1em;         /*文字サイズ*/
    color:#fff;              /*文字の色*/
    animation: flowing 20s linear infinite;    /*アニメーション*/
    transform:translateX(100%);                /*最初の位置*/
}

@keyframes flowing {
  100% {
    transform:translateX(-190%);    /*終了の位置*/
  }