@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";
/* -------------------------------------------- *
 *  アイコン
 * -------------------------------------------- */
/* = 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 */
@charset "UTF-8";
/* = mod-heading
----------------------------------------------- *
 * ローンシミュレーターの見出し
 * 使用箇所：ローンシミュレーター
----------------------------------------------- */
.mod-heading .title {
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 0 0 65px;
  background: url('/smp/assets/img/smartphone/page/loan/simulation/sprite_icon.png?v=6e408750b7b9d618ecc23733376bf612') no-repeat 0.62rem 0, -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3852b), color-stop(100%, #ed6103));
  background: url('/smp/assets/img/smartphone/page/loan/simulation/sprite_icon.png?v=6e408750b7b9d618ecc23733376bf612') no-repeat 0.62rem 0, -webkit-linear-gradient(top, #f3852b 0, #ed6103 100%);
  background: url('/smp/assets/img/smartphone/page/loan/simulation/sprite_icon.png?v=6e408750b7b9d618ecc23733376bf612') no-repeat 0.62rem 0, linear-gradient(to bottom, #f3852b 0, #ed6103 100%);
  background-size: 118px auto, auto;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
  color: #fff;
  font-size: 1.12rem;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.mod-heading .lead {
  background: #def2f2 url('/smp/assets/img/smartphone/page/loan/icon_notebook.png?v=e77fe3b9b7254568400b2a6122638974') 100% 0% no-repeat;
  background-size: 75px auto;
  font-size: 0.75rem;
  line-height: 1.4;
  min-height: 45px;
  padding: 0.62rem 75px 0.62rem 0.62rem;
  color: #333;
}
@charset "UTF-8";
/* = mod-modeMonthly
----------------------------------------------- *
 * ローンシミュレーターの別のモードへのリンク
 * 使用箇所：ローンシミュレーター(月々の返済額を調べる)
----------------------------------------------- */
.mod-mode .link {
  border-top: 1px solid #c4c4c4;
}

.mod-mode .link a {
  display: table;
  width: 100%;
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.mod-mode .link .thumb {
  display: table-cell;
  vertical-align: middle;
  width: 2.25rem;
  padding: 0.31rem 0.43rem;
  text-align: center;
}

.mod-mode .link .icon {
  display: block;
  width: 1.87rem;
  height: 1.87rem;
  margin: 0 auto;
  background-image: url('/smp/assets/img/smartphone/page/loan/simulation/sprite_icon.png?v=6e408750b7b9d618ecc23733376bf612');
  background-size: 118px auto;
  background-position: 6px -47px;
}

.mod-mode .link .icon.borrowing {
  background-position: 3px -77px;
}

.mod-mode .link .icon.monthly {
  background-position: 6px -47px;
}

.mod-mode .link .text {
  padding: 0.25rem 0;
  font-size: 0.93rem;
  display: table-cell;
  vertical-align: middle;
}

.mod-mode .link .arrow {
  width: 1em;
  padding: 1em 0.43rem 1em 0;
  display: table-cell;
  vertical-align: middle;
}
@charset "UTF-8";
/* = mod-question
----------------------------------------------- *
 * 使用箇所：ローンシミュレーター
 * ローンシミュレーターの質問部分
----------------------------------------------- */
.mod-question {
  padding: 1.87rem 0.62rem;
}

/* 質問内容 */
.mod-question .questionItem {
  position: relative;
  border: 0.06rem solid #aaa;
  border-radius: 0.31rem;
  text-align: center;
  z-index: 1;
}

.mod-question .questionItem + .questionItem {
  margin-top: 1.56rem;
}

.mod-question .title {
  position: relative;
  top: -0.75rem;
  display: inline-block;
  font-size: 1.25rem;
  padding: 0.12rem 0.31rem;
  font-weight: bold;
  color: #ed6013;
  background: #fff;
  z-index: 2;
}

.mod-question .inputBox {
  display: block;
  margin: 1.25rem auto;
}

.mod-question .inputBox input {
  width: 5rem;
  height: 1.87rem;
  text-align: center;
  font-size: 1rem;
  border: 0.06rem solid #aaa;
  border-radius: 0.31rem;
}

.mod-question .error input {
  border-color: #dc482b;
  background-color: #FFF2F0;
  border-width: 0.12rem;
}

.mod-question .error .text {
  color: #dc482b;
  font-size: 0.75rem;
  margin: 0.62rem;
  line-height: 1.4;
}

.mod-question .inputBox select {
  width: 5rem;
  font-size: 1rem;
  border: 0.06rem solid #aaa;
  border-radius: 0.31rem;
  background: #fff;
}

.mod-question .unit {
  font-size: 0.81rem;
  vertical-align: bottom;
}

.mod-question .notes {
  font-size: 0.75rem;
  line-height: 1.2;
  background: #f6f6f6;
  padding: 0.62rem;
  border-radius: 0 0 0.31rem 0.31rem;
}

.mod-question .notes em {
  color: #dc482b;
}

/* 詳細な条件ボタン */
.mod-question .detailBtn {
  margin: 1.25rem 0;
  text-align: center;
}

.mod-question .detailBtn a {
  display: block;
  padding: 0.93rem 0;
  border: 0.06rem dotted #aaa;
  color: #333;
  text-decoration: none;
}

.mod-question .detailBtn .text {
  padding-left: 0.31rem;
}

.mod-question .simulateBtn a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  font-size: 1rem;
  padding: 0.75rem 0;
}

.mod-question .simulateBtn .icon {
  display: inline-block;
  background-image: url('/smp/assets/img/smartphone/page/loan/simulation/sprite_icon.png?v=6e408750b7b9d618ecc23733376bf612');
  background-size: 118px auto;
  background-position: 0 -166px;
  width: 19px;
  height: 25px;
  vertical-align: middle;
}

.mod-question .simulateBtn .text {
  vertical-align: middle;
}
@charset "UTF-8";
/* = mod-raListLinks
----------------------------------------------- *
 * 使用箇所：ローンシミュレーター
 * ローンシミュレーターの導線部分
----------------------------------------------- */
.mod-raListLinks .links {
  border-bottom: 1px solid #c4c4c4;
}

.mod-raListLinks .links li + li {
  border-top: 1px solid #c4c4c4;
}
@charset "UTF-8";
/* = mod-result
----------------------------------------------- *
 * ローンシミュレーターの結果
 * 使用箇所：ローンシミュレーター(購入可能額を調べる)
----------------------------------------------- */
.mod-result .result {
  border-top: 1px solid #b3b2b3;
  border-bottom: 1px solid #b3b2b3;
  padding: 1.56rem 0.62rem 0.62rem;
  box-shadow: 0 0 0.31rem 0 rgba(163, 163, 163, 0.8);
  background-image: url('/smp/assets/img/smartphone/page/loan/simulation/bg_paper.jpg?v=49efb572f70e5d95dcd035e5a25cfa60');
  background-size: 320px auto;
  color: #333;
}

.mod-result .resultTitle {
  font-size: 1.56rem;
  font-weight: bold;
  color: #625037;
  text-align: center;
  margin-bottom: 1.25rem;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.5);
}

/* .adviceBox アドバイス表示部分 */
.mod-result .face {
  display: block;
  margin: 0 auto;
  background-image: url('/smp/assets/img/smartphone/page/loan/simulation/sprite_icon.png?v=6e408750b7b9d618ecc23733376bf612');
  background-size: 118px auto;
  width: 116px;
  height: 122px;
}

.mod-result .advice {
  position: relative;
  border: 0.12rem solid;
  border-radius: 0.31rem;
  padding: 0.93rem 0.81rem;
  margin: 0.93rem 0;
  font-size: 0.75rem;
  line-height: 1.5;
  z-index: 0;
}

.mod-result .advice:before {
  content: "";
  position: absolute;
  display: block;
  top: -0.93rem;
  left: 6.25rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 0.93rem 1.25rem;
  border-color: transparent;
  z-index: -1;
}

.mod-result .advice:after {
  content: "";
  position: absolute;
  display: block;
  top: -0.68rem;
  left: 6.12rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 0.93rem 1.25rem;
  border-color: transparent;
  z-index: 0;
}

.mod-result .advice .title {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.93rem;
}

.mod-result .advice dd + dt {
  margin-top: 1.25rem;
}

.mod-result .advice .more,
.mod-result .advice .less {
  text-align: center;
  font-weight: bold;
  margin-top: 1.25rem;
}

.mod-result .advice .more a,
.mod-result .advice .less a {
  color: inherit;
}

.mod-result .warning .face {
  background-position: 0 -225px;
}

.mod-result .warning .advice {
  background-color: #ffefed;
  color: #d73f26;
  border-color: #d73f26;
}

.mod-result .warning .advice:before {
  border-bottom-color: #d73f26;
}

.mod-result .warning .advice:after {
  border-bottom-color: #ffefed;
}

.mod-result .caution .face {
  background-position: 0 -354px;
}

.mod-result .caution .advice {
  background-color: #fcf0ba;
  color: #ea5607;
  border-color: #ffa105;
}

.mod-result .caution .advice:before {
  border-bottom-color: #ffa105;
}

.mod-result .caution .advice:after {
  border-bottom-color: #fcf0ba;
}

.mod-result .ok .face {
  background-position: 0 -483px;
}

.mod-result .ok .advice {
  background-color: #e5efd9;
  color: #59931e;
  border-color: #59931e;
}

.mod-result .ok .advice:before {
  border-bottom-color: #59931e;
}

.mod-result .ok .advice:after {
  border-bottom-color: #e5efd9;
}

.mod-result .error .face {
  background-position: 0 -610px;
}

.mod-result .error .advice {
  background-color: #eff5f5;
  color: #62747b;
  border-color: #62747b;
}

.mod-result .error .advice:before {
  border-bottom-color: #62747b;
}

.mod-result .error .advice:after {
  border-bottom-color: #eff5f5;
}

/* .resultItem 結果表示部分 */
.mod-result .resultItem {
  margin-bottom: 1.25rem;
}

.mod-result .resultItem .title {
  position: relative;
  display: inline-block;
  left: -0.62rem;
  padding: 0.31rem 0.93rem 0.31rem 0.62rem;
  margin-bottom: 0.62rem;
  font-size: 1.12rem;
  background-color: #ed6013;
  color: #fff;
  height: 1.12rem;
  box-shadow: 0 0.06rem 0.25rem rgba(0, 0, 0, 0.3) inset;
  z-index: 1;
}

.mod-result .resultItem .title:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  background: url('/smp/assets/img/smartphone/page/loan/simulation/ribbon_cut.png?v=2c3b99c42e9b82717d1c0797126e1075') 100% 0 no-repeat;
  background-size: 8px auto;
  width: 8px;
  height: 28px;
  z-index: 2;
}

.mod-result .resultItem .title small {
  font-size: 0.87rem;
}

.mod-result .resultItem .text {
  text-align: center;
}

.mod-result .resultItem .text .num {
  font-size: 2.5rem;
  color: #ed6013;
  font-family: serif;
}

.mod-result .resultItem .text .unit {
  font-size: 1.12rem;
  vertical-align: baseline;
}

.mod-result .resultItem .set {
  padding: 0 0.62rem;
  display: table;
  width: 95%;
  margin: 0 auto 0.93rem auto;
}

.mod-result .resultItem .name {
  display: table-cell;
  font-size: 1rem;
  width: 4.37rem;
}

.mod-result .resultItem .line {
  display: table-cell;
  background: url('/smp/assets/img/smartphone/page/loan/simulation/dot_line.png?v=6e02e6524157ff1aedc43985cbd61be9') 0 70% repeat-x;
  background-size: 22px auto;
}

.mod-result .resultItem .price {
  display: table-cell;
  width: 8.12rem;
}

.mod-result .resultItem .set .num {
  font-size: 1.87rem;
}

.mod-result .resultItem .set .unit {
  font-size: 0.87rem;
}

.mod-result .resultItem .notes {
  position: relative;
  padding: 0.5rem;
  font-size: 0.81rem;
  line-height: 1.4;
}

.mod-result .resultItem .notes:before,
.mod-result .resultItem .notes:after {
  position: absolute;
  top: 0;
  content: "";
  width: 0.5rem;
  height: 100%;
  border: 1px solid #333;
}

.mod-result .resultItem .notes:before {
  left: 0;
  border-right: none;
}

.mod-result .resultItem .notes:after {
  right: 0;
  border-left: none;
}

.mod-result .again {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}

.mod-result .again a {
  display: block;
  color: #5b5b5b;
  padding-bottom: 0.62rem;
  text-decoration: none;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.5);
}

