@charset "utf-8";@charset "UTF-8";
/* -------------------------------------------- *
 *  アイコン
 * -------------------------------------------- */
/* = ui-market-icon
----------------------------------------------- *
 *
----------------------------------------------- */
.ui-market-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  background-image: url('/smp/assets/img/smartphone/common/icon/sprite_market_icon.png?2015001001=&v=a8bef6670d90e5972b79beaeacee614d');
  background-repeat: no-repeat;
  -webkit-background-size: 1em 22em; /* real: 132px x 2904px; */
  background-size: 1em 22em;
  font-size: 2.5rem; /* default */
  vertical-align: bottom;
  text-indent: 1em;
  overflow: hidden;
  white-space: nowrap;
}

.ui-market-icon-chintai {
  background-position: 0 0;
} /* chintai */
.ui-market-icon-mansion {
  background-position: 0 -1em;
} /* mansion */
.ui-market-icon-kodate {
  background-position: 0 -2em;
} /* kodate */
.ui-market-icon-tochi {
  background-position: 0 -3em;
} /* tochi */
.ui-market-icon-toushi {
  background-position: 0 -4em;
} /* chintai_tochi */
.ui-market-icon-chintai_parking {
  background-position: 0 -5em;
} /* chintai_parking */
.ui-market-icon-chintai_tochi {
  background-position: 0 -6em;
} /* chintai_tochi */
.ui-market-icon-chintai_tempo {
  background-position: 0 -7em;
} /* chintai_tempo */
.ui-market-icon-tempo {
  background-position: 0 -7em;
} /* tempo */
.ui-market-icon-chintai_office {
  background-position: 0 -8em;
} /* chintai_office */
.ui-market-icon-office {
  background-position: 0 -8em;
} /* office */
.ui-market-icon-chintai_soko {
  background-position: 0 -9em;
} /* chintai_soko */
.ui-market-icon-soko {
  background-position: 0 -9em;
} /* soko */
.ui-market-icon-chintai_trankroom {
  background-position: 0 -10em;
} /* chintai_trankroom */
.ui-market-icon-chintai_other {
  background-position: 0 -11em;
} /* chintai_other */
.ui-market-icon-other {
  background-position: 0 -11em;
} /* other */
.ui-market-icon-chintai_kaigo {
  background-position: 0 -12em;
} /* chintai_kaigo */
.ui-market-icon-iezukuri {
  background-position: 0 -14em;
} /* iezukuri */
.ui-market-icon-reform {
  background-position: 0 -13em;
} /* reform */
.ui-market-icon-renovation {
  background-position: 0 -15em;
} /* renovation */
.ui-market-icon-hikkoshi {
  background-position: 0 -16em;
} /* hikkoshi */
.ui-market-icon-interior {
  background-position: 0 -17em;
} /* interior */
.ui-market-icon-satei {
  background-position: 0 -18em;
} /* satei */
.ui-market-icon-club {
  background-position: 0 -19em;
} /* club */
.ui-market-icon-fire_insurance {
  background-position: 0 -20em;
} /* fire_insurance */
.ui-market-icon-support {
  background-position: 0 -21em;
} /* support */
/* = mod-latestBukkenList
----------------------------------------------- */
.mod-bukkenList {
  background-color: #f5f5f5;
  padding: 1.25rem 0 0.62rem;
}

.mod-bukkenList:empty {
  display: none;
}

.mod-bukkenList .bukkenListCont:last-child:not(:only-child) {
  padding-top: 0.62rem;
}

.mod-bukkenList .bukkenListHeading {
  padding: 0 0.62rem;
  line-height: 1.6;
  font-size: 1.12rem;
  font-weight: bold;
  border: none;
  background: none;
}

.mod-bukkenList .bukkenListHeading:before {
  display: none;
}
@charset "UTF-8";
/* = mod-shinchikuCaution
----------------------------------------------- *
 * 新築注意文言 
----------------------------------------------- */
.mod-shinchikuCaution {
  font-size: 0.75rem;
  margin: 10px 0;
  padding: 7px;
}
@charset "UTF-8";
/* = mod-supportInfoLinkList
----------------------------------------------- *
 *サポートセンター
----------------------------------------------- */
.mod-supportInfoLinkList {
  background-color: #ebebeb;
  padding: 10px;
}

.mod-supportInfoLinkList .heading {
  padding: 10px 0;
  font-weight: bold;
  font-size: 1rem;
}

