@charset "utf-8";@charset "UTF-8";
/* -------------------------------------------- *
 *  base
 * -------------------------------------------- */
html,
body {
  height: 100%;
}

body {
  color: #333;
  background: #fff;
  font-size: 87.5%;
  font-family: HiraKakuProN-W3, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
}

/* 計測タグ系で高さ1pxの画像が入ることがあるのでそれを描画範囲外に飛ばす */
body > script ~ img {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* 計測タグ系で高さや幅をもつiframeが入ることがあるのでそれを描画範囲外に飛ばす */
body > iframe,
body > [id^=deqwas-] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* focus-visible */
:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: 2px solid;
  outline: 5px auto -webkit-focus-ring-color;
  outline-color: #236dda;
}
@charset "UTF-8";
/* -------------------------------------------- *
 *  サブセット
 * -------------------------------------------- */
/* = is-hide
----------------------------------------------- *
 * 要素非表示
----------------------------------------------- */
.is-hide {
  display: none !important;
}

/* = is-having-fixed-stuff-bottom
----------------------------------------------- *
 * 下部固定配置時のbody下部余白
----------------------------------------------- */
body.is-having-fixed-stuff-bottom:after {
  content: "";
  display: block;
  padding-bottom: 3.75rem;
}

/* = fixedTable
----------------------------------------------- *
 * 横並び用サブセット
 * [構造]
 * .fixedTable > .fixedTableRow > .fixedTableCell
----------------------------------------------- */
.fixedTable {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fixedTable > .fixedTableRow {
  display: table-row;
}

.fixedTableRow > .fixedTableCell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* = icon-bukkenType
----------------------------------------------- *
 * 物件種別アイコン
 * [使用]
 * 全体
----------------------------------------------- */
.icon-bukkenType {
  display: inline-table;
  line-height: 1;
  font-size: 0.62rem;
  vertical-align: text-top;
}

.icon-bukkenType .bType,
.icon-bukkenType .bStatus {
  display: table-cell;
  padding: 0.2em 0.2em;
  border-width: 1px;
  border-style: solid;
  font-weight: normal;
}

/* 賃貸居住用 */
.icon-bukkenType.rent_residence .bType {
  border-color: #c95303;
  color: #fff;
  background-color: #ed6103;
}

/* 売買居住用 */
.icon-bukkenType.sale_residence .bType {
  border-color: #2c70a4;
  color: #fff;
  background-color: #397db2;
}

.icon-bukkenType.sale_residence .bStatus {
  border-color: #a0bed5;
  color: #0b3f67;
  background-color: #b0cbe0;
}

/* 賃貸・売買非居住用 */
.icon-bukkenType.rent_business .bType,
.icon-bukkenType.sale_business .bType {
  border-color: #5e5e5e;
  color: #fff;
  background-color: #666;
}

.icon-bukkenType.rent_business .bStatus,
.icon-bukkenType.sale_business .bStatus {
  border-color: #c9c9c9;
  color: #303030;
  background-color: #d6d6d6;
}

.icon-bukkenType.rent_business .bType + .bStatus,
.icon-bukkenType.sale_business .bType + .bStatus {
  border-left-width: 0;
}

/* = icon-
----------------------------------------------- *
 * アイコン
 * [使用]
 * 会社詳細
 * 会社一覧
 * 会社物件一覧
 * 会社選択
----------------------------------------------- */
.icon-certification {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #ed6103;
  line-height: 20px;
  color: #ed6103;
  background: #fff;
  font-size: 0.75rem;
}

.icon-pc {
  display: inline-block;
  padding: 0.12rem 0.25rem;
  border: 1px solid #bdc8ca;
  line-height: 1;
  color: #bdc8ca;
  font-size: 0.62rem;
  vertical-align: bottom;
  border-radius: 3px;
}

.icon-line {
  display: inline-block;
  padding: 2px 5px;
  border: 1px solid #ed6103;
  line-height: 1;
  background: #fff;
  color: #07ad03;
  font-size: 0.75rem;
}

.icon-coupon {
  display: inline-block;
  padding: 2px 5px;
  border: 1px solid #ffa600;
  line-height: 1;
  background: #fff;
  color: #ffa600;
  font-size: 0.75rem;
}

.icon-online {
  display: inline-flex;
  align-items: center;
  padding: 0 0.5em;
  border: 1px solid #ed6103;
  background-color: #fff;
  line-height: 20px;
  color: #ed6103;
  font-size: 0.75rem;
}

/* = mod-fixedButtonArea
----------------------------------------------- *
 * ボタンエリア
 * [使用]
 *
----------------------------------------------- */
.mod-fixedButtonArea {
  margin: 0.87rem 0;
  padding: 0.43rem 0;
  background: rgba(51, 51, 51, 0.85);
  text-align: center;
}

/* 下部固定用class */
.mod-fixedButtonArea.is-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  margin: 0;
  padding: 0;
  transform-origin: 0 0;
}

