@charset "UTF-8";
:root {
	--fs-xxl: 6vw;
	--fs-xl: 5.5vw;
	--fs-l: 5.2vw;
	--fs-m: 4.25vw;
	--fs-s: 3.8vw;
	--fs-xs: 3.2vw;
	--c-paleblue: #F2F8FD;
	--c-concblue: #124a9b;
}
body {
	background-color: #fcfcfc;}
.breadcrumbs li a { color: #0765A3;}
body.specify-division #foot #extraLinks { right: 1vw; bottom: 1vw;}
section.articles time {
	display: block;
	margin: 0 0;
	padding: 2vw 0;
	text-align: right;
	color: #666}
/*===================================================
	limitedLink
===================================================*/
.head-logo > em {
	display: block;
	width: 85px;
	margin-bottom: 5px;}
body.popup #maincontents {/* popup ページの際はマージンを増やす */
	margin-top: 101px;}
.maincontents-top .maincontents-top-box {
	margin-top: 20px;}

/* temp layout */
#maincontents {
	margin-top: 0;
	padding-bottom: 0;}
#maincontents > section {
	position: relative;
	margin: 0 auto;
	padding: 5vw 0 7vw 0;
	max-width: 100vw;
	font-size: var(--fs-m);}
#maincontents a:hover { text-decoration: none;}
/**************************************************
	FV section#title 
**************************************************/
/* Google Fonts */
#maincontents > section#title {
	margin: 0 0;
	padding: 6vw 0 15.5vw 0;
	line-height: 1.2;
	box-shadow: none;
	background: linear-gradient(-45deg, #85CBFA 0%, #fff 50%, #85CBFA 100%);}
#maincontents > section#title h1 span.line2nd,
	#maincontents > section#title .line4th,
	#maincontents > section#title h1 u {  font-family: "Mochiy Pop One", sans-serif; font-weight: 400;}
	/*
			<span class="line2nd">金利上昇中の今、おすすめ！</span>
			<span class="line3rd">定期預金【2024年7月】金利比較</span>
			<span class="line4th">定期預金の金利はどのくらい？</span>
	*/
#maincontents > section#title h1 {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 0;
	font-size: var(--fs-m);
	font-weight: bold;
	color: #000;
	/*min-height: 56.25vw;*/}
#maincontents > section#title h1 span.line3rd /*人気のランキングで*/{ 
	display: inline-block;
	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 h1 span.line2nd /*金利上昇中の今、おすすめ！*/ {
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	margin: 0;
	padding: 0 0 11vw 0;
	font-size: 7vw;
	transform: none;
	text-align: center;
	background-color: transparent;
	border-radius: 0;
	text-align: center;
	letter-spacing: -0.04em;
	color: #333;
}
/* アーチ */
	#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 span.line3rd {/*定期預金金利比較*/
	padding: 4vw 0 .5vw 0;
	font-size: 11.25vw;
	text-align: center;
	font-weight: bold;
	}
#maincontents > section#title h1 u {/*【2024年7月】*/
	position: absolute;
	display: block;
	width: 8em;
	padding: 1vw 0;
	top: 13.5vw;
	right: calc(50% - 4em);
	font-size: 7vw;
	letter-spacing: -0.4vw;
	transform: rotate(0);
	text-decoration: none;
	text-shadow: none;
	color: #000;
	background: linear-gradient(transparent 40%, rgba(256,256,0,0.5) 70%,  rgba(256,256,0,0.8) 100%);}

#maincontents > section#title .line4th {/*定期預金の金利はどのくらい？*/
	font-size: 6vw;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0;
	color: #333;
	line-height:1.2;}
	#maincontents > section#title .line4th span { 
		display: block;
		text-align: center;}
#maincontents > section#title h1 strong { 
	display: inline-block;
	margin-right: 1vw;
	font-size: 12vw;
	color: red;
	line-height:1;
	letter-spacing: 0;}
/**************************************************
	section#lead リード文
**************************************************/
section#lead {
	padding: 8vw 6vw 0 6vw;}

/**************************************************
	section#points ポイント
**************************************************/
section#points {/* この記事のポイント */
	padding: 6vw 2vw 0 2vw;
}
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: 2vw 1vw;
	font-size: var(--fs-s);
	color: #666;}
section#points h5 {
	display: inline-block;
	margin: 0 0 !important;
	padding: .25em .75em .5em .75em;
	font-size: var(--fs-s);
	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: var(--fs-m);
	font-weight: 400;
}
section#points ul {
	margin: .75em .5em .75em 2em;
	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;
}
/**************************************************
	目次 #maincontents > section#outline
**************************************************/
#maincontents > section#outline {
	position:relative;
	margin: 5vw 2vw;
	padding: 0 2vw;
	border-radius: 0;
	line-height:1.5;
	background-color:#fff;
	border-width:1px 0;
	border-style:solid;
	border-color:#ccc}
section#outline h5 {
	margin: 2vw 0;
	padding: .4vw 0 .4vw 7vw;
	line-height: 1;
	font-size: var(--fs-l);
	font-weight: bold;
	background: url("/images/special/icon_open-b.png") 0 0 no-repeat;
	background-size: 5.4vw;
	color: var(--c-concblue);
	cursor: pointer;}
	section#outline.active h5 { 
		color: #333;
		background-image: url("/images/special/icon_close-b.png")}
section#outline ul {
	display: none;
	list-style: none;
	margin: 0 0 1vw 0;
	font-size: var(--fs-m);}
section#outline li {
	list-style: none;
	margin: 0 0 1.5vw 0;
	line-height: 1.2;}
