#news-container {
    max-height: 300px;    /* 好きな高さに調整してください */
    overflow-y: auto;     /* 内容が溢れた場合のみスクロールバーを表示 */
    padding: 10px;
    background: #ffffff;  /* 背景を白にして読みやすく */
    border: 1px solid #eee;
    border-radius: 8px;
    
    /* スクロールバーのカスタマイズ（モダンブラウザ向け） */
    scrollbar-width: thin;          /* Firefox用: バーを細く */
    scrollbar-color: #d400ff #eee;  /* Firefox用: バーの色 / 背景色 */
}

/* スクロールバーのカスタマイズ（Chrome, Safari用） */
#news-container::-webkit-scrollbar {
    width: 6px; /* バーの幅 */
}

#news-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* バーの背景 */
    border-radius: 10px;
}

#news-container::-webkit-scrollbar-thumb {
    background: #d400ff; /* バー自体の色 */
    border-radius: 10px;
}

#news-container::-webkit-scrollbar-thumb:hover {
    background: #ff0066; /* ホバー時に色を変える */
}