/* inactive時は非表示 */
.mod-fixedButtonArea.is-fixed.is-inactive {
  transform: translateY(100%);
}

/* active時animationで表示 */
.mod-fixedButtonArea.is-fixed.is-active {
  transition: transform 0.3s;
  transform: translateY(0);
}

.mod-fixedButtonArea .itemGroup {
  display: table;
  border-spacing: 0.43rem 0;
  width: 100%;
}

.mod-fixedButtonArea .itemTxt {
  padding: 0.43rem;
  color: #fff;
}

.mod-fixedButtonArea .itemGroup .itemTxt {
  display: table-cell;
  padding: 0.43rem 0;
  vertical-align: middle;
}

.mod-fixedButtonArea .itemTxt .num {
  display: inline-block;
  padding: 0.43rem 0.2em 0.43rem 0.5em;
  font-size: 1.12rem;
}

.mod-fixedButtonArea.has-map .itemTxt {
  text-align: left;
  padding-bottom: 0;
}

.mod-fixedButtonArea.has-map .itemTxt .num {
  padding: 0 0.2em 0 0.5em;
}

.mod-fixedButtonArea .itemFullBtn {
  padding: 0.43rem;
}

.mod-fixedButtonArea .itemBtn {
  width: 80%;
  margin: auto;
  padding: 0.43rem;
}

.mod-fixedButtonArea .itemTxt + .itemBtn {
  width: auto;
}

.mod-fixedButtonArea .itemGroup .itemBtn {
  display: table-cell;
  width: 50%;
  padding: 0.43rem 0;
  vertical-align: middle;
}

.mod-fixedButtonArea .itemGroup .itemTxt + .itemBtn {
  width: 60%;
}

/* 問合せ確認ページ用 */
.mod-fixedButtonArea .inqConfirm .correct {
  width: 30%;
  vertical-align: bottom;
}

.mod-fixedButtonArea .inqConfirm .submit {
  width: 70%;
}

/* = mod-buttonArea
----------------------------------------------- *
 * ボタンエリア
 * [使用]
 *
----------------------------------------------- */
.mod-buttonArea {
  padding: 1em 0;
  text-align: center;
}

.mod-buttonArea .itemGroup {
  display: table;
  width: 100%;
}

.mod-buttonArea .itemTxt {
  margin-bottom: 0.5em;
  padding: 0 0.5em;
}

.mod-buttonArea .itemGroup .itemTxt {
  display: table-cell;
  margin-bottom: 0;
}

.mod-buttonArea .itemTxt .num {
  padding: 0 2px;
  font-size: 1.4em;
}

.mod-buttonArea .itemFullBtn {
  padding: 0 0.5em;
}

.mod-buttonArea .itemBtn {
  width: 80%;
  margin: 1em auto;
  padding: 0 0.5em;
}

.mod-buttonArea .itemGroup .itemBtn {
  display: table-cell;
  width: 50%;
}