section#outline ul li a {
	display:inline-block;
	text-decoration:none;
	background:url("/images/common/gray-arrow.png") 0 4px no-repeat;
	background-size: 5px auto;
	padding-left:12px;
	color: #0765A3;}
section#outline.active ul { display: block;}

/**************************************************
	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;
		font-size: 8vw;
		font-weight: bold;
        color: var(--c-concblue);
		text-align: center;
        line-height: 1.25;
		letter-spacing: 0;
        border-bottom: var(--c-concblue) 3px solid;
    }
section#productlist h2 span,
section#pickup h2 span {
	display: block;
	font-size: var(--fs-xxl);}
section#productlist h2:after,
section#pickup h2:after {
	position: absolute;
	content: "";
	display: block;
	height: 10px;
	width: 20px;
	left: calc(50% - 10px);
	bottom: -12px;
	clip-path: polygon(0 0,50% 100%,100% 0);
	background-color: var(--c-concblue)
}
section#productlist > div.layout {}

	/* ************************************************************ */
div.scrollTable {
	position: relative;
    margin: 2vw 0 0 0;
    overflow: auto;
	font-size: var(--fs-s);
	background-color: #fff;
	border: 1px solid #ccc;
}
	div.scrollTable.initial::before {
	position: absolute;
	z-index: 9;
	content:"";
	display: block;
	width: 40vw;
	height: 25vw;
	top: calc(50% - 12.5vw);
	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:active::before,
	div.scrollTable.initial:hover::before {
		right: 0;
		opacity: 0;
		transition: all 0.5s 0s ease;}

div.scrollTable table.productTable {
    min-width: 150vw;
	border-spacing: 0px;
    border-collapse: separate;
	font-size: var(--fs-s);
	text-align: center;
	border-bottom: 1px solid #ccc;
}
div.scrollTable table.productTable th,
	div.scrollTable table.productTable td { 
	padding: .5em .25em;
	vertical-align: middle;}
div.scrollTable table.productTable tbody td { 
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
        text-align: center;}
/* ヘッダー固定 */
div.scrollTable table.productTable thead th:first-child,
div.scrollTable table.productTable thead th.firstCell,
div.scrollTable table.productTable tbody th {
    position: sticky;
    top: 0;
    left: -2px;
    z-index: 2;
	text-align: center;
	background-color: var(--c-paleblue);
}
	/* 意匠 */
div.scrollTable table.productTable tbody th {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
div.scrollTable table.productTable thead th.firstCell {
	background-color: var(--c-paleblue);
    border-right: 1px solid #ccc;
}
div.scrollTable table.productTable thead td {
	padding: 0.25em 0.5em;
	text-align: center;
	background-color: var(--c-paleblue);
	border-right: 1px solid #ccc;}
	table.productlist thead td { min-width: 13em;}

/* 左上端を重なり順一番前へ */
div.scrollTable table.productTable thead tr:first-of-type th:first-of-type {
    z-index: 2;
}
div.scrollTable table.productTable small { font-size: var(--fs-s);}
div.scrollTable table.productTable thead td {
	min-width: 9em;}
div.scrollTable table.productTable thead .lenderName { /* 金融機関名 */
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: var(--c-concblue);
	border-right: 1px solid #fff;}
div.scrollTable table.productTable .apply a {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: .5em 1.6em .5em .75em;
	white-space: nowrap;
	font-size: var(--fs-s);
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: -webkit-linear-gradient(#ee1f1f, #cc0000) !important;
	border-radius: 2em;
	cursor: pointer;}
div.scrollTable table.productTable .apply a:after {
	content:"";
	position:absolute;
	display: block;
	width: 5vw;
	height: 5vw;
	top: 1.5vw;
	right: 1vw;
	background-image: url("/images/special/bankingServices/fixedDeposit/icon_out-w.png");
	background-repeat: no-repeat;
	background-size: 5vw;
	background-position: 0 0;
	cursor: pointer;}
div.scrollTable table.productTable .apply a + span {
	display: block;
	text-align: center;
	font-size: var(--fs-s);
	margin: 0.25em 0 0 0;
	line-height: 1;}

div.scrollTable table.productTable tbody th.term {
	position: sticky;
	min-width: 6.65em;}
div.scrollTable table.productTable tbody th.subTerm {
	min-width: 3.3em;
	left: 6.49em;}
section#productlist time {
	text-align: left;
	background-size: var(--fs-s);}


/***************************************** CTAボタン *****************************************/
div.linkBtn {/*キャンペーンなどの詳しい情報はこちら*/
	position: relative;
	margin: 5vw auto;
	width: 96vw;
	overflow: hidden;
}
div.linkBtn > a {
	display: block;
	position: relative;
	width: 86vw;
	margin: 1.5em auto;
	padding: .5em 18vw .5em 15vw;
	font-size: var(--fs-l);
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
	color: #fff;
	letter-spacing: .1em;
	border-radius: 6px;
	cursor: pointer;
    background: -webkit-linear-gradient(#ee1f1f,  #ff0000);/*ボタンの色*/
	box-shadow: 0 0 10px red;
}
div.linkBtn a:after {
	content: "";
	position: absolute;
	width: 13vw;
	height: 13vw;
	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: 86vw;
	height: 18vw;
	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: 3vw auto;}
/* ************ ボタンが2つの場合 ************ */
span#toItemList.fixed {
	display: flex;
	justify-content: center;
}
span#toItemList.fixed div.linkBtn { 
	margin: 0 0.5em;
	width: 46vw;
	max-width: 50vw;
	overflow: visible;
}
span#toItemList.fixed div.linkBtn::before, 
	span#toItemList.fixed div.linkBtn::after { content: none;}
span#toItemList.fixed div.linkBtn > a { width: auto;}
/* 表示するときの動き */
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: 2vw 1vw;
	font-size: var(--fs-s);}
span#toItemList.fixed div.linkBtn > a::before {
	content: "";
	display: block;
	width: 8vw;
	height: 8vw;
	margin: 0 auto 2vw auto;
	background-image: url("/images/special/bankingServices/fixedDeposit/icon_hand-w.png");
	background-repeat: no-repeat;
	background-size: contain;
}
span#toItemList.fixed div.linkBtn > a::after { content:none}
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[href="#items"]::before {/* 会社の一覧 */ background-image: url("/images/special/bankingServices/common/icon_list.png");}
span#toItemList.fixed div.linkBtn > a[href="#loan-ranking"]::before {/* 総合ランキング */ background-image: url("/images/special/bankingServices/common/icon_ranking.png");}

/****************************************************************************************************/

/**************************************************
	読み物コンテンツレイアウト一括指定：#maincontents > section 
**************************************************/
#maincontents > section.articles {
	margin: 0 0;
	padding: 5vw 3vw 5vw 2vw;
	border-top: 13vw solid #fcfcfc;
	background-color: #DAECF8;}
	/* 飾り */
#maincontents > section.articles:before {
	position: absolute;
	content: "";
	display: block;
	z-index: 9;
	height: 16vw;
	width: 16vw;
	top: -10vw;
	left: calc(50% - 8vw);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12vw;}
	#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: 13vw;
	width: 26vw;
	top: -13vw;
	left: calc(50% - 13vw);
	/* 半円の場合 */
	border-radius: 13vw 13vw 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: 0px;
		border: 1px solid rgba(18,74,155,.15);
		/*box-shadow: 0px -1px 1px 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.articles > h2 {
	padding: 3vw 0 4vw 0;
	font-size: var(--fs-xxl);
	line-height: 1.1;
	font-weight: bold;
	text-align: center;
	color: #6fb42c;}
	#maincontents > section#by-type h2 { }
	#maincontents > section#article h2 { }
	#maincontents > section#knowledge h2 { }
	#maincontents > section#faq h2 { letter-spacing: -0.05em;}
	#maincontents > section#flow h2 { font-size: 5.6vw;letter-spacing: -0.05em;}
	#maincontents > section#article h2 { }
	#maincontents > section#dictionary h2 { }
#maincontents > section.articles:nth-of-type(2n+1) > h2 { color: #000;}
#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 0;
	padding: 1em .75em;
	font-weight: bold;
	text-indent: 0;
	text-align: left;
	background-color: #f2f2f2;
	border: 1px solid #bbb;
	border-radius: 5px;}

		/* .description */
