/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 13 2026 | 10:42:24 */
/* スマホ環境（画面幅600px未満）の時だけ適用 */
@media (max-width: 599px) {
    /* 1. 親カラム：WordPress独自のフレックス設定を最優先で横並び・スクロールに書き換える */
    div.wp-block-columns.sp-scroll-column[class*="wp-container-"] {
        display: flex !important;
        flex-direction: row !important; /* 縦並びを絶対に解除 */
        flex-wrap: nowrap !important;   /* 絶対に折り返さない */
        overflow-x: auto !important;    /* 横スクロールを出現させる */
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch; /* スワイプを滑らかにする */
        gap: 12px !important;           /* バナー間のすき間 */
        padding-bottom: 12px !important;
    }

    /* 2. 中のバナー（子カラム）：WordPress独自の幅計算を無視して160pxに固定する */
    div.wp-block-columns.sp-scroll-column[class*="wp-container-"] > .wp-block-column {
        flex: 0 0 160px !important;     /* 縮ませず、幅160pxを絶対に維持 */
        min-width: 160px !important;    /* 最小幅の固定 */
        max-width: 160px !important;    /* 最大幅の固定 */
        width: 160px !important;
        margin: 0 !important;           /* 余計な余白のリセット */
    }

    /* 3. バナー内の画像：潰れて小さくなるのを防ぐ */
div.wp-block-columns.sp-scroll-column img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 44px !important;
}