@charset "UTF-8";
/* =============================================================================
   rikon-hf.css
   ルート（rikon-loan.com / common/css/default.css）のヘッダー・フッターを移植。
   すべて .rikon-scope 配下にスコープし、SANGO 本文に影響を与えない。
   PC（>=480px）/ SP（<=480px）の表示はルートと同一に再現する。
   ============================================================================= */

/* ---- スコープ内リセット（SANGO のスタイル漏れを打ち消す） ---------------- */
.rikon-scope,
.rikon-scope * {
  box-sizing: content-box;
}
.rikon-scope {
  color: #333;
  line-height: 1.4;
  font-size: 12px;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.rikon-scope div,
.rikon-scope dl,
.rikon-scope dt,
.rikon-scope dd,
.rikon-scope ul,
.rikon-scope ol,
.rikon-scope li,
.rikon-scope h1,
.rikon-scope p {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.rikon-scope ul,
.rikon-scope ol {
  list-style: none;
}
.rikon-scope li {
  list-style: none;
}
.rikon-scope img {
  vertical-align: bottom;
  border: 0;
  max-width: none;
  height: auto;
}
.rikon-scope a {
  outline: none;
}
.rikon-scope a:link,
.rikon-scope a:visited {
  color: #333;
  text-decoration: none;
}
.rikon-scope a:hover,
.rikon-scope a:active {
  color: #333;
  text-decoration: underline;
}
.rikon-scope .opacity a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
}
.rikon-scope .clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
.rikon-scope .clearfix {
  display: block;
}

/* 色帯（nav バー・footer 背景）は #container 全幅（SANGO は #container に
   max-width を設けないため、素の 100% でルート（コンテンツ全幅）と一致する）。
   header-cont / footer .inner は 940px 中央寄せ。 */

/* ---- #sp-menu（SP 上部バー：ホーム/PC表示/メニュー。PC では非表示） -------- */
.rikon-scope #sp-menu {
  display: none;
}

/* ---- header --------------------------------------------------------------- */
.rikon-scope #header {
  position: relative;
}
.rikon-scope #header .header-cont {
  width: 940px;
  /* 下マージン = nav(絶対配置 51px) の領域確保 + 本文との余白。
     ルートは 51px（本文が nav に密着）だが、SANGO 本文が窮屈なので約30px 余白を追加。
     SP では下の @media で margin:0 に上書きされるため、この値は PC のみ有効。 */
  margin: 0 auto 80px;
  padding: 5px 0;
  overflow: hidden;
}
.rikon-scope #header .logo {
  float: left;
  width: 510px;
}
.rikon-scope #header .logo .description {
  color: #86664C;
  font-size: 13px;
  margin: 5px 0 20px 0;
  font-weight: normal;
}
.rikon-scope #header .inquiry {
  width: 405px;
  float: right;
  padding: 5px 6px 6px 0;
}
.rikon-scope #header .contact {
  float: right;
  margin: 0 0 6px 0;
}

/* ---- nav（PC：スプライト画像置換） ---------------------------------------- */
.rikon-scope #nav {
  background: url(../img/header_nav_bg.png) repeat-x;
  height: 51px;
  position: absolute;
  top: 123px;
  width: 100%;
  left: 0;
}
.rikon-scope #nav ul {
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
}
.rikon-scope #nav ul li {
  float: left;
}
.rikon-scope #nav ul li a {
  display: block;
  overflow: hidden;
  height: 0 !important;
  padding: 51px 0 0 0;
  background-image: url(../img/header_nav.png);
  background-repeat: no-repeat;
}
.rikon-scope #nav ul .nav01 a { background-position: 0 0;       width: 79px; }
.rikon-scope #nav ul .nav02 a { background-position: -79px 0;   width: 120px; }
.rikon-scope #nav ul .nav03 a { background-position: -199px 0;  width: 120px; }
.rikon-scope #nav ul .nav04 a { background-position: -319px 0;  width: 120px; }
.rikon-scope #nav ul .nav05 a { background-position: -439px 0;  width: 128px; }
.rikon-scope #nav ul .nav06 a { background-position: -567px 0;  width: 164px; }
.rikon-scope #nav ul .nav07 a { background-position: -731px 0;  width: 104px; }
.rikon-scope #nav ul .nav08 a { background-position: -835px 0;  width: 105px; }