.mod-supportInfoLinkList .callButton {
  padding: 0 20px;
}

.mod-supportInfoLinkList .callButton .consultation {
  margin: 10px 0;
}

.mod-supportInfoLinkList .callButton .call {
  position: relative;
  display: block;
  padding: 10px;
  line-height: 1.4;
  color: #ed6103;
  text-decoration: none;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.mod-supportInfoLinkList .callButton .call:after {
  position: absolute;
  bottom: 0;
  right: 10px;
  content: "";
  width: 70px;
  height: 73px;
  background-image: url('/smp/assets/img/smartphone/page/index/bg_support.png?v=1b4597b751ef0e62381f2e0dd2fdfcb1');
  background-size: 70px 73px;
  background-repeat: no-repeat;
}

.mod-supportInfoLinkList .callButton .call .number {
  font-size: 1.12rem;
  font-weight: bold;
}

@media (min-width: 360px) {
  .mod-supportInfoLinkList .callButton .call .number {
    font-size: 1.37rem;
  }
}
@media (min-width: 375px) {
  .mod-supportInfoLinkList .callButton .call .number {
    font-size: 1.5rem;
  }
}
.mod-supportInfoLinkList .callButton .call .icon {
  margin-right: 3px;
}

.mod-supportInfoLinkList .infoButton {
  padding: 10px 20px;
}

.mod-supportInfoLinkList .infoButton .item {
  display: block;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  color: #ed6103;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-weight: bold;
}
@charset "UTF-8";
/* = mod-banner
----------------------------------------------- *
 * バナー
 *
 * 使用箇所：マドリームバナー（LP、reTop（前回検索条件で賃貸の時のみ）、賃流会社詳細）
 *             L mod-bannerMadream.html.twig
 *             L mod-bannerMadreamRealtor.html.twig
 *         Gomezバナー（賃貸　各LP　※賃貸TOP、物件種別、広域、都道府県、政令指定都市、市区、駅のみ）
 *             L mod-bannerGomez.html.twig
----------------------------------------------- */
.mod-banner {
  font-size: 16px; /* 新UI移行時に `1rem` に変更 */
  margin: 20px 0;
  text-align: center;
}

/* = mod-banner-madoguchi
----------------------------------------------- *
 * Madoguchi banner styling
 *
 * Usage: Madoguchi consultation banner
----------------------------------------------- */
.mod-banner.mod-banner-madoguchi {
  margin: 0 10px 20px 10px;
}

.mod-banner.mod-banner-madoguchi img {
  width: 100%;
}
@charset "UTF-8";
/* -------------------------------------------- *
 *  一覧
 * -------------------------------------------- */
.sec-contents {
  padding-top: 5px;
  background-color: #f5f5f5;
}

.sec-searchResult {
  margin: 20px 10px;
}

/* 一覧：kks新築分譲マンションエリアバナー（下段） */
.sec-mansionAreaBanner {
  margin: 30px 10px;
}

.sec-mansionAreaBanner > .heading {
  margin-bottom: 0.75em;
  font-size: 1rem;
  font-weight: bold;
  /* ui-heading_bar_lv2_2 上書き */
  padding: 0;
  line-height: 1;
  color: inherit;
  background: none;
}

/* 一覧：賃貸「ページトップへ」ボタン直上SEOリンク枠 */
.mod-expansionPanel + .sec-linkAccordionboxField {
  margin-top: 0;
}
.mod-expansionPanel + .sec-linkAccordionboxField .mod-expansionPanel {
  border-top: 0;
}

.sec-linkAccordionboxField {
  margin-top: 1px; /* 子要素の−1pxのクリアのため */
  margin-bottom: 10px;
}

.sec-linkAccordionboxField:empty {
  display: none;
}

/* 新UI対応 */
.mod-personalIdentity {
  margin-bottom: 0;
}

.animation .bounceBaloon {
  animation-duration: 1.2s;
  animation-iteration-count: 1;
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes bounce {
  from, 20%, 50%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -18px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -12px, 0);
  }
  90% {
    transform: translate3d(0, -6px, 0);
  }
}
@charset "UTF-8";
/* = mod-themeTopicHeading
----------------------------------------------- *
 * テーマラベル・リード文箇所のcss
 * 賃貸・戸建・中古マンション・新築マンション
----------------------------------------------- */
.mod-themeTopicHeading {
  font-size: 16px;
}
.mod-themeTopicHeading__title {
  padding: 8px 10px 10px;
  color: #000;
  background-color: #f5f5f5;
  font-weight: bold;
}
.mod-themeTopicHeading__areaCategory {
  display: block;
  line-height: 1.57;
  font-size: 0.875em;
}
.mod-themeTopicHeading__titleText {
  display: block;
  float: right;
  margin-top: 12px;
  width: calc(100% - 90px);
  box-sizing: border-box;
  transform: translateY(-5px);
}
.mod-themeTopicHeading__badge {
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 3px 3px 3px 4px;
  color: #fff;
  background: #ed6103;
  margin-right: 5px;
  line-height: 1;
  font-size: 0.875em;
}
.mod-themeTopicHeading__badge::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  border-width: 10px 5px 10px 0;
  border-style: solid;
  border-color: #ed6103 transparent #ed6103 #ed6103;
}
.mod-themeTopicHeading__topic {
  line-height: 1.44;
  font-size: 1.125em;
  color: #ed6103;
}
.mod-themeTopicHeading__title > .mod-themeTopicHeading__topic {
  display: block;
  float: right;
  margin-top: 12px;
  width: calc(100% - 90px);
  box-sizing: border-box;
  transform: translateY(-5px);
}
.mod-themeTopicHeading__imageWrapper {
  display: inline-block;
  padding: 0 10px;
}
.mod-themeTopicHeading__titleImage {
  width: 80px;
  height: 60px;
}
.mod-themeTopicHeading__lead {
  padding: 12px 10px 20px;
  font-size: 0.875em;
  line-height: 1.43;
  clear: both;
}
.mod-themeTopicHeading__lead--on-disclosure {
  padding: 12px 10px 5px;
}
.mod-themeTopicHeading__disclosure {
  position: relative;
  padding: 0px 10px 20px;
  font-size: 0.875em;
  line-height: 1.43;
  clear: both;
}
.mod-themeTopicHeading__disclosure .mod-themeTopicHeading__button--close {
  display: block;
}
.mod-themeTopicHeading__disclosure .mod-themeTopicHeading__button--open {
  display: none;
}
.mod-themeTopicHeading__disclosure.is-expanded .mod-themeTopicHeading__disclosure-box {
  display: block;
}
.mod-themeTopicHeading__disclosure.is-expanded .mod-themeTopicHeading__button--close {
  display: none;
}
.mod-themeTopicHeading__disclosure.is-expanded .mod-themeTopicHeading__button--open {
  display: block;
}
.mod-themeTopicHeading__disclosure.is-expanded .mod-themeTopicHeading__arrow {
  transform: rotate(180deg);
}
.mod-themeTopicHeading__disclosure-box {
  display: none;
}
.mod-themeTopicHeading__disclosure-content {
  display: flex;
  position: relative;
  padding: 0px 10px 20px;
  font-size: 0.875em;
  line-height: 1.43;
  clear: both;
  flex-direction: column;
}
.mod-themeTopicHeading__disclosure-title {
  font-weight: 600;
}
.mod-themeTopicHeading__disclosure-text {
  margin-top: 0.25rem;
}
.mod-themeTopicHeading__disclosure-detail {
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.mod-themeTopicHeading__button-cover {
  display: flex;
  justify-content: flex-end;
}
.mod-themeTopicHeading__button {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  background-color: #f5f5f5;
  border: none;
  cursor: pointer;
  padding-right: 0;
}
.mod-themeTopicHeading__arrow {
  margin-left: 0.5rem;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22%236c6c6c%22%3E%3Cpath%20d%3D%22M99.6%2C46.9l-4.2-4.2c-1.6-1.6-4.1-1.6-5.7%2C0l-26.9%2C26.8c-1.6%2C1.6-4.1%2C1.6-5.7%2C0l-26.8-26.8c-1.6-1.6-4.1-1.6-5.7%2C0l-4.2%2C4.2c-1.6%2C1.6-1.6%2C4.1%2C0%2C5.7l36.8%2C36.8c.8.8%2C1.8%2C1.2%2C2.8%2C1.2%2C1%2C0%2C2.1-.4%2C2.8-1.2l36.8-36.8c1.6-1.6%2C1.6-4.1%2C0-5.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 1em;
}
@charset "UTF-8";
/* = mod-themeDescription
----------------------------------------------- *
 * テーマの説明文
----------------------------------------------- */
.mod-themeDescription {
  margin: 10px 0;
  padding: 10px 7px;
  font-size: 12px;
  line-height: 1.5;
}
@charset "UTF-8";
/* = mod-nonListBukken
----------------------------------------------- *
 * 一覧0件でしたアナウンス
----------------------------------------------- */
.mod-nonListBukken {
  font-size: 0.87rem;
  background-color: #fff;
}

.mod-nonListBukken.zero {
  background-color: #f5f5f5;
  font-size: 14px;
}

.mod-nonListBukken .message {
  padding: 2em 1em;
  line-height: 1.6;
}

.mod-nonListBukken .message em {
  font-size: 1.14em;
  font-weight: bold;
}

/* 導線 */
.mod-nonListBukken .action {
  padding: 1em 0;
  background-color: #f7fafa;
}

/* 導線：再検索、新着メール */
.mod-nonListBukken .reSearch,
.mod-nonListBukken .newArrivalMail {
  margin: 0 1em;
}

.mod-nonListBukken .reSearch + .newArrivalMail,
.mod-nonListBukken .reSearch + .reSearch.area {
  margin-top: 1em;
}

.mod-nonListBukken .reSearch .lead,
.mod-nonListBukken .newArrivalMail .lead {
  line-height: 1.4;
}

.mod-nonListBukken .reSearch .goToReSearch,
.mod-nonListBukken .newArrivalMail .getNewArrivalMail {
  margin: 0.5em 1em 0;
}
/* = mod-topicList
----------------------------------------------- *
 * 
----------------------------------------------- */
/*.mod-topicList {}*/
.mod-topicList .topicList {
  margin-bottom: -1px;
  border-bottom: 1px solid #c4c4c4;
}

/*.mod-topicList .listItem {}*/
.mod-topicList .listItem:not(:first-child) {
  border-top: 1px solid #c4c4c4;
}

.mod-topicList .listItem .title {
  font-weight: normal;
}
@charset "UTF-8";
/* -------------------------------------------- *
 *  最近見た・お気に入り物件
 * -------------------------------------------- */
/* = mod-personalBukken
----------------------------------------------- *
 * 
----------------------------------------------- */
.mod-personalBukken {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  margin: 1.25rem 0.62rem;
  overflow: hidden;
}

.mod-personalBukken:last-child {
  margin-bottom: 0.62rem;
}

.mod-personalBukken .wrap {
  display: table;
  width: 100%;
}

.mod-personalBukken .wrap .checkBox,
.mod-personalBukken .wrap .bukken {
  display: table-cell;
  vertical-align: middle;
}

.mod-personalBukken .checkBox {
  width: 2.62rem;
  border-radius: 4px 0 0 4px;
  background: #bdc8ca;
  font-size: 1.12rem;
  text-align: center;
}

/* heading */
.mod-personalBukken .heading {
  display: table;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0.62rem 0.31rem;
  border-bottom: 1px solid #d8d8d8;
  line-height: 1.4;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mod-personalBukken .checkBox + .bukken .heading {
  border-radius: 0 5px 0 0; /* with checkbox */
}

.mod-personalBukken .heading .name {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  text-overflow: ellipsis; /* for ellipsis */
  white-space: nowrap; /* for ellipsis */
  overflow: hidden; /* for ellipsis */
}

.mod-personalBukken .heading .name .icon-bukkenType {
  vertical-align: middle;
}

.mod-personalBukken .heading .name .icon-bukkenType span {
  padding: 0.31rem;
}

.mod-personalBukken .heading .name .prg-raName {
  padding-left: 0.31rem;
}

.mod-personalBukken .heading .add,
.mod-personalBukken .heading .delete {
  width: 2em;
  padding: 0.43rem 0;
  border-left: 1px solid #c4c4c4;
  -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.65);
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.65);
  font-size: 1.37rem;
  text-align: center;
  cursor: pointer;
}

