/* バナー本体 */
.news-banner {
  display: block;
  width: 100%;
  overflow: hidden;
}

/* バナー内コンテンツ */
.news-banner__content {
  display: inline-block;
  align-items: center;
  padding-left: 100%;
  white-space: nowrap;
  animation: animate-banner 10s linear infinite;
}

/* バナー内の要素をすべて選択 */
.news-banner__content > * {
  display: inline-block;
}

/* 横にスクロールさせるアニメーション */
@keyframes animate-banner {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  10%{
    transform: translateX(0);
    opacity: 1;
  }20%{
    transform: translateX(0);
  }100% {
    transform: translateX(-100%);
  }
}