/* タイトルエリア全体の枠 */
            .page-title-area {
                display: flex;
                /* 横並びにする */
                justify-content: space-between;
                /* タイトルと丸を左右両端に配置 */
                align-items: flex-end;
                /* 下揃えにする */
                border-bottom: 2px dotted #b5b5b5;
                /* 下の点線（色は適宜調整） */
                padding-bottom: 8px;
                /* 点線と文字の隙間 */
                margin-bottom: 30px;
                /* タイトル下の余白 */
            }

            /* H1タイトルの調整 */
            .page-title-area h1 {
                margin: 0;
                font-size: 24px;
                /* 文字サイズ（サイトに合わせて調整） */
                color: #333;
                /* 文字色 */
                font-weight: normal;
                /* 太字を解除する場合 */
                line-height: 1;
            }

            /* 右側のピンクの丸3つのエリア */
            .title-decoration {
                display: flex;
                gap: 6px;
                /* 丸と丸の間隔 */
                margin-bottom: 4px;
                /* 線との微調整 */
            }

            /* ピンクの丸の形 */
            .title-decoration span {
                display: block;
                width: 10px;
                /* 丸の幅 */
                height: 10px;
                /* 丸の高さ */
                background-color: #f5a8a8;
                /* 丸の色（ピンク） */
                border-radius: 50%;
                /* 完全な円にする */
            }

            /* お知らせリスト全体の枠組み */
            dl.radius {
                width: 100%;
                margin: 0;
                padding: 0;
                border-top: 1px solid #ddd;
                /* 一番上の線 */
            }

            /* --- 日付とタイトルの共通設定 --- */
            dl.radius dt,
            dl.radius dd {
                padding: 15px 10px;
                /* 上下の余白 */
                border-bottom: 1px dotted #b5b5b5;
                /* 下の点線（アクセスページと統一） */
                margin: 0;
                /* ブラウザの初期余白をリセット */
                line-height: 1.6;
                box-sizing: border-box;
            }

            /* --- 日付エリア (dt) --- */
            dl.radius dt {
                clear: both;
                /* 改行の役割 */
                float: left;
                /* 左に寄せる */
                width: 140px;
                /* 日付の幅 */
                font-weight: normal;
                color: #666;
                /* 日付の色（少しグレーに） */
            }

            /* --- タイトルエリア (dd) --- */
            dl.radius dd {
                margin-left: 140px;
                /* 日付の幅分だけ空ける */
            }

            /* --- リンクのデザイン修正 --- */
            dl.radius dd a {
                text-decoration: none;
                /* 下線を消す */
                color: #333;
                /* 文字色を黒に近いグレーに（赤を消す） */
                transition: color 0.3s;
                /* 色が変わる時間を滑らかに */
                display: block;
                /* クリック判定を広げる */
            }

            /* --- マウスを乗せた時 --- */
            dl.radius dd a:hover {
                color: #f5a8a8;
                /* アクセスページの丸と同じピンク色に */
                text-decoration: underline;
                /* ホバー時のみ下線を出す（お好みで） */
            }

            /* --- スマホ表示用の調整 (画面幅768px以下) --- */
            @media screen and (max-width: 768px) {
                dl.radius dt {
                    float: none;
                    /* 横並び解除 */
                    width: 100%;
                    /* 幅いっぱい */
                    padding-bottom: 5px;
                    /* 日付の下の余白を詰める */
                    border-bottom: none;
                    /* 日付の下の線を消す */
                }

                dl.radius dd {
                    margin-left: 0;
                    /* 左の余白をなくす */
                    padding-top: 0;
                    /* タイトルの上の余白を詰める */
                }
                            .single-main .page-title-area h1 {
                                font-size: 16px !important;
                            }
            }
			/* =========================================
   シングルページ（記事詳細）のデザイン
   ========================================= */

            /* --- コンテンツ幅の調整 --- */
            .single-main .container {
                max-width: 800px;
                margin: 40px auto;
                padding: 0 20px;
                float: left;
                width: 70%;
            }

            /* --- ヘッダーエリアの微調整 --- */
            .single-main .page-title-area h1 {
                font-size: 24px;
                /* タイトルの文字サイズ */
                line-height: 1.4;
                margin-right: 20px;
                /* 右側の丸との距離 */
            }

            /* 日付のデザイン */
            .post-date {
                text-align: right;
                /* 右寄せ */
                color: #888;
                margin-top: 10px;
                margin-bottom: 30px;
                font-size: 0.95em;
            }

            /* --- 記事本文 (entry-content) の装飾 --- */
            .entry-content {
                line-height: 1.8;
                /* 行間を広めに読みやすく */
                color: #333;
                margin-bottom: 60px;
            }

            .entry-content p {
                margin-bottom: 1.5em;
                /* 段落ごとの余白 */
            }

            /* 本文内の画像 */
            .entry-content img {
                max-width: 100%;
                height: auto;
                box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                /* 薄い影をつけて綺麗に見せる */
            }

            /* --- 本文内の見出しデザイン (h2, h3) --- */
            /* 記事の中で見出しを使った時に自動でデザインが当たります */

            .entry-content h2 {
                font-size: 20px;
                padding: 10px 15px;
                background-color: #fdf5f5;
                /* 背景：ごく薄いピンク */
                border-left: 5px solid #f5a8a8;
                /* 左線：テーマカラーのピンク */
                margin-top: 40px;
                margin-bottom: 20px;
            }

            .entry-content h3 {
                font-size: 18px;
                border-bottom: 2px dotted #f5a8a8;
                /* 下線：ピンクの点線 */
                padding-bottom: 5px;
                margin-top: 30px;
                margin-bottom: 15px;
            }

            /* --- ページネーション（前後リンク） --- */
            .post-navigation {
                display: flex;
                justify-content: space-between;
                border-top: 1px solid #eee;
                padding-top: 20px;
                margin-bottom: 40px;
            }

            .post-navigation a {
                text-decoration: none;
                color: #666;
                font-size: 0.9em;
            }

            .post-navigation a:hover {
                color: #f5a8a8;
                /* ホバー時にピンク */
            }

            /* --- 一覧に戻るボタン --- */
            .back-btn-area {
                text-align: center;
                margin-bottom: 60px;
            }

            .btn-back {
                display: inline-block;
                padding: 12px 40px;
                background-color: #999;
                /* グレーのボタン */
                color: #fff !important;
                text-decoration: none !important;
                border-radius: 30px;
                /* 丸みのあるボタン */
                transition: background 0.3s;
            }

            .btn-back:hover {
                background-color: #f5a8a8;
                /* ホバー時にピンク */
            }