.mod-personalBukken:not(.is-favorite) .heading .delete,
.mod-personalBukken.is-favorite .heading .add {
  display: none;
}

.mod-personalBukken:not(.is-favorite) .heading .add,
.mod-personalBukken.is-favorite .heading .delete {
  display: table-cell;
  vertical-align: middle;
}

/* summary */
.mod-personalBukken .summary {
  display: block;
}

.mod-personalBukken .summary .inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.mod-personalBukken .summary .photoBox,
.mod-personalBukken .summary .specBox,
.mod-personalBukken .summary .linkArrow {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.mod-personalBukken .summary .photoBox {
  width: 100px;
  text-align: center;
  vertical-align: top;
}

.mod-personalBukken .summary .photoBox.noImage {
  color: #aeaeae;
  vertical-align: middle;
}

.mod-personalBukken .summary .photoBox img {
  max-width: 100%;
  max-height: 86px;
  vertical-align: bottom;
}

.mod-personalBukken .summary .specBox {
  padding: 0.93rem 0.18rem 0.93rem 0.62rem;
  line-height: 1.4;
  font-size: 0.75rem;
  text-align: left;
}

.mod-personalBukken .summary .specBox .title {
  color: #69c;
}

.mod-personalBukken .summary .specBox dl {
  line-height: 1.4;
  font-size: 0.87rem;
}

.mod-personalBukken .summary .specBox dt,
.mod-personalBukken .summary .specBox dd {
  font-weight: normal;
}

.mod-personalBukken .summary .specBox dt {
  float: left;
  min-width: 4em;
  padding-right: 0.5em;
  color: #3a515a;
  white-space: nowrap;
}

.mod-personalBukken .summary .specBox dd {
  display: -webkit-box;
  word-break: break-all;
  word-wrap: break-word;
}

.mod-personalBukken .summary .specBox ul {
  margin-bottom: 0.31rem;
}

.mod-personalBukken .summary .price {
  color: #ed6103;
  font-weight: bold;
  font-size: 0.87rem;
  margin-bottom: 0.31rem;
}

.mod-personalBukken .summary .price .num {
  font-size: 1rem;
}

.mod-personalBukken[data-collection=BKodate] .summary .price .num {
  max-height: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.mod-personalBukken .summary .extraPrice {
  font-weight: normal;
}

.mod-personalBukken .summary .traffic,
.mod-personalBukken .summary .address {
  font-size: 0.87rem;
}

.mod-personalBukken[data-collection=BKodate] .summary .specBox dd,
.mod-personalBukken[data-collection=BKodate] .summary .prg-raTraffic,
.mod-personalBukken[data-collection=BKodate] .summary .prg-raAddress {
  max-height: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.mod-personalBukken .summary .anchor {
  margin-bottom: -0.43rem;
  text-align: right;
}

.mod-personalBukken .summary .anchor .linkText {
  display: inline-block;
  padding: 0.43rem 0 0.43rem 0.43rem;
}

.mod-personalBukken .summary .linkArrow {
  width: 12px;
  text-align: inherit;
  padding: 0 5px;
}

.mod-personalBukken .summary .linkArrow > span {
  vertical-align: baseline;
  text-indent: 0;
  overflow: auto;
  white-space: normal;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M89.3%2056.6l-44.7-44.7c-1.9-1.9-4.9-1.9-6.8%200l-7.1%207.1c-1.9%201.9-1.9%204.9%200%206.8l30.8%2030.8c1.9%201.9%201.9%204.9%200%206.8l-30.8%2030.8c-1.9%201.9-1.9%204.9%200%206.8l7.1%207.1c1.9%201.9%204.9%201.9%206.8%200l44.7-44.7c1.9-1.9%201.9-4.9%200-6.8z%22/%3E%3C/svg%3E') no-repeat 0 0;
  background-size: 12px;
}

/* 賃貸・流通のみ掲載期限を表示 */
.mod-personalBukken .summary .bukkenRemainDate .date {
  font-weight: bold;
  color: #ED6103;
  background: #FCE8DB;
  padding: 0.12rem 0.25rem;
}

/* button */
.mod-personalBukken .button {
  background-color: #515151;
  border-radius: 0 0 5px 5px;
}

.mod-personalBukken .checkBox + .bukken .button {
  border-radius: 0 0 5px 0; /* with checkbox */
}

.mod-personalBukken .button .buttonList {
  display: table;
  width: 100%;
  border-spacing: 0.31rem;
}

.mod-personalBukken .button .buttonList .buttonItem {
  display: table-cell;
}

.mod-personalBukken .button .buttonList .buttonItem a {
  padding: 0.5rem 0.25rem;
}

.mod-personalBukken .button .buttonList .phone {
  width: 4.2em;
}

.mod-personalBukken .button .buttonList .phoneIcon {
  width: 3em;
}

.mod-personalBukken .button .buttonList .phone .free {
  margin-left: -0.31rem;
}