@charset "utf-8";
  body {
color:#2a2a2a;
line-height:1.6;
font-size:16px;
font-family: -apple-system, BlinkMacSystemFont,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
-webkit-text-size-adjust:100%;
text-align:justify;
text-justify:inter-ideograph;
overflow-y:scroll;
font-feature-settings: "palt" 1;
}
img {
max-width:100%;
height:auto;
}
em {
font-weight:bold;
font-style:normal;
}
a {
outline:none;
}
::selection {
background: #e50012;
color: #fff;
} .txt-center {
text-align:center;
}
.mb10 {
margin-bottom:10px;
}
.mb20 {
margin-bottom:20px;
}
.mb30 {
margin-bottom:30px;
}
.mb40 {
margin-bottom:40px;
}
.mb50 {
margin-bottom:50px;
}
.mb60 {
margin-bottom:60px;
}
.mb100 {
margin-bottom:100px;
}
.left {
float:left;
}
.right {
float:right;
}
br.sp,
br.tablet {
display:none;
}
.pc-only {
display:inline;
}
.sp-only {
display:none;
}
.heading-blue {
margin-bottom:15px;
padding:5px 0 5px 10px;
background-color:#70bbe8;
color:#fff;
font-size:18px;
font-weight:normal;
line-height:1;
}
.heading__text {
margin-bottom:10px;
font-size:20px;
}
.heading__text--blue {
color:#8abae6;
}
.heading__text--orange {
color:#e3ab30;
}
.heading__text--middle {
font-size:18px;
}
.loan-news__list {
padding:0 10px 10px 10px;
}
.loan-news__item {
text-align:right;
}
.loan-news__anchor {
text-decoration:underline;
color:#00f;
}
.loan-news__anchor:hover {
color:#e3ab30;
}
.loan-news__item > .loan-news__anchor:after {
margin-left:5px;
content:"\FF1E";
color:#e3ab30;
}
.half-block__list {
overflow:hidden;
}
.half-block__item {
width:49%;
float:left;
}
.half-block__item:last-child {
float:right;
}
.half-block__anchor {
display:block;
padding:17px 35px 17px 20px;
text-align:center;
background:#f6ad17 url(/common/images/icon_more_circle.svg) no-repeat 95% 50%;
background-size:20px 20px;
opacity:1;
transition:0.3s;
}
.half-block__anchor--banner {
padding:0;
background-color:#fff;
}
.half-block__anchor--left {
text-align:left;
}
.half-block__anchor:hover {
opacity:0.5;
}
.single-block__item {
list-style:none;
margin:0 auto;
width:80%;
}
.single-block__item--half {
margin:0 auto;
width:60%;
}
.single-block__item--big {
width:100%;
}
.single-block__anchor {
display:block;
padding:17px 10px;
line-height:1;
color:#fff;
font-size:22px;
text-align:center;
text-decoration:none;
background:#f6ad17 url(/common/images/icon_more_circle.svg) no-repeat 95% 50%;
background-size:20px 20px;
opacity:1;
transition:0.3s;
}
input.single-block__anchor {
display:block;
width:100%;
cursor:pointer;
border: none;
text-indent:-9999px;
background:url(/common/images/btn_bank_post.png) no-repeat 50% 0;
background-size:contain;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
input.single-block__anchor {
background:url(/common/images/btn_bank_post@2x.png) no-repeat 0 0;
background-size:contain;
}
}
.single-block__anchor--image {
padding:0;
background:none;
}
.single-block__anchor--orange {
background:#fd8922 url(/common/images/icon_more_circle.svg) no-repeat 95% 50%;
background-size:20px 20px;
}
.single-block__anchor:hover {
opacity:0.5;
}
.single-block__anchor--none {
background-image:none;
}
.single-block__icon {
margin-left:10px;
width:1.3rem;
vertical-align:top;
}
.heading__belt {
margin-bottom:15px;
padding:5px 10px;
text-align:center;
font-size:1.1rem;
font-weight:bold;
color:#1770a5;
background-color:#d5eaf5;
}
th,td{
padding: 5px;
border: 1px solid #666;
text-align: center;
}
table.contents-table {
margin-bottom:20px;
width:100%;
font-size:12px;
border-collapse:collapse;
}
table.contents-table tbody tr:nth-child(even) {
background-color:#f8f8f8;
}
table.contents-table tbody tr:hover {
background-color:#f4f4f4;
}
table.contents-table th,
table.contents-table td {
padding:5px;
text-align:center;
vertical-align:middle;
border:1px solid #ccc;
}
table.contents-table td a {
display:block;
text-align:center;
margin:10px;
color:#4a52ee;
}
table.contents-table td a:hover {
text-decoration:none;
}
table.contents-table th {
background-color:#deedf6;
}
table.bank-post__table {
margin-bottom:35px;
width:100%;
border-collapse:collapse;
font-size:14px;
}
table.bank-post__table th,
table.bank-post__table td {
padding:10px;
vertical-align:top;
border:1px solid #426fa6;
}
table.bank-post__table th {
width:185px;
background-color:#dae9f6;
}
table.bank-post__table th small {
font-weight:normal;
color:#f00;
}
table.bank-post__table th small:before {
content:"\203B";
}
table.bank-post__table th span {
display:block;
font-weight:normal;
font-size:0.8rem;
}
table.bank-post__table td {
vertical-align:middle;
}
table.bank-post__table td input.text {
width:100%;
padding:5px;
font-size:18px;
}
table.bank-post__table td select {
width:100%;
font-size:16px;
border: 1px solid #999;
}
table.bank-post__table td label {
margin-bottom:5px;
display:block;
width:50%;
float:left;
cursor:pointer;
}
table.bank-post__table td textarea {
width:100%;
padding:5px;
font-size:14px;
}
table.news-list__table {
margin-bottom:20px;
width:100%;
font-size:14px;
}
table.news-list__table thead tr th {
padding:5px;
color:#426fa6;
background-color:#dae9f6;
text-align:center;
}
table.news-list__table thead tr th:first-child,
table.news-list__table tbody th {
border-right:10px solid #fff;
width:100px;
}
table.news-list__table thead tr th:last-child,
table.news-list__table tbody td {
border-left:10px solid #fff;
}
table.news-list__table tbody th,
table.news-list__table tbody td {
padding:5px 0;
}
table.news-list__table tbody th {
width:100px;
text-align:center;
}
.border-bottom {
margin-bottom:30px;
padding-bottom:20px;
border-bottom:4px solid #71bce4;
}
.pagenation,
.news-post-area .pagenation {
margin-left:0;
overflow:hidden;
padding-top:10px;
border-top:1px dashed #dcdcdc;
}
.pagenation__prev {
float:left;
}
.pagenation__next {
float:right;
}
.pagenation__anchor,
.news-post-area .pagenation__anchor {
color:#000;
text-decoration:none;
}
.pagenation__prev .pagenation__anchor:before {
margin-right:5px;
content:"\FF1C";
color:#e3ab30;
}
.pagenation__next .pagenation__anchor:after {
margin-left:5px;
content:"\FF1E";
color:#e3ab30;
}
.pagenation__anchor:hover {
color:#e3ab30;
} header {
overflow:hidden;
height:80px;
}
header h1 {
float:left;
width:256px;
}
header p {
float:left;
width:256px;
}
.full-banner {
float:right;
width:469px;
} nav {
clear:both;
}
.main-nav {
overflow:hidden;
margin-bottom:15px;
}
.main-nav__item {
float:left;
width:190px;
border-left:1px solid #3c3c3c;
}
.main-nav__item--center {
width:189px;
}
.main-nav__item:last-child {
border-right:1px solid #3c3c3c;
}
.main-nav__anchor {
display:block;
height:60px;
text-indent:-9999px;
}
.main-nav__anchor--01 {
background:url(/common/images/btn_01_off.png) no-repeat 50% 50%;
}
.main-nav__anchor--01:hover,
.main-nav__item.current .main-nav__anchor--01 {
background:url(/common/images/btn_01_on.png) no-repeat 50% 50%;
}
.main-nav__anchor--02 {
background:url(/common/images/btn_02_off.png) no-repeat 50% 50%;
}
.main-nav__anchor--02:hover,
.main-nav__item.current .main-nav__anchor--02 {
background:url(/common/images/btn_02_on.png) no-repeat 50% 50%;
}
.main-nav__anchor--03 {
background:url(/common/images/btn_03_off.png) no-repeat 50% 50%;
}
.main-nav__anchor--03:hover,
.main-nav__item.current .main-nav__anchor--03 {
background:url(/common/images/btn_03_on.png) no-repeat 50% 50%;
}
.main-nav__anchor--04 {
background:url(/common/images/btn_04_off.png) no-repeat 50% 50%;
}
.main-nav__anchor--04:hover,
.main-nav__item.current .main-nav__anchor--04 {
background:url(/common/images/btn_04_on.png) no-repeat 50% 50%;
}
.main-nav__anchor--05 {
background:url(/common/images/btn_05_off.png) no-repeat 50% 50%;
}
.main-nav__anchor--05:hover,
.main-nav__item.current .main-nav__anchor--05 {
background:url(/common/images/btn_05_on.png) no-repeat 50% 50%;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
.main-nav__anchor--01 {
background:url(/common/images/btn_01_off@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--01:hover,
.main-nav__item.current .main-nav__anchor--01 {
background:url(/common/images/btn_01_on@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--02 {
background:url(/common/images/btn_02_off@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--02:hover,
.main-nav__item.current .main-nav__anchor--02 {
background:url(/common/images/btn_02_on@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--03 {
background:url(/common/images/btn_03_off@2x.png) no-repeat 50% 50%;
background-size:188px 60px;
}
.main-nav__anchor--03:hover,
.main-nav__item.current .main-nav__anchor--03 {
background:url(/common/images/btn_03_on@2x.png) no-repeat 50% 50%;
background-size:188px 60px;
}
.main-nav__anchor--04 {
background:url(/common/images/btn_04_off@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--04:hover,
.main-nav__item.current .main-nav__anchor--04 {
background:url(/common/images/btn_04_on@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--05 {
background:url(/common/images/btn_05_off@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--05:hover,
.main-nav__item.current .main-nav__anchor--05 {
background:url(/common/images/btn_05_on@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
} footer {
clear:both;
width:100%;
background-color:#1770a5;
}
.footer-container {
margin:0 auto;
padding:20px 0;
width:950px;
color:#fff;
font-size:12px;
}
.footer__list {
overflow:hidden;
margin-bottom:25px;
}
.footer__item {
float:left;
margin:0 10px 10px 0;
padding-right:10px;
border-right:1px solid #fff;
line-height:1;
white-space:nowrap;
}
.footer__item:first-child {
padding-left:10px;
border-left:1px solid #fff;
}
.footer__anchor,
p small a {
color:#fff;
}
.footer__anchor:hover,
p small a:hover {
text-decoration:none;
}
.footer-pagetop {
display:none;
} .right-column {
float:right;
width:300px;
}
.medium-rectangle {
margin-bottom:10px;
} .karikae-special-area {
margin-bottom:10px;
border:2px solid #426fa6;
}
.karikae-special__heading {
background-color:#fff;
}
.karikae-special__list {
padding:17px;
background-color:#dae9f6;
}
.karikae-special__item {
margin-bottom:10px;
background:url(/common/images/icon_karikae_item.png) no-repeat 0 0.5em;
}
.karikae-special__item:last-child {
margin-bottom:0;
}
.karikae-special__anchor {
display:block;
padding-left:10px;
font-weight:bold;
color:#426fa6;
font-size:80%;
}
.karikae-special__anchor:hover {
text-decoration:none;
} .loan-news-sidearea {
margin-bottom:25px;
border:2px solid #8c8c8c;
}
.loan-news-sidearea__heading {
padding:10px;
font-weight:bold;
font-size:16px;
background-color:#f5f5f5;
}
.loan-news-sidearea__icon {
margin-right:5px;
width:29px;
}
.loan-news-sidearea__block {
margin:10px;
padding-bottom:10px;
border-bottom:1px dashed #dcdcdc;
}
.loan-news-sidearea__anchor {
display:block;
text-decoration:underline;
color:#00f;
font-size:90%;
}
.loan-news-sidearea__anchor:hover dt{
color:#426fa6;
}
.loan-news-sidearea__anchor:hover dd{
color:#426fa6;
} body {
border-top:8px solid #8abae6;
}
#container { margin:0 auto;
padding-top:13px;
width:950px;
}
.main-column {
clear:both;
float:left;
width:640px;
} .flexslider {
float:left;
width:480px;
}
.banner-karikae-rank {
float:right;
width:150px;
} .banner-karikae-rank__anchor {
display:block;
} .rate-trends-area {
clear:both;
margin-bottom:25px;
}
.rate-trends-area__heading {
margin-bottom:15px;
padding:30px 0 0 40px;
line-height:1;
font-weight:normal;
font-size:26px;
color:#426fa6;
background:url(/common/images/icon-home-new.gif) no-repeat 0 0;
}
.rate-trends-area__paragraph {
background:url(/common/images/bg_rate-trends-area.gif);
}
.rate-trends-area__paragraph p {
font-size:14px;
line-height:30px;
margin-bottom:30px;
} .loan-info-area {
margin-bottom:25px;
}
.loan-info__block {
overflow:hidden;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #dcdcdc;
}
.loan-info__anchor {
opacity:1;
display:block;
transition: 0.3s;
}
.loan-info__anchor:hover {
opacity:0.5;
}
.loan-info__banner {
float:left;
width:120px;
}
.loan-info__textblock {
float:right;
width:500px;
}
.loan-info__dl {
font-size:18px;
font-weight:bold;
color:#e3a14d;
}
.loan-info__bankname {
display:block;
font-size:14px;
font-weight:bold;
color:#000;
}
.loan-info__dd {
color:#000;
} .home-table-area {
clear:both;
margin-bottom:25px;
width:auto;
}
.home-table-area__copy {
display:none;
}
.home-table-area table {
width:100%;
font-size:12px;
border-collapse:collapse;
}
.home-table-area table tbody tr:nth-child(even) {
background-color:#f8f8f8;
}
.home-table-area table tbody tr:hover {
background-color:#f4f4f4;
}
.home-table-area table th,
.home-table-area table td {
padding:5px;
text-align:center;
vertical-align:middle;
border:1px solid #ccc;
}
.home-table-area table td a {
display:block;
text-align:center;
margin:10px;
color:#4a52ee;
}
.home-table-area table td a:hover {
text-decoration:none;
}
.home-table-area table th {
background-color:#deedf6;
} .home-ranking-area {
margin-bottom:25px;
}
.home-ranking-block {
position:relative;
margin-bottom:60px;
padding-left:207px;
}
.home-ranking__logo {
position:absolute;
left:22px;
top:0;
}
.home-ranking__heading {
margin-bottom:15px;
padding:10px 0 15px 60px;
font-size:26px;
font-weight:bold;
line-height:1;
}
.home-ranking__heading.home-ranking__heading--first {
background:url(/common/images/icon_ranking01.jpg) no-repeat 0 50%;
}
.home-ranking__heading.home-ranking__heading--second {
background:url(/common/images/icon_ranking02.jpg) no-repeat 0 50%;
}
.home-ranking__heading.home-ranking__heading--third {
background:url(/common/images/icon_ranking03.jpg) no-repeat 0 50%;
}
.home-ranking__list {
margin-bottom:20px;
}
.home-ranking__item {
margin-left:20px;
list-style:disc outside;
font-size:16px;
font-weight:bold;
}
.home-ranking__item > span {
color:#e3ab30;
}
.home-ranking-area table {
margin-bottom:20px;
width:100%;
max-width:600px;
border-collapse:collapse;
color:#555;
}
.home-ranking-area table tr th,
.home-ranking-area table tr td {
padding:5px;
border:1px solid #666;
text-align:center;
}
.home-ranking-text-area {
margin-bottom:25px;
}
.home-ranking-text-area > p {
margin-bottom:1em;
}
.home-ranking-btn {
width:100%;
margin-bottom:30px;
}
.home-ranking-btn__item {
width:100%;
}
.home-ranking-btn__anchor {
display:block;
padding:25px 0;
background-color:#f6ad17;
opacity:1;
transition:0.3s;
}
.home-ranking-btn__anchor img {
display:block;
margin:0 auto;
}
.home-ranking-btn__anchor:hover {
opacity:0.7;
}
.home-voice__box {
position: relative;
margin-bottom:4px;
padding:20px;
background:#fff;
border:4px solid #d2d2d2;
border-radius:15px;
}
.home-voice__box:after, .home-voice__box:before {
right: 100%;
top: 23%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.home-voice__box:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #ffffff;
border-width: 20px;
margin-top: -20px;
}
.home-voice__box:before {
border-color: rgba(210, 210, 210, 0);
border-right-color: #d2d2d2;
border-width: 26px;
margin-top: -26px;
}
.home-voice__heading {
margin-bottom:10px;
padding:20px 0 0 35px;
line-height:1;
}
.home-voice__heading--men {
background:url(/common/images/icon_people_men.svg) no-repeat 0 100%;
color:#8abae6;
background-size:30px 35px;
}
.home-voice__heading--women {
background:url(/common/images/icon_people_women.svg) no-repeat 0 100%;
color:#ffbae6;
background-size:30px 35px;
}  .loan-point-area {
margin-bottom:25px;
}
.loan-point__block {
margin-bottom:25px;
}
.loan-point__block > .heading__text {
margin-bottom:5px;
font-size:16px;
}
.loan-point__block > p {
margin-bottom:1em;
} .loan-column-area {
margin-bottom:25px;
}
.loan-column__list {
overflow:hidden;
}
.loan-column__item {
float:left;
width:33%;
margin-bottom:5px;
}
.loan-column__anchor {
display:block;
padding-right:10px;
color:#000;
}
.loan-column__item:nth-child(3n) .loan-column__anchor {
padding-right:0;
}
.loan-column__anchor:hover {
text-decoration:none;
} .lead-text-area {
clear:both;
margin-bottom:25px;
}
.lead-text-area__heading {
padding-bottom:10px;
line-height:1;
font-weight:normal;
font-size:26px;
color:#426fa6;
border-bottom:1px solid #ddd;
}
.lead-text-area__paragraph {
background:url(/common/images/bg_rate-trends-area.gif);
}
.lead-text-area__paragraph p {
font-size:14px;
line-height:30px;
margin-bottom:30px;
} .merit-sim-area {
margin-bottom:30px;
}
.merit-sim-area__dt {
margin-bottom:10px;
} .merit-karikaepoint-area {
margin-bottom:30px;
}
.merit-karikaepoint-block {
position:relative;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #dcdcdc;
}
.merit-karikaepoint__point {
float:left;
width:140px;
}
.merit-karikaepoint__text {
margin-left:140px;
}
.merit-karikaepoint__list {
position:absolute;
left:0;
bottom:15px;
}
.merit-karikaepoint__anchor {
opacity:1;
transition: 0.3s;
}
.merit-karikaepoint__anchor:hover {
opacity:0.7;
}
.merit-karikaepoint-more-area {
margin-bottom:30px;
}
.merit-karikaepoint-more-block {
margin-bottom:25px;
}
.point-img {
margin-right:10px;
}
.merit-karikaepoint-more-block {
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #dcdcdc;
}
.merit-karikaepoint-more-block p {
margin-bottom:1em;
}
.merit-karikaepoint-more-block p:last-child {
margin:0;
} .merit-cost-area {
margin-bottom:30px;
}
.merit-cost__dl {
border-bottom:1px solid #dae9f6;
}
.merit-cost__dt {
position:relative;
margin-bottom:25px;
padding:5px 10px;
text-align:center;
font-size:1.1rem;
font-weight:bold;
color:#426fa6;
background-color:#dae9f6;
}
.merit-cost__dt:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #dae9f6;
border-width: 20px;
margin-left: -20px;
}
.merit-cost__dd {
margin-bottom:20px;
text-align:center;
} .loan-list-area {
margin-bottom:30px;
border-top:8px solid #71bce4;
}
.loan-list-block {
padding:35px 0 30px 0;
border-bottom:8px solid #71bce4;
}
.loan-list-block p {
margin-bottom:1em;
}
.loan-list-block__heading {
margin-bottom:30px;
text-align:center;
font-size:22px;
}
.loan-list-block__anchor {
color:#395ed7;
}
.loan-list-block__anchor:hover{
text-decoration:none;
} .loan-more-area {
margin-bottom:30px;
}
.loan-more__item {
margin-bottom:5px;
}
.loan-more__anchor {
color:#395ed7;
}
.loan-more__anchor:hover {
text-decoration:none;
} .bank-head-area__lead {
color:#71bce4;
}
.bank-head-area__heading {
padding:15px 0;
line-height:1;
font-size:30px;
border-top:8px solid #71bce4;
}
.bank-head-area__paragraph {
margin-bottom:1em;
} .bank-point-area {
margin-bottom:25px;
padding-bottom:30px;
border:4px solid #d3d3d3;
border-radius:10px;
}
.bank-point-area__h2 {
margin-bottom:20px;
padding:7px 0;
border-radius:6px 6px 0 0;
text-align:center;
background-color:#71bce4;
}
.bank-point-area__h3 {
margin:0 20px 20px;
padding-bottom:20px;
font-size:22px;
text-align:center;
border-bottom:4px solid #71bce4;
}
.bank-point__list {
margin:0 20px 20px;
}
.bank-point__item {
margin-bottom:5px;
}
.bank-point__item:before {
margin-right:5px;
content:"\25CF";
color:#e3ab30;
}
.bank-point__box {
margin-bottom:20px;
}
.bank-point__box p {
margin-bottom:2em;
}
.bank-point__box em {
font-weight:normal;
color:#f00;
} .bank-review-area .home-voice-block {
margin-bottom:25px;
}
.bank-review__icon {
margin-right:10px;
width:1rem;
vertical-align:top;
}
.bank-review__heading {
margin-bottom:15px;
padding:5px 10px 5px 35px;
background-color:#70bbe8;
color:#fff;
font-size:18px;
font-weight:normal;
line-height:1.3;
background:#70bbe8 url(/common/images/icon_bank_review.svg) no-repeat 10px 50%;
background-size:1.2rem 1.2rem; 
} .news-list-area {
margin-bottom:30px;
}
.news-list__heading {
margin-bottom:15px;
padding:5px 10px 5px 35px;
background-color:#70bbe8;
color:#fff;
font-size:18px;
font-weight:normal;
line-height:1.3;
background:#70bbe8 url(/common/images/icon_news_list.svg) no-repeat 10px 50%;
background-size:1.2rem 1.2rem; 
} .news-post-area a {
color:#00f;
text-decoration:underline;
}
.news-post-area a:hover {
text-decoration:none;
}
.news-post-area p.news-post__date {
margin-bottom:10px;	
}
.news-post-area p {
margin-bottom:1.5rem;
}
.news-post-area p em {
font-weight:normal;
color:#d35555;
}
.news-post-area p strong {
font-weight:bold;
color:#ff0000;
font-size:100%;
} .news-post-area h1 {
margin-bottom:1.2rem;
padding-bottom:15px;
font-size:1.5rem;
line-height:1.4;
border-bottom:8px solid #71bce4;
}
.news-post-area h2 {
margin-bottom:1.2rem;
padding-bottom:15px;
font-size:1.4rem;
line-height:1.4;
border-bottom:8px solid #71bce4;
}
.news-post-area h3 {
margin-bottom:1rem;
font-size:1.3rem;
line-height:1.4;
color:#1770a5;
}
.news-post-area h4 {
margin-bottom:0.5rem;
font-size:1.1rem;
line-height:1.4;
color:#1770a5;
}
.news-post-area h5 {
margin-bottom:0.5rem;
font-size:1rem;
line-height:1.4;
color:#1770a5;
}
.news-post-area ul {
margin:0 0 1.5rem 1.4rem;
}
.news-post-area ul li {
list-style:disc outside;
}
.news-post-area .single-block__list {
margin-left:0;
}
.news-post-area .single-block__item,
.news-post-area .pagenation__prev,
.news-post-area .pagenation__next {
list-style:none;
}
.pagenation__prev {
float:left;
width:10em;
}
.pagenation__next {
float:right;
width:10em;
text-align:right;
} .news-post-area .trend-list__list {
margin-left:0;
padding:20px 0;
border-top:2px solid #8abae6;
border-bottom:2px solid #8abae6;
}
.news-post-area .trend-list__item {
margin-bottom:5px;
list-style:none;
}
.trend-list__anchor,
.news-post-area .trend-list__anchor {
font-size:20px;
color:#426fa6;
text-decoration:none;
}
.trend-list__anchor:hover,
.news-post-area .trend-list__anchor:hover {
color:#e3ab30;
}
.trend-list__image {
vertical-align:text-top;
} .about-area p {
margin-bottom:2em;
}
.about-area__dl {
margin-bottom:2em;
}
.about-area__dt {
float:left;
}
.about-area__dt:after {
margin:0 5px;
content:"\FF1A";
}
@media screen and (max-width: 949px) {  table.contents-table {
display: block; 
padding:0 10px;
position: relative; 
width: 100%; 
}
table.contents-table thead {
display:block;
float:left;
}
table.contents-table tbody {
display:block;
width:auto;
position:relative; 
overflow-x:auto;
white-space:nowrap;
}
table.contents-table thead tr {
display:block;
}
table.contents-table tbody tr {
display:inline-block;
border-right:1px solid #ccc;
}
table.contents-table th {
display:block;
border-bottom:0;
}
table.contents-table td {
display:block;
border-left:0;
border-right:0;
border-bottom:0;
}
table.contents-table thead th:last-child,
table.contents-table tbody td:last-child {
border-bottom:1px solid #ccc;
} header {
float:left;
width:auto;
overflow:auto;
height:86px;
}
header h1 {
margin-left:10px;
}
.full-banner {
display:none;
} .main-nav {
border-top:1px solid #343434;
border-bottom:1px solid #343434;
overflow:auto;
margin-bottom:15px;
background-color:#fff;
}
.main-nav__item {
float:none;
width:100%;
border:none;
border-bottom:1px solid #efefef;
}
.main-nav__item:hover,
.main-nav__item.current {
background:url(/common/images/bg_btn_on.png);
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
.main-nav__item:hover,
.main-nav__item.current {
background:url(/common/images/bg_btn_on@2x.png);
background-size:32px 32px;
}
}
.main-nav__item--center {
width:100%;
}
.main-nav__item:last-child {
border:none;
}
.main-nav__anchor {
display:block; }
.main-nav__anchor--01:hover,
.main-nav__item.current .main-nav__anchor--01 {
background:url(/common/images/btn_01sp_on.png) no-repeat 50% 50%;
}
.main-nav__anchor--02:hover,
.main-nav__item.current .main-nav__anchor--02 {
background:url(/common/images/btn_02sp_on.png) no-repeat 50% 50%;
}
.main-nav__anchor--03:hover,
.main-nav__item.current .main-nav__anchor--03 {
background:url(/common/images/btn_03sp_on.png) no-repeat 50% 50%;
}
.main-nav__anchor--04:hover,
.main-nav__item.current .main-nav__anchor--04 {
background:url(/common/images/btn_04sp_on.png) no-repeat 50% 50%;
}
.main-nav__anchor--05:hover,
.main-nav__item.current .main-nav__anchor--05 {
background:url(/common/images/btn_05sp_on.png) no-repeat 50% 50%;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
.main-nav__anchor--01:hover {
background:url(/common/images/btn_01sp_on@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--02:hover {
background:url(/common/images/btn_02sp_on@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--03:hover {
background:url(/common/images/btn_03sp_on@2x.png) no-repeat 50% 50%;
background-size:188px 60px;
}
.main-nav__anchor--04:hover {
background:url(/common/images/btn_04sp_on@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
.main-nav__anchor--05:hover {
background:url(/common/images/btn_05sp_on@2x.png) no-repeat 50% 50%;
background-size:189px 60px;
}
} .footer-container {
padding:20px 10px;
width:100%;
max-width:950px;
} .right-column {
float:none;
width:100%;
}
.medium-rectangle {
display:none;
} .karikae-special-area {
margin:0px 10px 25px;
}
.karikae-special__heading {
text-align:center;
}
.karikae-special__list {
overflow:hidden;
padding-bottom:7px;
}
.karikae-special__item {
float:left;
width:50%;
}
.karikae-special__item:last-child {
margin-bottom:10px;
} .loan-news-sidearea {
margin:0px 10px 25px;
} #container {
margin:0;
width:100%;
}
.main-column {
float:none;
padding:0 10px;
width:100%;
} .flexslider {
width:75%;
} .banner-karikae-rank {
width:23.2%;
height:auto;
}
.banner-karikae-rank__item {
width:100%;
}
.banner-karikae-rank__item img {
width:100%;
} .loan-info__block {
display:table;
width:100%;
margin-bottom:10px;
padding-bottom:10px;
}
.loan-info__anchor {
text-decoration:none;
}
.loan-info__banner {
float:none;
display:table-cell;
vertical-align:top;
width:140px;
}
.loan-info__textblock {
float:none;
display:table-cell;
vertical-align:top;
width:auto;
} .home-table-area {
padding:0 10px;
}
.home-table-area__copy {
display:block;
margin-bottom:10px;
}
.home-table-area table {
display: block; 
position: relative; 
width: 100%; 
}
.home-table-area table thead {
display:block;
float:left;
}
.home-table-area table tbody {
display:block;
width:auto;
position:relative; 
overflow-x:auto;
white-space:nowrap;
}
.home-table-area table thead tr {
display:block;
}
.home-table-area table tbody tr {
display:inline-block;
border-right:1px solid #ccc;
}
.home-table-area table th {
display:block;
border-bottom:0;
}
.home-table-area table td {
display:block;
border-left:0;
border-right:0;
border-bottom:0;
}
.home-table-area table thead th:last-child,
.home-table-area table tbody td:last-child {
border-bottom:1px solid #ccc;
}
.home-table-area table .column-1 img {
height:50px;
}
.home-table-area table thead th {
height:36px;
}
.home-table-area table thead th.column-1 {
padding-top:40px;
height:100px;
}
.home-table-area table thead th.column-9 {
padding-top:35px;
height:85px;
}
.home-table-area table tbody td {
height:36px;
}
.home-table-area table tbody td.column-1 {
height:100px;
}
.home-table-area table tbody td.column-9 {
height:85px;
} .home-ranking-area {
padding:0 10px;
}
.home-ranking-btn__anchor {
padding:25px;
}  .loan-point-area {
padding:0 10px;
} .loan-column-area {
padding:0 10px;
}
.loan-column__item {
width:50%;
}
.loan-column__anchor {
display:block;
padding-right:10px;
color:#000;
}
.loan-column__item:nth-child(3n) .loan-column__anchor {
padding-right:10px;
}
.loan-column__item:nth-child(even) .loan-column__anchor {
padding-right:10px;
} .bank-review-area .home-voice-block {
padding-left:20px;
} .news-list-area--home {
padding:0 10px;
}
}
@media screen and (max-width: 599px) {  .pc-only {
display:none;
}
.sp-only {
display:inline;
}
.heading-text-blue {
font-size:16px;
}
.heading__text--middle {
font-size:16px;
}
.half-block__anchor { background:#f6ad17 url(/common/images/icon_more_circle.svg) no-repeat 95% 50%;
background-size:15px 15px;
}
.single-block__anchor {
background:#f6ad17 url(/common/images/icon_more_circle.svg) no-repeat 95% 50%;
background-size:15px 15px;
font-size:18px;
}
.single-block__anchor.single-block__anchor--orange {
padding-right:30px;
}
.single-block__anchor--none {
background-image:none;
}
.single-block__anchor--image {
padding:0;
background:none;
}
.single-block__anchor--orange {
background:#fd8922 url(/common/images/icon_more_circle.svg) no-repeat 95% 50%;
background-size:15px 15px;
}
.single-block__item--half {
margin:0 auto;
width:90%;
}
.single-block__icon {
width:1rem;
}
table.bank-post__table {
margin-bottom:20px;
}
table.bank-post__table tr {
border-bottom:10px solid #fff;
}
table.bank-post__table th,
table.bank-post__table td {
display:block;
}
table.bank-post__table th {
width:100%;
border-bottom:none;
}
table.bank-post__table th span {
display:block;
font-weight:normal;
font-size:0.8rem;
}
table.bank-post__table td {
border-top:none;
overflow:hidden;
}
.border-bottom {
margin-bottom:20px;
}
.page-top {
display:none;
} header {
}
header h1 {
margin:15px 0 0 20px;
width:170px;
} nav {
} footer p {
text-align:center;
}
.footer-pagetop {
width:100%;
display:block;
}
.footer-pagetop__item {
margin:-35px auto 10px;
width:40px;
}  .karikae-special__heading {
text-align:left;
}
.karikae-special__list {
padding-bottom:17px;
}
.karikae-special__item {
float:none;
width:100%;
}
.karikae-special__item:last-child {
margin-bottom:0px;
} .flex-direction-nav a:before {
font-size: 20px;
}
.flex-direction-nav a {
height: 30px;
margin: -10px 0 0;
} .rate-trends-area__heading {
margin-bottom:10px;
padding:25px 0 0 25px;
font-size:18px;
background-size:60px;
} .loan-info__banner {
width:130px;
}
.loan-info__dl {
font-size:14px;
}
.loan-info__dd {
font-size:12px;
} .home-ranking-block {
position:static;
padding-left:0;
}
.home-ranking__logo {
position:static;
width:100%;
text-align:center;
margin-bottom:15px;
}
.home-ranking__heading {
font-size:20px;
}
.home-ranking__item {
font-size:14px;
}
.home-ranking__item > span {
color:#e3ab30;
}
.home-ranking-area table {
font-size:12px;
}
.home-ranking-btn {
padding:0 10px;
margin-bottom:30px;
}
.home-voice-block {
padding-left:20px;
}  .loan-column-area {
font-size:12px;
} .lead-text-area__heading {
font-size:18px;
} .merit-karikaepoint-area {
margin-bottom:25px;
}
.merit-karikaepoint-block {
position:static;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #dcdcdc;
}
.merit-karikaepoint__point {
float:none;
margin-bottom:10px;
}
.merit-karikaepoint__text {
margin-left:0;
}
.merit-karikaepoint__list {
margin-top:10px;
position:static;
}
.merit-karikaepoint__anchor {
padding:10px;
display:block;
text-align:center;
background-color:#f6ad17;
border-radius:30px;
}
.point-img {
display:block;
margin-bottom:5px;
} .merit-cost__dt {
font-size:1rem; } .loan-list-area {
margin-bottom:20px;
}
.loan-list-block {
padding:25px 0 20px 0;
}
.loan-list-block__heading {
margin-bottom:20px;
font-size:18px;
} .bank-point-area__h3 {
font-size:18px;
} .trend-list__item {
margin-bottom:10px;
}
.trend-list__anchor {
font-size:14px;
}
.trend-list__image {
width:4.5rem;
vertical-align:text-top;
}
}  .bank-post__table span {
display: inline !important;
margin:0 !important;
}
.home-table-area table.tablepress th,
.home-table-area table.tablepress td {
vertical-align:middle !important;
}
@media screen and (max-width: 949px) {
.tablepress tbody tr:first-child td {
border-top: 0;
border-top: 1px solid #ddd !important;
}
.tablepress thead th {
border-bottom: 0 !important;
}
.home-table-area table .column-1 img {
height:50px !important;
width: auto;
}
.home-table-area table thead th:last-child,
.home-table-area table tbody td:last-child {
border-bottom:1px solid #ccc !important;
} .tablepress tbody{
letter-spacing: -.40em;
}
.tablepress tbody tr{
letter-spacing: normal;
}
} .wp-pagenavi {
clear: both;
margin-left:0;
overflow:hidden;
padding-top:10px;
border-top:1px dashed #dcdcdc;
}
.wp-pagenavi a, .wp-pagenavi span {}
.wp-pagenavi a:hover, .wp-pagenavi span.current {}
.wp-pagenavi span.current {}
.previouspostslink, .nextpostslink{
color:#000;
text-decoration:none;
}
.previouspostslink {float:left;}
.nextpostslink {float:right;}
.previouspostslink:before {
margin-right:5px;
content:"\FF1C";
color:#e3ab30;
}
.nextpostslink:after {
margin-left:5px;
content:"\FF1E";
color:#e3ab30;
}
.previouspostslink:hover, .nextpostslink:hover{color:#e3ab30;}  .bank-table-area {
clear:both;
margin-bottom:25px;
width:auto;
}
.bank-table-area table {
width:100%;
font-size:12px;
border-collapse:collapse;
}
.bank-table-area table tbody tr:nth-child(even) {
background-color:#f8f8f8;
}
.bank-table-area table tbody tr:hover {
background-color:#f4f4f4;
}
.bank-table-area table tbody td {
vertical-align:middle;
}
.bank-table-area table th,
.bank-table-area table td {
text-align:center;
vertical-align:middle;
border:1px solid #ccc;
}
.bank-table-area table td a {
display:block;
text-align:center;
margin:10px;
color:#4a52ee;
}
.bank-table-area table td a:hover {
text-decoration:none;
}
.bank-table-area table th {
background-color:#deedf6;
}
@media screen and (max-width: 949px) { .bank-table-area {
padding:0 10px;
}
.bank-table-area table {
display: block; 
position: relative; 
width: 100%; 
}
.bank-table-area table thead {
display:block;
float:left;
}
.bank-table-area table tbody {
display:block;
width:auto;
position:relative; 
overflow-x:auto;
white-space:nowrap;
}
.bank-table-area table thead tr {
display:block;
}
.bank-table-area table tbody tr {
display:inline-block;
border-right:1px solid #ccc;
}
.bank-table-area table th {
display:block;
border-bottom:0;
}
.bank-table-area table td {
display:block;
border-left:0;
border-right:0;
border-bottom:0;
}
.bank-table-area table thead th:last-child,
.bank-table-area table tbody td:last-child {
border-bottom:1px solid #ccc !important;
}
.bank-table-area table .column-1 img {
height:50px;
}
.bank-table-area table thead th {
height:36px;
}
.bank-table-area table thead th.column-1 {
padding-top:40px;
height:100px;
}
.bank-table-area table tbody td {
height:36px;
}
.bank-table-area table tbody td.column-1 {
height:100px;
}
} .table-area {
clear:both;
margin-bottom:25px;
width:auto;
}
.table-area table {
width:100%;
font-size:12px;
border-collapse:collapse;
}
.table-area table tbody tr:nth-child(even) {
background-color:#f8f8f8;
}
.table-area table tbody tr:hover {
background-color:#f4f4f4;
}
.table-area table tbody td {
vertical-align:middle;
}
.table-area table th,
.table-area table td {
text-align:center;
vertical-align:middle;
border:1px solid #ccc;
}
.table-area table td a {
display:block;
text-align:center;
margin:10px;
color:#4a52ee;
}
.table-area table td a:hover {
text-decoration:none;
}
.table-area table th {
background-color:#deedf6;
}
@media screen and (max-width: 949px) { .table-area {
padding:0 10px;
}
.table-area table {
display: block; 
position: relative; 
width: 100%; 
}
.table-area table thead {
display:block;
float:left;
}
.table-area table tbody {
display:block;
width:auto;
position:relative; 
overflow-x:auto;
white-space:nowrap;
}
.table-area table thead tr {
display:block;
}
.table-area table tbody tr {
display:inline-block;
border-right:1px solid #ccc;
}
.table-area table th {
display:block;
border-bottom:0;
}
.table-area table td {
display:block;
border-left:0;
border-right:0;
border-bottom:0;
}
.table-area table thead th:last-child,
.table-area table tbody td:last-child {
border-bottom:1px solid #ccc !important;
}
.table-area table thead th {
height:36px;
}
.table-area table tbody td {
height:36px;
}
} .bank-link-area {
margin-bottom:20px;
}
.bank-link-area ul {
margin:0;
text-align:center;
}
.bank-link-area li {
display:inline-block;
margin:0 5px 10px 0;
}
.bank-link-area li:last-child {
margin-right:0;
}
.bank-link-area li a {
display:block;
padding:15px;
background-color:#00188f;
border-radius:5px;
color:#fff;
text-decoration:none;
}
@media screen and (max-width: 599px) {
.bank-link-area li {
display:block;
margin:0 0 10px 0;
}
}