/* 固定ページ */

/* 「メルセス会とは」の見出しを中央に配置 */
.l-topTitleArea__body .c-pageTitle {
    text-align: center;
}

/* 投稿一覧のサブタイトルを非表示にする */
.c-pageTitle__subTitle {
    display: none;
}


/* 恵の詩CSS */

/* 背景画像コンテナ - コンテンツサイズぴったりに */
.post_content-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    overflow: hidden; /* はみ出しを防ぐ */
}

/* オーバーレイ */
.post_content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* 記事コンテンツ - パディングと余白を調整 */
.post_content-bg .post_content {
    position: relative;
    z-index: 2;
    padding: 50px 20px;
    margin: 0; /* マージンを削除 */
}

/* 記事内の最後の要素の下マージンを削除 */
.post_content-bg .post_content > *:last-child {
    margin-bottom: 0 !important;
}

/* 段落の下マージンも調整 */
.post_content-bg .post_content p:last-child {
    margin-bottom: 0 !important;
}

/* 文字を白に設定 - 投稿コンテンツ内のみ */
.post_content-bg .post_content,
.post_content-bg .post_content p,
.post_content-bg .post_content h1,
.post_content-bg .post_content h2,
.post_content-bg .post_content h3,
.post_content-bg .post_content h4,
.post_content-bg .post_content h5,
.post_content-bg .post_content h6 {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

/* タイトル部分 */
.l-article .post_content-bg ~ * .c-pageTitle h1,
.l-article .post_content-bg .post_title,
.l-mainContent .c-pageTitle h1 {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

/* リンク */
.post_content-bg .post_content a {
    color: #ffffff !important;
    text-decoration: underline;
}

.post_content-bg .post_content a:hover {
    color: #cccccc !important;
}

/* リスト */
.post_content-bg .post_content ul,
.post_content-bg .post_content ol,
.post_content-bg .post_content li {
    color: #ffffff !important;
}

/* 引用文 */
.post_content-bg .post_content blockquote {
    color: #ffffff !important;
    border-left-color: #ffffff;
}

/* テーブル */
.post_content-bg .post_content table,
.post_content-bg .post_content th,
.post_content-bg .post_content td {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3);
}

/* サイドバーは通常のスタイルを維持 */
.l-sidebar,
.l-sidebar *,
.c-widget,
.c-widget * {
    color: inherit !important;
    background-color: inherit !important;
}

/* 全体的な余白調整 */
.post_content-bg {
    margin-bottom: 0 !important;
}

/* 記事下の余白も削除 */
.l-mainContent__inner {
    margin-bottom: 0;
}

@media (max-width: 768px)  {
.swell-col-reverse .swell-block-columns__inner{
flex-direction: column-reverse; 
}
}