/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 27 2026 | 00:54:11 */
/* カバーブロック全体の折り返し・はみ出しを防止 */
.force-one-line {
    white-space: nowrap !important;
    overflow: hidden !important;
}

.force-one-line .wp-block-cover__inner-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* 
   テーマやブロックエディタの強力な文字サイズ指定（インラインスタイル、
   独自クラス、Gutenberg共通プリセット等）をすべて根こそぎ強制上書き 
*/
.force-one-line h1,
.force-one-line h2,
.force-one-line h3,
.force-one-line h4,
.force-one-line h5,
.force-one-line h6,
.force-one-line p,
.force-one-line [class*="has-"] { /* 「has-large-font-size」などのクラスも対象 */
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    width: 100% !important;
    
    /* 
       【ここが重要】画面幅に合わせて文字サイズを強制的に可変させます。
       スマホ（横幅360px想定）のときに、文字がはみ出さないサイズまで縮小します。
    */
    font-size: clamp(16px, 8vw, 42px) !important;

    
    /* Lightningの行高による見切れも防止 */
    line-height: 1.3 !important; 
    text-align: center !important;
}

/* 画面幅が767px以下のスマホサイズに適用 */
@media (max-width: 767px) {
    /* 
       クラス名「force-one-line」がついたカバーブロック全体の
       高さを強制的に上書きして低くします。
    */
    .wp-block-cover.force-one-line {
        /* 高さを設定（好みに合わせて数値を変更してください） */
        min-height: 80px !important; 
        height: 80px !important;
    }
}