.rikon-scope #nav ul .nav01 a:hover { background-position: 0 -51px; }
.rikon-scope #nav ul .nav02 a:hover { background-position: -79px -51px; }
.rikon-scope #nav ul .nav03 a:hover { background-position: -199px -51px; }
.rikon-scope #nav ul .nav04 a:hover { background-position: -319px -51px; }
.rikon-scope #nav ul .nav05 a:hover { background-position: -439px -51px; }
.rikon-scope #nav ul .nav06 a:hover { background-position: -567px -51px; }
.rikon-scope #nav ul .nav07 a:hover { background-position: -731px -51px; }
.rikon-scope #nav ul .nav08 a:hover { background-position: -835px -51px; }

/* ---- footer --------------------------------------------------------------- */
.rikon-scope #footer {
  background: #E3D9D0;
  color: #85664C;
  clear: both;
}
.rikon-scope #footer .inner {
  width: 940px;
  margin: 0 auto;
  padding: 0 0 35px 0;
  position: relative;
}
.rikon-scope #footer .inner #scroll {
  position: absolute;
  right: 0;
  top: -30px;
}
.rikon-scope #footer .inner ul {
  text-align: center;
  padding: 0 5px;
  margin: 0;
}
.rikon-scope #footer .inner > ul:first-of-type {
  padding-top: 20px;
}
.rikon-scope #footer .inner > ul:last-of-type {
  margin-bottom: 20px;
}
/* フッター2行目（利用規約等）を1行目の直下に詰める */
.rikon-scope #footer .inner ul.footer-nav2 {
  margin-top: 8px;
}
.rikon-scope #footer .inner ul li {
  display: inline-block;
  border-right: #85664C 1px solid;
  padding: 0 10px;
}
.rikon-scope #footer .inner ul li.last {
  border-right: none;
}
.rikon-scope #footer .inner ul li a {
  color: #85664C;
}
.rikon-scope #footer p.copyright {
  font-size: 0.917em;
  text-align: center;
  color: #85664C; /* SANGO の .copyright{color:#fff} 漏れを打ち消し、ルート同色に固定 */
}

/* ---- footer sp-footer-btn（PC では非表示） -------------------------------- */
.rikon-scope #footer .sp-footer-btn {
  display: none;
}

/* =============================================================================
   SP（<=480px）
   ============================================================================= */
@media screen and (max-width: 480px) {
  /* header */
  .rikon-scope #header .header-cont {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .rikon-scope #header .logo {
    float: none;
    width: 100%;
  }
  .rikon-scope #header .logo img {
    max-width: 100%;
    height: auto;
  }
  .rikon-scope #header .logo .description {
    display: none;
  }
  .rikon-scope #header .inquiry {
    width: 100%;
    float: none;
    padding: 0;
  }
  .rikon-scope #header .inquiry img {
    width: 100%;
    height: auto;
  }
  .rikon-scope #header .contact {
    float: none;
    margin: 0;
    width: 100%;
  }
  .rikon-scope #header .contact img {
    width: 100%;
    height: auto;
  }

  /* #sp-menu（SP 上部バー：ホーム/PC表示/メニュー） */
  .rikon-scope #sp-menu {
    display: block;
  }
  .rikon-scope #sp-menu li {
    width: 33.3%;
    float: left;
  }
  .rikon-scope #sp-menu li a {
    display: block;
    background: #F1A7C3;
    border-bottom: #FFF 1px solid;
    border-right: #FFF 1px solid;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    font-size: 1.167em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
  }
  .rikon-scope #sp-menu li.menu a {
    border-right: none;
  }
  .rikon-scope #sp-menu li a:hover {
    background: #E34F87;
  }
  .rikon-scope #sp-menu li a img {
    padding: 0 10px 0 0;
    vertical-align: middle;
    width: 24px;
    height: auto;
  }

  /* nav：SP では既定で非表示。#sp-menu の「メニュー」タップで slideToggle 表示（ルート同様） */
  .rikon-scope #nav {
    background: none;
    height: auto;
    position: relative;
    top: 0;
    display: none;
  }
  .rikon-scope #nav ul {
    width: 100%;
    margin: 0 auto;
    background: #FDEEF3;
  }
  .rikon-scope #nav ul li {
    float: left;
    width: 50%;
  }
  .rikon-scope #nav ul li.nav08 {
    display: block;
  }
  .rikon-scope #nav ul li a {
    width: auto !important;
    display: block;
    height: auto !important;
    padding: 10px 5px;
    text-align: center;
    color: #86664C;
    font-weight: bold;
    font-size: 1.167em;
    background: #FDEEF3;
    border-bottom: #F1A7C3 1px solid;
    border-right: #F1A7C3 1px solid;
    background-image: none;
    box-sizing: border-box;
  }
  .rikon-scope #nav ul li a:hover {
    background: #F1A7C3;
    text-decoration: none;
  }

  /* footer */
  .rikon-scope #footer .inner {
    width: 100%;
    padding: 15px 0 10px 0;
  }
  .rikon-scope #footer .inner #scroll,
  .rikon-scope #footer .inner ul {
    display: none;
  }
  .rikon-scope #footer p.copyright {
    padding: 0 10px;
  }

  /* sp-footer-btn（SP のみ表示） */
  .rikon-scope #footer .sp-footer-btn {
    display: block;
    border-radius: 5px;
    border-top: #FFF 1px solid;
  }
  .rikon-scope #footer .sp-footer-btn ul li {
    float: left;
    width: 50%;
  }
  .rikon-scope #footer .sp-footer-btn ul li a {
    display: block;
    padding: 10px 0;
    text-align: center;
    background: #F1A3C1;
    font-size: 1.333em;
    color: #FFFFFF;
  }
  .rikon-scope #footer .sp-footer-btn ul li a img {
    padding: 0 10px 0 0;
    vertical-align: middle;
  }
  .rikon-scope #footer .sp-footer-btn ul li a:last-child {
    border-left: #FFF 1px solid;
  }
  .rikon-scope #footer .sp-footer-btn ul li a:hover {
    background: #E34F87;
    text-decoration: none;
  }
}

