/* pattern.css */
/* 登録済みパターン用 */
/* 独自作成クラスはエディターの同名ブロックの 追加CSSクラス で指定しています */
/* プラグインが PCファーストのコードのため遵守 */

    /* レスポンシブブロック
        横並びブロックに responsive-block を設定、SP時にブロックごとに改行を行う
    */
    .responsive-block{
        gap:0;
    }

    /* ブロック内の p では改行しない */
    .responsive-block p{
        white-space:nowrap;
    }

    /* SP版 */
    @media only screen and (max-width: 768px){
        .responsive-block{
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            line-height: 1em;
        }
    }

/* マルチブロックリンク
    複数ブロックに対して疑似的に同一リンクを設定する
    パターン参考
    class = "link" の画像にリンクを設定することで multi-block-link 全体に単一リンクが掛かるように見せかける
*/
    .multi-block-link{
        position: relative;
    }
    .multi-block-link > .link img{
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .multi-block-link figure{
        height: 0;
    }

/* PC,SP 表示、非表示切り替え
    レスポンシブで表示、非表示を切り替える
    主にレスポンシブで大幅にデザインが変わる場合に、同階層に設置して切り替えに使用
*/
    /*PCのみ表示 */
    .pc-visible{
        visibility:visible;
            width: auto;
            height: auto;
    }
    @media only screen and (max-width: 768px){
        .pc-visible{
            visibility:hidden;
            width: 0;
            height: 0;
        }
    }

    /* SPのみ表示 */
    .sp-visible{
        visibility:hidden;
        width: 0;
        height: 0;
    }
    @media only screen and (max-width: 768px){
            .sp-visible{
            visibility:visible;
            width: auto;
            height: auto;
        }
    }

/* コンテンツカバースライダー 
スライダーの上にコンテンツを重ねる
*/
    .contents-cover-slider{
        /* 親自体にスタイルはなし */
    }

    /* コンテンツコンテナー この下にスライダー上に表示したいブロックを設置 */
    .contents-cover-slider > .contents-container{
        position: absolute;
        z-index: 10;
        width: 100%;
    }

    /* スライダーコンテナー スライダー本体 
        バグなのか、smart slider ブロック自体に 追加css を設定できないので、
        親にグループを作成しそこに設定する
    */
    .contents-cover-slider > .slider-container{
        position: relative;
    }

/* ヘッダー */
    .header-inner .wp-block-group{
        gap: 0;
    }

    .header-inner p{
        white-space: nowrap;
    }

    header .slider-container{
        margin-block-start: 0;  /* デフォルト設定を潰す */
    }

    /* SP版 */
    @media only screen and (max-width: 768px){
        /* 中央寄せ */
        .header-inner{
            display: flex;
            align-items: center;
        }

        .header-inner p{
            white-space:unset ;
        }
    }

/* フッター */
footer{
    margin-block-start: 0;
    padding-block-start: 1.2rem;
    background-color: #51940f;
}

footer .wp-block-navigation{
    margin-block-start: .2rem;
    margin-block-end: .2rem !important;
}