/* ページ固有のスタイルのみを残す */
.container {
    width: 60%;
    margin: auto;
    padding: 20px;
}

.news-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 日付の幅を揃え、本文が複数行になっても行頭が揃うようにする */
.news-list li {
    display: flex;
    align-items: baseline;
    padding: 15px 5px;
    border-bottom: 1px solid #eee;
    line-height: 1.6;
}

.news-date {
    font-weight: 700;
    flex: 0 0 auto;
    min-width: 7em;
    margin-right: 15px;
    white-space: nowrap;
}

/* 和文/英文の併記: 英文は和文の下にひとまわり小さく表示する */
.news-body {
    flex: 1;
    min-width: 0;
    overflow-wrap: break-word; /* 長い英単語で横スクロールが出ないようにする */
}

.news-en {
    display: block;
    font-size: 0.85em;
    color: #666;
    line-height: 1.4;
    margin-top: 2px;
}

@media (max-width: 768px) {
    .container {
        width: 90%;
    }
}

@media (max-width: 480px) {
    /* 狭い画面では日付を本文の上に置く */
    .news-list li {
        flex-direction: column;
    }

    .news-date {
        margin-right: 0;
        margin-bottom: 4px;
    }
}