<style>

/* 全体の文字設定 */
body {
    font-weight: 100; 
    color: #c0c0c0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', sans-serif;
    background-color: #ffffff; 
}

/* 投稿全体の枠組み */
.post-container {
    max-width: 500px;
    margin: 0 auto;
    padding: 10px;
}

/* 各投稿のスタイル（ここがブログの1行ずつになります） */
.post-entry {
    border-bottom: 1px solid #adbfd1; /* 線の記述を正しいCSS形式に修正しました */
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 12px;
}

/* 投稿本文の文字 */
.post-text {
    flex: 1;
    text-align: left;
    line-height: 1.6; /* 文字が重ならないよう少しだけ広げました */
    font-weight: 100;
    color: #c0c0c0;
}

/* ★ 追加：投稿内にある画像のサイズ設定 ★ */
.post-text img {
    max-width: 150px; /* 画像の横幅を「少し大きめ（150ピクセル）」に設定 */
    height: auto;     /* 縦横の比率を崩さない設定 */
    margin-top: 8px;  /* 文字との間に少し隙間をあける */
    display: block;   /* 画像をすっきり配置する */
}

/* 右側の投稿日時 */
.post-date {
    margin-left: 15px;
    text-align: right;
    white-space: nowrap;
    font-weight: 100;
    color: #CCCCCC;
}

/* リンク（画像を見る、など）の色 */
.post-text a {
    color: #adbfd1; 
    text-decoration: underline;
}

</style>
