@charset "UTF-8";
/* CSS Document */

/** マーキーさせたい部分 */
.marquee2 {
  overflow: hidden; /* スクロールバーが出ないように */
  position: relative; /* マーキーの内容部分の位置の基準になるように */
    font-size: 15em;
    font-weight: 400;
    font-family: "Rampart One", serif;
        font-style: normal;
    color: #212529;
}
 /* マーキーの内容部分の高さ確保 */
.marquee2::after {
  content: "";
  white-space: nowrap;
  display: inline-block;
}
/* マーキーさせたい部分(内側) */
.marquee2 > .marquee-inner {
  position: absolute;
  top: 0;
  white-space: nowrap;
  -webkit-animation-name: marquee;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 60s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: marquee;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 60s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: marquee;
  -ms-animation-timing-function: linear;
  -ms-animation-duration: 60s;
  -ms-animation-iteration-count: infinite;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 120s;
  animation-iteration-count: infinite;
}
/* マウスオーバーでマーキーストップ */
/*.marquee2 > .marquee-inner:hover {
  animation-play-state: paused;
  cursor: default;
}*/
/** マーキーアニメーション */
@-webkit-keyframes marquee {
    0% { left: 100%; transform: translate(0); }
  100% { left: 0; transform: translate(-100%); }
}
@-moz-keyframes marquee {
    0% { left: 100%; transform: translate(0); }
  100% { left: 0; transform: translate(-100%); }
}
@-ms-keyframes marquee {
    0% { left: 100%; transform: translate(0); }
  100% { left: 0; transform: translate(-100%); }
}
@keyframes marquee {
    0% { left: 100%; transform: translate(0); }
  100% { left: 0; transform: translate(-100%); }
}