@keyframes anime-ss1{
    0%   { transform: translateY(180px)}                            /* スクロール始点 */
    100% { transform: translateY(var(--star-wars-scroll-end))}      /* スクロール終点 */
}

.star-wars-scroll span{
    display:                    inline-block;
    animation-iteration-count:  var(--FlagStarWars);    /* 再生回数 「infinite」だと無限                */  
    animation-fill-mode:        backwards;              /* 終了時の状態 none（初期値）指定なし  forwards 終了時の状態を維持 backwards 開始時の状態に戻る both 開始時に"forwards"、終了時に"backwards"を適用 */
                                                        /*  white-space:    nowrap; */
	animation-name:				anime-ss1;
	animation-delay:			0s;				/* アニメーション開始を3秒遅らせる	*/
	animation-duration:			35s;			/* 時間								*/
	animation-fill-mode:		forwards;		/* アニメーション終了時の状態		none 指定なし		forwards 終了時の状態を維持		backwards 開始時の状態に戻る	both 開始時に"forwards"、終了時に"backwards"を適用	*/
	animation-timing-function:	linear;			/*	等速	ease-in : 弱い加速		ease-out : 弱い減速		ease-in-out : 弱い加減速	*/

/*    animation:                  anime-ss1 35s linear;	*/


}

.star-wars-scroll{
    font-size:      xx-large;
    width:          100%;
    height:         250px;
    color:          yellow;
    text-align:     center;
    font-weight:    bold;
    line-height:    120%;
    transform-origin: 50% 100%;                     /* この２つを付けると、STAR WARS 傾斜になる */
    transform: perspective(300px) rotateX(35deg);   /* この２つを付けると、STAR WARS 傾斜になる */
}