/* 旧構成との調整(応急手当て) start ------------------------- 
   #readMsg 以下は直接指定あるので、パスになっているもののみ手当

*/
@media screen and (min-width: 640px) {
    #contents #main-cnt section#hero #readMsg {
        font-size: 1.3em;
    }
}

/* 旧構成との調整(応急手当て) end ------------------------- */


/* 近況報告セクション用のスタイル例 */
#contents #main-cnt section#recent-news ul{
    margin: 0;
}
#recent-news li {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

#recent-news li:last-child {
    border-bottom: none;
}

/* 日付のスタイル */
.news-date {
    font-size: 0.9rem;
    color: #666;
    flex-basis: 100px; /* 日付の幅を固定 */
}

/* タイトルのスタイル */
.news-title {
    flex: 1;
    min-width: 200px;
}
.news-title a{
    color: #666;
}

/* 「もっと見る」リンク */
.news-more {
    display: block;
    text-align: right;
    margin-top: 10px;
    font-size: 0.9rem;
}

.news-more a {
    color: #83ba9f;
    text-decoration: none;
}

.news-more a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 640px) {
    #contents #main-cnt section#recent-news ul{
        width: 90%;
        margin: 0 auto;
    }
}