.description {
	margin: 2vw 4vw 4vw 4vw;
	padding: 0 0;
	line-height: 1.4;
	color: #444;}
	.description p,
	p.description { }
	.description p + p { margin-top: .5em;}

.message {
	color: #a94442;
	border: 1px solid #dca7a7;
	border-radius: 6px;
	background-color: #f2dede;
	background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
	margin: 2vw 4vw;
	padding: .5em 1em;}
section.articles time {
	display: block;
	margin: 0 0;
	padding: 2vw 0;
	text-align: right;
	color: #666}
section.articles div.fpProfile { 
	margin: 1em 0 0 0;
	border-color: #eee;}
section.articles div.fpProfile h4 { font-size: var(--fs-m) !important;}
	/* コーナーへのリンク */
section.articles a.link {
	display: block;
	margin: 0 auto 2vw auto;
	padding: 3.5vw 0;
	max-width: 80vw;
	color: #fff;
	text-align: center;
	border-radius: 2em;
	background: #6fb42c;}
	/* 定型カードボックス */
section#article div.section {
	display: block;
	width: auto;
	clear: both;
	margin: 2vw 0;
	padding: 0 0;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	line-height: 1.4;}
	/* 記事大見出し */
section#article div.section > h2 {
	margin: 8px 0 .5em 0;
	padding: .75em 0 .5em 32px;
	line-height: 1.1;
	font-size: var(--fs-l);
	font-weight: bold;
	letter-spacing: -0.025em;
	background-image: url("/images/div/il_title-blue.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px;
	border-bottom: 1px solid var(--c-concblue);}
	section#article div.section h2:nth-of-type(1) { margin-top: 0;}

/**************************************************
	section#article カードローンの選び方のポイント
	section#article 定期預金で利用したい銀行○選
**************************************************/
section#article div.section {
	padding: 2vw 4vw 4vw 4vw;}
section#article div.section h3 {
	margin: 1.25em 0 .5em 0;
	padding: 0 0 0 0;
	font-size: var(--fs-l);
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: 0;
	color: #333;}
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 > li {/* １商品分 */
	margin: 2vw auto;
	padding: 2vw;
	background-color: #fcfcfc;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
}
	/* スペック表 */
	ul.productList { font-size: var(--fs-m);}
	ul.productList > li {/* １商品分 */
	margin: 0.5em auto;
	width: 100%;
	padding: 2vw;
	background-color: #f6f6f6;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
}
ul.productList > li > div.specList { 
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 4vw 0;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #ddd;}

ul.productList .lender_name,
ul.productList .service_name {
	position: relative;
	flex-basis: 100%;
	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: 1vw 3vw 0;
	line-height: 1.25;}
ul.productList .apply { 
	margin: 0.5em auto;
	width: 100%;
	text-align: center;}

ul.productList dl dt,
ul.productList dl dd { 
	display: block;
	padding: 0 0;}
ul.productList dl dt { 
	font-weight: bold;
	margin: 3vw 3vw 0 3vw;
	color: #000;}
ul.productList dl dd { 
	margin: .5vw 3vw 0 3vw;}
	ul.productList dd.rate span { 
		display: inline-block;} 
dd.rate ul {/* スペック */
	display: flex;
	flex-wrap: wrap;
	width: auto;
	margin: 0 0;
	background-color: var(--c-paleblue);
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: var(--fs-s);
}
dd.rate ul > li {
	display: flex;
	justify-content: center;
	margin: 0 0;
	padding: 0.25em .25em;
	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:11px;
}
ul.productList dd.rate > ul > li:nth-of-type(n+1) span+sup { 
/*	display:block;*/
	text-align:center;
}

	/*************************/
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-s);
	color: #000;}
	ul.productList span.remarks /* 注記 */,
	ul.productList span.updatedOn {
		display: block;
		margin: .5em .5em;
		font-size: var(--fs-s);
		line-height: 1.2;}
		ul.productList span.updatedOn { text-align: right;}
		section#article div.section ul.productList ul span.prText em { 
			font-style: normal;
			color: red;}


	ul.productList .apply a {/*公式サイトへ*/
		position: relative;
		display: inline-block;
		margin: .5em auto 0 auto;
		padding: .75em 3em 0.75em 2em;
		width: 90%;
		font-size: var(--fs-m);
		font-weight: bold;
		text-align: center;
		color: #fff !important;
		letter-spacing: .1em;
		border-radius: 2em;
		background: -webkit-linear-gradient(#ee1f1f, #cc0000) !important;
		cursor: pointer;}
		ul.productList .apply a:after {
			content:"";
			position:absolute;
			display: block;
			width: 7vw;
			height: 7vw;
			top: .65em;
			right: 1em;
			background-image: url("/images/special/bankingServices/fixedDeposit/icon_out-w.png");
			background-repeat: no-repeat;
			background-size: 7vw;
			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 .25em 0;
	font-weight: bold;
	line-height: 1.25;}	
#interest div.scrollTable { margin: 0 0 1em 0;}
table#interestTable { 
	font-size: var(--fs-m);}
table#interestTable th,
table#interestTable td { white-space: nowrap;}
table#interestTable th {
	width: 8.5em;
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
}
table#interestTable thead th { border-top: none;}
table#interestTable thead th:first-child { 
	width: 7.6em;
}
table#interestTable tbody th.term {
	min-width: 5em;
}
table#interestTable tbody th.subTerm {
	min-width: 3.15em;
	left: 4.85em;
}
table#interestTable tbody td { 
	padding: .5em .75em;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	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/il_title-green.png");
	border-bottom: 1px solid #42a420;}