.mod-result .again .icon {
  display: block;
  margin: 0 auto;
  background-image: url('/smp/assets/img/smartphone/page/loan/simulation/sprite_icon.png?v=6e408750b7b9d618ecc23733376bf612');
  background-position: 0 -192px;
  background-size: 118px auto;
  width: 35px;
  height: 24px;
  padding-bottom: 0.62rem;
}

.mod-result .notes {
  font-size: 0.81rem;
  line-height: 1.4;
  color: #333;
  margin: 1.25rem 0.62rem;
}
@charset "UTF-8";
/* = mod-tab
----------------------------------------------- *
 * ローンシミュレーターの選択タブ
 * 使用箇所：ローンシミュレーター(購入可能額を調べる)
----------------------------------------------- */
.mod-tab {
  position: relative;
  width: 100%;
  background-color: #def2f2;
  text-align: center;
}

.mod-tab:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #c4c4c4;
  z-index: 1;
}

/* タブ共通 */
.mod-tab li {
  position: relative;
  display: inline-block;
  border: 1px solid #c4c4c4;
  border-radius: 5px 5px 0 0;
  width: 9.37rem;
  bottom: -0.31rem;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #fefefe 0, #ededed 100%);
  background-image: linear-gradient(to bottom, #fefefe 0, #ededed 100%);
  border-bottom: none;
}

.mod-tab a {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 0.62rem 0.62rem 0.31rem;
}

.mod-tab .icon {
  display: inline-block;
  background-image: url('/smp/assets/img/smartphone/page/loan/simulation/sprite_icon.png?v=6e408750b7b9d618ecc23733376bf612');
  background-size: 118px;
  width: 26px;
  height: 26px;
}

.mod-tab .text {
  display: inline-block;
  text-align: left;
  margin-left: 0.31rem;
}

/* タブ共通 アクティブのとき */
.mod-tab .current {
  bottom: auto;
  background-color: #fff;
  background-image: none;
  color: #ed6013;
  font-weight: bold;
  z-index: 2;
}

.mod-tab .current a {
  padding: 0.62rem;
}

/* タブごとのアイコン */
.mod-tab .borrowing .icon {
  background-position: 0 -107px;
}

.mod-tab .monthly .icon {
  background-position: 0 -136px;
}

.mod-tab .borrowing.current .icon {
  background-position: 0 -47px;
}

.mod-tab .monthly.current .icon {
  background-position: 0 -78px;
}

/* 接触部分borderの処理 */
.mod-tab .borrowing {
  border-right: none;
}

.mod-tab .monthly {
  border-left: none;
}

.mod-tab .borrowing.current {
  border-right: 1px solid #c4c4c4;
}

.mod-tab .monthly.current {
  border-left: 1px solid #c4c4c4;
}