@charset "utf-8";@charset "UTF-8";
/* -------------------------------------------- *
 *  アンカー
 * -------------------------------------------- */
/* = ui-anchorList
----------------------------------------------- *
 * アンカーリスト
----------------------------------------------- */
/*ul*/
.ui-anchorList {
  list-style-type: none;
  padding-left: 0;
  border-width: 1px 0;
  border-style: solid;
}

/*li*/
.ui-anchorList__item {
  border-top-width: 1px;
  border-top-style: solid;
}

/*li*/
.ui-anchorList__item:first-child {
  border-top-width: 0;
}

/* label */
.ui-anchorList__label {
  display: block;
  padding: 1em 0.5em;
  line-height: 1.2;
  color: #999; /* for plain text */
}

a .ui-anchorList__label {
  color: inherit; /* for anchor text */
}

/* anchor setting */
/*a*/
.ui-anchorList__anchor {
  color: inherit;
  text-decoration: none;
  display: table;
  width: 100%;
  border-spacing: 0.43rem 0.87rem;
}

/*a*/
.ui-anchorList__anchor:after {
  content: "";
  display: table-cell;
  width: 0.87rem;
  background-image: url('/smp/assets/img/smartphone/common/icon/arrow_right.png?v=66853f24efc638b0d142f9abf20e02f1');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: 0.87rem 0.87rem;
  background-size: 0.87rem 0.87rem;
}

