@charset "UTF-8";
:root {
--fs-xxl: 30px;
--fs-xl: 26px;
--fs-l: 22px;
--fs-m: 18px;
--fs-s: 14px;
--fs-xs: 12px;
--c-paleblue: #F2F8FD;
--c-concblue: #124a9b;
}
body {
background-color: #fcfcfc;}
.breadcrumbs li a { color: #0765A3;}
/* temp layout */
#maincontents {
padding-bottom: 0;}
#maincontents > section {
position: relative;
margin: 0 auto;
max-width: 1100px;
font-size: var(--fs-m);
background-color: #fff;
box-shadow: 0px 3px 3px rgba(0,0,0,.15);}
.product-product-name a {
color: #3f9322;
font-weight:bold;
}
#maincontents a:hover { text-decoration: none;}
/**************************************************
FV section#title
**************************************************/
#maincontents > section#title {
width: 100%;
max-width: 100%;
margin: 0 0;
padding: 40px 0 70px 0;
line-height: 1.2;
box-shadow: none;
background: linear-gradient(-45deg, #85CBFA 0%, #fff 50%, #85CBFA 100%);
}
/*
金利上昇中の今、おすすめ！
定期預金【2024年7月】金利比較
定期預金の金利はどのくらい？
*/
#maincontents > section#title h1 {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
max-width: 1080px;
min-height: auto;
font-size: 34px;
font-weight: bold;;
line-height:1;
text-align: center;
color: #000;
background-position: top right;
background-repeat: no-repeat;
background-size: cover;}
#maincontents > section#title h1 span.line2nd /*金利上昇中の今、おすすめ！*/ {
position: relative;
top: auto;
right: auto;
margin: 0;
padding: 0 0 80px 0;
transform: none;
font-size: 36px;
text-align: center;
background-color: transparent;
border-radius: 0;
text-align: center;
letter-spacing: -0.05em;
color: #000;
}
#maincontents > section#title h1 span.line3rd {/*定期預金【2024年7月】金利比較*/
display: block;
margin: 15px 0 15px 0;
white-space: nowrap;
font-size: 90px;
text-align: center;
font-weight: bold;
letter-spacing: 0.05em;
text-shadow:
2px 2px 0 #ccc, -2px -2px 0 #FFF,
-2px 2px 0 #ccc, 2px -2px 0 #FFF,
0px 2px 0 #ccc, 0 -2px 0 #FFF,
-2px 0 0 #FFF, 2px 0 0 #FFF;}
#maincontents > section#title .line4th {/*定期預金の金利はどのくらい？*/
font-size: 26px;
letter-spacing: 0em;
text-align: center;
font-weight: bold;
color: #333;}
#maincontents > section#title .line4th > span {
display: inline-block;
white-space: nowrap;
padding: 0em;}
/* Google Fonts */
#maincontents > section#title h1 span.line2nd,
#maincontents > section#title .line4th,
#maincontents > section#title h1 u { font-family: "Mochiy Pop One", sans-serif; font-weight: 500;}
/* アーチ */
#maincontents > section#title h1 em,
#deposit .char1, #deposit .char2, #deposit .char3, #deposit .char4, #deposit .char5,
#fixedDeposit .char1, #fixedDeposit .char2, #fixedDeposit .char3, #fixedDeposit .char4, #fixedDeposit .char5,
#factoring .char1, #factoring .char2, #factoring .char3, #factoring .char4, #factoring .char5,
#foreignCurrencyDeposit .char6, #foreignCurrencyDeposit .char7, #foreignCurrencyDeposit .char8,
#virtualCurrency .char1, #virtualCurrency .char2, #virtualCurrency .char3, #virtualCurrency .char4, #virtualCurrency .char5, #virtualCurrency .char6, #virtualCurrency .char7, #virtualCurrency .char8, #virtualCurrency .char9,
#corporate .char1, #corporate .char2, #corporate .char3, #corporate .char4, #corporate .char5, #corporate .char6, #corporate .char7, #corporate .char8
{
color: red;}
/* 装飾 */
#maincontents > section#title h1 u {
display: block;
position: absolute;
width: 8em;
padding: 7px 0;
top: 70px;
right: calc(50% - 3.6em);
font-size: 36px;
transform: rotate(0);
text-decoration: none;
letter-spacing: 0;
text-shadow: none;
color: #333;
background: linear-gradient(transparent 40%, rgba(256,256,0,0.5) 70%, rgba(256,256,0,0.8) 100%);}
#maincontents > section#title h1 em {
display: inline-block;
color: red;
/*
margin: 0 0.25em 0 0;
padding: 0.25em 0.25em;
letter-spacing: -0.01em;
background-color: rgba(256,256,256,0.5);
box-shadow: 1px 1px 1px rgba(0,0,0,0.35);
text-shadow: none;*/}
#maincontents > section#title h1 strong {
display: inline-block;
line-height:1;
font-size: 70px;
letter-spacing: 0;
margin-right: 5px;}
/**************************************************
レイアウト一括指定：#maincontents > section
**************************************************/
#maincontents > section.articles {
position: relative;
margin: 0 auto 0 auto;
padding: 30px 40px 30px 40px;
background-color: #DAECF8;
border-top: 50px solid #fff}
#maincontents > section.articles::before {
position: absolute;
content: "";
display: block;
z-index:9;
height: 60px;
width: 60px;
top: -30px;
left: calc(50% - 30px);
background-position: center center;
background-repeat: no-repeat;
background-size: 45px;}
#maincontents > section#productlist:before { background-image: url("/images/special/ttl_howto.png")}
#maincontents > section#article:before { background-image: url("/images/special/ttl_article.png")}
#maincontents > section.articles::after {
position: absolute;
content: "";
display: block;
height: 50px;
width: 100px;
top: -50px;
left: calc(50% - 50px);
/* 半円の場合 */
border-radius: 50px 50px 0 0;
/* 三角の場合
clip-path: polygon(50% 0, 100% 100%, 0 100%);
*/
background-color: #DAECF8;}
#maincontents > section.articles:nth-of-type(2) {
margin-top: 0;
border-top-width: 0;
border: 1px solid rgba(18,74,155,.15);
/*box-shadow: 0px 0px 3px rgba(18, 74, 155,.15);*/}
#maincontents > section.articles:nth-of-type(2)::after { box-shadow: 0px -1px 1px rgba(18, 74, 155,.15);}
#maincontents > section > h2 {
position: relative;
margin: 0 0;
padding: 0 0;
line-height: 1.1;
color: #444;
font-size: 32px;
font-weight: bold;
text-align: center;}
/* コーナータイトル */
#maincontents > section.articles > h2 {
padding: 10px 0 15px 0;
color: #6fb42c;}
#maincontents > section.articles p { padding: 0.5em 0;}
#maincontents > section.articles p.note { margin: 0.2em 0 0.5em 0;text-indent: 0;}
#maincontents > section.articles .formula {
display: block;
margin: .5em 2em;
padding: 1em 2em 0.8em;
font-weight: bold;
text-indent: 0;
text-align: left;
background-color: #f2f2f2;
border: 1px solid #bbb;
border-radius: 5px;}
/* .description */
.description {
margin: 0 0;
padding: 20px 120px;
line-height: 1.4;
color: #444;}
.description p,
.description { }
.description p + p { margin-top: .5em;}
.articles .description {
padding: 10px 40px 0 40px;}
/**/
.message {
color: #a94442;
border: 1px solid #dca7a7;
border-radius: 6px;
background-color: #f2dede;
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
max-width: 880px;
margin: 0 auto;
padding: .5em 1em;
}
section.articles time {
display: block;
margin: 0 0;
padding: 10px 0;
text-align: right;
color: #666}
/* 定型カードボックス */
section#article div.section {
display: block;
width: auto;
clear: both;
margin: 0 0 20px 0;
padding: 30px 40px;
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
line-height: 1.6;}
section.articles div.fpProfile {
margin: 20px 0 0 0;
padding: 15px !important;
border-color: #eee;}
section.articles div.fpProfile h4 {
margin: 0 0 15px 0 !important;
font-size: var(--fs-m) !important;}
section.articles div.fpProfile img.fpPhoto { margin: 0 15px 0 0;}
/* コーナーへのリンク */
section.articles a.link,
ul.recentArticles li > div > a {
display: block;
margin: 0 auto;
padding: 1em 0;
color: #fff;
text-align: center;
border-radius: 2em;
background: #6fb42c;
cursor: pointer;}
section.articles a.link:hover,
ul.recentArticles li > div > a:hover {
opacity: 0.7;
text-decoration: none;}
/* 記事大見出し */
section#article div.section h2,
section#article ul.recentArticles li > h4 {
margin: 2em 0 .5em 0;
padding: 0 0 14px 0;
line-height: 1;
font-size: var(--fs-l);
font-weight: bold;
background-image: url("/images/div/line-blue.png");
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain;
line-height: 1.1;
}
section#article div.section h2:before,
section#article ul.recentArticles li > h4:before {
display: inline-block;
content: "";
width: 26px;
height: 26px;
margin: 0 6px -6px 0;
background-image: url("/images/div/il_title-blue.png");
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain;}
section#article div.section h2:nth-of-type(1),
section#article ul.recentArticles li > h3:nth-of-type(1) {
margin-top: 0;
padding-top: 0;}
/**************************************************
section#lead リード文
**************************************************/
section#lead {
padding: 40px 50px 0 50px;}
/**************************************************
section#points ポイント
**************************************************/
section#points {/* この記事のポイント */
padding: 40px 40px 0 40px;}
section#points div {
position: relative;
margin: 0 auto;
padding: 0 0;
color: #666;
border: 1px solid #f0ba17;
background-color: #fff;
border-radius: 8px 0 8px 0;}
section#points p.note {
margin: 0 0;
padding: 0.5em 0;
font-size: var(--fs-s);
color: #666;}
section#points h5 {
display: inline-block;
margin: 0 0 !important;
padding: .25em .75em .5em .75em;
font-size: 14px;
font-weight: normal;
background-color: #f0ba17;
color: #fcfcfc;
border-radius: 7px 0 8px 0;
}
section#points h5::before {
display: inline-block;
font-family: "Font Awesome 5 Free";
content: "\f0eb"/*"\f164 "*/;
margin: 0 0;
padding: 1px .5em 0 0;
font-size: 16px;
font-weight: 400;
}
section#points ul {
margin: .75em 1em .75em 2.4em;
padding: 0 0;
line-height: 1.2;
list-style: square;
}
section#points ul li {
margin: .25em 0 .25em .1em;
padding: 0 .1em;
list-style: square;
}
/**************************************************
section#outline 目次
**************************************************/
section#outline {
padding: 40px 0;
border: none;}
section#outline h5 { display: none;}
section#outline ul {
width: 700px;
position: relative;
margin: 0 auto;
padding: 10px 10px;
border-radius: 0;
line-height: 1.75;
border-width: 1px 0;
border-style: solid;
border-color: #ccc;
}
section#outline ul:before {
content:"目次";
display: block;
margin: 5px 0 4px 10px;
padding: 2px 10px;
border-left: var(--c-concblue) 3px solid;
letter-spacing: .1em;
line-height: 1;}
section#outline ul li {
margin-left: 10px;}
section#outline ul li a {
display: inline-block;
padding-left: 12px;
background: url("/images/common/gray-arrow.png") 0 center no-repeat;
background-size: 5px auto;
text-decoration: none;
color: #0765A3;}
section#outline ul li:first-child {/* */
margin-left: 5px;
padding-left: 5px;
padding-bottom: 0px;
margin-bottom: 0px;}
section#outline ul li:first-child span {
display: inline-block;
margin-bottom: 5px;
padding: 2px 10px;
border-left: #42a420 3px solid;
letter-spacing: .1em;
line-height: 1}
/**************************************************
section#productlist
/**************************************************/
section#productlist {
box-shadow: 0 8px 3px rgba(0,0,0,.15)}
#maincontents > section.articles#productlist > h2,
#maincontents > section.articles#pickup > h2 {
position: relative;
margin: 0 auto .5em auto;
padding: 0 0 .25em 0;
color: var(--c-concblue);
line-height: 1.25;
border-bottom: var(--c-concblue) 2px solid;
}
section#productlist h2:after,
section#pickup h2:after {
position: absolute;
content: "";
display: block;
height: 10px;
width: 20px;
left: calc(50% - 10px);
bottom: -11px;
clip-path: polygon(0 0,50% 100%,100% 0);
background-color: var(--c-concblue)
}
section#productlist > div.layout {}
/* ************************************************************ */
div.scrollTable {
position: relative;
margin: 20px 0 0 0;
overflow: auto;
background-color: #fff;
border: 1px solid #ccc;
}
/**/
div.scrollTable.initial:before {/* スクロールアイコン */
position: absolute;
z-index: 9;
content:"";
display: block;
width: 200px;
height: 125px;
top: calc(50% - 60px);
right: calc(50% - 100px);
background: url("/images/special/bankingServices/fixedDeposit/icon_scrollable.png") no-repeat;
background-size: contain;
opacity: .65;
transition: all 0.5s 0s ease;}
div.scrollTable.initial:hover::before {
right: 0;
opacity: 0;
transition: all 0.5s 0s ease;}
/**/
div.scrollTable table {
position: relative;
width: 100%;
border-spacing: 0px;
border-collapse: separate;
text-align: center;
}
div.scrollTable table caption {
font-weight: bold;
}
div.scrollTable table tbody th,
div.scrollTable table tbody td {
padding: .25em;
vertical-align: middle;
}
/* ヘッダー固定 */
div.scrollTable table thead th.firstCell,
div.scrollTable table tbody th {
position: sticky;
top: 0;
left: 0;
z-index: 2;
width: 8.5em;
}
/* 意匠 */
div.scrollTable table thead th { text-align: center;}
div.scrollTable table tbody th {
background-color: var(--c-paleblue);
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: center;
}
div.scrollTable table tbody th.term {
position: sticky;
min-width: 5.98em;
}
div.scrollTable table tbody th.subTerm {
position: sticky;
position: -webkit-sticky;
z-index: 1;
min-width: 2.5em;
left: 5.97em;
}
div.scrollTable table thead th.firstCell {
background-color: var(--c-paleblue);
border-right: 1px solid #ccc;
}
div.scrollTable table thead td {
vertical-align: top;
background-color: var(--c-paleblue);
text-align: center;
border-right: 1px solid #ccc;}
div.scrollTable table tbody td {
padding: .25em .5em;
font-weight: normal;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: center;
}
div.scrollTable table small { font-size: var(--fs-s);}
/* .productTable 定期預金一覧比較表 */
div.scrollTable table.productTable thead .lenderName { /* 金融機関名 */
color: #fff;
background-color: var(--c-concblue);
border-right: 1px solid #fff;
padding: 10px 0;
font-weight:bold;}
div.scrollTable table.productTable thead td { min-width: 12.4em;}
div.scrollTable table.productTable .apply a {
position: relative;
display: inline-block;
width: 15em;
margin: .25em .25em;
padding: .5em 1.25em .5em .25em;
font-size: var(--fs-s);
font-weight: bold;
text-align: center;
color: #fff;
background: -webkit-linear-gradient(#ee1f1f, #cc0000) !important;
letter-spacing: .1em;
border-radius: 2em;
cursor: pointer;
}
#virtualCurrency div.scrollTable table.productTable .apply a {
width: 10em;
}
div.scrollTable table.productTable .apply a:after {
content:"";
position:absolute;
display: block;
width: 22px;
height: 22px;
top: 6px;
right: .5em;
background-image: url("/images/special/bankingServices/fixedDeposit/icon_out-w.png");
background-repeat: no-repeat;
background-size: 22px;
background-position: 0 0;
cursor: pointer;
}
div.scrollTable table.productTable .apply a + span {
display: block;
text-align: center;
font-size: var(--fs-s);
font-weight: normal;
}
section#productlist time {
text-align: left;
background-size: var(--fs-s);}
/***************************************** CTAボタン *****************************************/
div.linkBtn {/*キャンペーンなどの詳しい情報はこちら*/
position: relative;
margin: 1em auto;
width: 36em;
}
div.linkBtn > a {
display: block;
position: relative;
overflow: hidden;
margin: 1.5em 0;
padding: 1em 1.25em 1em .25em;
font-size: var(--fs-l);
font-weight: bold;
text-align: center;
color: #fff;
letter-spacing: .1em;
border-radius: 6px;
background-repeat: no-repeat;
cursor: pointer;
background: linear-gradient(to bottom, #ee1f1f, #cc0000);/*ボタンの色*/
box-shadow: 0 0 10px #c00;
}
div.linkBtn > a:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
bottom: 4px;
right: 8px;
background-image: url("/images/special/bankingServices/fixedDeposit/icon_hand-w.png");
background-repeat: no-repeat;
background-size: contain;
}
/* ボタンの波紋
div.linkBtn::before,
div.linkBtn::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 510px;
height: 100%;
border: 1px solid red;
border-radius: 6px;
box-sizing: border-box;
pointer-events: none;
animation: pulsate 2s linear infinite;
}
div.linkBtn::after { animation-delay: 1s;}
@keyframes pulsate {
0% {
transform: scale(1);
opacity: .2;
}
100% {
transform: scale(2);
opacity: 0;
}
}
*/
span#toItemList { display:none; }
span#toItemList.fixed {/* ページ下に固定 */
display: block;
position: fixed;
z-index: 99;
width: 100vw;
left: 0;
bottom: 0;
margin: 0 0;
padding: 0 0;
background-color: rgba(218, 236, 248,0.85);}
span#toItemList.fixed div.linkBtn { margin: 0 auto;}
span#toItemList.fixed div.linkBtn a { margin: .75em auto;}
/* ************ ボタンが2つの場合 ************ */
span#toItemList.fixed {
display: flex;
justify-content: center;
}
span#toItemList.fixed div.linkBtn {
margin: 0 0.5em;
width: auto;
max-width: 28em;
}
/* 表示するときの動き */
span#toItemList a {
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
span#toItemList.fixed a {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
span#toItemList.fixed div.linkBtn > a {
padding: 1em 1em 1em 3.5em;
font-size: var(--fs-m);}
span#toItemList.fixed div.linkBtn > a[href="#items"] {/* ファクタリング会社の一覧はこちら */ transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1);}
span#toItemList.fixed div.linkBtn > a[href="#loan-ranking"] {/* ビジネスローンの総合ランキングはこちら */
background: linear-gradient(to bottom, #92D050, #70AD47);
box-shadow: 0 0 10px #70AD47;}
span#toItemList.fixed div.linkBtn > a::after {
width: 40px;
height: 40px;
bottom: 13px;
left: 15px;
right: auto;
}
span#toItemList.fixed div.linkBtn > a[href="#items"]::after {/* 会社の一覧 */ background-image: url("/images/special/bankingServices/common/icon_list.png");}
span#toItemList.fixed div.linkBtn > a[href="#loan-ranking"]::after {/* 総合ランキング */ background-image: url("/images/special/bankingServices/common/icon_ranking.png");}
/****************************************************************************************************/
/**************************************************
section#article 定期預金の特徴とメリット
/**************************************************/
section#article div.section h3 {
margin: 1.5em 0 .5em 0;
padding: 0 0 0 0;
font-weight: bold;
line-height: 1;
letter-spacing: 0;
color: #333;}
section#article div.section li:nth-child(1) h3 { margin-top: 1.5em;}
section#article div.section h4 {
margin: 1.5em 0 .5em 0;
padding: 0 0 0 0;
font-weight: bold;
line-height: 1;
letter-spacing: 0;
color: #555;}
section#article div.section h4:before {
content: "";
display: inline-block;
width: .75em;
height: .75em;
margin: 0 .3em 0 0;
background-color: green;
vertical-align: middle;
border-radius: 0;}
/* スペック表 */
ul.productList { font-size: var(--fs-m);}
ul.productList > li {/* １商品分 */
margin: 0.5em auto;
width: 45em;
padding: 20px 20px;
background-color: #f6f6f6;
border: 1px solid #e3e3e3;
border-radius: 6px;
}
ul.productList > li > div.specList {
display: block;
width: 35em;
margin: 0 auto;
padding: 0 0 0.5em 0;
border-radius: 6px;
background-color: #fff;
border: 1px solid #ddd;}
ul.productList .lender_name,
ul.productList .service_name {
position: relative;
margin: 0 0;
padding: 0.5em 0;
text-align: center;
color: #fff;
font-size: var(--fs-l);
font-weight: bold;
background-color: var(--c-concblue);
border-radius: 6px 6px 0 0;}
ul.productList .feature {
margin: 0 0;
padding: 1em 1.25em 0 1.25em;
line-height: 1.25;}
ul.productList dl > div {
display: flex;
}
ul.productList dl dt,
ul.productList dl dd { padding: .5em .5em;}
ul.productList dl dt {
display: block;
margin-left: 1em;
width: 9em;
min-width: 9em;
color: #444;
text-align: left;}
ul.productList dl dd {
display: block;
margin-right: 1em;
margin-left: .5em;}
ul.productList dd.rate span {
display: inline-block;}
dd.rate ul {/* スペック */
display: flex;
flex-wrap: wrap;
width: 400px;
margin: 0 0;
background-color: var(--c-paleblue);
border: 1px solid #ccc;
border-radius: 6px;
}
dd.rate ul > li {
display: flex;
justify-content: center;
margin: 0 0;
padding: 0.25em .5em;
flex-basis: 50%;
border-bottom: 1px solid #ddd;
}
dd.rate ul > li:nth-child(2n) {
border-right: 1px solid #ddd;
}
dd.rate ul > li:nth-last-child(1),
dd.rate ul > li:nth-last-child(2) { border-bottom: none;}
dd.rate ul > li > span {
display: inline-block;
}
ul.productList dd.rate span:nth-of-type(1) {
margin: 0 .5em 0 0;
width: 3.5em;
text-align: right;
white-space: nowrap;}
dd.rate ul > li:nth-of-type(1) {
flex-basis: 100%;
font-size: var(--fs-l);
text-align: center;
font-weight: bold;
}
dd.rate ul > li:nth-of-type(1) span {
display: inline;
width: auto;
}
dd.rate ul > li.lowest { color: orangered;}
dd.rate ul > li span.small {
display:inline;
margin:0 !important;
padding:0 !important;
font-size:12px;
}
/*************************/
ul.productList span.prText2 /* キャンペーン */{
display: block;
margin: .5em 0;
padding: .5em 1em;
font-size: var(--fs-m);
color: #000;
background-color: #ffc;}
ul.productList span.prText /*フリーテキスト*/{
display: block;
margin: .5em .5em;
font-size: var(--fs-m);
color: #000;}
ul.productList span.remarks /* 注記 */,
ul.productList span.updatedOn {
display: block;
margin: .5em .5em;
font-size: var(--fs-s);
line-height: 1.2;}
section#article div.section ul.productList ul span.prText em {
font-style: normal;
color: red;}
ul.productList span.updatedOn { text-align: right;}
ul.productList .apply {
margin: 0.5em 0;
width: 100%;
text-align: center;}
ul.productList .apply a {/*公式サイトへ*/
position: relative;
display: inline-block;
margin: .5em auto 0 auto;
padding: .75em 3em;
font-size: var(--fs-m);
font-weight: bold;
text-align: center;
color: #fff !important;
background: -webkit-linear-gradient(#ee1f1f, #cc0000) !important;
letter-spacing: .1em;
border-radius: 2em;
cursor: pointer;}
ul.productList .apply a:after {
content:"";
position:absolute;
display: block;
width: 30px;
height: 30px;
top: .75em;
right: .5em;
background-image: url("/images/special/bankingServices/fixedDeposit/icon_out-w.png");
background-repeat: no-repeat;
background-size: 30px;
background-position: 0 0;
cursor: pointer;
}
ul.productList .apply a + span {/* 公式サイトで無料口座開設 */
display: block;
padding-top: .25em;
text-align: center;
font-size: var(--fs-s);}
ul.productList small,
ul.productList sup { font-size: var(--fs-xs); color: #000; font-weight: normal;}
/* 利息表 */
dl.condition {
margin: 1em 0 0.25em 0;
padding: 0.5em 1em;
width: 16em;
border-radius: 6px;
font-size: var(--fs-m);
border: 1px solid #ccc;
}
dl.condition div {
display: flex;}
dl.condition dt { width: 3em;}
dl.condition dd { }
#maincontents > section.articles#article div.section#interest p.caption {
text-indent: 0;
margin: 1em 0 0 0;
font-weight: bold;}
#interest div.scrollTable { margin: 0 0;}
div.scrollTable table#interestTable {
/* font-size: var(--fs-m);*/
font-size: 16px;
}
div.scrollTable table#interestTable th,
div.scrollTable table#interestTable td { white-space: nowrap;}
div.scrollTable table#interestTable th {
width: 8.5em;
background-color: #eee;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: center;
}
div.scrollTable table#interestTable thead th:first-child {
position: sticky;
z-index: 1;
top: 0;
left: 0;
}
div.scrollTable table#interestTable tbody td {
padding: .5em .75em;
text-align: right;}
/* */
/**************************************************
section.loanSection ローン
/**************************************************/
section#article div.section.loanSection { border: 2px solid #42a420;}
section#article div.section.loanSection h2 { background-image: url("/images/div/line-green.png");}
section#article div.section.loanSection h2::before { background-image: url("/images/div/il_title-green.png");}
div.section.loanSection ul.linkList {
display: flex;
justify-content: space-around;
align-items: stretch;
margin: 1em auto 0 auto;
}
div.section.loanSection ul.linkList li {
display: block;
flex-basis: 30%;
font-weight: bold;
}
div.section.loanSection ul.linkList li a {
display: block;
padding: 14px;
color: #333;
border: 1px solid #2E6339;
border-radius: 6px;
text-align: center;
background: linear-gradient(#fff, #f2f7da);}
div.section.loanSection ul.linkList li a:hover {
border-color: #3f9322;
background: linear-gradient(#f2f7da, #fff);
transition: .1s;
text-decoration: none;
color: #000;
opacity: 0.95;}
div.section.loanSection ul.linkList i {
display: block;
height: 60px;
margin: 0 auto 5px auto;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;}
div.section.loanSection ul.linkList .eloan i { background-image: url("/images/common/head-logo.jpg"); width:129px}
div.section.loanSection ul.linkList .ranking i { background-image: url("/images/special/ttl_ranking.png");}
div.section.loanSection ul.linkList .sim i { background-image: url("/images/special/ttl_sim.png");}
div.section.loanSection ul.linkList a > span {
display: block;
margin: .5em auto 0 auto;
width: 13em;
line-height: 1.2;
letter-spacing: -0.05em;}
div.section.loanSection ul.linkList li > span {
display: block;
padding: 10px 10px 0 10px;
font-size: 14px;
line-height: 1.2;}
div.section.loanSection ul.linkList a > span > span { display: block;}
/* 文字修飾 */
div.scrollTable em, .productList em { color: orangered; font-style:normal; font-weight: bold;}
div.scrollTable span.small { font-size:14px;}
div.scrollTable small, .productList small { font-size: 90%;}
div.scrollTable sup { display: none;}
div.modal-recommend sup { display: none;}
/* #guardWording */
ul.guardWording {
margin: 0 0;
padding: 20px 0 20px 0;
color: #666;}
ul.guardWording > li {
margin: 0 0 0 1em;
padding: 0 0;
text-indent: -1em;
background-color: transparent;}
ul.guardWording > li:before { content: "※";}
ul.guardWording > li a { color: #3f9322;}
/************************************************** **************************************************
#foreignCurrencyDeposit 外貨預金金利比較
************************************************** **************************************************/
#foreignCurrencyDeposit #maincontents > section#title {
background-color: #B0C4E4;
background-image: url("/images/special/bankingServices/foreignCurrencyDeposit/hero.webp");
background-size: cover;
background-position: center center;}
#foreignCurrencyDeposit #maincontents > section#title h1 span.line2nd,
#foreignCurrencyDeposit #maincontents > section#title .line4th { color: #222;}
/* 外貨預金一覧比較 */
#foreignCurrencyDeposit div.scrollTable table {}
#foreignCurrencyDeposit div.scrollTable table.productTable tbody th.term { min-width: 4.25em;}
#foreignCurrencyDeposit div.scrollTable table.productTable tbody th.term img {
width: 3em;
height: auto;
}
#foreignCurrencyDeposit div.scrollTable table.productTable tbody th.term span { display: block;}
#foreignCurrencyDeposit div.scrollTable table.productTable tbody th.subTerm {
left: 4.3em;
}
#foreignCurrencyDeposit #maincontents > section#title h1 u { top: 80px;}
#foreignCurrencyDeposit #maincontents > section#title h1 span.line3rd { padding: 20px 0 5px 0;}
/* 金利比較表 */
#foreignCurrencyDeposit ul.productList > li > div.specList { width: 690px;}
#foreignCurrencyDeposit ul.productList > li > div.specList table {
border-collapse: collapse;
margin: 1em auto;
padding: 0 0;
font-size: var(--fs-m);
width: 640px;
text-align: center;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table thead,
#foreignCurrencyDeposit ul.productList > li > div.specList table tbody {
background-color: var(--c-paleblue);
border-bottom: 1px solid #ccc;}
#foreignCurrencyDeposit ul.productList > li > div.specList table tfoot {
font-size: var(--fs-s);
background-color: #fff;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table th,
#foreignCurrencyDeposit ul.productList > li > div.specList table td {
padding: 0.25em .25em;
border: 1px solid #eee;
text-align: center;
vertical-align: middle;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table .col1 { min-width: 7em;}
#foreignCurrencyDeposit ul.productList > li > div.specList table .col2 { min-width: 5em;}
#foreignCurrencyDeposit ul.productList > li > div.specList table .col3 { min-width: 8em}
#foreignCurrencyDeposit ul.productList > li > div.specList table .col4 { }
#foreignCurrencyDeposit ul.productList > li > div.specList table th img {
width: 2em;
margin: 0.25em 0}
#foreignCurrencyDeposit ul.productList > li > div.specList table th span {
display: block;
padding: 0 0;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table tfoot th,
#foreignCurrencyDeposit ul.productList > li > div.specList table tfoot td { border: none;}
#foreignCurrencyDeposit ul.productList > li > div.specList table tfoot td {
text-align: left;
padding-left: 1em;}
/* 国旗 */
#foreignCurrencyDeposit section#article div.section#kinds h3 {
padding: 0.25em 0 0.25em 2.75em;
background-position: center left;
background-size: contain;
background-repeat: no-repeat;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table tfoot span {
display: inline-block;
padding: 0.15em .5em 0.15em 1.65em;
background-position: center left;
background-size: 1.5em auto;
background-repeat: no-repeat;
}
#foreignCurrencyDeposit .specList table tfoot span.aud,
section#article div.section#kinds h3.aud { background-image: url("/images/special/bankingServices/foreignCurrencyDeposit/flag-aud.webp")}
#foreignCurrencyDeposit .specList table tfoot span.cad,
section#article div.section#kinds h3.cad { background-image: url("/images/special/bankingServices/foreignCurrencyDeposit/flag-cad.webp")}
#foreignCurrencyDeposit .specList table tfoot span.chf,
section#article div.section#kinds h3.chf { background-image: url("/images/special/bankingServices/foreignCurrencyDeposit/flag-chf.webp")}
#foreignCurrencyDeposit .specList table tfoot span.eur,
section#article div.section#kinds h3.eur { background-image: url("/images/special/bankingServices/foreignCurrencyDeposit/flag-eur.webp")}
#foreignCurrencyDeposit .specList table tfoot span.gbp,
section#article div.section#kinds h3.gbp { background-image: url("/images/special/bankingServices/foreignCurrencyDeposit/flag-gbp.webp")}
#foreignCurrencyDeposit .specList table tfoot span.usd,
section#article div.section#kinds h3.usd { background-image: url("/images/special/bankingServices/foreignCurrencyDeposit/flag-usd.webp")}
#foreignCurrencyDeposit .specList table tfoot span.nzd,
section#article div.section#kinds h3.nzd { background-image: url("/images/special/bankingServices/foreignCurrencyDeposit/flag-nzd.webp")}
/* .section.reference 参考リンク */
section#article div.section.reference {
margin: 0 0;
padding: 20px 0 0 10px;
border: none;
line-height: 1;
background-color: transparent;
}
section#article .section.reference h2:nth-of-type(1) {
margin: 0 0 10px 0;
padding: 0;
line-height: 1;
font-size: var(--fs-m);
font-weight: bold;
background-image: none;
letter-spacing: 0.1em;
}
section#article .section.reference h2:before { content:none;}
ul.linkList,
section#article .section.reference ul { line-height: 1.5;}
ul.linkList a,
section#article .section.reference a {
/* display: block;*/
padding-left: 12px;
background: url("/images/common/gray-arrow.png") 0 center no-repeat;
background-size: 5px auto;
text-decoration: none;
color: #0765A3;}
/* やっぱり、安心の円預金で選ぶなら！注目の定期預金一覧比較 */
#foreignCurrencyDeposit div.scrollTable table.productTable#fdProductTable tbody th.subTerm { left: 5.2em;}
/************************************************** **************************************************
#factoring : ファクタリング会社比較 2025.03.17
************************************************** **************************************************/
body#factoring {}
body#factoring #maincontents > section#title {
background-color: transparent;
background-size: cover;
background-position: center center;
background-image: url("/images/special/hero-factoring.webp");}
body#factoring #maincontents > section#title h1 span.line2nd { padding: 0 0 95px 0;}
body#factoring #maincontents > section#title h1 span.line3rd { letter-spacing: -0.05em;}
body#factoring #maincontents > section#title .line4th { letter-spacing: -0.1em;}
body#factoring #maincontents > section#title h1 u {
top: 70px;
background: linear-gradient(transparent 40%, rgba(243, 152, 49,0.5) 70%, rgba(243, 152, 49,0.8) 100%);}
body#factoring #maincontents > section#pickup:before {/* お急ぎの方へ！注目のファクタリング会社をピックアップ！ */
height: 60px;
width: 60px;
top: -40px;
left: calc(50% - 30px);
background-size: 60px;
background-image: url("/images/special/ttl_pickup.png");
}
/* AGビジネスサポートのファクタリング */
body#factoring #maincontents > section#pickup h3,
body#factoring section#article div.section#items li h3 {/* 商品名 */
margin: 0 0;
margin-top: 0 !important;
padding: .5em 0;
text-align: center;
color: #fff;
font-size: var(--fs-l);
font-weight: bold;
background-color: var(--c-concblue);
border-radius: 6px 6px 0 0;
}
body#factoring #maincontents > section.articles#pickup > p { margin: 0 0; padding: 20px 0 0 0;}
body#factoring #maincontents > section#article div.section#items > p {}
body#factoring #maincontents > section#pickup > div h4,
body#factoring section#article div.section#items h4 {/* AGビジネスサポートが選ばれる6つのポイント */
margin: 1em 0 0;
padding: 0.25em 0 0.5em 0;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #000;}
section#article div.section#items h4::before { content: none;}
body#factoring #maincontents > section#article div.section#items > ul.productList {
margin: 0 auto;
padding: 0 0;
}
/* １商品 */
body#factoring #maincontents > section#pickup > div {/* 商品枠 */
margin: 20px 20px;
padding: 0;
width: auto;
border: none;
background-color: #fff8ca;
border-radius: 10px;}
body#factoring #maincontents > section#pickup > div { margin: 30px 0px 0 0; }
body#factoring #maincontents > section#pickup > div > p,
body#factoring section#article div.section#items > ul.productList > li p {
margin: 0 0;
padding: 20px;
text-align:center;
font-size:20px;
}
body#factoring #maincontents > section#pickup > div > p em,
body#factoring section#article div.section#items > ul.productList > li p em {
color: orangered;
font-style: normal;
font-weight: bold;
}
body#factoring section#article div.section#items > ul.productList > li > div > dl,
body#factoring #maincontents > section#pickup > div > dl {
display: flex;
flex-wrap: wrap;
justify-content : space-between;
margin: 0 0;
padding: 1px 30px;
}
body#factoring section#article div.section#items > ul.productList > li > div > dl > div,
body#factoring #maincontents > section#pickup > div > dl > div {
display: block;
flex-basis: 32%;
margin: 0 0 10px 0;
padding: 12px 12px;
border-radius: 20px;
border: 2px solid #325078;
background-color: #fff;
}
body#factoring section#article div.section#items > ul.productList > li > div > dl dt,
body#factoring #maincontents > section#pickup > div > dl dt {
margin: 0 0;
padding: 0.15em 0.5em;
width: auto;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #095DB5;
background-color: #E0EDFF;
}
body#factoring section#article div.section#items > ul.productList > li > div > dl dd,
body#factoring #maincontents > section#pickup > div > dl dd {
padding: 0.5em 0 0 0;
}
body#factoring section#article div.section#items div.button,
body#factoring #maincontents > section#pickup > div > div.button {
margin: 0 0;
padding: 20px 0 30px 0;
text-align: center;
}
body#factoring #maincontents > section.articles#pickup p + div.button,
body#factoring #maincontents > section#article div.section#items p + div.button {
padding: 0 0 15px 0;
}
body#factoring section#article div.section#items div.button a,
body#factoring #maincontents > section#pickup > div > div.button a {
display: inline-block;
padding: 13px 30px;
min-width: 33em;
color: #fff;
font-weight: bold;
border-radius: 2em;
background: linear-gradient(to left, #c2182d 0%, #f26d27 100%);
}
/************************************************** **************************************************
迅速な資金調達に！安心のファクタリング会社をピックアップ！ 2025.10.29
************************************************** **************************************************/
body#factoring #maincontents > section#article div.section#items > ul.productList > li {
margin: 0.5em 0.5em;
width: auto;
padding: 20px 20px;
background-color: #f6f6f6;
border: 1px solid #e3e3e3;
border-radius: 6px;
}
body#factoring section#article div.section#items > ul.productList > li > div.specList {
margin: 0 auto 20px auto;
padding: 0 0;
width: 35em;
text-align: center;
border-radius: 10px;
border: 1px solid #325078;
background-color: #fff;
}
body#factoring section#article div.section#items > ul.productList > li > div.specList div.name {/*商品名*/
margin: 0 0;
margin-top: 0 !important;
padding: 0.5em 0 0 0;
text-align: center;
color: #fff;
font-size: var(--fs-l);
font-weight: bold;
background-color: var(--c-concblue);
border-radius: 6px 6px 0 0;}
body#factoring section#article div.section#items > ul.productList > li > div.specList div.company {/* 金融機関名 */
padding: 0 0.5em 0.5em 0.5em;
font-size: var(--fs-m);
font-weight: normal;
color: #fff;
background-color: var(--c-concblue);}
body#factoring section#article div.section#items > ul.productList > li > div.specList div.apply {/* ボタン */}
body#factoring section#article div.section#items > ul.productList > li > div.specList div.apply a {}
body#factoring section#article div.section#items > ul.productList > li > div.specList div.feature {/* PRテキスト */ padding: 1em 1.25em;}
body#factoring section#article div.section#items > ul.productList > li > div.specList div.feature u {
display: inline !important;
text-decoration: none;
font-style: normal;
background: linear-gradient(transparent 30%, #FF6 80%, transparent 100%);
padding: 0 4px 0 4px;
}
body#factoring section#article div.section#items > ul.productList span.prText,
body#factoring section#article div.section#items > ul.productList span.prText2,
body#factoring section#article div.section#items > ul.productList span.remarks,
body#factoring section#article div.section#items > ul.productList span.updatedOn {
margin: .5em 5em;
}
body#factoring section#article div.section#items > ul.productList span.prText2 {
display: block;
margin: .5em 0;
padding: .5em 1em;
font-size: var(--fs-m);
color: #000;
background-color: #ffc;
}
body#factoring ul.productList div.specList > div.apply,
body#factoring ul.productList div.specList > div.apply a {
margin-top:0;
}
body#factoring ul.productList div.specList > div.apply a {
margin-bottom:1em;
}
/************************************************** **************************************************
#loan-ranking.categoryRanking : ランキング追加 2025.04.21
************************************************** **************************************************/
/* --------------------------------------------------
総合ランキング
-------------------------------------------------- */
.categoryRanking#loan-ranking {
margin: 20px 0 10px 0;
padding: 0 0;
border: 2px solid #42a420;
border-radius: 8px;
}
section#article div.section .categoryRanking h3 {
margin: 0 0 .5em 0;
padding: 14px 0;
line-height: 1;
font-size: var(--fs-l);
color: #fff;
background-color: #42a420;
font-weight: bold;
line-height: 1.1;
text-align:center;}
#maincontents > section.articles .categoryRanking > p {
text-indent: 0;
margin: 30px 20px;}
.categoryRanking .loanlist {
padding: 0 20px;
margin-bottom: 15px;}
.categoryRanking .loanlist li {
padding: 10px 25px 20px 25px;
border-top: 1px dotted #42a420;
border-radius: 0;}
.categoryRanking .loanlist li:not(:last-child) {
margin-bottom: 20px;
}
.categoryRanking .loanlist li > div:first-child > div:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 5px;
/**/
width: 185px;
float: left;
}
.categoryRanking .loanlist li > div:first-child > div:first-child img.rankmark {
width: 50px;
margin-right: 25px;
}
.categoryRanking .loanlist li > div:first-child > div:first-child span.rankmark {
background: linear-gradient(to right, #aaa, #bbb);
display: block;
width: 60px;
height: 30px;
margin-right: 25px;
text-align: center;
color: #fff;
font-weight: 700;
line-height: 30px;
font-size: 14px;
}
.categoryRanking .loanlist li > div:first-child > div:first-child span.rankmark span {
display: inline-block;
font-size: 18px;
min-width: 1em;
}
.categoryRanking .loanlist li > div:first-child > div:first-child .banklogo {
width: 100px;
/* margin-bottom: 5px;*/
}
.categoryRanking .loanlist li > div:first-child > div:nth-child(2) {
display: inline;}
.categoryRanking .loanlist li > div:first-child > div:last-child > div:first-child {
/*padding-bottom: 15px;*/
/*margin-bottom: 10px;*/
font-size: 16px;
/* border-bottom: 1px solid #ccc; */
/* */
margin-left: 200px;
}
body#topic .readings-main .categoryRanking .loanlist li > div:first-child > div:last-child > div:first-child p {
text-indent: 0;
margin: 0 0 5px 0;
line-height: 1.4;
}
.categoryRanking .loanlist li > div:first-child > div:last-child > div:first-child p a {
color: #3f9322;
text-decoration:none;
}
.categoryRanking .loanlist li > div:first-child > div:last-child > div:first-child span {
display: block;
line-height: 1;
}
.categoryRanking .loanlist li > div:first-child > div:last-child > div:last-child {
clear: both;
border-top: 1px dashed #ddd;
margin-top: 10px;
padding-top: 15px;
}
.categoryRanking .loanlist li > div:first-child > div:last-child > div:last-child dl {
display: inline-block;
width: 48%;
font-size: 14px;
margin-bottom: 10px;
}
.categoryRanking .loanlist li > div:first-child > div:last-child > div:last-child dl:not(:last-child) {
margin-bottom: .1em;
}
.categoryRanking .loanlist li > div:first-child > div:last-child > div:last-child dl::after {
content: '';
display: block;
clear: both;
}
.categoryRanking .loanlist li > div:first-child > div:last-child > div:last-child dl dt {
float: left;
min-width: 8.5em;
}
.categoryRanking .loanlist li > div:first-child > div:last-child > div:last-child dl dd {
margin-left: 9em/*97px*/;
color: #f28d33;
}
.categoryRanking .loanlist li > div:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-between;
padding-top: 5px;
}
.categoryRanking .loanlist li > div:last-child > div:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%/*calc(65% - 5px)*/;
}
.categoryRanking .loanlist li > div:last-child .btn-add div.on > span {
background: url("../../images/lender_under/ico-check.png") no-repeat left 10px center;
background-size: 15px auto;
}
.categoryRanking .loanlist li > div:last-child > div:last-child a[data-link] {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 60%;
height: 40px;
line-height: 40px;
background: #eee;
text-align: center;
border-radius: 20px;
font-size: 15px;
color: #fff;
text-decoration: none;
}
.categoryRanking .loanlist li > div:last-child > div:last-child a[data-link]:hover {
text-decoration: none;
}
.categoryRanking .loanlist li > div:last-child > div:last-child a[data-link]:not(:last-child) {
margin-right: 5px;
}
.categoryRanking .loanlist li > div:last-child > div:last-child a[data-link=application] {
background: #ee8e26;
}
.categoryRanking .loanlist li > div:last-child > div:last-child a[data-link=claim] {
background: #6fb42c;
}
.categoryRanking .loanlist li > div:last-child > div:last-child a[data-link=consultation] {
background: #08bbd6;
}
.categoryRanking > small {
display: block;
line-height: 1.3;
margin: 0;
padding: 20px 30px;
font-size: 14px;
text-indent: -1em;}
.categoryRanking > small:before { content: "※";}
/************************************************** **************************************************
#deposit : 普通預金金利比較 2025.05.10
************************************************** **************************************************/
body#deposit #maincontents > section#title {
background-color: transparent;
background-size: cover;
background-position: center center;
background-image: url("/images/special/bankingServices/deposit/hero.webp");}
body#deposit #maincontents > section#title h1 u { }
/* まずはチェック！普通預金金利の高い銀行ランキング */
body#deposit table#productTable { line-height: 1.25;}
body#deposit table#productTable thead th,
body#deposit table#productTable thead td { /* thead */
color: #fff;
background-color: var(--c-concblue);
border-right: 1px solid #fff;
padding: 1em 0;
font-weight:bold;}
body#deposit table#productTable tbody th,
body#deposit table#productTable tbody td { /* tbody */ padding: 1em .5em;}
body#deposit table#productTable .datumLender_name { width: 12em;}
body#deposit table#productTable .datumRate { width: 10em;}
body#deposit table#productTable tbody .datumFeature { min-width: 14em; text-align: left;}
body#deposit table#productTable tbody .datumUpdated_on { width: 8.5em; white-space: nowrap; }
body#deposit table#productTable td.apply { width: 13em; padding: 0.25em 0;}
body#deposit table#productTable div.apply { margin: 0 auto;}
/* ランキングアイコン */
body#deposit table#productTable tbody .datumLender_name div {
display: flex;
align-items: center;}
body#deposit table#productTable tbody .datumLender_name q {/* ランキングicon：背景色 */
display: block;
flex-grow: 0;
position: relative;
margin-right: 0.3em;
width: 2.5em;
min-width: 2.5em;
height: 2.5em;
quotes: none;
background-color: #999;
border-width: 2px;
border-style: solid;
border-color: #666;
border-radius: 2em;}
body#deposit table#productTable tr.rank-1 .datumLender_name q { border-color: #B78E13; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 25%, #FEE9A0 60%, #DAAF08 75%, #B67B03 95%);}
body#deposit table#productTable tr.rank-2 .datumLender_name q { border-color: #8F8F8F; background: linear-gradient(45deg, #757575 0%, #9E9E9E 25%, #E8E8E8 60%, #9E9E9E 75%, #757575 95%);}
body#deposit table#productTable tr.rank-3 .datumLender_name q { border-color: #562917; background: linear-gradient(45deg, #260202 0%, #7c4828 25%, #fec4a0 60%, #7c4828 75%, #260202 95%);}
body#deposit table#productTable tbody .datumLender_name q::after {/* ランキングicon */
display: block;
position: absolute;
width: 100%;
height: 100%;
background-position: center center;
background-size: auto 1.4em;
background-repeat: no-repeat;}
body#deposit table#productTable tr.rank-1 .datumLender_name q::after { background-image: url("/images/special/label-rank1-w.webp");}
body#deposit table#productTable tr.rank-2 .datumLender_name q::after { background-image: url("/images/special/label-rank2-w.webp");}
body#deposit table#productTable tr.rank-3 .datumLender_name q::after { background-image: url("/images/special/label-rank3-w.webp");}
body#deposit table#productTable tr.rank-4 .datumLender_name q::after { background-image: url("/images/special/label-rank4-w.webp");}
body#deposit table#productTable tr.rank-5 .datumLender_name q::after { background-image: url("/images/special/label-rank5-w.webp");}
body#deposit table#productTable tr.rank-6 .datumLender_name q::after { background-image: url("/images/special/label-rank6-w.webp");}
body#deposit table#productTable tr.rank-7 .datumLender_name q::after { background-image: url("/images/special/label-rank7-w.webp");}
body#deposit table#productTable tr.rank-8 .datumLender_name q::after { background-image: url("/images/special/label-rank8-w.webp");}
body#deposit table#productTable tr.rank-9 .datumLender_name q::after { background-image: url("/images/special/label-rank9-w.webp");}
body#deposit table#productTable tr.rank-10 .datumLender_name q::after { background-image: url("/images/special/label-rank10-w.webp");}
body#deposit table#productTable tbody .datumLender_name span {/* 金融機関名 */
display: block;
flex-grow: 1;
text-align: left;}
.datumRate em { white-space: nowrap;}
/* section#article div.section#ranking キャンペーン情報も！普通預金金利が高い銀行ランキング！*/
body#deposit section#article div.section#ranking ul.productList li {/* １商品分の枠 */}
body#deposit section#article div.section#ranking ul.productList li div.specList {/* specボックス */}
body#deposit section#article div.section#ranking ul.productList li div.specList .feature {/* feature */ text-align: center;}
body#deposit section#article div.section#ranking ul.productList li div.specList u {/* feature */
display: inline;
font-weight: bold;
text-decoration: none;
background: linear-gradient(transparent 40%, rgba(256,256,0,0.5) 70%, rgba(256,256,0,0.8) 100%);}
/* ランキングアイコン */
body#deposit section#article div.section#ranking ul.productList li div.specList .lender_name::before {/* ランキングアイコン背景色 */
content:"";
position: absolute;
z-index: 1;
display: block;
margin-right: 0.3em;
width: 3em;
height: 3em;
top: -0.2em;
left: -0.75em;
border-width: 4px;
border-style: solid;
border-color: #666;
border-radius: 2em;
background-color: #999;
box-shadow: 1px 1px 6px rgba(0,0,0,0.5);}
body#deposit section#article div.section#ranking ul.productList li.rank-1 div.specList .lender_name::before { border-color: #B78E13; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 25%, #FEE9A0 60%, #DAAF08 75%, #B67B03 95%);}
body#deposit section#article div.section#ranking ul.productList li.rank-2 div.specList .lender_name::before { border-color: #8F8F8F; background: linear-gradient(45deg, #757575 0%, #9E9E9E 25%, #E8E8E8 60%, #9E9E9E 75%, #757575 95%);}
body#deposit section#article div.section#ranking ul.productList li.rank-3 div.specList .lender_name::before { border-color: #562917; background: linear-gradient(45deg, #260202 0%, #7c4828 25%, #fec4a0 60%, #7c4828 75%, #260202 95%);}
body#deposit section#article div.section#ranking ul.productList li div.specList .lender_name::after {/* ランキングアイコン背景色 */
content:"";
position: absolute;
z-index: 2;
display: block;
margin-right: 0.3em;
width: 3em;
height: 3em;
top: -0.2em;
left: -0.75em;
border: 4px solid transparent;
background-position: center center;
background-size: 2.25em 1.75em;
background-repeat: no-repeat;}
body#deposit section#article div.section#ranking ul.productList li.rank-1 div.specList .lender_name::after { background-image: url("/images/special/label-rank1-w.webp")}
body#deposit section#article div.section#ranking ul.productList li.rank-2 div.specList .lender_name::after { background-image: url("/images/special/label-rank2-w.webp")}
body#deposit section#article div.section#ranking ul.productList li.rank-3 div.specList .lender_name::after { background-image: url("/images/special/label-rank3-w.webp")}
body#deposit section#article div.section#ranking ul.productList li.rank-4 div.specList .lender_name::after { background-image: url("/images/special/label-rank4-w.webp")}
body#deposit section#article div.section#ranking ul.productList li.rank-5 div.specList .lender_name::after { background-image: url("/images/special/label-rank5-w.webp")}
body#deposit section#article div.section#ranking ul.productList li.rank-6 div.specList .lender_name::after { background-image: url("/images/special/label-rank6-w.webp")}
body#deposit section#article div.section#ranking ul.productList li.rank-7 div.specList .lender_name::after { background-image: url("/images/special/label-rank7-w.webp")}
body#deposit section#article div.section#ranking ul.productList li.rank-8 div.specList .lender_name::after { background-image: url("/images/special/label-rank8-w.webp")}
body#deposit section#article div.section#ranking ul.productList li.rank-9 div.specList .lender_name::after { background-image: url("/images/special/label-rank9-w.webp")}
body#deposit section#article div.section#ranking ul.productList li.rank-10 div.specList .lender_name::after { background-image: url("/images/special/label-rank10-w.webp")}
/* 11位以下 */
body#deposit section#article div.section#ranking ul.productList li div.specList .lender_name > span {
display: flex;
justify-content: center;
align-items:center;
position: absolute;
z-index: 2;
height: 3.4em;
width: 3.4em;
top: -0.2em;
left: -0.75em;
text-align: center;
color: #fff;}
/* 金利表 */
body#deposit section#article div.section#ranking ul.productList li div.specList dl.rate,
body#virtualCurrency ul.productList dl {
display: block;
width: 93%;
margin: .5em auto 1em auto;
border: 1px solid #ccc;
border-bottom-width: 0;}
body#deposit section#article div.section#ranking ul.productList li div.specList dl.rate > div,
body#virtualCurrency ul.productList dl > div {
display: flex;
justify-content: flex-start;
border-bottom: 1px solid #ccc;
}
body#deposit section#article div.section#ranking ul.productList li div.specList dl.rate > div > dt,
body#virtualCurrency ul.productList dl > div > dt {
display: block;
margin: 0 0 0 0;
padding: .5em .75em;
vertical-align: middle;
border-right :1px solid #ccc;
text-align: center;}
body#deposit section#article div.section#ranking ul.productList li div.specList dl.rate > div > dd,
body#virtualCurrency ul.productList dl > div > dd {
display: block;
vertical-align: middle;}
body#deposit section#article div.section#ranking ul.productList li div.specList dl.rate > div.header {
background-color: var(--c-paleblue);
text-align: center;}
/**************************************************
#to-article 2026.02.05 : タイアップページへのリンク
**************************************************/
body#deposit #maincontents > section#to-article {
margin: 40px auto;
padding: 30px 40px 30px 40px;
max-width: 1060px;
background-color: transparent;
background-size: cover;
background-position: center center;
background-image: url("/images/special/bankingServices/deposit/hero.webp");
border-radius: 16px;
box-shadow: 1px 1px 1px rgba(0,0,0,.05);
}
body#deposit #maincontents > section#to-article h3 {
margin: 0 0 .5em 0;
padding: 0 0 0 0;
text-align: center;
color: #333;
font-size: var(--fs-l);
font-weight: bold;
line-height: 1;}
body#deposit #maincontents > section#to-article ul {
display: flex;
justify-content: space-between;
}
body#deposit #maincontents > section#to-article ul li {
display: block;
flex-basis: 49%;}
body#deposit #maincontents > section#to-article ul li a {
display: flex;
align-items: center;
margin: 0 0;
padding: 1em 1em 1em 10em;
height: 100%;
color: #333;
background-color: #fff;
border: 1px solid #999;
border-radius: 6px;
text-align: left;
background-size: 150px auto;
background-repeat: no-repeat;
background-position: left 1em center;
box-shadow: 0px 3px 3px rgba(0,0,0,.15);}
body#deposit #maincontents > section#to-article ul li:nth-of-type(1) a {
background-image: url("/special/bankingServices/deposit/article/images/2602001.webp");
}
body#deposit #maincontents > section#to-article ul li:nth-of-type(2) a {
background-image: url("/special/bankingServices/deposit/article/images/2602002.webp");
}
body#deposit #maincontents > section#to-article ul li a:hover {
opacity: 1.0;
color: #3f9322;
border-color: #3f9322;
box-shadow: none;
}
/* .section#trend : 【2025年5月】メガバンクの普通預金金利は年0.2% */
.section#trend h2 .ym:before { content:"【";}
.section#trend h2 .ym::after { content:"】";}
.section#trend p.released_at { text-align: right; font-size: var(--fs-s);}
/* .section#calculation : 普通預金の利息の計算方法を理解しておこう */
/* .section#past-trends : 過去の普通預金の金利動向 */
.section#past-trends dl > div:not(:last-child) {
margin-bottom: 2em;
padding-bottom: 1.5em;
border-bottom: 1px dotted #666;}
.section#past-trends dt.title {
margin: 1.5em 0 .5em 0;
padding: 0 0 0 0;
font-weight: bold;
line-height: 1;
letter-spacing: 0;
color: #333;}
.section#past-trends dt.title span.datumYm::before { content:"【";}
.section#past-trends dt.title span.datumYm::after { content: "】";}
.section#past-trends dd.released_at {
font-size: var(--fs-s);
text-align: right;}
body#deposit #maincontents > section.articles ul.guardWording { background-color: transparent;}
/************************************************** **************************************************
body#fixedDeposit : 定期預金金利比較 ワンポイント追加 2025.06.02
************************************************** **************************************************/
body#fixedDeposit #maincontents > section.articles#productlist {}
body#fixedDeposit #maincontents > section.articles#productlist:after {}
body#fixedDeposit section#productlist > div.layout {
margin-top:0;
background-color: #DAECF8;
border: 1px solid transparent;}
body#fixedDeposit div.scrollTable table.productTable { background-color: transparent;}
body#fixedDeposit div.scrollTable table.productTable thead .lenderName {
position: relative;
padding: 1em 0.25em;}
body#fixedDeposit div.scrollTable table.productTable thead .lenderName > em {
position: absolute;
content: "";
display: block;
top: -1em;
left: -3px;
padding: 0.15em .5em;
width: fit-content;
font-size: 12px;
font-style: normal;
color: #fff;
border-radius: 2em;
background: linear-gradient(145deg, #ff6b35, #f7931e);
border: 1px solid #f7931e;
transform: rotate(-2deg);
animation: bounce 2s infinite;}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0) rotate(-10deg); }
40% { transform: translateY(-6px) rotate(-10deg); }
60% { transform: translateY(-3px) rotate(-10deg); }
}
body#fixedDeposit div.scrollTable table.productTable thead .lenderName > em::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
bottom: -12px;
left: 19px;
border-width: 7px 7px 14px 0;
border-color: transparent #F07532 transparent transparent;
border-style: solid;
transform: rotate( 120deg);}
/* 壁 */
body#fixedDeposit div.scrollTable table thead tr.shade th.firstCell,
body#fixedDeposit div.scrollTable table.productTable thead tr.shade td {
background-color: #DAECF8;
border: none; }
body#fixedDeposit div.scrollTable table.productTable tbody td { background-color: #fff;}
/************************************************** **************************************************
#virtualCurrency : 仮想通貨取引所比較 2025.06.06
************************************************** **************************************************/
body#virtualCurrency #maincontents > section#title {
/* padding: 40px 0 30px 0;*/
background-color: transparent;
background-size: cover;
background-position: right bottom;
background-image: url("/images/special/virtualCurrency/hero.webp");}
body#virtualCurrency #maincontents > section#title h1 span.line2nd { padding: 0 0 90px 0;}
body#virtualCurrency #maincontents > section#title h1 span.line3rd {/* 仮想通貨（暗号資産）取引所比較 */
font-size: 70px;
letter-spacing: -0.05em;}
body#virtualCurrency #maincontents > section#title h1 u { top: 70px;}
body#virtualCurrency #maincontents > section#title #services {
display: none;
width: 850px;
margin:10px auto 0 auto;
padding: 0 0;
text-align: center;
background-color: rgba(256,256,256,0.25);}
body#virtualCurrency #maincontents > section#title #services img {
width: 100%;
height: auto;}
/* 仮想通貨（暗号資産）取引所一覧比較 */
body#virtualCurrency #productlist div.scrollTable {
margin: 20px 45px 0 45px;}
body#virtualCurrency table#productTable thead th {
color: #fff;
background-color: var(--c-concblue);
border-right: 1px solid #fff;
padding: 1em 0;
font-weight: bold;}
body#virtualCurrency table#productTable tbody th.datumName,
body#virtualCurrency table#productTable tbody td { padding: .51em .5em;}
body#virtualCurrency table#productTable tbody th.datumName {
/* width: 19em;*/
font-size: 22px;
font-weight: bold;}
body#virtualCurrency table#productTable tbody th.datumName .serviceLogo {
display: flex;
justify-content:center;
align-items: center;
width: 200px;
height: 100px;
margin: 0 auto 10px auto;
padding: 20px 40px;
background-color: rgba(256,256,256,0.8);
border: 1px solid #DAECF8;
border-radius: 3px;}
body#virtualCurrency table#productTable tbody th.datumName .serviceLogo img {
max-width: 180px;
max-height: 80px;}
body#virtualCurrency table#productTable tbody th.datumName span:nth-of-type(1) {/* サービス名 */
display: inline-block;
text-align: center;
width: 9em;}
body#virtualCurrency table#productTable tbody th.datumName span:nth-of-type(2) { display: none;}
body#virtualCurrency table#productTable tbody th.datumName a {
position: relative;
display: inline-block;
white-space: nowrap;
width: 11em;
margin: .25em auto;
padding: .5em 1.25em .5em .25em;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #fff;
background: -webkit-linear-gradient(#ee1f1f, #cc0000) !important;
letter-spacing: .1em;
border-radius: 2em;
cursor: pointer;}
body#virtualCurrency table#productTable tbody th.datumName a:after {
content:"";
position:absolute;
display: block;
width: 22px;
height: 22px;
top: 6px;
right: .5em;
background-image: url("/images/special/bankingServices/fixedDeposit/icon_out-w.png");
background-repeat: no-repeat;
background-size: 22px;
background-position: 0 0;
cursor: pointer;}
/* 仮想通貨（暗号資産）取引所をピックアップ！ */
body#virtualCurrency ul.productList .service_name {
display: flex;
justify-content: start;
align-items: center;
}
body#virtualCurrency ul.productList .service_name .serviceLogo {
display: flex;
justify-content:center;
align-items: center;
width: 160px;
height: 80px;
margin: 0 auto;
padding: 16px 32px;
background-color: #fff;
border: 1px solid #DAECF8;
border-radius: 3px;}
body#virtualCurrency ul.productList .service_name .serviceLogo img {
max-width: 96px;
max-height: 64px;
}
body#virtualCurrency ul.productList .service_name a {
display: block;
width: 430px;
color: #fff;
text-align: left;}
body#virtualCurrency ul.productList dl { margin: .5em auto 0 auto;}
body#virtualCurrency section#article ul.productList div.pr_point,
body#virtualCurrency section#article ul.productList div.description {
margin: 0 auto;
padding: 1em 1.25em .5em 1.25em;
text-align: center;
font-weight: bold;
line-height: 1.75;}
body#virtualCurrency section#article ul.productList div.pr_point span {
display: block;
margin: .25em auto;
padding: 0 .25em;
width: fit-content;
line-height: 1.25;
background: linear-gradient(transparent 40%, rgba(256,256,0,0.5) 70%, rgba(256,256,0,0.8) 100%);}
body#virtualCurrency ul.productList dl > div > dt {
width: 11.25em;
text-align: left;
background-color: var(--c-paleblue);}
body#virtualCurrency ul.productList dl dd {
padding: .5em .75em;
width: calc(100% - 11.25em);}
body#virtualCurrency ul.productList dl dd span {
display: block;
color: orangered;
font-weight: bold;}
body#virtualCurrency ul.productList dl dd small {
display: block;
font-size: var(--fs-s);}
body#virtualCurrency ul.productList .apply a { width: 18em;}
/* 20250908 開閉スイッチ */
#article > div.section > div.slideContent {
margin: 0 auto;
padding: .5em 0 0 0;
line-height: 1;
text-align: center;}
#article > div.section > div.slideContent a {
display: inline-block;
margin: 0 0;
padding: .75em 2.5em .75em 3em;
color:var(--c-concblue);
border: 1px solid var(--c-concblue);
border-radius: 8px;
background-color: #fff;}
#article > div.section > div.slideContent a:after {
display: inline-block;
content:"";
width: 0;
height:0;
margin-left: .5em;
border-left: .5em solid transparent;
border-right: .5em solid transparent;
border-bottom: .8em solid var(--c-concblue);
transition: transform 0.75s ease;}
#article > div.section.closed > div.slideContent a:after {
transform: rotate(180deg);
transition: transform 0.75s ease;}
/* */
div.slideOverview,
div.slideCampaign {
margin: 0 auto;
padding: 0.25em 0 0 0;
line-height: 1;
text-align: center;}
div.slideOverview a,
div.slideCampaign a {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
line-height: 1;
color:var(--c-concblue);}
div.slideOverview a:after,
div.slideCampaign a:after {
display: inline-block;
position:absolute;
content:"";
width: 0;
height:0;
top: 0.1em;
margin-left: .25em;
padding-top: 0;
border-left: .5em solid transparent;
border-right: .5em solid transparent;
border-top: .8em solid var(--c-concblue);
transition: transform 0.75s ease;}
div.slideOverview.opened a:after,
div.slideCampaign.opened a:after {
transform: rotate(180deg);
transition: transform 0.75s ease;}
div.slideCampaign.opened a { margin: 0.5em;}
/**************************************************
div.section h2 + div : 読み物コンテンツの意匠
/**************************************************/
div.section.closed h2 + div {
position: relative;
height: 5em;
overflow: hidden;}
div.section.closed h2 + div::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0));
z-index: 2;}
div.section h2 + div {
max-height: none;
transition: transform 0.75s ease;}
div.section h2 + div::after {
content:none;}
/**************************************************
body#virtualCurrency.detail 仮想通貨取引所比較 詳細
/**************************************************/
body#virtualCurrency.detail {}
body#virtualCurrency.detail #maincontents > section#title {
padding: 40px 0 40px 0;}
body#virtualCurrency.detail div.layout {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
max-width: 1080px;
min-height: auto;
font-size: 30px;
font-weight: bold;;
line-height:1;
text-align: center;
color: #666;
background-position: top right;
background-repeat: no-repeat;
background-size: cover;}
body#virtualCurrency.detail span.line2nd {/* 初心者におすすめ！かんたん・安心！ */
display: block;
padding: 0 0 .5em 0;}
body#virtualCurrency.detail span.pageTitle {/* 仮想通貨（暗号資産）取引所比較 */
display: block;
padding: 0 0 0.5em 0;
text-decoration: none;
letter-spacing: 0;
text-shadow: none;
line-height: 1.1;}
body#virtualCurrency.detail #maincontents > section#title h1.pageDescription {/* ～～の特徴と注目ポイントを詳しくご紹介！ */
display: block;
margin: 0 auto;
font-size: 50px;
color: #000;
letter-spacing: 0;
font-family: "Mochiy Pop One", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.025em;}
body#virtualCurrency.detail #maincontents > section#title h1.pageDescription > span { display: block;}
body#virtualCurrency.detail #maincontents > section#title h1.pageDescription em { color: var(--c-concblue);}
/**************************
商品詳細スペック
/**************************/
body#virtualCurrency.detail #maincontents > section#item {
}
body#virtualCurrency.detail section#item div.item {
width:900px;
margin:0 auto;
padding:40px 0 20px;}
body#virtualCurrency.detail section#item div.spec-service-logo {
display: flex;
justify-content:center;
align-items: center;
width: 300px;
height: 150px;
margin: 1px auto;
padding: 30px 60px;}
body#virtualCurrency.detail section#item div.spec-service-logo img {
max-width: 180px;
max-height: 90px;}
body#virtualCurrency.detail section#item div.item > h2 {/* サービス名称 */
margin: 0 0;
font-weight:bold;
font-size:var(--fs-l);
text-align: center;}
body#virtualCurrency.detail section#item .spec-catch {
margin: 0 auto;
padding: 1em 1.25em .5em 1.25em;
text-align: center;
font-weight: bold;
line-height: 1.75;}
body#virtualCurrency.detail section#item .spec-catch span {
display: block;
margin: .25em auto;
padding: 0 .25em;
width: fit-content;
line-height: 1.25;
background: linear-gradient(transparent 40%, rgba(256,256,0,0.5) 70%, rgba(256,256,0,0.8) 100%);}
body#virtualCurrency.detail section#item div.item dl.spec-1 {/* スペック表 */
margin: .5em auto 0 auto;
display: table;
border-collapse: collapse;
border: 1px solid #ccc;}
body#virtualCurrency.detail section#item div.item dl.spec-1 > div {
display: table-row;
border-bottom: 1px solid #ccc;}
body#virtualCurrency.detail section#item div.item dl.spec-1 dt {
display: table-cell;
width: 13em;
padding: .5em .75em;
text-align: left;
vertical-align: middle;
border-right :1px solid #ccc;
background-color: var(--c-paleblue);}
body#virtualCurrency.detail section#item div.item dl.spec-1 dd {
display: table-cell;
padding: .5em .75em;
vertical-align: middle;
text-align: left;}
body#virtualCurrency.detail section#item div.item dl.spec-1 dd span {
display: block;
color: orangered;
font-weight: bold;}
body#virtualCurrency.detail section#item div.item dl.spec-1 dd small {
display: block;
font-size: var(--fs-s);}
body#virtualCurrency.detail section#item dl.spec-2 {}
body#virtualCurrency.detail section#item dl.spec-2 div {}
body#virtualCurrency.detail section#item dl.spec-2 dt {
/* color: orangered;*/
color:#666;
font-size: var(--fs-l);
font-weight: bold;}
body#virtualCurrency.detail section#item dl.spec-2 dd {}
body#virtualCurrency.detail section#item dl.spec-2 div.spec-campaign {
display: block;
margin: .5em 0;
padding: .75em 1em;
font-size: var(--fs-m);
color: #000;
background-color: #ffc;
}
body#virtualCurrency.detail section#item dl.spec-2 div.spec-pr-point {
display: block;
margin: .5em 0;
padding: .75em 1em;
font-size: var(--fs-m);
color: #000;
background-color: #f6f6f6;}
body#virtualCurrency.detail section#item dl.spec-2 div.spec-remarks {
display: block;
margin: .5em 0;
padding: .75em 1em;
font-size: var(--fs-s);
line-height: 1.2;
background-color: #f6f6f6;}
body#virtualCurrency.detail section#item dl.spec-2 div.spec-attention {
display: block;
margin: .5em 0;
padding: .75em 1em;
font-size: var(--fs-m);
background-color: #f6f6f6;}
/* 文字修飾 */
body#virtualCurrency.detail section#item em {
color: orangered;
font-style: normal;
font-weight: bold;}
body#virtualCurrency.detail section#item .fs-large { font-size: var(--fs-l);}
body#virtualCurrency.detail section#item .fs-medium { font-size: var(--fs-m);}
body#virtualCurrency.detail section#item .underline { background: linear-gradient(transparent 40%, rgba(256,256,0,0.5) 70%, rgba(256,256,0,0.8) 100%);}
body#virtualCurrency.detail section#item .bold { font-weight: bold;}
.spec-updated-on {
display: block;
margin: .5em .5em;
font-size: var(--fs-s);
text-align: right;
line-height: 1.2;}
body#virtualCurrency.detail #maincontents > section#item .apply {
margin: 0 auto;
padding: 0.5em 0;
width: 100%;
text-align: center;}
body#virtualCurrency.detail #maincontents > section#item .apply a {/*公式サイトへ*/
position: relative;
display: inline-block;
margin: .5em auto 0 auto;
padding: .75em 6em;
font-size: var(--fs-m);
font-weight: bold;
text-align: center;
color: #fff !important;
background: -webkit-linear-gradient(#ee1f1f, #cc0000) !important;
letter-spacing: .1em;
border-radius: 2em;
cursor: pointer;}
body#virtualCurrency.detail #maincontents > section#item .apply a::after {
content:"";
position:absolute;
display: block;
width: 30px;
height: 30px;
top: .75em;
right: .5em;
background-image: url("/images/special/bankingServices/fixedDeposit/icon_out-w.png");
background-repeat: no-repeat;
background-size: 30px;
background-position: 0 0;
cursor: pointer;
}
body#virtualCurrency.detail #maincontents > section#item ul.guardWording { padding: 30px 40px 30px 40px;}