.mod-buttonArea .itemGroup .itemTxt + .itemBtn {
  width: 60%;
}

/* = mod-floatingBox
----------------------------------------------- *
 * 上下左右にスペースを設けたボックス
----------------------------------------------- */
.mod-floatingBox {
  margin: 0.87rem 0.43rem;
  background: #fff;
}

/* square */
.mod-floatingBox.square {
  border-right: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
}

/* round */
/*.mod-floatingBox.round {}*/
/* = mod-taxNotice
----------------------------------------------- *
 * 消費税に関するユーザー向け注釈表示
 * ※2014/04/24以降不必要になるため削除
----------------------------------------------- */
.mod-taxNotice {
  margin: 0.87rem 0.43rem;
}

.mod-taxNotice p {
  padding: 0.43rem;
  border: 1px solid #c4c4c4;
  line-height: 1.4;
  font-weight: bold;
}

.mod-taxNotice.taxList {
  margin: -0.87rem 0 0.87rem;
  padding: 0 0.43rem;
  font-size: 0.75rem;
}

.mod-taxNotice.taxList ul {
  line-height: 1.43;
}

.mod-taxNotice.taxList li {
  margin-left: 1em;
  text-indent: -1em;
  text-align: justify;
  font-weight: bold;
}
@charset "UTF-8";
/* -------------------------------------------- *
 *  アイコン
 * -------------------------------------------- */
/* = ui-svg-icon
----------------------------------------------- *
 *
----------------------------------------------- */
.ui-svg-icon {
  display: inline-block;
}

.ui-svg-icon > svg {
  vertical-align: -12.5%;
}

/* = ui-icon
----------------------------------------------- *
 * 
----------------------------------------------- */
.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  background-image: url('/smp/assets/img/smartphone/common/icon/sprite_icon.png?v=63f540d4e451009b0ff004cc1cbde6fc');
  background-repeat: no-repeat;
  background-size: 1em 54em;
  vertical-align: -0.0952em;
  text-indent: 1em;
  overflow: hidden;
  white-space: nowrap;
}

