/* 最終上書き・黒帯対策 */

/* 透過化（不要な黒帯防止） */
#home,
#about,
#menu,
#couse,
#access,
#recruit,
#instagram,
#news,
.section,
.section.alt,
main,
.wrapper,
.container {
    background: transparent !important;
    background-color: transparent !important;
}

.hero {
    background: transparent !important;
}

.slide-wrapper::after {
    content: none !important;
}

/* HOME スライダの暗幕無効化 */

#menu {
    background: transparent !important;
}

/* 最終の地色（ブリックの上に固定） */
:root {
    --bg: #28150b;
}

body {
    background-color: var(--bg) !important;
}

.news-inline {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: min(1100px, 92vw);
    display: grid;
    gap: 14px;
}

.news-inline>li {
    background: #fff;
    color: #111;
    border-radius: 4px;
    padding: 14px 18px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .35);
}

.news-inline>li .date {
    color: #333;
    white-space: nowrap;
    margin-right: 18px;
}

.news-inline>li a {
    color: #000;
    text-decoration: none;
    font-weight: 700;
}

.news-inline>li a:hover {
    text-decoration: underline;
}

.news-inline>li.empty {
    text-align: center;
    background: transparent;
    color: #fff;
    box-shadow: none;
    padding: 4px 0;
}

/* NEWS: 空表示をど真ん中に */
.news-empty {
    display: flex;
    justify-content: center;
    /* 横中央 */
    align-items: center;
    /* 縦も高さ分の中央 */
    width: min(1100px, 92vw);
    /* リストと同じ幅で中央に */
    margin: 0 auto;
    /* 画面中央へ */
    height: 56px;
    /* 行の高さ（お好みで調整） */
    color: #fff;
    text-align: center;
}