/* TOP画面 タイトルコメント CSS */

/* コメントバナー本体 */
.title-comment {
    display: block;
    height: 2.3em;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* バナー内コンテンツ */
.title-comment__content {
    height: 2.3em;
    width: 80%;
    color: #fff;
    white-space: nowrap;
    overflow-x: hidden;
    margin-top: 1%;
    margin-left: 10%;
    margin-right: 10%;
}

/* バナー内コンテンツ */
.title-comment__text {
    width: max-content;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 120%;
    animation: animate-banner 10s linear infinite;
}

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

/* タイトル画像のステータス表示 */
.title-numbar-att {
    position: absolute;
    bottom: 8%;
    left: 2%;
}

.title-numbar-def {
    position: absolute;
    bottom: 8%;
    left: 39%;
}

.title-numbar-spd {
    position: absolute;
    bottom: 8%;
    right: 14%;
}

.title-numbar-caution {
    position: absolute;
    width: 100%;
    font-size: 60%;
    bottom: 3%;
}