.latest-posts {
    margin-bottom: 40px;
    padding: 20px;
    background-color: #fff; /* 背景色を白に変更 */
}

.latest-posts h3 {
    font-size: 24px; /* タイトルサイズを大きく */
    margin-bottom: 20px;
    color: #000; /* タイトルの色を黒に */
    border-bottom: 2px solid #4CAF50; /* 緑の内枠を保持 */
    padding-bottom: 10px;
}

.post-item {
    margin-bottom: 20px; /* 投稿間の余白 */
    cursor: pointer; /* ホバー時にポインターに変更 */
    transition: background-color 0.3s ease; /* 背景色の変化を滑らかに */
    border: #d5dfef 1px solid;
    padding: 10px;
}

.post-item:hover {
    background-color: #f0f0f0; /* ホバー時の背景色を薄灰色に変更 */
}

.latest-posts h2 {
    font-size: 22px; /* タイトルのフォントサイズを大きくする */
    margin-top: 20px;
    margin-bottom: 10px; /* 余白の調整 */
    color: #000; /* タイトルの色を黒に */
}

.post-date {
    font-size: 16px; /* 日付のフォントサイズを大きくする */
    color: #666; /* 日付の色をダークグレーに */
    margin-bottom: 10px;
}

.excerpt {
    font-size: 5px;
    color: #333; /* 抜粋の色をダークグレーに */
    margin-bottom: 15px;
}

.excerpt p {
    margin-bottom: 0;
}