@charset "utf-8";

/* --- 1. タイトルと装飾（ページ固有） --- */
.decorated-title {
    text-align: center;
    margin: 40px 0;
    position: relative;
}

.decoration-bottom {
    width: 300px;
    opacity: 0.7;
    display: block;
    margin: 0 auto;
}

.decoration-top {
    margin-bottom: -40px;
}

h2 {
    font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
    font-size: 2rem;
    margin: 0;
    padding: 10px 0;
}

.main-content h5 {
    width: 300px;
    opacity: 0.7;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.main-content p {
    /* ここも .main-content p にすることでヘッダーへの干渉を防ぎます */
    width: 100%; /* pタグは幅300pxだと文章が窮屈になるので、100%か、適正幅（600pxなど）がオススメです */
    max-width: 600px; 
    opacity: 0.7;
    display: block;
    margin: 0 auto;
    text-align: center;
}

/* --- 2. RSSお知らせリスト（固有） --- */
#rss-list {
    list-style: none;
    padding: 0;
    margin: 2rem auto;
    max-width: 800px; /* リストが見やすい幅に調整 */
}

#rss-list li {
    margin-bottom: 1.5em;
    font-size: 1rem;
    border-bottom: 1px solid #dfc7d1; /* 波の色と合わせた線 */
    padding-bottom: 0.8em;
    text-align: left; /* リスト内は左寄せの方が見やすいです */
}

#rss-list a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    transition: color 0.3s ease;
    font-family: "Hiragino Mincho ProN", serif;
}

#rss-list a:hover {
    color: #8c178c; /* ホバー時にテーマカラーへ */
}

#rss-list .date {
    display: block;
    color: #999;
    font-size: 0.8rem;
    margin-top: 5px;
}