@charset "UTF-8";

/*
Theme Name: SmileHouse Official Responsive v1.4.4
Theme URI: http://ethos-ltd.com
Description: 住まいるハウス公式サイト PC/SP統合レスポンシブテーマ。v1.3.1をベースにスマホ一覧・ナビ・運営者情報・Googleマップを刷新。
Version: 1.4.4
Author: Fumihiko Kiyosawa
Author URI: http://www.ethos-ltd.com/
*/

/* Desktop mode: 1024px and wider. */
@import url(css/index.css) screen and (min-width: 1024px), print;
@import url(css/webpage.css) screen and (min-width: 1024px), print;
@import url(css/detail.css) screen and (min-width: 1024px), print;
@import url(css/list.css) screen and (min-width: 1024px), print;

/* Mobile mode: 1023px and narrower. */
@import url(css/mobile-index.css) screen and (max-width: 1023px);
@import url(css/mobile-webpage.css) screen and (max-width: 1023px);
@import url(css/mobile-detail.css) screen and (max-width: 1023px);
@import url(css/mobile-list.css) screen and (max-width: 1023px);


/* Shared bridge for the single PC/SP PHP markup. */
@import url(css/responsive-bridge.css);

/* v1.4.1 mobile refinements */
@import url(css/mobile-modern.css) screen and (max-width: 1023px);

/* Markup helpers added for mobile cards; hidden in desktop table view. */
.mobile-area-label,
.mobile-price-label,
.mobile-rent-label,
.mobile-rent-area-label,
.mobile-meta-label { display: none; }


/* v1.4.3: phone banner centered and tappable on mobile */
#navi p.banner.smilehouse-phone-banner {
  text-align: center;
}
#navi .smilehouse-phone-banner a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
#navi .smilehouse-phone-banner img {
  display: block;
  margin: 0 auto;
}
#navi .smilehouse-phone-banner-label {
  display: none;
}
@media screen and (max-width: 767px) {
  #navi p.banner.smilehouse-phone-banner {
    margin: 18px 0 24px;
    text-align: center;
  }
  #navi .smilehouse-phone-banner a {
    padding: 4px 8px 7px;
    border-radius: 8px;
  }
  #navi .smilehouse-phone-banner img {
    width: 182px;
    max-width: 72vw;
    height: auto;
  }
  #navi .smilehouse-phone-banner-label {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #9b493c;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
}