/*
Theme Name: Abisko-child
Template: abisko
Author: a fashion student
Version: 1.0.6
*/

/* バナー本体 */
.news-banner {
  display: block;
  height: 30px;
  width: 100%;
  background-color: #000000;
  overflow: hidden;
}

/* バナー内コンテンツ */
.news-banner__content {
  display: inline-block;
  color: #fff;
  line-height: 30px;
  padding-left: 100%;
  white-space: nowrap;
  animation: animate-banner 15s linear infinite;
}

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

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