@charset "utf-8";@charset "UTF-8";
/* = mod-building
----------------------------------------------- *
 * 物件棟表示
 * [使用]
 * 棟寄せ一覧,会社検索物件一覧
----------------------------------------------- */
.mod-building {
  font-size: 0.875rem;
  margin: 20px 0;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

/* 種別・棟名表示 */
.mod-building > .heading {
  padding: 10px;
  border-bottom: 1px solid #d8d8d8;
  line-height: 1.4;
  font-weight: bold;
  /* for ellipsis */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mod-building > .heading .ra_name {
  color: inherit;
  text-decoration: none;
}

/* 通勤時間情報 */
.mod-building > .commute_info {
  position: relative;
  background-color: #f7f7f7;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 1px solid #d8d8d8;
}

.mod-building > .commute_info > .icon {
  position: absolute;
  top: 0.7em;
  left: 0.5em;
}

.mod-building > .commute_info .list li:before {
  content: counter(commute_list);
  color: #ed6103;
}

.mod-building > .commute_info .list li {
  counter-increment: commute_list;
  line-height: 1.4;
}

/* 棟概要 */
.mod-building .summary {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.mod-building .summary .inner {
  display: table-row;
  color: inherit;
  text-decoration: none;
}

/* 棟概要：写真 */
.mod-building .photoBox {
  display: table-cell;
  text-align: center;
  width: 80px;
  vertical-align: middle;
  background-color: #f7f7f7;
}

.mod-building .summary .photoBox {
  width: 140px;
}

.mod-building .summary .photoBox.photoBoxDefault {
  width: 40%;
}

.mod-building .roomList .photoBox {
  width: 120px;
}

.mod-building .photoBox.noImage {
  color: #a5a5a5;
  background: #f7f7f7;
  vertical-align: middle;
  font-size: 0.85em;
}

.mod-building .photoBox .photo {
  max-width: 100%;
  max-height: 170px;
}

.mod-building .photoBox.photoBoxDefault .photo {
  max-height: 120px;
}

.mod-building .summary .photoBox .photo {
  max-height: 270px;
}

.mod-building .summary .photoBox.photoBoxDefault .photo {
  max-height: 120px;
}

/* 棟概要：スペック */
.mod-building .specBox {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}

.mod-building .specBox dl {
  display: table-row;
}

.mod-building .specBox dt,
.mod-building .specBox dd {
  display: table-cell;
  padding-top: 0.4em;
  line-height: 1.3;
  vertical-align: top;
}

.mod-building .specBox dt {
  padding-right: 1em;
  color: #3a515a;
  white-space: nowrap;
}

.mod-building .specBox dd {
  word-break: break-all;
}

.mod-building .specBox p {
  line-height: 1.3;
  word-break: break-all;
}

.mod-building .specBox dl + p,
.mod-building .specBox p + p {
  margin-top: 0.4em;
}

/* 棟概要：スペック：住所 */
.mod-building .summary .address {
  margin-bottom: 5px;
  line-height: 1.2;
}

/* 棟概要：スペック：築年・階建 */
.mod-building .summary .specList {
  line-height: 1.2;
}

.mod-building .summary .specListItem {
  display: inline;
}

.mod-building .summary .specListItem:not(:first-child)::before {
  content: " / ";
}

/* 棟概要：スペック：複数駅 */
.mod-building .traffic {
  margin-bottom: 7px;
  line-height: 1.2;
}

.mod-building .trafficList,
.mod-building .trafficListItem,
.mod-building .specBox .trafficControl {
  margin-bottom: 5px;
  line-height: 1.2;
}

.mod-building .specBox .trafficControl {
  font-size: 0.786em;
}

.mod-building .trafficControlItem {
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  line-height: inherit;
  background: transparent;
  font-size: inherit;
  text-decoration: underline;
}

/* 開閉処理 */
.mod-building .traffic:not(.traffic--is_open) .trafficListItem:not(:first-child),
.mod-building .traffic:not(.traffic--is_open) .trafficControlItem__close,
.mod-building .traffic--is_open .trafficControlItem__open {
  display: none;
}

/* 部屋一覧 */
/* 部屋一覧：もっと見るボタン */
.mod-building .moreRoomList {
  border-top: 1px solid #d8d8d8;
}

.mod-building .moreRoomList a,
.mod-building .moreRoomList button {
  display: block;
  padding: 1em;
  color: #ed6103;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.mod-building .moreRoomList button {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  line-height: inherit;
  background: none;
  border: none;
}

.mod-building .moreRoomList .icon {
  margin-right: -1em;
}

/* 各部屋 */
.mod-building .room {
  border-top: 1px solid #d8d8d8;
}

.mod-building .room .inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}

/* 各部屋：チェックボックス */
.mod-building .room .checkbox {
  display: none;
  width: 40px;
  border: 1px solid #fff;
  background-color: #dedede;
  text-align: center;
  vertical-align: middle;
}

.mod-building .room.is-checkable .checkbox {
  display: table-cell;
}

/* 各部屋：閲覧済み */
.mod-building .room .visited {
  display: inline-block;
  padding: 2px;
  border: 1px solid #d8d8d8;
  line-height: 1;
  background-color: #fff;
  font-size: 0.75em;
  vertical-align: top;
}

/* 各部屋：お気に入り */
.mod-building .room .favorite {
  position: absolute;
  right: 4px;
  top: 12px;
  /* ui-icon 上書き */
  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%3Cpath%20fill%3D%22%23ed6103%22%20d%3D%22M59.4%203.1c-1.3%200-2.5%201-3.5%202.9l-11.4%2023.2c-1.9%203.8-6.9%207.5-11.2%208.1l-25.5%203.7c-4.2.6-5.2%203.6-2.1%206.6l18.5%2018c3.1%203%205%208.9%204.3%2013.1l-4.4%2025.5c-.5%203.1.6%204.9%202.8%204.9.8%200%201.8-.3%202.8-.8l22.9-12c1.9-1%204.4-1.5%206.9-1.5s5%20.5%206.9%201.5l22.9%2012c1%20.5%202%20.8%202.8.8%202.1%200%203.3-1.8%202.8-4.9l-4.4-25.5c-.7-4.2%201.2-10.1%204.3-13.1l18.5-18c3.1-3%202.1-5.9-2.1-6.6l-25.6-3.7c-4.2-.6-9.3-4.3-11.2-8.1l-11.5-23.2c-1-1.9-2.2-2.9-3.5-2.9z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 1em;
}

/* 各部屋：部屋情報 */
.mod-building .room .spec {
  vertical-align: middle;
  line-height: 1.4;
  background-color: #fff;
  display: table-cell;
  width: 100%;
  padding: 0;
}

.mod-building .room .spec a {
  position: relative;
  color: inherit;
  text-decoration: none;
  display: table;
  vertical-align: middle;
  width: 100%;
}

.mod-building .room .spec a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  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 50% 50%;
  background-size: 1em;
  font-size: 0.875em;
}

.mod-building .room .specCont {
  display: table-cell;
  padding: 10px 22px 10px 10px;
}

.mod-building .room dl {
  word-break: break-all;
}

.mod-building .room dl.singleline {
  /* for ellipsis */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mod-building .room dl dt,
.mod-building .room dl dd {
  display: inline;
  padding-left: 0.5em;
}

.mod-building .room dl dt {
  color: #3a515a;
}

.mod-building .room dl dt:first-child {
  padding-left: 0;
}

/* アイコン */
.mod-building .room .commercialIcons {
  margin-top: 4px;
}

.mod-building .room .commercialIcons .item {
  display: inline-block;
}

.mod-building .room .commercialIcons .item .icon {
  display: inline-flex;
  align-items: center;
  padding: 3px 0.5em;
  border: 1px solid #eb6103;
  line-height: 1;
  font-weight: normal;
  color: #ed6103;
  background-color: #fff;
  font-size: 0.857em;
  text-align: center;
}

.mod-building .room .commercialIcons .item .ui-svg-icon {
  margin-right: 3px;
}

.mod-building .room .price {
  display: table;
  margin-bottom: 0.25em;
  line-height: 1.2;
  color: #ed6103;
  font-weight: bold;
  word-break: break-word;
}

.mod-building .room dd.price {
  display: inline;
}

.mod-building .room dl.sale {
  display: table-row;
}

.mod-building .room dl.sale dt,
.mod-building .room dl.sale dd {
  display: table-cell;
  padding-left: 0;
}

.mod-building .room dl.sale dt {
  padding-right: 1em;
  white-space: nowrap;
}

.mod-building .room .price .num {
  font-size: 1.25em;
  color: #ed6103;
  display: inline;
}

.mod-building .room .price .num span {
  font-size: 0.8em;
}

.mod-building .room .extraPrice {
  font-weight: normal;
}

.mod-building .room .price .extraPrice {
  display: inline-block;
  padding-left: 0;
}

.mod-building .room .price .proviso {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}

.mod-building .room .price + br {
  display: none;
}

.mod-building .room .linkArrow {
  display: none;
}

.mod-building .room .spec li {
  display: inline-block;
}

.mod-building .room .spec li + li::before {
  content: "/";
  margin: 0 0.333em 0 0.167em;
}

/* 流通 戸建とマンションのみ インスペクション */
.mod-building .feature {
  margin-top: 0.286em;
  line-height: 1.2;
}

.mod-building .feature .inspection {
  border: 1px solid #d8d8d8;
  display: table;
  padding: 0.286em 0.214em;
}

.mod-building .feature .inspection .icon {
  padding: 0 1.182em;
  text-align: center;
  font-size: 0.786em;
  background: url('/smp/assets/img/smartphone/page/list/inspection/bg_inspection.png?v=c5e9c9eba769a4047ec1e464c05b915f') no-repeat left top, url('/smp/assets/img/smartphone/page/list/inspection/bg_inspection.png?v=c5e9c9eba769a4047ec1e464c05b915f') no-repeat right top;
  background-size: cover;
}

.mod-building .feature .inspection .text {
  padding: 0 0.357em;
}

.mod-building .feature .inspection .icon,
.mod-building .feature .inspection .text {
  display: table-cell;
  vertical-align: middle;
}

.mod-building .feature .inspection .checked {
  display: block;
  font-size: 0.857em;
}

.mod-building .feature .inspection .authorized {
  display: block;
  color: #ed6103;
  font-size: 0.786em;
}

/* checkbox */
.mod-building input[type=checkbox] {
  /* ui-checkbox の打ち消し */
  box-shadow: none;
  /* 設定 */
  -webkit-appearance: none;
  appearance: none;
  width: 1.8em;
  height: 1.8em;
  margin: 0;
  border: 2px solid #95989a;
  border-radius: 2px;
  background: #fff;
  font-size: 1em;
  vertical-align: bottom;
  cursor: pointer;
}

.mod-building input[type=checkbox]:checked {
  border-color: #ed6103;
  background: #ed6103 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%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M110.8%2C8.6c-31.6%2C16.2-54%2C67.7-54%2C67.7l-20.9-19-25.5%2C15.4c10.8%2C3.9%2C34.8%2C16.2%2C47.9%2C32.4%2C9.3-17%2C39.2-52.1%2C53.1-55.2.1-16%2C0-27.9-.6-41.3z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 1.35em;
}

.mod-building input[type=checkbox]:disabled {
  border-color: #858f90;
  background: #dee3e4;
  cursor: default;
}

/* module.css 上書き */
.mod-building .icon-bukkenType {
  line-height: 2;
  margin-right: 0.5em;
  font-size: 0.714em;
  vertical-align: bottom;
}

.mod-building .icon-bukkenType .bType,
.mod-building .icon-bukkenType .bStatus {
  padding: 0 0.5em;
  border: 0;
}

/* 見学レビュー掲載中アイコン */
.mod-building .icon-visitorReviewSbMansion {
  display: inline-block;
  background: url('/smp/assets/img/smartphone/page/list/mansion/shinchiku/icon_visitor_review.png?v=89bde011c844d7132bfb1b5979bdc115') no-repeat 2px center;
  background-size: 18px;
  border: 1px solid #ed6103;
  margin-top: 10px;
  padding: 6px 3px 6px 20px;
}

.mod-building .icon-visitorReviewSbMansion .tagline {
  font-size: 0.7rem;
  font-weight: bold;
  color: #ed6103;
  letter-spacing: -1.3px;
  line-height: 0.8;
}

.mod-building .icon-visitorReviewSbMansion .new {
  background-color: #fbb000;
  border-radius: 2px;
  margin-left: 3px;
  padding: 0 3px;
  display: inline-block;
  color: #fff;
  font-size: 0.6rem;
  line-height: 1.2;
  letter-spacing: -1px;
}

/* 新着ラベル部分 右上に表示 */
.mod-building .inner .spec .flame-new::before,
.mod-building .inner .spec .flame-visited::before {
  content: "";
  top: 0;
  right: 0;
  border-bottom: 40px solid transparent;
  border-right: 40px solid transparent;
  position: absolute;
  z-index: 100;
}

.mod-building .inner .spec .flame-new::before {
  border-right-color: #ed6103;
}

/* 閲覧済ラベル部分 右上に表示 */
.mod-building .inner .spec .flame-visited::before {
  border-right-color: #a5a5a5;
}

.mod-building .inner .spec .flame-new::after,
.mod-building .inner .spec .flame-visited::after {
  font-size: 10px;
  font-weight: bold;
  display: block;
  top: 8px;
  transform: rotate(45deg);
  color: #fff;
  position: absolute;
  z-index: 101;
}

.mod-building .inner .spec .flame-new::after {
  content: "NEW";
  right: 2px;
}

.mod-building .inner .spec .flame-visited::after {
  content: "閲覧済";
  right: 1px;
}

.mod-building .room .twoLine .extraPrice {
  display: block;
  padding-top: 3px;
}

.mod-building.scmansion .icon-bukkenType {
  display: block;
}
.mod-building.scmansion .prg-building-deputation-submit {
  text-decoration: none;
  color: inherit;
}
.mod-building.scmansion .main {
  display: flex;
  padding: 11px 12px;
  box-sizing: border-box;
}
.mod-building.scmansion .main .image {
  display: flex;
}
.mod-building.scmansion .main .photoBox {
  margin: 0 auto;
  width: 80px;
  height: 60px;
  background-color: #f4f4f4;
}
.mod-building.scmansion .main .photoBox.large {
  width: 120px;
  height: 90px;
}
.mod-building.scmansion .main .photoBox img {
  max-width: 100%;
  max-height: 100%;
}
.mod-building.scmansion .main .address {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  line-height: 1.4;
  padding-left: 12px;
}
.mod-building.scmansion .main .address .name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 4px;
  margin-top: 2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-height: 3em;
  text-overflow: ellipsis;
}
.mod-building.scmansion .main .address p {
  font-size: 14px;
  margin-bottom: 2px;
}
.mod-building.scmansion .photoBox.noImage {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-building.scmansion .has-certification {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #ed6103;
  line-height: 20px;
  color: #ed6103;
  background: #fff;
  font-size: 0.75rem;
  margin-left: 6px;
}
.mod-building.scmansion .realtor {
  border-top: 1px solid #d2d2d2;
  padding: 12px 12px;
}
.mod-building.scmansion .realtor .name-container {
  display: flex;
  gap: 6px;
  align-items: center;
}
.mod-building.scmansion .realtor .name {
  line-height: 1.4;
}
.mod-building.scmansion .realtor .features {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  font-size: 10px;
  margin-top: 8px;
}
.mod-building.scmansion .realtor .feature {
  display: flex;
  gap: 4px;
  align-items: center;
}
.mod-building.scmansion .realtor .feature::before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ed6103;
}
.mod-building.scmansion .realtor .show-more-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}
.mod-building.scmansion .realtor .show-more-button {
  display: flex;
  justify-self: end;
  font-size: 12px;
}
.mod-building.scmansion .realtor .extra-information {
  display: none;
  line-height: 1.4;
}
.mod-building.scmansion .realtor .extra-features {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  margin-bottom: 8px;
  font-size: 10px;
}
.mod-building.scmansion .realtor .staff-comment-heading {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 600;
}
.mod-building.scmansion .realtor .staff-comment {
  font-size: 12px;
}
.mod-building.scmansion .details {
  display: block;
}
.mod-building.scmansion .details .price {
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", sans-serif;
}
.mod-building.scmansion .details .cassette-container {
  display: flex;
  gap: 16px;
}
.mod-building.scmansion .details .floor-column {
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  padding-top: 2px;
}
.mod-building.scmansion .details .main-column .price {
  line-height: 1.4;
}
.mod-building.scmansion .details .commercialIcons {
  line-height: 1.4;
}
.mod-building.scmansion .details .labels {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  line-height: 1.4;
  padding-top: 8px;
  font-size: 12px;
}
.mod-building.scmansion .details .label {
  padding: 2px 8px;
  background-color: #f4f4f4;
}
.mod-building.scmansion .room .specCont {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
}
@charset "UTF-8";
/* = mod-rentResidenceBuilding
----------------------------------------------- *
 * 賃貸物件一覧
 * 間取り画像を表示
----------------------------------------------- */
.mod-rentResidenceBuilding {
  font-size: 0.875rem;
  margin: 20px 0;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* 32C008 dislike機能 */
  /* 通勤時間情報 */
  /* 棟代表物件 */
  /* 棟概要：スペック */
  /* 棟概要：スペック：住所 */
  /* 棟概要：スペック：築年・階建 */
  /* 棟概要：スペック：複数駅 */
  /* 部屋一覧 */
  /* 各部屋 */
  /* 各部屋：チェックボックス */
  /* 各部屋：チェックボックス以外のwrapper */
  /* 各部屋：リンクのスタイルとアロー設定 */
  /* 各部屋：画像 */
  /* 各部屋：お気に入り */
  /* 各部屋：部屋情報 */
  /* 各部屋：新着物件アイコン */
  /* 各部屋：閲覧済 */
  /* 各部屋：階数・間取り・部屋面積 */
  /* 各部屋：価格 */
  /* 各部屋：敷金・礼金 */
  /* 各部屋：PRコメント・会社名 */
  /* 各部屋：継承元テンプレートのアローを消す */
  /* 部屋一覧：もっと見るボタン */
  /* checkbox */
  /* module.css 上書き */
  /* ltagInfoBox */
  /* AB終了後こちらは棟のLtagデザインとして利用 */
  /* ltagInfoBox */
  /* AB終了後こちらは戸のLtagデザインとして利用 */
}
.abtest_32C008 .mod-rentResidenceBuilding {
  margin: 0 0 20px;
}
.mod-rentResidenceBuilding > .heading {
  padding: 10px;
  border-bottom: 1px solid #d8d8d8;
  line-height: 1.4;
  font-weight: bold;
  /* for ellipsis */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mod-rentResidenceBuilding > .heading > .ra_name {
  color: inherit;
  text-decoration: none;
}
.mod-rentResidenceBuilding > .commute_info {
  position: relative;
  background-color: #f7f7f7;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 1px solid #d8d8d8;
}
.mod-rentResidenceBuilding > .commute_info > .icon {
  position: absolute;
  top: 0.7em;
  left: 0.5em;
}
.mod-rentResidenceBuilding > .commute_info .list li::before {
  content: counter(commute_list);
  color: #ed6103;
}
.mod-rentResidenceBuilding > .commute_info .list li {
  counter-increment: commute_list;
  line-height: 1.4;
}
.mod-rentResidenceBuilding .summary .inner {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.mod-rentResidenceBuilding .summary .photoBox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  width: 140px;
  max-height: 140px;
}
.mod-rentResidenceBuilding .summary .photoBox.noImage {
  height: 140px;
  background-color: #f7f7f7;
  color: #a5a5a5;
}
.mod-rentResidenceBuilding .summary .photoBox .photo {
  max-width: 100%;
  max-height: 140px;
  object-fit: contain;
}
.mod-rentResidenceBuilding .summary .specBox {
  flex: 1;
  padding: 15px 10px;
  word-break: break-word;
}
.mod-rentResidenceBuilding .summary .address {
  margin-bottom: 7px;
  line-height: 1.4;
}
.mod-rentResidenceBuilding .summary .specList {
  line-height: 1.2;
}
.mod-rentResidenceBuilding .summary .specListItem {
  display: inline;
}
.mod-rentResidenceBuilding .summary .specListItem:not(:first-child)::before {
  content: " / ";
}
.mod-rentResidenceBuilding .traffic {
  margin-bottom: 7px;
}
.mod-rentResidenceBuilding .trafficList,
.mod-rentResidenceBuilding .trafficListItem {
  margin-bottom: 5px;
  line-height: 1.4;
}
.mod-rentResidenceBuilding .roomList .room {
  border-top: 1px solid #d8d8d8;
}
.mod-rentResidenceBuilding .room .inner {
  display: flex;
  padding: 1px 0;
}
.mod-rentResidenceBuilding .room .checkbox {
  display: none;
  width: 40px;
  margin-right: 1px;
  background-color: #dedede;
}
.mod-rentResidenceBuilding .room.is-checkable .checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-rentResidenceBuilding .room .spec {
  flex: 1;
}
.mod-rentResidenceBuilding .room a {
  position: relative;
  display: block;
  padding-right: calc(0.875em + 11px);
  color: inherit;
  text-decoration: none;
}
.mod-rentResidenceBuilding .room a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  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 50% 50%;
  background-size: 1em;
  font-size: 0.875em;
}
.mod-rentResidenceBuilding .room .photo {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
}
.mod-rentResidenceBuilding .room .photo.noImage {
  height: 100px;
  background-color: #f7f7f7;
  color: #a5a5a5;
  font-size: 0.85em;
}
.mod-rentResidenceBuilding .room .photo.roomPhotoModalTrigger::after {
  content: "";
  display: block;
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 34px;
  height: 34px;
  background: url('/smp/assets/img/smartphone/page/list/rent/RoomPhotoViewer_trigger.svg?v=3764a45015c0d26f1a385aa390e0b2b0') no-repeat center/23px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.mod-rentResidenceBuilding .room .photo img {
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
}
.mod-rentResidenceBuilding .room .favorite {
  position: absolute;
  right: 4px;
  top: 12px;
  /* ui-icon 上書き */
  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%3Cpath%20fill%3D%22%23ed6103%22%20d%3D%22M59.4%203.1c-1.3%200-2.5%201-3.5%202.9l-11.4%2023.2c-1.9%203.8-6.9%207.5-11.2%208.1l-25.5%203.7c-4.2.6-5.2%203.6-2.1%206.6l18.5%2018c3.1%203%205%208.9%204.3%2013.1l-4.4%2025.5c-.5%203.1.6%204.9%202.8%204.9.8%200%201.8-.3%202.8-.8l22.9-12c1.9-1%204.4-1.5%206.9-1.5s5%20.5%206.9%201.5l22.9%2012c1%20.5%202%20.8%202.8.8%202.1%200%203.3-1.8%202.8-4.9l-4.4-25.5c-.7-4.2%201.2-10.1%204.3-13.1l18.5-18c3.1-3%202.1-5.9-2.1-6.6l-25.6-3.7c-4.2-.6-9.3-4.3-11.2-8.1l-11.5-23.2c-1-1.9-2.2-2.9-3.5-2.9z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 1em;
}
.mod-rentResidenceBuilding .room .specData {
  flex: 1;
  padding: 10px 0 10px 10px;
}
.mod-rentResidenceBuilding .room .specData .detailIcon {
  display: flex;
  align-items: center;
}
.mod-rentResidenceBuilding .room .specData .detailIcon .newArrivalIcon {
  margin-bottom: 0.5em;
  margin-right: 0.333em;
  padding: 2px;
  border: 1px solid #dc482b;
  color: #fff;
  background-color: #dc482b;
  font-size: 0.75em; /* 10px */
  vertical-align: top;
}
.mod-rentResidenceBuilding .room .visited {
  display: block;
  margin-bottom: 0.5em;
  padding: 2px;
  border: 1px solid #d8d8d8;
  line-height: 1;
  background-color: #fff;
  font-size: 0.75em; /* 10px */
}
.mod-rentResidenceBuilding .room [data-for=open-and-modify-date-emphasis] .visited {
  margin-bottom: 6px;
  padding: 3px;
  font-size: 0.75rem;
  border-radius: 4px;
  color: #797979;
  font-weight: bold;
}
.mod-rentResidenceBuilding .room .specData ul {
  margin-bottom: 0.37em;
  line-height: 1.4;
}
.mod-rentResidenceBuilding .room .specData li {
  display: inline-block;
}
.mod-rentResidenceBuilding .room .specData li + li::before {
  content: "/";
}
.mod-rentResidenceBuilding .room .specData .price {
  display: block;
  margin-bottom: 0.37em;
  line-height: 1.2;
  color: #ed6103;
  font-weight: bold;
}
.mod-rentResidenceBuilding .room .specData .price .num {
  font-size: 1.25em;
}
.mod-rentResidenceBuilding .room .specData .price .extraPrice {
  display: inline-block;
  color: #ed6103;
  font-weight: normal;
}
.mod-rentResidenceBuilding .room .specData .deposit,
.mod-rentResidenceBuilding .room .specData .keyMoney {
  display: inline-flex;
  line-height: 1.4;
}
.mod-rentResidenceBuilding .room .specData .deposit dd,
.mod-rentResidenceBuilding .room .specData .keyMoney dd {
  display: inline;
}
.mod-rentResidenceBuilding .room .specData dl + dl::before {
  content: "/";
}
.mod-rentResidenceBuilding .room .specData dl dt {
  display: inline;
}
.mod-rentResidenceBuilding .room .prInfoBox {
  padding: 12px 0 12px 10px;
  border-top: 1px dashed #d8d8d8;
}
.mod-rentResidenceBuilding .room .prInfoBox .point,
.mod-rentResidenceBuilding .room .prInfoBox .memberName {
  font-size: 0.875em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.mod-rentResidenceBuilding .room .prInfoBox .point {
  line-height: 1.5;
  -webkit-line-clamp: 2;
}
.mod-rentResidenceBuilding .room .prInfoBox .memberName {
  color: #3a515a;
  -webkit-line-clamp: 1;
}
.mod-rentResidenceBuilding .room .prInfoBox .point + .memberName {
  margin-top: 7px;
}
.mod-rentResidenceBuilding .room .linkArrow {
  display: none;
}
.mod-rentResidenceBuilding .moreRoomList {
  border-top: 1px solid #d8d8d8;
}
.mod-rentResidenceBuilding .moreRoomList button[type=button] {
  display: block;
  padding: 1em;
  color: #ed6103;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  line-height: inherit;
  background: none;
  border: none;
}
.mod-rentResidenceBuilding .moreRoomList .icon {
  margin-right: -1em;
}
.mod-rentResidenceBuilding input[type=checkbox] {
  /* ui-checkbox の打ち消し */
  box-shadow: none;
  /* 設定 */
  -webkit-appearance: none;
  appearance: none;
  width: 1.8em;
  height: 1.8em;
  margin: 0;
  border: 2px solid #95989a;
  border-radius: 2px;
  background: #fff;
  font-size: 1em;
  vertical-align: bottom;
  cursor: pointer;
}
.mod-rentResidenceBuilding input[type=checkbox]:checked {
  border-color: #ed6103;
  background: #ed6103 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%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M110.8%2C8.6c-31.6%2C16.2-54%2C67.7-54%2C67.7l-20.9-19-25.5%2C15.4c10.8%2C3.9%2C34.8%2C16.2%2C47.9%2C32.4%2C9.3-17%2C39.2-52.1%2C53.1-55.2.1-16%2C0-27.9-.6-41.3z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 1.35em;
  /* 0.75 * 1.8em */
}
.mod-rentResidenceBuilding input[type=checkbox]:disabled {
  border-color: #858f90;
  background: #dee3e4;
  cursor: default;
}
.mod-rentResidenceBuilding .icon-bukkenType.rent_residence {
  line-height: 2;
  margin-right: 0.5em;
  font-size: 0.714em;
  vertical-align: bottom;
}
.mod-rentResidenceBuilding .icon-bukkenType.rent_residence .bType {
  padding: 0 0.5em;
  border: 0;
}
.mod-rentResidenceBuilding .ltagInfoBuildingBox {
  border-top: 1px dashed #d8d8d8;
  padding: 8px 12px 12px 8px;
}
.mod-rentResidenceBuilding .ltagInfoBuildingBox__listGroup {
  overflow: hidden;
}
.mod-rentResidenceBuilding .ltagInfoBuildingBox__listItem {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}
.mod-rentResidenceBuilding .ltagInfoBuildingBox__moreCounts {
  float: right;
  margin-top: 4px;
  line-height: 1.4;
  text-align: right;
  color: #626262;
  font-size: 10px;
}
.mod-rentResidenceBuilding .ltagInfoBuildingBox__moreCounts em {
  font-size: 12px;
}
.mod-rentResidenceBuilding .ltagInfoBox {
  border-top: 1px dashed #d8d8d8;
  padding: 12px 12px 12px 8px;
}
.mod-rentResidenceBuilding .ltagInfoBox__listItem:not(:last-child) {
  margin-bottom: 4px;
}
.mod-rentResidenceBuilding .ltagInfoBox__moreCounts {
  text-align: right;
  color: #626262;
  font-size: 10px;
}
.mod-rentResidenceBuilding .ltagInfoBox__moreCounts em {
  font-size: 12px;
}
.mod-rentResidenceBuilding .room .ltagInfoBox {
  padding-right: 0;
}
.mod-rentResidenceBuilding .needsWrapper {
  padding: 10px 0 10px 10px;
  border-top: 1px dashed #d8d8d8;
}
.mod-rentResidenceBuilding .matchRateBar {
  position: relative;
  border: 1px solid #fff;
  border-radius: 100vh;
  background-color: #e8e8e8;
  overflow: hidden;
  isolation: isolate;
}
.mod-rentResidenceBuilding .matchRateBar-bar {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  border: 1px solid #fff;
  border-radius: 100vh;
  background-color: #fce6d6;
  transform: translateX(-100%);
  transition: transform 1s;
  transition-timing-function: ease;
  white-space: nowrap;
  overflow: visible;
}
.mod-rentResidenceBuilding .matchRateBar.is-intersect .matchRateBar-bar {
  transform: translateX(0);
}
.mod-rentResidenceBuilding .matchRateBar-matchText {
  isolation: isolate;
  padding: 6px 16px;
  font-size: 12px;
}
.mod-rentResidenceBuilding .matchRateBar-matchAll {
  padding-left: 16px;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%20120%20120"%20width="12"%20height="12"%20focusable="false"%3E%3Cpath%20fill="%23ed6103"%20d="M110.1%2037.1l-10.2-10.2c-1.9-1.9-4.9-1.9-6.8%200l-38%2038c-1.9%201.9-4.9%201.9-6.8%200l-19.5-19.5c-1.9-1.9-4.9-1.9-6.8%200l-10.2%2010.2c-1.9%201.9-1.9%204.9%200%206.8l36.5%2036.5c1.9%201.9%204.9%201.9%206.8%200l55-55c1.8-1.9%201.8-5%200-6.8z"%3E%3C/path%3E%3C/svg%3E') no-repeat left center;
}
.mod-rentResidenceBuilding .matchRateBar-matchCount {
  color: #ed6103;
  font-size: 14px;
  font-weight: bold;
}
.mod-rentResidenceBuilding .needsOffLabel {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
  line-height: 1.4;
  font-size: 12px;
}
.mod-rentResidenceBuilding .needsOffLabel-title {
  flex: 0 0 auto;
  margin-bottom: 8px;
  color: #626262;
  font-weight: bold;
}
.mod-rentResidenceBuilding .needsOffLabel-conditions {
  flex: 1 1 auto;
}
@charset "UTF-8";
/* = mod-contentsHeader
----------------------------------------------- *
 * 一覧の見出し
----------------------------------------------- */
.mod-contentsHeader {
  font-size: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 54px;
  padding-right: 56px;
  padding-bottom: 5px;
  overflow: hidden;
}

.mod-contentsHeader::before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 46px;
  height: 54px;
  background: url('/smp/assets/img/smartphone/common/ci/homes_kun_01.svg?v=71143069ed5230ffd29540c73e72da17') no-repeat 0 0/46px;
}

.mod-contentsHeader.isHideHomesKun::before {
  display: none;
}

/* 見出し */
.mod-contentsHeader .header {
  margin: 10px;
  line-height: 1.4;
}

.mod-contentsHeader .header .heading {
  font-size: 1.125em;
  font-weight: bold;
}

.mod-contentsHeader .header .headingPriority {
  font-size: 1em;
  font-weight: bold;
}

.mod-contentsHeader .header .headingPriority .area {
  font-size: 1.125em;
  color: #ed6103;
}

.mod-contentsHeader .header .note {
  font-size: 0.75em;
  margin-top: 5px;
}