.p-case-entry-header{
    background-color: #fff;
    text-align: left;
    padding: 30px 0;
}

.p-entry-header__title{
    margin-bottom: 30px;
}

/* --- メタ情報エリア全体のスタイル --- */
.p-entry-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 15px;
    justify-content: left; /* タイトルに合わせて中央寄せ */
}

.p-entry-meta__item {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #666; /* 少し薄めのグレー */
}

.p-entry-meta__icon {
    width: 14px; /* デザインに合わせて調整 */
    height: auto;
    margin-right: 5px;
    vertical-align: middle;
}

/* =====================
   支援事例：記事本文内のH2装飾
===================== */

.p-entry-body h2 {
    position: relative;
    padding: 16px 20px; /* 内側の余白 */
    background-color: #f7f7f7; /* 薄いグレーの背景色 */
    color: #333; /* 文字色 */
    font-size: 25px; /* 文字サイズ（デザインに合わせて調整） */
    font-weight: 500;
    line-height: 1.5;
    margin-top: 40px; /* 上の要素との距離 */
    margin-bottom: 24px; /* 下の要素との距離 */
    border-left: 1px solid var(--wp--preset--color--main-color); /* 左側のオレンジ線 */
}

/* 支援事例：記事本文内のH3装飾（下線のみ） */
.p-entry-body h3 {
    font-size: 20px; /* H2より少し小さめに設定 */
    font-weight: 400;
    color: #333;
    padding-bottom: 12px;     /* 文字と線の間の余白 */
    border-bottom: 1px solid #eee; /* 薄いグレーの細い下線 */
    margin-top: 32px;         /* 上の要素との距離 */
    margin-bottom: 20px;      /* 下の要素との距離 */
}

.p-entry-body p {
    /* 文字の太さ：標準(400)より少しだけ太く(500)すると読みやすくなります */
    font-weight: 500;

    /* 行間：1.8〜2.0くらいがWebでは最も読みやすいとされています */
    line-height: 2.0;

    /* 段落（空行）の幅を広げる：下の段落との距離 */
    margin-bottom: 2.5em;

    /* 文字の色：真っ黒(#000)より少しグレー(#333)にするのが目に優しいです */
    color: #333;

    /* 文字サイズ（必要に応じて調整） */
    font-size: 16px;
}

/* 最後の段落だけは余白を消して下の要素とのバランスをとる */
.p-entry-body p:last-child {
    margin-bottom: 0;
}

/* =====================
   Snow Monkey ボックスブロックの一括上書き
===================== */

/* 1. 外側の枠組み（黒枠を消してグレー背景に） */
.wp-block-snow-monkey-blocks-box.smb-box {
    background-color: var(--wp--preset--color--white) !important; /* h2と同じグレー */
    border: 1px solid #f7f7f7!important;            /* 黒い枠線を消去 */
    border-radius: 5px !important;     /* 角丸 */
    padding: 20px 20px !important;      /* 内側の余白 */
    margin: 20px 0 !important;
}

/* 2. ボックス内の見出し（マーカー線デザインに） */
.smb-box__title {
    display: inline-block !important;
    background: none !important;        /* 元の背景色を消去 */
    border: none !important;            /* 元の枠線を消去 */
    font-size: 18px !important;
    font-weight: bold !important;
    color: #333 !important;
    padding: 0 0 5px 0 !important;      /* 下側に少しだけ余白 */
    margin-bottom: 20px !important;
    position: relative !important;
}

/* 3. オレンジのマーカー線を表示 */
.smb-box__title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 8px !important;            /* マーカーの太さ */
    background-color: rgba(255, 122, 0, 0.3) !important; /* 薄いオレンジ */
    border-radius: 4px !important;
    z-index: 1 !important;
}

/* 4. ボックス内のテキスト（箇条書きなど）の調整 */
.smb-box__body {
    padding: 0 !important;             /* 余白の重複を防ぐ */
}

.smb-box__body li {
    font-size: 15px !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
}

/*URL埋め込み*/
.wp-block-embed__wrapper {
    word-break: break-all;
    overflow-wrap: break-word;

    color: var(--wp--preset--color--main-color);
}

/*youtune埋め込み*/
.p-entry-body iframe[src*="youtube.com"],
.p-entry-body iframe[src*="youtu.be"],
.p-entry-body .wp-block-embed-youtube iframe {
    width: 70% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
}

/* スマホ対応：少し文字を小さく、余白を調整 */
@media (max-width: 768px) {
    .p-entry-meta {
        gap: 10px 15px;
    }
    .p-entry-meta__item {
        font-size: 12px;
    }

    .p-entry-body h2 {
        font-size: 18px;
        padding: 12px 15px;
    }

		.p-entry-body h3 {
        font-size: 16px;
        padding-bottom: 10px;
    }

		.p-entry-body p {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 2.0em;
    }
}