.ui-icon-flat_history {
  background-position: 0 0;
} /* flat_history */
.ui-icon-flat_favorite {
  background-position: 0 -1em;
} /* flat_favorite */
.ui-icon-flat_condition {
  background-position: 0 -2em;
} /* flat_condition */
.ui-icon-account {
  background-position: 0 -3em;
} /* account */
.ui-icon-account_info {
  background-position: 0 -4em;
} /* account_info */
.ui-icon-favorite_notyet {
  background-position: 0 -5em;
} /* favorite-notyet */
.ui-icon-favorite {
  background-position: 0 -6em;
} /* favorite */
.ui-icon-favorite_delete {
  background-position: 0 -7em;
} /* favorite-delete */
.ui-icon-mail {
  background-position: 0 -8em;
} /* mail */
.ui-icon-mail_disabled {
  background-position: 0 -9em;
} /* mail_disabled */
.ui-icon-mail_orange {
  background-position: 0 -10em;
} /* mail_orange */
.ui-icon-pull_down_box {
  background-position: 0 -11em;
} /* pull_down_box */
.ui-icon-pull_up_box {
  background-position: 0 -12em;
} /* pull_up_box */
.ui-icon-pull_down {
  background-position: 0 -13em;
} /* pull_down */
.ui-icon-pull_up {
  background-position: 0 -14em;
} /* pull_up */
.ui-icon-arrow_down {
  background-position: 0 -15em;
} /* arrow_down */
.ui-icon-arrow_up {
  background-position: 0 -16em;
} /* arrow_up */
.ui-icon-arrow_left {
  background-position: 0 -17em;
} /* arrow_left */
.ui-icon-arrow_right {
  background-position: 0 -18em;
} /* arrow_right */
.ui-icon-arrow_right_orange {
  background-position: 0 -19em;
} /* arrow_right_orange */
.ui-icon-arrow_left_white {
  background-position: 0 -20em;
} /* arrow_left_white */
.ui-icon-arrow_right_white {
  background-position: 0 -21em;
} /* arrow_right_white */
.ui-icon-check {
  background-position: 0 -22em;
} /* check */
.ui-icon-train {
  background-position: 0 -23em;
} /* train */
.ui-icon-map {
  background-position: 0 -24em;
} /* map */
.ui-icon-location {
  background-position: 0 -25em;
} /* location */
.ui-icon-info {
  background-position: 0 -26em;
} /* info */
.ui-icon-info_orange {
  background-position: 0 -27em;
} /* info_orange */
.ui-icon-delete {
  background-position: 0 -29em;
} /* delete */
.ui-icon-phone {
  background-position: 0 -30em;
} /* phone */
.ui-icon-zoom {
  background-position: 0 -31em;
} /* zoom */
.ui-icon-search {
  background-position: 0 -32em;
} /* search */
.ui-icon-search_orange {
  background-position: 0 -33em;
} /* search_orange */
.ui-icon-train_hollow {
  background-position: 0 -34em;
} /* hollow train */
.ui-icon-money_hollow {
  background-position: 0 -35em;
} /* hollow money */
.ui-icon-house_hollow {
  background-position: 0 -36em;
} /* hollow house */
.ui-icon-location_hollow {
  background-position: 0 -37em;
} /* location house */
.ui-icon-theta {
  background-position: 0 -38em;
} /* theta */
.ui-icon-pull_down_white {
  background-position: 0 -39em;
} /* pull_down_white */
.ui-icon-close_white {
  background-position: 0 -40em;
} /* close_white */
.ui-icon-info_circle {
  background-position: 0 -41em;
} /* info_circle */
.ui-icon-question {
  background-position: 0 -42em;
} /* question */
.ui-icon-house_fill {
  background-position: 0 -43em;
} /* fill house */
.ui-icon-facility {
  background-position: 0 -44em;
} /* facility */
.ui-icon-list_white {
  background-position: 0 -45em;
} /* list_white */
.ui-icon-location_white {
  background-position: 0 -46em;
} /* location_white */
.ui-icon-crown {
  background-position: 0 -47em;
} /* crown */
.ui-icon-circle_graph {
  background-position: 0 -48em;
} /* circle_graph */
.ui-icon-commute {
  background-position: 0 -49em;
} /* commute */
.ui-icon-ltagflow {
  background-position: 0 -49em;
} /* ltagflow */
.ui-icon-plus {
  background-position: 0 -50em;
} /* plus */
.ui-icon-train_hollow_gray {
  background-position: 0 -51em;
} /* train_hollow_gray */
.ui-icon-current_point {
  background-position: 0 -52em;
} /* current_point */
.ui-icon-loan {
  background-position: 0 -53em;
} /* loan */
.ui-icon-loading {
  animation: ui-icon-loading 0.8s linear infinite;
  background-position: 0 -28em;
  -webkit-transform: translate3d(0, 0, 0);
}