/*a*/
.ui-anchorList__anchor .ui-anchorList__label,
.ui-anchorList__anchor .ui-anchorList__device {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

/*a*/
.ui-anchorList__anchor .ui-anchorList__device {
  text-align: right;
}
@charset "UTF-8";
/* = mod-areaPrefSelector
----------------------------------------------- *
 * 
----------------------------------------------- */
.mod-areaPrefSelector {
  position: relative;
  width: 100%;
  margin-bottom: 0.87rem;
  overflow: hidden;
}

.mod-areaPrefSelector.noMarginBottom {
  margin-bottom: 0;
}

.mod-areaPrefSelector .lead {
  position: relative;
  display: block;
  padding: 0.75rem 0.43rem;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(4%, #f9f9f9), color-stop(100%, #e6e9ea));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 4%, #e6e9ea 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 4%, #e6e9ea 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 4%, #e6e9ea 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 4%, #e6e9ea 100%);
  -webkit-box-shadow: inset 0 0 3px 0 rgb(255, 255, 255);
  box-shadow: inset 0 0 3px 0 rgb(255, 255, 255);
  font-size: 0.87rem;
  /*font-weight: bold;*/
}

/* = areaSelector
----------------------------------------------- */
/*.mod-areaPrefSelector .areaSelector {}*/
.mod-areaPrefSelector .areaSelector .areaList {
  background: #f7f7f7;
  border-bottom: 1px solid #c4c4c4;
}

.mod-areaPrefSelector .areaSelector .areaList .listItem {
  float: left;
  width: 50%;
  border-bottom: 1px solid #c4c4c4;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mod-areaPrefSelector .areaSelector .areaList .listItem:last-child {
  border-bottom: 0;
}

.mod-areaPrefSelector .areaSelector .areaList .listItem:nth-of-type(odd) {
  border-right: 1px solid #c4c4c4;
}

.mod-areaPrefSelector .areaSelector .areaList .item {
  display: table;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.mod-areaPrefSelector .areaSelector .areaList .name,
.mod-areaPrefSelector .areaSelector .areaList .icon {
  display: table-cell;
  padding: 1em 0.43rem;
}

.mod-areaPrefSelector .areaSelector .areaList .name {
  font-size: 1rem;
}

.mod-areaPrefSelector .areaSelector .areaList .zero .name {
  color: #999;
}

.mod-areaPrefSelector .areaSelector .areaList .icon {
  width: 1em;
}

.mod-areaPrefSelector .areaSelector .areaList:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

/* = currentPoint
----------------------------------------------- */
.mod-areaPrefSelector .currentPoint {
  border-bottom: 1px solid #c4c4c4;
  background: #fff;
}

.mod-areaPrefSelector .currentPoint .anchor {
  color: inherit;
  text-decoration: none;
  display: table;
  width: 100%;
}

.mod-areaPrefSelector .currentPoint .anchor .name,
.mod-areaPrefSelector .currentPoint .anchor .icon {
  display: table-cell;
  padding: 1em 0.43rem;
}

.mod-areaPrefSelector .currentPoint .anchor .name {
  font-size: 1rem;
}

.mod-areaPrefSelector .currentPoint .anchor .icon {
  width: 1em;
}

.mod-areaPrefSelector .currentPoint .anchor .currentPointIcon {
  display: table-cell;
  vertical-align: middle;
  width: 32px;
  padding-left: 0.43rem;
}

/* = prefSelector
----------------------------------------------- */
.mod-areaPrefSelector:not(.pref) .prefSelector {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}

.mod-areaPrefSelector:not(.pref) .prefSelector.is-selected {
  position: static;
  visibility: visible;
  height: auto;
  -webkit-transform: none;
  transform: none;
}

.mod-areaPrefSelector .prefSelector .prefList {
  background: #f7f7f7;
  border-bottom: 1px solid #c4c4c4;
}

.mod-areaPrefSelector .prefSelector .prefList .listItem {
  float: left;
  width: 50%;
  border-bottom: 1px solid #c4c4c4;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mod-areaPrefSelector .prefSelector .prefList .listItem:last-child,
.mod-areaPrefSelector .prefSelector .prefList .listItem:nth-of-type(odd):nth-last-of-type(2) {
  border-bottom: 0;
}

.mod-areaPrefSelector .prefSelector .prefList .listItem:nth-of-type(odd) {
  border-right: 1px solid #c4c4c4;
}

.mod-areaPrefSelector .prefSelector .prefList .item {
  display: table;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.mod-areaPrefSelector .prefSelector .prefList .name,
.mod-areaPrefSelector .prefSelector .prefList .icon {
  display: table-cell;
  padding: 1em 0.43rem;
}

.mod-areaPrefSelector .prefSelector .prefList .name {
  font-size: 1rem;
}

.mod-areaPrefSelector .prefSelector .prefList .zero .name {
  color: #999;
}

.mod-areaPrefSelector .prefSelector .prefList .icon {
  width: 1em;
}

.mod-areaPrefSelector .prefSelector .prefList:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

/* 戻る */
.mod-areaPrefSelector .prefSelector .backToArea {
  /*display: inline-block;*/
  margin: -0.9em 0;
  /*padding: .5em;*/
  /*color: inherit;*/
  /*background: #ccc;*/
  font-weight: normal;
  /*text-decoration: none;*/
}

/* = searchTypeSelector
----------------------------------------------- */
.mod-areaPrefSelector:not(.searchtype) .searchTypeSelector {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  background: #fff;
}

.mod-areaPrefSelector:not(.searchtype) .searchTypeSelector.is-selected {
  position: static;
  visibility: visible;
  height: auto;
  -webkit-transform: none;
  transform: none;
}

.mod-areaPrefSelector:not(.searchtype) .searchTypeSelector .backToPref {
  /*display: inline-block;*/
  margin: -0.9em 0;
  /*padding: .5em;*/
  /*color: inherit;*/
  /*background: #ccc;*/
  font-weight: normal;
  /*text-decoration: none;*/
}

/* list表示 */
.mod-areaPrefSelector .searchTypeSelector .searchTypeList {
  margin: 0 0.43rem;
  padding-top: 0.87rem;
}

.mod-areaPrefSelector .searchTypeSelector .searchTypeList .listItem:not(:first-of-type) {
  margin-top: 0.43rem;
}

/* table表示 */
.mod-areaPrefSelector .searchTypeSelector .searchTypeTable {
  margin: 0.43rem -0.43rem 0 0;
  padding: 0 0.43rem;
  overflow: hidden;
}

.mod-areaPrefSelector .searchTypeSelector .searchTypeTable .listItem {
  float: left;
  width: 50%;
  padding: 0 0.43rem 0 0;
  margin-top: 0.43rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mod-areaPrefSelector .searchTypeSelector .searchTypeTable .listItem.Col2 {
  width: 100%;
}

.mod-areaPrefSelector .searchTypeSelector .searchTypeTable .listItem .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 3em;
  padding: 0.5em 0.4em;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #fefefe 0%, #ededed 100%);
  background: -moz-linear-gradient(top, #fefefe 0%, #ededed 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #ededed 100%);
  text-shadow: 0 1px 0 rgb(255, 255, 255);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.6);
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

.mod-areaPrefSelector .searchTypeSelector .searchTypeTable .listItem .btn > span {
  /* android2系でflaxのitemのdisplayが自動で切り替わらない問題の対応 */
  display: block;
}

.mod-areaPrefSelector .searchTypeSelector .searchTypeTable .listItem .btn .icon {
  padding-right: 0.25rem;
}

.mod-areaPrefSelector .searchTypeSelector .searchTypeTable .listItem .btn .text {
  /* 伸縮するようにする */
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  line-height: 1.2;
}
@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
 *         マンスリーサイトバナー（賃貸TOP、マンスリーマンションテーマTOPのみ）
 *             L mod-bannerMonthly.html.twig
 *             L mod-bannerMonthlyPr.html.twig
----------------------------------------------- */
.mod-banner {
  margin: 0.87rem 0.43rem;
  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%;
}

/*
----------------------------------------------- *
 * レビュー投稿キャンペーン
 *
 * 使用箇所：新築マンション広域エリアTOP, 都道府県TOP
----------------------------------------------- */
.visitorBannerText {
  text-align: right;
  margin-top: 10px;
}

/* = banner-daily3updatesFlow
----------------------------------------------- *
 * CTUXUV5DE-10569 繁忙期対応（埋まっちゃうかも訴求）
 *
 * 使用箇所：賃貸トップ、賃貸都道府県トップ
----------------------------------------------- */
.banner-daily3updatesFlow {
  margin: 16px 10px;
  margin-top: 0px;
  text-align: center;
}

.banner-daily3updatesFlow img {
  width: 100%;
  height: auto;
  max-width: 414px;
  max-height: 70px;
}
@charset "UTF-8";
/* = mod-loanSimulation
----------------------------------------------- *
 * ローントップ：シミュレーターへのリンク
----------------------------------------------- */
.mod-loanSimulation {
  width: 100%;
  background: #ffffec;
}

.mod-loanSimulation .lead {
  background: #ffffec url('/smp/assets/img/smartphone/page/loan/icon_notebook.png?v=e77fe3b9b7254568400b2a6122638974') 100% 0% no-repeat;
  background-size: 75px auto;
  line-height: 1.4;
  padding: 0.87rem 75px 0.43rem 0.87rem;
  min-height: 45px;
  color: #333;
}

.mod-loanSimulation .btn {
  padding: 0 0.87rem 0.87rem;
}

.mod-loanSimulation .btn .icon {
  display: inline-block;
  background: url('/smp/assets/img/smartphone/page/loan/index/sprite_icon.png?v=8820fb9af423b311d70e2ad77fc07af2') no-repeat;
  background-size: 18px auto;
  width: 18px;
  height: 20px;
}

.mod-loanSimulation .btn.borrowing .icon {
  background-position: 0px -1px;
}

.mod-loanSimulation .btn.monthly .icon {
  background-position: 0px -21px;
}
@charset "UTF-8";
/* = mod-japaneseKanaSyllabary
----------------------------------------------- *
 * ローントップ：あいうえお順
----------------------------------------------- */
.mod-japaneseKanaSyllabary .kanaList {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  border-spacing: 0.62rem;
  padding: 0.31rem 0.62rem;
  width: 100%;
}

.mod-japaneseKanaSyllabary .kanaGroup {
  display: table-row;
}

.mod-japaneseKanaSyllabary .kanaGroup dt {
  display: none;
}

.mod-japaneseKanaSyllabary .kanaGroup dd {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.mod-japaneseKanaSyllabary .kanaGroup .kana {
  display: inline-block;
  padding: 0.8em;
  padding: -webkit-calc(50% - 0.5em);
  padding: calc(50% - 0.5em);
  border-radius: 50%;
  color: #ed6103;
  background: #f2f2f2;
  font-size: 1.12rem;
  text-decoration: none;
}

@media all and (min-width: 340px) {
  .mod-japaneseKanaSyllabary .kanaGroup .kana {
    padding: 1em;
  }
}
@media all and (min-width: 376px) {
  .mod-japaneseKanaSyllabary .kanaGroup .kana {
    padding: 1.2em;
  }
}
.mod-japaneseKanaSyllabary .kanaGroup :first-of-type .kana {
  background: #ffe4d2;
  font-weight: bold;
}

.mod-japaneseKanaSyllabary .kanaGroup .kana.is-disabled {
  color: #aeaeae;
  background: none;
  font-weight: normal;
}