@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-institutionHeading
----------------------------------------------- *
 * 住宅ローン見出し
 * 使用画面: 金融機関一覧・詳細
----------------------------------------------- */
.mod-institutionHeading .heading {
  line-height: 1.4;
  padding: 0.5em 0.43rem;
}

.mod-institutionHeading .explain {
  padding: 0.56rem 0.43rem 0.43rem;
  line-height: 1.4;
  font-size: 0.75rem;
}
@charset "UTF-8";
/* = mod-basicInfo
----------------------------------------------- *
 * 金融機関詳細：基本情報
----------------------------------------------- */
.mod-basicInfo {
  padding: 0.62rem 0.43rem;
}

.mod-basicInfo dl {
  color: #333;
  line-height: 1.4;
}

.mod-basicInfo dd {
  color: #333;
  display: inline;
}

.mod-basicInfo dt {
  color: #69c;
  display: inline;
}

.mod-basicInfo .official {
  font-size: 0.81rem;
  line-height: 1.5;
}
@charset "UTF-8";
/* = mod-loanZeroMsg
----------------------------------------------- *
 * ローンが存在しなかったとき
 * 使用箇所: 金融機関詳細
----------------------------------------------- */
.mod-loanZeroMsg .text {
  margin: 1.75rem 0;
  text-align: center;
  line-height: 1.4;
}
@charset "UTF-8";
/* = mod-notes
----------------------------------------------- *
 * 金融機関詳細：ページ下部注釈
----------------------------------------------- */
.mod-notes .update {
  text-align: right;
  font-size: 0.81rem;
  margin: 0.62rem 0.43rem;
}

.mod-notes .notes {
  margin: 0.62rem 0.43rem;
  font-size: 0.75rem;
  line-height: 1.7;
}
@charset "UTF-8";
/* = mod-ratePlan
----------------------------------------------- *
 * 金融機関詳細：金利
----------------------------------------------- */
/* 開閉部分 */
.mod-ratePlan {
  border-bottom: 1px solid #c4c4c4;
}

/* 開閉部分見出し .heading with ui-bar */
.mod-ratePlan > a.heading {
  display: block;
  color: inherit;
  text-decoration: none;
  border-bottom: none;
}

.mod-ratePlan > .heading .open,
.mod-ratePlan > .heading .close {
  font-size: 1.5rem;
}

.mod-ratePlan > .heading.is-selected .open {
  display: none;
}

.mod-ratePlan > .heading .close {
  display: none;
}

.mod-ratePlan > .heading.is-selected .close {
  display: table-cell;
}

/* 開閉部分コンテンツ */
.mod-ratePlan > .content {
  height: 0;
  overflow: hidden;
  padding-top: 6px;
  border-top: 1px solid #c4c4c4;
  box-shadow: 0 6px 0 #f0f0f0 inset;
}

.mod-ratePlan > .heading.is-selected + .content {
  height: auto;
  margin-bottom: 6px;
  padding: 0.62rem 0.43rem;
  border-bottom: 1px solid #c4c4c4;
  box-shadow: 0 2px 0 #f0f0f0 inset, 0 6px 0 #f0f0f0;
}

/* 金利表 */
.mod-ratePlan table {
  width: 100%;
  margin-bottom: 0.75rem;
}

.mod-ratePlan tr {
  border: 1px solid #c4c4c4;
}

.mod-ratePlan td {
  padding: 0.93rem;
  border-right: 1px solid #c4c4c4;
}

.mod-ratePlan .name {
  text-align: center;
  background-color: #eff5f5;
  color: #69c;
  font-weight: bold;
  padding: 0.25rem;
}

.mod-ratePlan .term {
  background: #f7f7f7;
  border-right: 1px dotted #c4c4c4;
}

.mod-ratePlan .rate {
  font-size: 1rem;
  font-weight: bold;
}

.mod-ratePlan .variable .rate {
  text-align: center;
  padding: 0.93rem;
}

.mod-ratePlan .rate.filled:after {
  content: "%";
  font-size: 0.87rem;
  font-weight: normal;
}

.mod-ratePlan .official {
  text-align: right;
  font-size: 0.81rem;
}