@keyframes ui-icon-loading {
  /* IE10+, Fx16+, Opera12.1+ */
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@charset "UTF-8";
/* = mod-popularRanking
----------------------------------------------- *
 * 流通 都道府県LP（居住用のみ） 人気地域、駅ランキング
----------------------------------------------- */
.mod-popularRanking {
  font-size: 1rem;
}

.mod-popularRanking .box {
  background-color: #fff;
}

/* ヘッド */
.mod-popularRanking .subHeading {
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

.mod-popularRanking .subHeading:first-of-type {
  padding-top: 15px;
}

/* リスト*/
.mod-popularRanking .item {
  border-bottom: 1px solid #ccc;
  counter-increment: cnt;
}

.mod-popularRanking .item a {
  text-decoration: none;
  color: #333;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 10px;
}

.mod-popularRanking a::before {
  width: 30px;
  content: counter(cnt) "位";
  color: #ed6103;
  font-weight: bold;
  padding-right: 15px;
}

.mod-popularRanking .spotName {
  width: calc(100% - 55px);
}

.mod-popularRanking .annotation {
  padding: 10px;
  margin-left: 1em;
  line-height: 1.4;
  font-size: 0.75em; /* 12px */
}

.mod-popularRanking .annotation::first-letter {
  margin-left: -1em;
}
@charset "UTF-8";
/* = mod-prefTitle
----------------------------------------------- *
* ページタイトル
* [使用]
* 目次LP
----------------------------------------------- */
.mod-prefTitle {
  margin-bottom: 16px;
  padding: 16px 16px 0;
}

.mod-prefTitle.kodate {
  background: url('/smp/assets/img/smartphone/page/flow/guidance/kodate/bg_title.jpg?v=f7f24fac6d96672d0c5a57844ae74089');
  background-position: right top;
  background-size: auto 149px;
  background-repeat: no-repeat;
}

.mod-prefTitle .heading {
  width: 200px;
  position: relative;
  color: #ed6103;
  font-weight: bold;
  font-size: 1.43rem;
  line-height: 1.2;
}

.mod-prefTitle .heading span {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
}

.mod-prefTitle .heading::before,
.mod-prefTitle .heading::after,
.mod-prefTitle .heading span::before,
.mod-prefTitle .heading span::after {
  content: "";
  position: absolute;
  display: block;
  width: 13px;
  height: 13px;
  background: url('/smp/assets/img/smartphone/page/flow/guidance/icon_focus.svg?v=1e16557fb4a2141b8a876b457b9ec8d7') no-repeat 0 0;
  background-size: contain;
}

.mod-prefTitle .heading::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  top: 0;
  left: 0;
}

.mod-prefTitle .heading::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
  right: 0;
}

.mod-prefTitle .heading span::before {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  left: 0;
  bottom: 0;
}

.mod-prefTitle .heading span::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 0;
  bottom: 0;
}

.mod-prefTitle .count {
  background: url('/smp/assets/img/smartphone/page/flow/guidance/bg_title_count.png?v=a35af6fb9f1bc96baa1ebd96c80d100d') no-repeat 0 7px;
  background-size: 69px 52px;
  padding: 27px 0 20px 60px;
  min-height: 52px;
  color: #ed6103;
  font-weight: bold;
  font-size: 0.75rem;
  box-sizing: border-box;
}
@charset "UTF-8";
/* = mod-prefList
----------------------------------------------- *
* 物件リスト
* [使用]
* 目次LP
----------------------------------------------- */
.mod-prefList {
  border-bottom: 16px solid #f5f4f2;
  padding: 0 16px 16px;
  overflow-x: hidden;
}

.mod-prefList.top {
  border-bottom: none;
}

.mod-prefList .swipe {
  margin: 0 -16px 16px -8px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.mod-prefList .heading {
  padding: 16px 10px 16px 16px;
  position: relative;
  font-weight: bold;
  font-size: 1.12rem;
}

.mod-prefList .heading::before {
  background-color: #ed6103;
  border-radius: 3px;
  content: "";
  position: absolute;
  top: 13px;
  bottom: 13px;
  left: 0;
  width: 6px;
}

.mod-prefList .infoText {
  padding: 0 16px 10px 0;
  line-height: 1.5;
  font-size: 0.75rem;
}

.mod-prefList .note {
  padding: 8px 16px 0 0;
  line-height: 1.5;
  font-size: 0.75rem;
}

.mod-prefList .building {
  display: table;
  table-layout: fixed;
  border-spacing: 8px 0;
  width: 100%;
  padding-right: 8px;
}

.mod-prefList .building .item {
  display: table-cell;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  position: relative;
  box-sizing: border-box;
  vertical-align: top !important;
  width: 42vw;
}

.mod-prefList .building .item:nth-child(1):last-child,
.mod-prefList .building .item:nth-child(2):last-child {
  display: block;
}

.mod-prefList .building .item.more {
  position: relative;
}

.mod-prefList .building .item.more a {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  color: #ed6103;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.4;
  position: absolute;
  height: 100%;
  width: 100%;
}

.mod-prefList .building .inner {
  color: inherit;
  text-decoration: none;
}

.mod-prefList .building .more .inner {
  padding-top: 130px;
  min-height: 85px;
  text-align: center;
}

.mod-prefList .building .more .inner::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  margin: 10px 0 0 -29px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 2px solid #ed6103;
}

