@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* --- MV 2分割：左＝ブログパーツ（テキスト）／右＝カスタマイザー画像 --- */
@media (min-width:1600px){
  .p-mainVisual__textLayer { padding: 0 10%; }
}

@media (min-width:960px){
  /* 右側のMV画像 */
  .p-mainVisual .c-filterLayer__img {
    left: 50%;
    width: 50%;
    max-width: 50%;
    object-fit: cover;
  }
  /* 左側のテキスト領域 */
  .p-mainVisual__textLayer {
    width: 50%;
    max-width: 100%;
    transform: translateX(-100%);
    background:#fff;
    margin-top:0 !important;
  }
  /* テキストと画像の間の調整 */
  .p-mainVisual .is-layout-flex { align-items:flex-start; gap:2em; }
}

/* スマホはボタンを100%幅に */
@media (max-width:959px){
  .p-mainVisual .wp-block-buttons > .wp-block-button { width:100%; }
}