/* ========================================
   NEWS
======================================== */

#ニュース {
    position: absolute;
    inset: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    pointer-events: none;

    color: #9edcff;

    /* JSで表示開始するなら0 */
    opacity: 0;

    z-index: 10;
}

.news-text.typing::after {
    content: "";

    display: inline-block;

    width: 0.55em;
    height: 1em;

    margin-left: 4px;

    background: #9edcff;

    vertical-align: -0.12em;

    animation: cursorBlink 0.8s step-end infinite;
}

@keyframes cursorBlink {

    0%,
    50% {
        opacity: 1;
    }

    51%,
    100% {
        opacity: 0;
    }
}

/* ========================================
   NEWS本体
======================================== */

#Newsinner {
    width: min(620px, 75vw);

    font-family:
        "Consolas",
        "Noto Sans JP",
        monospace;

    font-weight: 400;

    text-shadow:
        0 0 8px rgba(90, 190, 255, 0.35);
}


/* ========================================
   NEWSタイトル
======================================== */

#Newsinner h2 {
    margin: 0 0 24px;

    font-size: 16px;
    font-weight: 400;

    letter-spacing: 0.25em;

    color: #bcecff;

    text-transform: uppercase;
}


/* ========================================
   LIST
======================================== */

#news-list {
    display: flex;
    flex-direction: column;

    gap: 18px;
}


/* ========================================
   1件
======================================== */

.news-item {
    margin: 0;
    padding: 0;
}


/* 日付 */

.news-date {
    display: block;

    margin-bottom: 3px;

    font-size: 11px;

    letter-spacing: 0.12em;

    color:
        rgba(158,
            220,
            255,
            0.55);
}


/* 本文 */

.news-text {
    margin: 0;

    font-size: 13px;

    line-height: 1.75;

    letter-spacing: 0.04em;

    color:
        rgba(210,
            240,
            255,
            0.9);
}


/* ========================================
   リンク
======================================== */

.news-text a {
    color: #9edcff;

    text-decoration: none;

    pointer-events: auto;

    border-bottom:
        1px solid rgba(158,
            220,
            255,
            0.4);
}