.mod-prefList .building .more .inner::after {
  content: "";
  position: absolute;
  top: 78px;
  left: 50%;
  bottom: 0;
  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%23ed6103%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 50% 50%;
  background-size: 1.5em;
  width: 1.5em;
  height: 1.5em;
  margin: -0.75em 0 0 -0.75em;
}

.mod-prefList .building .photoBox {
  width: 100%;
  height: 125px;
  line-height: 125px;
  text-align: center;
}

.mod-prefList .building .photoBox.noImage,
.mod-prefList .building .photoBox.noImageKodate {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  color: #aeaeae;
  background: #a5a5a5;
  border-radius: 8px 8px 0 0;
}

.mod-prefList .building .photoBox .photo {
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 125px;
  object-fit: cover;
}

.mod-prefList .building .photoBox.noImageKodate .photo {
  max-width: 150px;
  height: 125px;
}

.mod-prefList .building .photoBox .photo.swiper-lazy {
  width: auto;
  height: auto;
  vertical-align: middle;
}

.mod-prefList .building .photoBox .notice {
  position: absolute;
  top: 15px;
  left: -5px;
  display: inline-block;
  background: url('/smp/assets/img/smartphone/page/flow/guidance/icon_notice.png?v=e5924eb99c35ec1c85fca083db419eaf') no-repeat 0 0;
  background-size: 44px 20px;
  width: 44px;
  padding: 5px 10px 5px 5px;
  box-sizing: border-box;
  text-align: center;
  color: #ed6103;
  line-height: 1.1;
  font-size: 0.62rem;
  font-weight: bold;
}

.mod-prefList .building .specBox {
  padding: 6px;
}

.mod-prefList .building .specBox p.address {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
  word-break: break-all;
}

.mod-prefList .building .specBox p.traffic, p.houseInfo {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  word-break: break-all;
}

.mod-prefList .building .specBox p.houseInfo span + span:before {
  content: "/";
  margin: 0 0.333em 0 0.167em;
}

.mod-prefList .building .specBox li {
  display: inline-block;
}

.mod-prefList .building .specBox .icon-bukkenType {
  display: -webkit-flex;
  display: flex;
  margin: -18px 0 6px -6px;
  width: calc(100% + 6px);
  font-size: 0.75rem;
}

.mod-prefList .building .specBox .icon-bukkenType .bType {
  background-color: #2c70a4;
  border: #2c70a4;
  border-radius: 0 3px 3px 0;
  padding: 3px 6px;
  color: #fff;
}

.mod-prefList .building .specBox .bukkenName,
.mod-prefList .building .specBox .address {
  font-weight: bold;
}

.mod-prefList .building .specBox .bukkenName,
.mod-prefList .building .specBox .traffic {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.3;
  white-space: normal;
}

.mod-prefList .building .priceBox p.money {
  padding: 6px;
  background-color: #ed6103;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.78rem;
  font-weight: bold;
}

.mod-prefList .building .campaign {
  display: inline-block;
  border: 1px solid #ed6103;
  margin: 0 8px 8px;
  padding: 3px 5px;
  color: #ed6103;
  font-size: 0.62rem;
}

.mod-prefList .listLink {
  text-align: right;
  font-size: 0.75rem;
}

.mod-prefList .listLink a {
  display: inline-block;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  padding: 10px 15px 10px 15px;
  color: #000;
  text-decoration: none;
}