/* PC（>=480px）では nav を必ず表示（SP の display:none を打ち消す） */
@media screen and (min-width: 480px) {
  .rikon-scope #nav {
    display: block !important;
  }
}

/* =============================================================================
   SP 専用サイドバー相当（footer 上）：ルート #side .sub-nav ＋ 相続バナー
   PC では非表示（PC は SANGO のサイドバーが担当）。
   ============================================================================= */
.rikon-scope .rikon-sp-side {
  display: none;
}
@media screen and (max-width: 480px) {
  .rikon-scope .rikon-sp-side {
    display: block;
    padding: 20px 0 0; /* 左右余白なし＝フルワイド（ルート #side 同様） */
  }
  .rikon-scope .rikon-sp-side .section {
    margin: 0 0 20px;
  }

  /* sub-nav（ルート #side .sub-nav 移植） */
  .rikon-scope .rikon-sp-side .sub-nav {
    border: #F1A7C3 1px solid;
    background: url(../img/sub_nav_bg.png) repeat-x;
    padding: 5px 0 0;
    line-height: 1.8;
  }
  .rikon-scope .rikon-sp-side .sub-nav > ul > li > a {
    display: block;
    border-bottom: #F1A7C3 1px dotted;
    padding: 10px 10px 10px 25px;
    background: url(../img/icon_arrow02.png) 10px center no-repeat #FEF8FA;
  }
  .rikon-scope .rikon-sp-side .sub-nav > ul > li:last-child a {
    border-bottom: none;
  }
  .rikon-scope .rikon-sp-side .sub-nav > ul > li > a:hover {
    background: url(../img/icon_arrow02.png) 10px center no-repeat #F1A7C3;
    text-decoration: none;
  }
  .rikon-scope .rikon-sp-side .sub-nav ul li ul li {
    padding: 0 0 0 5px;
    background: url(../img/sub_nav_list_bg.png);
  }
  .rikon-scope .rikon-sp-side .sub-nav ul li ul li a {
    border-bottom: #F1A7C3 1px dotted;
    background: url(../img/icon_arrow03.png) 10px center no-repeat #FFF;
    display: block;
    padding: 5px 15px 5px 25px;
  }
  .rikon-scope .rikon-sp-side .sub-nav ul li ul li a:hover {
    background: url(../img/icon_arrow03.png) 10px center no-repeat #F1A7C3;
    text-decoration: none;
  }

  /* 相続バナー（ルート同様 左寄せ） */
  .rikon-scope .rikon-sp-side .souzoku {
    text-align: left;
  }
  .rikon-scope .rikon-sp-side .souzoku img {
    max-width: 100%;
    height: auto;
  }
}