@charset "EUC-JP";

.marquee-container {
  width: 600;       /* 枠の幅 */
  overflow: hidden;  /* はみ出た部分を隠す */
  white-space: nowrap; /* テキストを折り返さない */
}

.marquee-text {
  display: inline-block;
  padding-left: 100%; /* 初期位置を右端にする */
  animation: marquee 20s linear infinite; /* アニメーション設定 */
}

@keyframes marquee {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); } /* 左に移動 */
}