/* サイト全体の背景色と文字色の調整 */
body {
   background-color: #FAF6F0 !important; /* 温かみのあるベージュ */
   color: #3D2314 !important; /* 落ち着いたダークブラウン */
}

/* ヘッダー周りの背景色を統一 */
.site-header, .main-navigation {
   background-color: #FAF6F0 !important;
}

/* リンク（ボタンや文字）の色を上品なブラウンに */
a {
   color: #8C6D46;
}

/* 右下の矢印ボタン（トップへ戻る）を非表示 */
.scroll-to-top {
   display: none !important;
}

/* フッターの Powered by 表示を非表示 */
.site-credit {
   display: none !important;
}

/* Google reCAPTCHAのバッジアイコンを非表示 */
.grecaptcha-badge {
   visibility: hidden !important;
}

/* 固定ページ・お知らせ一覧の背景画像だけを消す */
.page-header {
    background-image: none !important;
    background-color: transparent !important;
}

/* タイトル文字（お問い合わせ、お知らせなど）を消す */
.page-header .page-title {
    display: none !important;
}

/* 上下の崩れ（重なり）を防ぐための余白調整 */
.page-header {
    min-height: auto !important;
    padding: 0 !important;
}

/* スマホ表示時：PC用画像を隠す */
@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

/* PC・タブレット表示時：スマホ用画像を隠す */
@media (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}

.home-header-content {
    display: none !important;
}

.home-header-overlay {
    display: none !important;
}

/* メニュー背景色 */
.main-header,
.main-navigation,
.main-navigation ul,
.main-navigation .menu {
    background-color: #FAF6F0 !important;
}

/* スマホの開閉式メニュー全体 */
.drawer-navigation {
    background-color: #FAF6F0 !important;
}

/* メニューの中身 */
.drawer-navigation-content {
    background-color: #FAF6F0 !important;
}

/* =========================================
   マルヤス お知らせページ
   ========================================= */

/* お知らせ記事全体 */
.single-post .site-main {
    max-width: 900px;
    margin: 0 auto;
}

/* ページ上部の「お知らせ」 */
.single-post .entry-header {
    margin-bottom: 45px;
}

/* 「お知らせ」の文字 */
.single-post .entry-header:before {
    content: "NEWS";
    display: block;
    font-family: sans-serif;
    font-size: 13px;
    letter-spacing: 0.18em;
    color: #2D150F;
    margin-bottom: 10px;
    font-weight: 500;
}

/* 記事タイトル */
.single-post .entry-title {
    color: #2D150F;
    font-size: 36px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin-bottom: 22px;
}

/* 投稿日・投稿者・コメント */
.single-post .entry-meta {
    color: #8a817b;
    font-size: 14px;
    letter-spacing: 0.04em;
}

/* 投稿者・コメントを非表示 */
.single-post .entry-meta a {
    color: #8a817b;
}

/* 本文 */
.single-post .entry-content {
    color: #2D150F;
    font-size: 17px;
    line-height: 2.1;
    letter-spacing: 0.04em;
}

/* 本文の最初の文章 */
.single-post .entry-content > p:first-child {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 35px;
}

/* Googleマップ */
.single-post .entry-content iframe {
    width: 100%;
    max-width: 100%;
    margin-top: 15px;
}

/* 「いいね」部分 */
.single-post .entry-footer {
    margin-top: 50px;
}

/* 前の記事・次の記事 */
.single-post .nav-links {
    border-top: 1px solid #ddd5cf;
    margin-top: 60px;
    padding-top: 30px;
}

/* -----------------------------------------
   スマートフォン
   ----------------------------------------- */

@media screen and (max-width: 767px) {

    .single-post .site-main {
        width: auto;
        margin: 0 20px;
    }

    .single-post .entry-header {
        margin-bottom: 32px;
    }

    .single-post .entry-header:before {
        font-size: 11px;
        margin-bottom: 8px;
    }

    .single-post .entry-title {
        font-size: 27px;
        line-height: 1.55;
        letter-spacing: 0.02em;
        margin-bottom: 16px;
    }

    .single-post .entry-meta {
        font-size: 12px;
        line-height: 1.8;
    }

    .single-post .entry-content {
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0.02em;
    }

    .single-post .entry-content > p:first-child {
        font-size: 16px;
        line-height: 2;
        margin-bottom: 28px;
    }

    .single-post .entry-content iframe {
        width: 100%;
        height: 450px;
    }
}

/* =========================================
   マルヤス お知らせ記事
   ========================================= */

/* お知らせの記事タイトル */
.entry-header .entry-title {
    color: #2D150F;
    font-size: 36px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin-top: 15px;
    margin-bottom: 20px;
}

/* 日付・投稿者・コメントを非表示 */
.entry-header .entry-meta {
    display: none;
}

/* 「お知らせ」のカテゴリー表示 */
.entry-header .cat-links {
    color: #2D150F;
    font-size: 13px;
    letter-spacing: 0.15em;
}

/* カテゴリーのリンク */
.entry-header .cat-links a {
    color: #2D150F;
    text-decoration: none;
}

/* NEWSをタイトル上に表示 */
.entry-header:before {
    content: "NEWS";
    display: block;
    color: #2D150F;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.25em;
    margin-bottom: 8px;
}

/* 本文 */
.entry-content {
    color: #2D150F;
    font-size: 17px;
    line-height: 2;
    letter-spacing: 0.03em;
}

/* スマホ */
@media screen and (max-width: 767px) {

    .entry-header .entry-title {
        font-size: 28px;
        line-height: 1.55;
        margin-top: 12px;
        margin-bottom: 18px;
    }

    .entry-header .cat-links {
        font-size: 12px;
    }

    .entry-header:before {
        font-size: 11px;
        letter-spacing: 0.2em;
    }

    .entry-content {
        font-size: 16px;
        line-height: 2;
    }
}

/* =========================================
   お知らせページを1カラムにする
   ========================================= */

/* サイドバーを非表示 */
#secondary {
    display: none;
}

/* メインコンテンツを中央に */
#primary {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* 記事本文の幅 */
.entry-content {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

/* タイトルを少し大きく */
.entry-header .entry-title {
    font-size: 40px;
    line-height: 1.5;
    text-align: center;
}

/* NEWSとお知らせを中央揃え */
.entry-header {
    text-align: center;
}

/* 本文は左揃え */
.entry-content {
    text-align: left;
}

/* スマホ */
@media screen and (max-width: 767px) {

    #primary {
        width: auto;
        margin: 0 20px;
    }

    .entry-header .entry-title {
        font-size: 28px;
        text-align: left;
    }

    .entry-header {
        text-align: left;
    }

    .entry-content {
        font-size: 16px;
    }
}

.news-list .wp-block-post-title {
    margin-bottom: 5px !important;
}

.news-list .wp-block-post-date {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}