div.section.loanSection ul.linkList {
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	align-items: stretch;
	margin: 2vw auto;
	font-size: 3.5vw;
	font-weight: bold;
}
div.section.loanSection ul.linkList li {
	margin:0 0;
	padding:0 0 2vw 0;
}
	div.section.loanSection ul.linkList li a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 2vw 1vw 2vw 3vw;
		color: #000;
		text-align: center;
		line-height: 1;
		border: 1px solid #2E6339;
		border-radius: 6px;
		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: inherit;
			opacity: 0.95;}
	div.section.loanSection ul.linkList i {
		display: block;
		width: 26vw;
		height: 16vw;
		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");}
		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: 0 0;
		width: 52vw;
		font-size: 4vw;
		text-align: left;
		line-height: 1.4;}
	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:12px;}
div.scrollTable small, .productList small { font-size: 90%;}
div.scrollTable sup { display: none;}
div.modal-recommend sup { display: none;}
/* #guardWording */
ul.guardWording {
	margin: 4vw 2vw 0 2vw;
	padding: 0 0 0 0;
	color: #666;
/*	background-color: #fcfcfc;*/
	font-size:16px;
}
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 #maincontents > section.articles:nth-of-type(2n),
#foreignCurrencyDeposit #maincontents > section.articles:nth-of-type(2n):after {
	background-color: #DAECF8;}
	/* 外貨預金一覧比較 */
#foreignCurrencyDeposit div.scrollTable table.productTable#fcdProductTable tbody th.term { min-width: 4.5em;}
    #foreignCurrencyDeposit div.scrollTable table.productTable#fcdProductTable tbody th.term img {
        width: 3em;
        height: auto;
    }
    #foreignCurrencyDeposit div.scrollTable table.productTable#fcdProductTable tbody th.term span { display: block;}
#foreignCurrencyDeposit div.scrollTable table.productTable#fcdProductTable tbody th.subTerm {
	min-width: 4.7em;
    left: 4.36em;
	}
#foreignCurrencyDeposit #maincontents > section#title h1 u { }
#foreignCurrencyDeposit #maincontents > section#title h1 span.line3rd { padding: 9vw 0 .5vw 0;}
	/* 金比較表 */
#foreignCurrencyDeposit ul.productList > li > div.specList table {
    width:96%;
    margin: 2vw 2% 0 2%;
    padding: 0 0;
    font-size: var(--fs-m);
    border-collapse:collapse;
    border-right: #ccc solid 1px;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table thead { display: none;}
#foreignCurrencyDeposit ul.productList > li > div.specList table tbody { 
    background-color: #fff;}
	#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 {
    display: block;
    padding: 0.25em .5em;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table th { 
    background: var(--c-paleblue);
    border-left: #ccc solid 1px;
  border-bottom: #ccc solid 1px;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table tbody tr:first-child>:first-child {
    border-top:#ccc solid 1px
  }
  #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: inline-block;
    padding: 0 0 0 .5em;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table td {
    background: #fff;
    border: none;
    border-left: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}
