@charset "Shift_JIS";
/* ヘッダー上のお知らせ */
.header_news {
  display: block;
  height: 30px;
  width: 100%;
  text-align: center;
  background-color: #FFAC59;
  overflow: hidden;
}

.header_news_content {
  display: inline-block;
  line-height: 30px;
  padding-left: 100%;
  white-space: nowrap;
  font-weight: bold;
  color: #FFF;
  animation: header_news 50s linear infinite;
}

.header_news_content > * {
  display: inline-block;
}

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