@charset "UTF-8";
:root {
  --main-bg-color: #37373a;
  --sub-bg-color: #b3b3b3;
  --button-color: #676767;
  --button-hover-color: #ff8d27;
  --heading-color: #94752c;
  --heading-border-color: #94752c;
  --painted-heading-color: #6c6c6c;
  --link-color: #735e1f;
  --link-hover-color: #e09403;
  --bordered-color: #b2946b;
  --alert-border-color: #8d700c;
  --alert-icon-color: #8d700c;
  --page-top-color: #898989;
}

/**
 加盟店用共通テーマ
*/
.ph1 {
  display: none;
}

.ph2 {
  display: block;
}

html#top_html,
html#top_html body,
#top .drawer,
#top #layout,
#top #wrapper {
  height: 100%;
}

#top #wrapper {
  display: flex;
  flex-direction: column;
}

#top #mainimage {
  flex-grow: 1;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
}

header img.apj_logo {
  height: 40px;
  margin-left: 4px;
  vertical-align: bottom;
}

header .partner_logo {
  display: inline-block;
  top: 7px;
  height: 40px;
  vertical-align: bottom;
}

header .partner_name {
  display: inline-block;
  color: #fff;
  margin-left: 8px;
  font-size: 28px;
  text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.6);
  font-weight: normal;
  vertical-align: bottom;
}

header .header_left {
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 400px) {
  header .header_left {
    line-height: 1;
  }
  header .partner_logo {
    height: 25px;
  }
  header .partner_name {
    margin-left: 2px;
    font-size: 16px;
  }
  header img.apj_logo {
    height: 25px;
  }
}
#fixed_header {
  top: 0px;
}

#top #mainimage {
  background: #e1e1e1;
  background: -moz-linear-gradient(top, #ffffff 70%, #ccc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 70%, #ccc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 70%, #ccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#top #header .hdr_logo,
#footer .footer_bottom .ftr_logo,
#top #sec_02,
#top #sec_01 {
  display: none;
}

.footer_top {
  text-align: center;
}

.footer_top > a {
  display: inline-block;
  margin: 0px 20px;
}

/*******************
  検索結果画面
*******************/
#building #filter_area {
  padding-top: 10px;
}

#building #contents {
  height: calc(100vh - 54px);
}

@media screen and (min-width: 992px) {
  body#building.under #wrapper {
    padding-top: 54px;
  }
  body#building .map_area {
    top: 54px;
  }
  #building .map_area .map_box {
    height: calc(100% - 54px);
  }
}
/**
 加盟店用テーマ
*/
/** メイン背景色 */
header,
#header,
#fixed_header,
#footer .footer_bottom,
#building_list_footer {
  background: var(--main-bg-color);
}

/** サブ背景色 */
#footer .footer_top,
#room .details_area h2 {
  background: var(--sub-bg-color);
}

/** ボタン色 */
a.button,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default,
#top .search_btn {
  background-color: var(--button-color);
  color: #fff;
}

a.button:hover,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover,
#top .search_btn:hover {
  background: var(--button-hover-color);
  color: #fff;
}

/** 見出し色 */
h2 {
  color: var(--heading-color);
  border-bottom: 1px solid var(--heading-border-color);
}

h3.painted {
  background-color: var(--painted-heading-color);
}

/** リンク色 */
a {
  color: var(--link-color);
}

a:hover {
  color: var(--link-hover-color);
}

/** 枠線ボックス */
.bordered {
  border: 1px solid var(--bordered-color);
}

/** アラートダイアログ */
.jconfirm .jconfirm-box.jconfirm-type-blue {
  border-top: solid 7px var(--alert-border-color);
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
  color: var(--alert-icon-color) !important;
}

/** ページトップボタン */
#page_top a {
  background: var(--page-top-color);
}

/** 周辺の物件 */
.other-rooms .room-nav {
  background: var(--main-bg-color);
}

/*# sourceMappingURL=partner_common.css.map */