/* 人気ランキング */
.mod-prefList.ranking .building {
  margin-top: 40px !important;
}

.mod-prefList.ranking .rankTitle {
  padding: 12px 16px 16px 0;
  font-weight: bold;
  font-size: 1rem;
}

.mod-prefList.ranking .rank {
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 18px;
  padding-top: 2px;
}

.mod-prefList.ranking .rank.superior {
  background: url('/smp/assets/img/smartphone/page/flow/guidance/icon_ranking.png?v=65e48a3aec2dda253c6b3bd7b7956804') no-repeat 0 0;
  background-size: 22px 18px;
  padding-left: 26px;
  box-sizing: border-box;
}

/* 前回検索した条件 */
.mod-prefList .lastCondition {
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  margin-top: 16px;
  padding: 16px;
}

.mod-prefList .lastCondition .heading {
  padding: 5px 0 13px 16px;
}

.mod-prefList .lastCondition .heading::before {
  background-color: #ed6103;
  border-radius: 3px;
  content: "";
  position: absolute;
  top: 3px;
  bottom: 13px;
  left: 0;
  width: 4px;
}

.mod-prefList .lastCondition .heading .count {
  position: absolute;
  top: 8px;
  right: 0;
  font-size: 0.87rem;
}

.mod-prefList .lastCondition .literal {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5;
  white-space: normal;
  overflow: hidden;
}

/* キャンペーンバナー */
.mod-prefList .campaignBanner {
  margin-bottom: 16px;
  text-align: center;
}

.mod-prefList .campaignBanner img {
  width: 100%;
}
.mod-popularRanking .heading {
  padding: 16px 10px 16px 32px;
  position: relative;
  font-weight: bold;
  font-size: 1.12rem;
}

.mod-popularRanking .heading::before {
  background-color: #ed6103;
  border-radius: 3px;
  content: "";
  position: absolute;
  top: 13px;
  bottom: 13px;
  left: 16px;
  width: 6px;
}

.mod-popularRanking .box {
  border: solid #ccc;
  border-width: 1px 1px 0 1px;
}

.mod-popularRanking .annotationWrapper {
  background-color: #f5f5f5;
}
@charset "UTF-8";
/* = mod-searchTypeSelector
----------------------------------------------- *
* 検索方法選択
* [使用]
* 目次LP
----------------------------------------------- */
.mod-searchTypeSelector {
  background-color: #f5f4f2;
}

.mod-searchTypeSelector.fix {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

.mod-searchTypeSelector ul {
  display: -webkit-flex;
  display: flex;
}

.mod-searchTypeSelector li {
  width: calc(50% - 24px);
  margin: 0 8px 8px 16px;
  font-size: 1rem;
}

.mod-searchTypeSelector li:nth-child(even) {
  width: calc(50% - 16px);
  margin: 0 16px 8px 0;
}

.mod-searchTypeSelector.fix li {
  margin-top: 8px;
}

.mod-searchTypeSelector li .searchBtn {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  min-height: 3em;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  background: #fff 8px 50% no-repeat;
  background-size: 25px;
  padding: 5px 5px 5px 41px;
  color: #ed6103;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.2;
}

.mod-searchTypeSelector .area a {
  background-image: url('/smp/assets/img/smartphone/page/flow/guidance/icon_area.svg?v=b583e7f4ae51f71350272d4664714bcc');
}

.mod-searchTypeSelector .rosen a {
  background-image: url('/smp/assets/img/smartphone/page/flow/guidance/icon_rosen.svg?v=1b205a13306af033af51fa6e95a4abc6');
}

.mod-searchTypeSelector .transit a {
  background-image: url('/smp/assets/img/smartphone/page/flow/guidance/icon_transit.svg?v=d3781424c04508936099e354e9422519');
}

.mod-searchTypeSelector .map a {
  background-image: url('/smp/assets/img/smartphone/page/flow/guidance/icon_map.svg?v=e96201ba7f3666f7c2463abf32201bed');
}