#foreignCurrencyDeposit ul.productList > li > div.specList table tbody td::before {
    content:attr(aria-label);
    display:table-cell;
    padding-left: 0;
    width: 7.5em;
    border:none;
    white-space:normal;
    text-align:left
    }
#foreignCurrencyDeposit ul.productList > li > div.specList table tfoot td div,
    #foreignCurrencyDeposit ul.productList > li > div.specList table tbody td div {
		display:table-cell;
		padding-left:1em;
		border-left:1px solid #ccc;
		text-align:left
    }
#foreignCurrencyDeposit ul.productList > li > div.specList table tfoot th { padding: 0.75em .5em;}

/* 国旗 */
#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;
	line-height: 1;
}
#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: 4vw 1vw 2vw 1vw;
		border: none;
		line-height: 1;
		background-color: transparent;
	}
	section#article .section.reference h2:nth-of-type(1) {
		margin: 0 0 3vw 0;
		padding: 0;
		line-height: 1;
		font-size: var(--fs-l);
		font-weight: bold;
		background-image: none;
		border: 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:inline-block;
		text-decoration:none;
		background:url("/images/common/gray-arrow.png") 0 4px no-repeat;
		background-size: 5px auto;
		padding-left:12px;
		color: #0765A3;
		font-size: 4.25vw;
		letter-spacing: -0.04em;
	}
	
	/* やっぱり、安心の円預金で選ぶなら！注目の定期預金一覧比較 */
#foreignCurrencyDeposit table.productTable#fdProductTable tbody th.subTerm { left: 6.44em;}

/************************************************** **************************************************
	#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 14vw 0;
	font-size: var(--fs-l);
	color: #000;}
body#factoring #maincontents > section#title h1 span.line3rd {
	font-size: 9vw;
	letter-spacing: -0.05em;}
body#factoring #maincontents > section#title h1 u { 
	top: 10vw;
	border-radius: 3px;
	font-size: 6vw;
	background: linear-gradient(transparent 40%, rgba(243, 152, 49,0.5) 70%,  rgba(243, 152, 49,0.8) 100%);}
body#factoring #maincontents > section#title .line4th { 
	font-size: var(--fs-m);
	letter-spacing: -0.05em;}
body#factoring #maincontents > section#pickup:before {/* お急ぎの方へ！注目のファクタリング会社をピックアップ！ */
	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 2vw;
	text-align: center;
	color: #fff;
	font-size: var(--fs-m);
	font-weight: bold;
	background-color: var(--c-concblue);
	border-radius: 6px 6px 0 0;
	}
body#factoring #maincontents > section.articles#pickup p,
	body#factoring #maincontents > section#article div.section#items ul p { 
	margin: 0 0;
	padding: 2vw 3vw;}
body#factoring #maincontents > section#pickup > div h4,
	body#factoring section#article div.section#items h4 {/* AGビジネスサポートが選ばれる6つのポイント */
		margin: 1em 0 0;
		padding: 3vw 3vw 2vw 3vw;
		text-align: center;
		font-size: var(--fs-m);
		font-weight: bold;
		color: #000;
		letter-spacing: -0.06em;}
	section#article div.section#items h4::before { content: none;}
body#factoring section#article div.section#items > ul.productList > li,/* １商品 */
	body#factoring #maincontents > section#pickup > div {/* 商品枠 */
		margin: 0 0 3vw 0; 
		padding: 0;
		background-color: #fff8ca;
		border-radius: 10px;}

body#factoring section#article div.section#items > ul.productList > li > div > dl,
	body#factoring #maincontents > section#pickup > div > dl {
		display: flex;
		flex-direction: column;
		margin: 0 0;
		padding: 1px 3vw;
}
body#factoring section#article div.section#items > ul.productList > li > div > dl > div,
	body#factoring #maincontents > section#pickup > div > dl > div {
		flex-basis: 100%;
		margin: 0 0 2vw 0;
		padding: 2vw 3vw;
		border-radius: 10px;
		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;
		text-align: center;
		font-size: 1.25rem;
		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: 1em 0 1.5em 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;
	}
body#factoring section#article div.section#items div.button a,
	body#factoring #maincontents > section#pickup > div > div.button a {
		display: inline-block;
		padding: 3vw 4vw;
		width: 80vw;
		line-height: 1.3;
		color: #fff;
		font-weight: bold;
		border-radius: 4em;
		background: linear-gradient(to left, #c2182d 0%, #f26d27 100%);
}
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;
	}

/************************************************** **************************************************
	迅速な資金調達に！安心のファクタリング会社をピックアップ！ 2025.10.29
************************************************** **************************************************/
body#factoring #maincontents > section#article div.section#items > ul.productList > li {
	margin: 0.5em auto;
	width: 100%;
	padding: 2vw;
	background-color: #f6f6f6;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
}
body#factoring section#article div.section#items > ul.productList > li > div.specList {
		margin: 0;
		padding: 0;
		width: auto;
		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;
	padding: .5em 0 0 0;
	text-align: center;
	color: #fff;
	font-size: var(--fs-l);
	font-weight: bold;
	letter-spacing: -0.35vw;
	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.25em 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 div.apply {/* ボタン */
	margin: 3vw auto 0 auto;}
	body#factoring section#article div.section#items > ul.productList div.apply a { margin: 0 auto 0 auto;}
body#factoring section#article div.section#items > ul.productList div.feature {/* PRテキスト */ 
	padding: 2vw 2vw 3vw 2vw;
	font-size: var(--fs-s);
	text-align: left;}
	body#factoring section#article div.section#items > ul.productList 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.prText2 {
	display: block;
	margin: .5em 0;
	padding: .5em 1em;
	font-size: var(--fs-m);
	color: #000;
	background-color: #ffc;}
