/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 27 2026 | 00:54:23 */
/* 特定ページのカバーブロック文字をモバイル時1行表示 */
@media (max-width: 767px) {

  .page-id-590 .wp-block-cover h1,
  .page-id-590 .wp-block-cover h2,
  .page-id-590 .wp-block-cover h3,
  .page-id-590 .wp-block-cover p {

    white-space: nowrap !important;
    font-size: clamp(18px, 5vw, 42px) !important;
    line-height: 1.2 !important;
  }

}

/* 特定ページ カバーブロック高さ調整 */
@media (max-width: 767px) {

  .page-id-590 .wp-block-cover {
    min-height: 100px !important;
  }

}


    /* 2. カバーブロックの内部にある画像自体の高さも合わせる（すでに記述済みの場合は調整してください） */
    .page-id-590 .wp-block-cover img.wp-block-cover__image-background {
        height: 100% !important; /* 親（180px）の高さにピッタリ合わせます */
        object-fit: cover !important;
    }
}

@media (max-width: 599px) {
    /* カバーブロック内のインナー枠の高さを強制リセット */
    .page-id-590 .wp-block-cover .wp-block-cover__inner-container {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important; /* 内側の不要な余白もカット */
    }
}

@media (max-width: 599px) {
    /* カバーブロック自体の下のマージンを強制的にゼロにする */
    .page-id-590 .wp-block-cover {
        margin-bottom: 0 !important;
    }
    
    /* 直後にあるテキストブロック（段落や見出し）の上のマージンもリセット */
    .page-id-590 .wp-block-cover + * {
        margin-top: 0 !important;
    }
}

/* スマホ環境（画面幅600px未満）の時だけ適用 */
@media (max-width: 599px) {

    /* 1. カバーブロックの上下のパディング（内側余白）を完全にゼロにする */
    .page-id-590 .wp-block-cover {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 2. 中に入っている文字（段落・見出し・インナー枠）の上下の余白を強制リセット */
    .page-id-590 .wp-block-cover .wp-block-cover__inner-container,
    .page-id-590 .wp-block-cover p,
    .page-id-590 .wp-block-cover h1,
    .page-id-590 .wp-block-cover h2,
    .page-id-590 .wp-block-cover h3 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: auto !important;
    }

    /* 3. カバーブロックの直後にあるすべての隙間（マージン）を殺す */
    .page-id-590 .wp-block-cover {
        margin-bottom: 0 !important; /* カバーブロックの下余白をゼロに */
    }

    /* 4. 【最終兵器】カバーブロックの直後にある次のブロック（文章など）を上に引き上げる */
    .page-id-590 .wp-block-cover + * {
        margin-top: 0 !important; /* 次のブロックの上余白をゼロに */
    }
    .page-id-590 .wp-block-cover + .wp-block-spacer {
        display: none !important;
    }

}

/* スマホ環境（画面幅600px未満）の時だけ適用 */
@media (max-width: 599px) {

    /* 1. 親カラム：縦並びになった際、WordPressが自動挿入する「縦の隙間（gap）」を極限まで狭くする */
    .page-id-590 div.wp-block-columns.is-layout-flex,
    .page-id-590 div.wp-block-columns[class*="wp-container-"] {
        row-gap: 8px !important; /* ★画像と下のテキストの間の隙間（お好みで0px〜12px等に調整してください） */
        gap: 4px !important;
    }

    /* 2. 左側カラム（画像側）：スマホ時に下に生まれる不要な余白（マージン）を完全にゼロにする */
    .page-id-590 div.wp-block-columns > .wp-block-column:first-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 3. 右側カラム（テキスト側）：スマホ時に上に生まれる不要な余白（マージン）を完全にゼロにする */
    .page-id-590 div.wp-block-columns > .wp-block-column:last-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* 4. テキスト側カラムの内部：最初にある文字（見出しや段落）の上余白もリセット */
    .page-id-590 div.wp-block-columns > .wp-block-column:last-child > *:first-child {
        margin-top: 0 !important;
    }
}