/*
Theme Name: Houzez Child
Theme URI: https://yourwebsite.com/
Description: Child theme for Houzez
Author: あなたの名前
Author URI: https://yourwebsite.com/
Template: houzez
Version: 1.0.0
*/

/* ここにカスタムCSSを追加 */





























/* モバイル幅最適化 */
@media (max-width: 767px) {

  /* コンテナを画面幅に収める */
  .houzez-container,
  .property-wrap,
  .bt-content-wrap,
  .bt-sidebar-wrap,
  .property-view {
    max-width: 100% !important;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  /* 画像・iframeを画面幅に収める */
  .property-wrap img,
  .property-wrap iframe,
  .property-view img,
  .property-view iframe {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  /* サイドバーを下に回す */
  .bt-sidebar-wrap {
    width: 100% !important;
    margin-top: 20px;
  }

  /* ギャラリーなどは横スクロール禁止 */
  .property-view {
    overflow-x: hidden;
  }
}






 /* モバイルフッター */
/* ✅ 991px以下でのみ表示 */

@media (max-width: 991px) {
  .mobile-footer-menu {
    position: sticky;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 4;
  }

  .mobile-footer-inner {
    max-width: 991px;
    margin: 0 auto;
  }

  .mobile-footer-nav {
    display: flex;
    justify-content: space-around;
    padding: 8px 0;
  }

  .footer-link {
    text-decoration: none;
    color: #000;
    font-size: 12px;
    text-align: center;
    flex: 1;
  }

  .icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
  }

  .icon-box-img svg {
    display: block;
    fill: currentColor;
    width: 25px;
    height: 25px;
  }

  .icon-box-title {
    font-size: 10px;
    margin: -5px 0 0 0;
  }
}

/* ✅ PCでは非表示 */
@media (min-width: 992px) {
  .mobile-footer-menu {
    display: none !important;
  }
}