/**only screen and (max-width: 767px)**/
/*****************************************************************
TOP
*****************************************************************/
/* キャッチコピー配置 */
.uagb-block-6b792b66 .mv-copy {
  position: absolute;
  left:0%;
  bottom: 100px;
  z-index: 5;
}

/* メインビジュアル */
.uagb-slider-container.uagb-block-6b792b66{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* 買いたい・売りたい */
.uagb-block-50bd9076 {
    display: block !important;
  }

  .uagb-block-50bd9076 > .uagb-block-5cf82bba,
  .uagb-block-50bd9076 > .uagb-block-ce1f483a {
    width: 100vw !important;
    max-width: 100vw !important;
    flex: none !important;
  }

/* お知らせ一覧 */
  .custom-news-item {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 14px 10px;
  }

  .custom-news-date {
    font-size: 13px;
  }

  .custom-news-cat {
    width: fit-content;
    font-size: 11px;
  }

  .custom-news-title {
    font-size: 14px;
  }

  /* バナー2分割 */
  .top-bnr-wrap {
    grid-template-columns: 1fr;
  }

  .top-bnr-item {
    height: 220px;
  }

  .top-bnr-label {
    left: 20px;
    bottom: 24px;
  }
/*****************************************************************
サブページMV
*****************************************************************/
.sub-mv {
    margin-top: 12px !important;
  }

  .sub-mv > .uagb-container-inner-blocks-wrap {
    width: 94% !important;
  }

  /* スマホ用の画像高さ */
  .sub-mv img {
    height: 150px;
    /* 背景画像をほんのり暗くして、白文字・黒文字をくっきり見やすくする */
    filter: brightness(0.88) contrast(1.02); 
  }

/* ==========================================
   スマートフォン調整（★中央寄せ＆文字拡大の決定版）
   ========================================== */

  .sub-mv {
    margin-top: 12px !important;
  }

  .sub-mv > .uagb-container-inner-blocks-wrap {
    width: 94% !important;
  }

  /* スマホ用の画像高さ・見やすさ調整 */
  .sub-mv img {
    height: 150px;
    filter: brightness(0.85) contrast(1.02); /* 文字が見やすいようにほんのり暗く */
  }

  /* ==========================================
     子コンテナを画面の「完全中央」に配置
     ========================================== */
  .sub-mv .uagb-block-1124f8b9 {
    left: 50% !important;
    top: 50% !important;       /* 上下も50%の位置へ */
    bottom: auto !important;
    transform: translate(-50%, -50%) !important; /* 上下左右とも完全に真ん中寄せ */
    
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;     /* 子要素を中央揃え */
    justify-content: center !important;
    
    width: 85% !important;      /* 英語の帯が窮屈にならないよう幅を広く確保 */
    max-width: 320px !important; /* 横に広がりすぎないストッパー */
  }

  /* 2つの見出し共通：幅を子コンテナいっぱいに広げる */
  .sub-mv .wp-block-uagb-advanced-heading {
    width: 100% !important;
    text-align: center !important;
  }

  /* 1. スマホの日本語タイトル（文字拡大） */
  .sub-mv .wp-block-uagb-advanced-heading:not(.sub-mv-title) {
    margin-bottom: 8px !important; /* 英語との隙間を少し広げる */
  }
  .sub-mv .wp-block-uagb-advanced-heading:not(.sub-mv-title) .uagb-heading-text {
    font-size: 13px !important;   /* 10pxから13pxに大きく修正 */
    font-weight: 700 !important;
    justify-content: center !important;
    text-align: center !important;
    color: #333333 !important;
    
    /* 背景が白い雲と被っても読めるように、薄い白シャドウを仕込む */
    text-shadow: 0 0 6px #ffffff, 0 0 6px #ffffff; 
  }
  /* 日本語の隣の● */
  .sub-mv .wp-block-uagb-advanced-heading:not(.sub-mv-title) .uagb-heading-text::before {
    font-size: 8px !important;    /* 丸も少し大きく */
    margin-right: 6px !important;
  }

  /* 2. スマホの英語タイトル（文字拡大＆2行バランス調整） */
  .sub-mv .sub-mv-title .uagb-heading-text {
    display: block !important;    /* 帯を横いっぱいに広げる */
    font-size: 18px !important;   /* 15pxから18pxに大きく修正 */
    font-weight: 800 !important;
    line-height: 1.3 !important;  /* 2行に折り返した時の行間をきれいに */
    padding: 8px 12px !important; /* 帯の上下左右に余裕を持たせる */
    text-align: center !important;
    word-break: break-word !important; /* 英語が枠からはみ出さないように自動折り返し */
  }

/*****************************************************************
フッター
*****************************************************************/
.custom-footer-inner-wrap {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .footer-company-box {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }

  .footer-map-box {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }

  .footer-map-box iframe {
    height: 180px;
  }

/* =========================
   鰐口不動産 Contact Form 7
========================= */

.waniguchi-contact-form {
    padding: 35px 20px;
  }

  .waniguchi-contact-form .form-lead {
    padding: 18px;
  }

  .waniguchi-contact-form .radio-list .wpcf7-list-item {
    display: block;
    margin: 0 0 10px;
  }

  .waniguchi-contact-form .submit-btn,
  .waniguchi-contact-form input[type="submit"] {
    width: 100%;
    min-width: auto;
  }