body#factoring section#article div.section#items > ul.productList div.specList > div.apply,
body#factoring section#article div.section#items > ul.productList div.specList > div.apply a {
	margin-top:0;
}
body#factoring section#article div.section#items > ul.productList div.specList > div.apply a {
	margin-bottom:1em;
}
	
/************************************************** **************************************************
	#loan-ranking.categoryRanking : ランキング追加 2025.04.21
************************************************** **************************************************/
/* --------------------------------------------------
	総合ランキング
-------------------------------------------------- */
.categoryRanking {
	border: 2px solid #42a420;
	border-radius: 8px;}
section#article div.section .categoryRanking h3 {
	margin: 0 0 1em 0;
	padding: 0.5em;
	font-size: var(--fs-m);
	color: #fff;
	background-color: #42a420;
}
#maincontents > section.articles .categoryRanking > p {
	text-indent: 0;
	margin: 4vw;}
.categoryRanking .loanlist {
	padding: 0 0;
	margin-bottom: 15px;
}
.categoryRanking .loanlist li {
	padding: 3vw 3vw;
	border-top: 1px dotted #42a420;
	border-radius: 0;
	background: #fff;
}

.categoryRanking .loanlist li:not(:last-child) {
    margin-bottom: 4vw;
}

.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;
}

.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: 120px;
}

.categoryRanking .loanlist li > div:first-child > div:last-child > div:first-child {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    font-size: 16px;
}

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 dl {
    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]: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 auto;
    padding: 0vw 4vw 2vw 6vw;
    font-size: 13px;
	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 span.line2nd { padding: 0 0 14vw 0;}
body#deposit #maincontents > section#title .line4th { font-size: 6.5vw;}
body#deposit #maincontents > section#title .line4th > span { padding: 0 0;}
body#deposit #maincontents > section#title h1 u { top: 11.5vw;}

	/* まずはチェック！普通預金金利の高い銀行ランキング */
body#deposit div.scrollTable table.productTable { 
	min-width: 190vw;
	line-height: 1.25;}
body#deposit div.scrollTable table.productTable thead th,
	body#deposit div.scrollTable table.productTable thead td { /* thead */
	color: #fff;
	background-color: var(--c-concblue);
	border-right: 1px solid #fff;
	padding: .5em 0;
	font-weight:bold;
	text-align: center;}
body#deposit div.scrollTable table.productTable tbody th,
	body#deposit div.scrollTable table.productTable tbody td { /* tbody */ padding: 1em .5em;}
body#deposit div.scrollTable table.productTable .datumLender_name { width: 41.5vw;}
body#deposit div.scrollTable table.productTable .datumRate { min-width: 9em;}
body#deposit div.scrollTable table.productTable tbody .datumFeature { max-width: 44vw; text-align: left;}
body#deposit div.scrollTable table.productTable tbody .datumUpdated_on { width: 8.4em; white-space: nowrap; }
body#deposit div.scrollTable table.productTable td.apply { width: 13em; padding: 0.25em 0; letter-spacing: -0.05em;}
body#deposit div.scrollTable table.productTable div.apply { margin: 0 auto;}

body#deposit div.scrollTable table.productTable#fdProductTable .apply a { 
	display: inline-flex;
	align-items: center;
	white-space: wrap;
	padding: .5em;
	border-radius: 2em;}
	body#deposit div.scrollTable table.productTable#fdProductTable .apply a::after {
		position: relative;
		top: 0;}
body#deposit div.scrollTable table.productTable#fdProductTable .apply a span {
	display: block;
	width: 2em;
	margin: 0 0.25em 0 0.5em;}


	/* ランキングアイコン */
body#deposit div.scrollTable table.productTable tbody .datumLender_name div {
	display: flex;
	align-items: center;}
body#deposit div.scrollTable 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;
	border-width: 2px;
	border-style: solid;
	border-color: #666;
	background-color: #999;
	border-radius: 2em;}
	body#deposit div.scrollTable 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 div.scrollTable 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 div.scrollTable 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 div.scrollTable 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 div.scrollTable table.productTable tr.rank-1 .datumLender_name q::after { background-image: url("/images/special/label-rank1-w.webp");}
	body#deposit div.scrollTable table.productTable tr.rank-2 .datumLender_name q::after { background-image: url("/images/special/label-rank2-w.webp");}
	body#deposit div.scrollTable table.productTable tr.rank-3 .datumLender_name q::after { background-image: url("/images/special/label-rank3-w.webp");}
	body#deposit div.scrollTable table.productTable tr.rank-4 .datumLender_name q::after { background-image: url("/images/special/label-rank4-w.webp");}
	body#deposit div.scrollTable table.productTable tr.rank-5 .datumLender_name q::after { background-image: url("/images/special/label-rank5-w.webp");}
	body#deposit div.scrollTable table.productTable tr.rank-6 .datumLender_name q::after { background-image: url("/images/special/label-rank6-w.webp");}
	body#deposit div.scrollTable table.productTable tr.rank-7 .datumLender_name q::after { background-image: url("/images/special/label-rank7-w.webp");}
	body#deposit div.scrollTable table.productTable tr.rank-8 .datumLender_name q::after { background-image: url("/images/special/label-rank8-w.webp");}
	body#deposit div.scrollTable table.productTable tr.rank-9 .datumLender_name q::after { background-image: url("/images/special/label-rank9-w.webp");}
	body#deposit div.scrollTable table.productTable tr.rank-10 .datumLender_name q::after { background-image: url("/images/special/label-rank10-w.webp");}
