@charset "utf-8";


/*文字が流れる
---------------------------------------------------------------------------*/

.scroll {
	margin     : auto;
	width      : 98%;
	font-size  : 100%;
	line-height: 1.3em;
	text-align : center;
	color      : #000000;
	overflow   : hidden;
	height: 28px;
	background-color: #fff;
}
.scroll object {
	display     : inline-block;
	font-size  : 120%;
	padding-left: 100%;
	padding-right: 80%;
	white-space : nowrap;
	line-height : 1.8em;	 /* H4の中の文字の縦位置FMちゃお用 */
	animation   : scrollAnime 10s linear infinite;
}



/*
-------------------------------------------------------------------
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}
--------*/

@keyframes scrollAnime{
    0% { transform: translateX(0);    color : yellow}
   25% { transform: translateX(-25%); color : blue  }
   50% { transform: translateX(-50%); color : green }
   75% { transform: translateX(-75%); color : white }
  100% { transform: translateX(-100%);color : white }
}