/* Stackable 3.0.5対応 */

@media only screen and (max-width: 767px) {
    /* 背景をONにしたときに、SPでコンテンツがはみ出る問題に対応 */
    .stk-block .stk-block:is(.aligncenter,.alignwide), .stk-block:is(.aligncenter,.alignwide,.alignfull)>.stk-content-align.alignwide, .stk-block:is(.aligncenter,.alignwide,.alignfull)>.stk-content-align:not(.alignwide):not(.alignfull) {
        width: auto!important;
    }

    /* 幅広のブロック内のコンテンツにもalignwideが付与され、余計な余白が入る問題に対応 */
    .stk-inner-blocks.alignwide {
        margin-right: 0!important;
        margin-left: 0!important;
    }

    /* ブロックを全幅、コンテンツ幅を幅広に設定したときにブロックのdivに全幅と幅広のクラスが付与される問題に対応 */
    .stk-block.alignfull.alignwide {
      margin-right: 0!important;
      margin-left: 0!important;
    }
}

/* Stackableのコンテナ内の子要素が、flexのために縮んでしまう不具合対応 */
.patch-w100 {
    width: 100%;
}

/* Buttonブロックのボーダーがずれる問題の修正 */
:is(.stk-block-button,.stk-block-icon-button,.stk-block-pagination,.stk-block-load-more,.stk-block-posts):not(.is-style-link) .stk-button:after, :is(.stk-block-button,.stk-block-icon-button,.stk-block-pagination,.stk-block-load-more,.stk-block-posts):not(.is-style-link) .stk-button:before {
    width: auto!important;
    height: auto!important;
}

/* Featureブロックのcolumn-gapが効かない問題を修正 */
.wp-block-stackable-feature .stk-block-content {
    column-gap: var(--stk-column-gap);
}