body#deposit div.scrollTable 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 */ 
	padding: 1vw 3vw 1vw 3vw;
	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 { padding: 0.5em 0.25em;}
	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.5em;
		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;
		width: 3em;
		height: 3em;
		top: -0.5em;
		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 {
		display:table;
		width: 74vw;
		margin: .5em auto 0 auto;
		border-collapse: collapse;
		border :1px solid #ccc;}
	body#deposit section#article div.section#ranking ul.productList li div.specList dl.rate > div { display: table-row;}
	body#deposit section#article div.section#ranking ul.productList li div.specList dl.rate > div > dt { 
		display: table-cell;
		width: 7.1em;
		padding: 0.25em;
		font-weight: normal;
		vertical-align: middle;
		border :1px solid #ccc;
		text-align: center;}
	body#deposit section#article div.section#ranking ul.productList li div.specList dl.rate > div > dd { 
		display: table-cell;
		padding: 0.25em;
		font-weight: normal;
		color: #000;
		vertical-align: middle;
		border :1px solid #ccc;}
	body#deposit section#article div.section#ranking ul.productList li div.specList dl.rate > div.header {
		background-color: var(--c-paleblue);
		text-align: center;
		/*font-weight: bold;*/}
		/************************************************** 
			#to-article 2026.02.05 : タイアップページへのリンク
		**************************************************/
body#deposit #maincontents > section#to-article {
	margin: 6vw 0 0 0;
	padding: 6vw 0;
    background-color: transparent;
    background-size: cover;
    background-position: center center;
	background-image: url("/images/special/bankingServices/deposit/hero.webp");
	border-radius: 0;
	box-shadow: 1px 1px 1px rgba(0,0,0,.05);
}
body#deposit #maincontents > section#to-article h3 {
	margin: 0 0 3vw 0;
	padding: 0 0 0 0;
	text-align: center;
	line-height: 1;
	font-size: var(--fs-m);
	font-weight: bold;
	letter-spacing: -0.01em;
}
body#deposit #maincontents > section#to-article ul {
	margin: 0 2vw;
	padding: 0 0;
}
body#deposit #maincontents > section#to-article ul li {
	margin: 2vw 0 0 0;
}
body#deposit #maincontents > section#to-article ul li a { 
	display: flex;
	align-items: center;
	margin: 0 0;
	padding: 4vw 3vw 4vw 36vw;
	height: 100%;
	font-size: var(--fs-s);
	color: #333;
	letter-spacing: -0.02em;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 6px;
	text-align: left;
	background-size: 30vw auto;
	background-repeat: no-repeat;
	background-position: left 3vw 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#title h1 u { top: 11.5vw;}
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 !important;}
body#fixedDeposit div.scrollTable table.productTable tbody td { background-color: #fff;}

/************************************************** **************************************************
	#virtualCurrency : 仮想通貨取引所比較 2025.06.06
************************************************** **************************************************/
body#virtualCurrency #maincontents > section#title {
    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 { font-size: 6vw;}
body#virtualCurrency #maincontents > section#title h1 u { top: 10.5vw;}
body#virtualCurrency #maincontents > section#title h1 span.line3rd { 
	font-size: 9.5vw;
	letter-spacing: -0.02em;}
body#virtualCurrency #maincontents > section#title .line4th {
	font-size: 5.75vw;
	letter-spacing: -0.01em;}
body#virtualCurrency #maincontents > section#title #services {
	display: none;
	width: auto;
	margin: 3vw 3vw 0 3vw;
	padding: 0 0;
	text-align: center;
	background-color: rgba(256,256,256,0.25);
	border-radius: 4px;}
body#virtualCurrency #maincontents > section#title #services img {
	width: 100%;
	height: auto;}
body#virtualCurrency #maincontents > section.articles#productlist > h2 { font-size: 7vw;}
/* 仮想通貨（暗号資産）取引所一覧比較 */
	/* 表型の場合
body#virtualCurrency #productlist div.scrollTable table#productTable { 
	width: 100%;
	min-width: auto;}
body#virtualCurrency table#productTable thead th {
	color: #fff;
	background-color: var(--c-concblue);
	border-right: 1px solid #fff;
	padding: 1em 0;
	font-weight: bold;
	text-align: center;}
body#virtualCurrency table#productTable tbody th,
	body#virtualCurrency table#productTable tbody td { padding: 1em .5em;}
body#virtualCurrency table#productTable tbody th {
	font-size: var(--fs-m);
	font-weight: bold;}
body#virtualCurrency table#productTable tbody td { text-align: left;}
body#virtualCurrency table#productTable tbody th a {
	position: relative;
	display: block;
	width: 9em;
	margin: .25em auto;
	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;}
body#virtualCurrency table#productTable tbody th 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 #productlist table#productTable,
body#virtualCurrency #productlist table#productTable tr,
body#virtualCurrency #productlist table#productTable tbody,
body#virtualCurrency #productlist table#productTable th,
body#virtualCurrency #productlist table#productTable td {
	display: block;}
body#virtualCurrency #productlist table#productTable thead { display: none}

body#virtualCurrency #productlist table#productTable { 
	width: 100%;
	min-width: auto;
	border: none;}
body#virtualCurrency table#productTable tbody th,
	body#virtualCurrency table#productTable tbody td { padding: .5em .5em;}
body#virtualCurrency #productlist table#productTable tbody th {
	align-items: center;
	padding: 0.5em 0.5em;
	text-align: center;
	font-size: var(--fs-m);
	border: none;
	font-weight: bold;
	color: #fff;
	background-color: var(--c-concblue);}
body#virtualCurrency table#productTable tbody th span:first-of-type {/* 金融機関名 */ }
	body#virtualCurrency table#productTable tbody th a,
	body#virtualCurrency table#productTable tbody th a + span { display: none;}

body#virtualCurrency table#productTable tbody td.apply.spHide { 
	display: block !important;
	padding: 0 0 0.75em 0;
	line-height: 1;}
body#virtualCurrency table#productTable tbody td.apply.spHide a {/* ボタン */
	position: relative;
	display: block;
	width: 16em;
	margin: 0 auto .25em auto;
	padding: .75em 2em .75em 1.5em;
	font-size: var(--fs-s);
	line-height: 1;
	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 td.apply.spHide 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 table#productTable tbody td.apply.spHide a + span {
	display: block;
	padding: 0 0 0 0;
	font-size: var(--fs-s);
	color: #444;
	font-weight: normal;
	text-align: center;
}

body#virtualCurrency table#productTable tbody td { 
	font-size: var(--fs-m);
	text-align: center;
	border: none;}

/* 仮想通貨（暗号資産）取引所をピックアップ！ */
body#virtualCurrency section#article ul.productList div.pr_point,
	body#virtualCurrency section#article ul.productList div.description {
		display: block;
		margin: 0 0;
		padding: 2vw 4vw;}
body#virtualCurrency section#article ul.productList div.pr_point span {
	display: block;
	margin: 0.5em auto;
	padding: 0 0;
	width: fit-content;
	text-align: center;
	font-weight: bold;
	font-size: 4vw;
	letter-spacing: -0.06em;
	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 {
	display: block;
	width: 74vw;
	margin: 0 auto 0 auto;
	padding: 0 0;
	border :1px solid #ccc;}
body#virtualCurrency ul.productList dl > div {
	margin: 0 0;padding: 0 0;}
body#virtualCurrency ul.productList dl > div > dt {
	margin: 0 0;
	padding: .5em .75em;
	font-weight: bold;
	border-bottom :1px solid #ddd;
	text-align: center;
	background-color: var(--c-paleblue);}
body#virtualCurrency ul.productList dl dd { 
	margin: 0 0;
	padding: .5em .75em;
	color: #000;
	border-bottom :1px solid #ccc;}
	body#virtualCurrency ul.productList dl > div:last-child dd { border:none}
body#virtualCurrency ul.productList dl dd span { 
	display: block;
	text-align: center;
	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: 90%;}
body#virtualCurrency ul.productList .apply a + span { 
	display: block;
	padding-top: .25em;
	text-align: center;
	font-size: var(--fs-m);
}

/* 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;
	font-size: 5.5vw;
	font-weight: bold;;
	line-height:1;
	text-align: center;
	color: #444;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;}
body#virtualCurrency.detail span.line2nd {/* 初心者におすすめ！かんたん・安心！ */
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	margin: 0;
	padding: 0 0 3vw 0;
	transform: none;
	text-align: center;
	background-color: transparent;
	border-radius: 0;
	text-align: center;
	letter-spacing: -0.04em;}
body#virtualCurrency.detail span.pageTitle {/* 仮想通貨（暗号資産）取引所比較 */
	display: block;
	padding: 0 0 3vw 0;
	font-size: 5.5vw;
	text-decoration: none;
	text-shadow: none;}
body#virtualCurrency.detail #maincontents > section#title h1.pageDescription {/* ～～の特徴と注目ポイントを詳しくご紹介！ */
	display: block;
	padding: 0 0;
	font-size: 7vw;
	text-align: center;
	letter-spacing: 0;
	color: #000;
	line-height:1.2;
	letter-spacing: -0.05em;
	font-family: "Mochiy Pop One", sans-serif; 
	font-weight: 500;}
	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 {
	margin:0 auto;
	padding: 0 2vw;}
body#virtualCurrency.detail section#item div.spec-service-logo {
	display: flex;
	justify-content:center;
	align-items: center;
	width: 80vw;
	height: 40vw;
	margin: 1px auto;
	padding: 6vw 3vw;}
	body#virtualCurrency.detail section#item div.spec-service-logo img {
		max-width: 48vw;
		max-height: 24vw;} 
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: 8em;
	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-s);
	color: #000;
	background-color: #f6f6f6;}
body#virtualCurrency.detail section#item dl.spec-2 div.spec-remarks  {
	display: block;
	margin: .5em .5em;
	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-s);
	color: #000;
	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 { margin: 4vw 4vw 0 4vw;}

/* 仮想通貨（暗号資産）取引所一覧比較 *//* 仮想通貨（暗号資産）取引所をピックアップ！ */
body#virtualCurrency #productlist table#productTable tbody th,
body#virtualCurrency ul.productList .service_name {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0;}
body#virtualCurrency table#productTable tbody th.datumName .serviceLogo,
body#virtualCurrency ul.productList .service_name .serviceLogo {
	display: flex;
	justify-content:flex-start;
	align-items: center;
	width: 40vw;
	height: 20vw;
	margin: 2vw 2vw;
	padding: 8vw 4vw;
	background-color: rgba(256,256,256,0.99);
	border: 1px solid #DAECF8;
	border-radius: 3px;}
	body#virtualCurrency table#productTable tbody th.datumName .serviceLogo img,
	body#virtualCurrency ul.productList .service_name .serviceLogo img { 
		max-width: 32vw;
		max-height: 16vw;}
body#virtualCurrency table#productTable tbody th span:first-of-type,
body#virtualCurrency ul.productList .service_name a {/* 金融機関名 */ 
	display: block;
	width: 60vw;
	margin: 2vw 4vw;
	color: #fff;
	text-align: left;}