@charset "UTF-8";
/*-------------------------------------
SITE : 
CREDIT : TEAM Falcon
CREATE : 2013.07.26
MODIFIED : 2013.08.12
Var : 1.0
-------------------------------------*/



/*-------------------------------------
	#body
-------------------------------------*/

#body{ margin-bottom:0; }



/*-------------------------------------
	#secPickUp
-------------------------------------*/

#secPickUp { clear:both; padding: 15px 0 23px; /*background:#ffffff url(/images/home/border_dot_h.png) repeat-x center bottom;*/; }
#secPickUp .ttl { float:right; width:192px; }
#secPickUp .inner { width:960px; margin:auto; }

#secPickUp #find { margin: 0 0 0 -21px; background:url(/images/home/main_loan_bg.jpg) no-repeat right top; }
#secPickUp #find li { float:left; margin: 0 0 0 20px; }

#secPickUp .slider { float:left; margin: 14px 0 0; width: 750px; height:110px; border:solid 5px #E7E7D1; background:url(/images/home/bg_dot.png); position:relative;}
#secPickUp .slider li img{ display:block; margin:0 auto 5px; }

/*-------------------------------------
	.section
-------------------------------------*/

.section { padding: 20px 0 0; }
.section .cardItem { position:relative; }
.section .cardItem h2 { font-size:16px; color:#524129; line-height:1.313; font-weight:bold; padding: 10px 6px 6px 82px; }
.section .credit { border:solid 4px #F1C30E; border-radius:4px; float:left; width:462px; }
.section .loan { border:solid 4px #85B218; border-radius:4px; float:right; width:462px; }

.section .credit h2 { background:url(/images/home/bg_credit_ttl.png); }
.section .loan h2 { background:url(/images/home/bg_loan_ttl.png); }

/*-------------------------------------
	.checker
-------------------------------------*/

.checker {
	display: inline-block;
	margin: -1px 5px 0 0;
	vertical-align: middle;
}
.checker span {
	display: block;
	position: relative;
	width: 15px;
	height: 15px;
	background-color: #FFF;
	background-image: none;
    background: -webkit-linear-gradient(270deg, #FFF 30%, #EAEAEA 100%);
    background: linear-gradient(180deg, #FFF 30%, #EAEAEA 100%);
	border: 1px solid #B9B9B9;
	border-radius: 4px;
    box-shadow: 0 0 0 1px #FFF inset;
	box-sizing: border-box;
}
.checker span:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
    width: 8px;
    height: 5px;
	border-bottom: 2px solid #585858;
	border-left: 2px solid #585858;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
label:hover .checker span,
.checker.hover span {
    box-shadow: 0 0 0 1px #FFF inset, 0 1px 4px rgba(0,0,0,0.2);
}
.checker.focus span {
	border-color: #999;
}
label:active .checker span,
.checker.active span {
    background: -webkit-linear-gradient(270deg, #D8D8D8 30%, #FDFDFD 100%);
    background: linear-gradient(180deg, #D8D8D8 30%, #FDFDFD 100%);
    box-shadow: 0 0 0 1px #F6F6F6 inset;
}
.checker span.checked:before {
	opacity: 1;
}
.checker .cb {
	display: block;
	margin: 0 !important;
	width: 15px;
	height: 15px;
	opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* searchBtn */
.searchBtn {
    width: 200px;
    height: 40px;
    color: #EBE9BB;
    font-size: 14px;
    font-weight: bold;
	letter-spacing: 0.1em;
    background: #191614;
    background: -webkit-linear-gradient(270deg, #594C37, #191614);
    background: linear-gradient(180deg, #594C37, #191614);
    border: none;
    border-radius: 4px;
	cursor: pointer;
    outline: none;
}
.searchBtn img { margin: -3px 8px 0 0; height: 22px; vertical-align: middle; }

.searchBtn:hover {
    color: #F0EFCF;
    background: -webkit-linear-gradient(270deg, #857351, #383022);
    background: linear-gradient(180deg, #857351, #383022);
}


/*-------------------------------------
		ホーム home	
-------------------------------------*/

/* ランキング */

#ranking ol { font-weight:bold; font-size:14px; padding:12px 30px; }
#ranking ol li { margin:6px 0 0 10px; padding: 0 0 0 66px; text-indent:-76px; }
#ranking ol li img{ margin: 0 10px 0 0; }

#ranking .rankingIco { position:absolute; left:15px; top:-22px; }
#ranking .more{ margin: 0 20px 12px 0; }

/* おすすめカード */

#recommend { margin: 20px 0 0; }
#recommend .recommendIco { position:absolute; left:8px; top:-19px; }

#recommend .img { margin: 22px 0 0 20px; width:150px; text-align:center; font-weight:bold; }
#recommend .img img { display:block; margin: 0 0 3px;}

#recommend section { float:right; width:260px; margin: 22px 18px 0 0; padding: 0 0 12px; }
#recommend section h3 { font-weight:bold; font-size:14px;line-height:1.357; padding: 0 0 5px 5px; color:#756755; }
#recommend section .txt { margin: 10px 4px 0; }
#recommend section .more { margin: 20px 0 0;}

#recommend .credit h3 { border-bottom:solid 3px #F1C30E; background:none; }
#recommend .loan h3 { border-bottom:solid 3px #85B218; background:none; }


/* #topSearch - 2015.06.23 Add */
#topSearch {
		margin: 0 0 0 -20px;
		padding:0;
}
#topSearch .inner {
		float: right;
		margin: 0 0 0 20px;
		width: 470px;
}
#topSearch h2 {
    position: relative;
    padding: 7px 30px 5px 0;
    font-size: 16px;
    text-align: center;
    background: url("/images/home/bg_loan_ttl.png");
    border: solid 4px #85B218;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}
#topSearch h2 strong {
    margin: 0 5px 0 0;
    font-size: 19px;
}
#topSearch h2 img.search {
    position: absolute;
    top: -5px;
	margin:0 0 0 8px;
}


#topSearch form {
	padding: 0 20px 20px;
	color: #594c37;
    background: #FFF;
    background: -webkit-linear-gradient(270deg, #FFF, rgba(255, 255, 255, 0.3));
    background: linear-gradient(180deg, #FFF, rgba(255, 255, 255, 0.3));
	border: solid 4px #85B218;
    border-radius: 0 0 4px 4px;
	border-top: none;
}

#topSearch form section {
		border-bottom: 1px dotted #85b218;
    padding: 12px 0 15px;
}

#topSearch form h3 {
		font-size: 15px;
    font-weight: bold;
}

#topSearch form ul.clearfix {
		margin: 0 -10px 0 -10px;
}

#topSearch form .clearfix li {
		float: left;
		margin: 0 0 0 10px;
		min-width: 136px;
}

#topSearch form .clearfix li.ext {
		width: auto;
}

#topSearch form .clearfix.half li {
		width: 47%;
}

#topSearch form .clearfix.money li {
		width: 100px;
}

#topSearch form li {
		display: inline-block;
		font-size: 13px;
		padding: 5px 0 0;
}

#topSearch form li label {
		cursor: pointer;
}

#topSearch form li input {
		margin-right: 8px;
}

#topSearch form .more {
		padding: 10px;
		text-align: center;
		background: url(/images/common/border_dot_h.png) repeat-x left bottom;
}

#topSearch form .more a {
		background-image: url(/images/common/ico_search_more.png);
}

#topSearch form .more a:hover {
		background-image: url(/images/common/ico_search_more_ov.png);
}

#topSearch form .btn {
		margin: 20px 0 0;
		text-align: center;
}

#topSearch .creditcard h2 {
    background: url("/images/home/bg_credit_ttl.png");
    border-color: #F1C30E;
}
#topSearch .creditcard form,
#topSearch .creditcard form section {
    border-color: #F1C30E;
}

/* end */


/* #select */

#select { margin: 20px 0 0 -20px; }
#select .inner { width:470px; float:left; margin: 0 0 0 20px; }
#select .inner h2 { padding: 0; background: none; border: none; border-radius: 0; }
#select .inner h2 img { max-width: 100%; }
#select .inner div { border:#D3CBB6 solid 1px; border-top:0; background:#F1EFE7 url("/images/home/bg_select.jpg") repeat-x left top; }
#select .inner ul { padding: 0 0 0 5px;}
#select .inner li { float:left; margin: 0 0 10px 10px; }
#select .inner li img.sp { display: none; }


/* text */

#texts { margin:7px 0 0 -20px; padding: 20px 0; }
#texts section { float:left; width: 470px; margin: 0 0 0 20px; }

#texts h3 { font-weight:bold; font-size:14px; }
#texts .txt { line-height: 1.5; margin: 5px 0 0;}
#texts .date { text-align:right; }
#texts .more { text-align:right; margin:10px 0 0; }

#texts .inner { margin: 0 5px; padding: 0 0 6px; overflow:hidden; min-height:168px; background:url(/images/common/border_dot_h.png) repeat-x left bottom;}
#texts #information ul { margin:-3px 0 0;}
#texts #information li { margin:12px 0 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#texts #information li a { background:url(/images/common/ico_arrow.png) no-repeat left center; padding: 1px 0 0 20px; }
#texts #information li a:hover { background:url(/images/common/ico_arrow_ov.png) no-repeat left center; }
#texts #information li a img { margin: 0 5px; vertical-align:middle; }

#texts #box2 { margin:10px 0 0; }

#texts #box2 #blog .inner { min-height:inherit; }
#texts #box2 #blog .date { margin:10px 0 0; }

#texts #moreInformation { position:relative; height:273px; }
#texts #moreInformation #keywords { position: absolute; top:3px; left:11px; }
#texts #moreInformation #about { position: absolute; top:69px; left:255px; }


/* diary */

#diary { clear:both; background:url(/images/home/bg_diary.jpg); border-radius:4px; padding:0 0 20px; margin:50px 0 60px; position:relative; }
#diary .sectionHeader { float:right; margin: -3px 0 0; width: 235px; position:relative; }
#diary .sectionHeader .date{ background:url(/images/home/diary_bord.png) no-repeat left top;  height: 184px; left: 18px; position: absolute; top: 66px; width: 173px; }
#diary .sectionHeader .date p{ color:#ffffff; margin:42px 0 0 35px; }
#diary .inner { float: left; margin: 17px 0 0 141px; width: 558px; }
#diary .box { background:#FFFFFF;  border-radius:4px; position:relative; }
#diary .box h3 { font-weight:bold; font-size:14px; padding: 18px 25px 0; }
#diary .box .txt { padding: 7px 25px 17px; line-height:1.5; }

#diary .box .more { position:absolute; right:-42px; bottom:-13px; }
#diary .box .more a { background:none; padding:0; display:block; }

#diary #img_mai{ background:url(/images/home/img_mai.png) no-repeat left top; width:141px; height:284px; position:absolute;left:0; top:-48px; }
#diary #img_coco{ background:url(/images/home/img_coco.png) no-repeat left top; width:119px; height:118px; position:absolute;left:217px; top:220px; }
#diary #img_pen{ background:url(/images/home/diary_pen.png) no-repeat left top; width:56px; height:70px; position:absolute;left:654px; top:2px; }


/* footer */

#glbPageTop{ margin-top:10px; }



/*-------------------------------------
		審査特集	inspection
-------------------------------------*/

#inspection section#title { background:url(/images/inspection/bg-title.png) 40px 70px no-repeat; text-align:left; height:400px;  padding:0; z-index:1; }
#inspection section#title h2{ text-align:center; margin:30px 0 50px 0; z-index:30;}
#inspection section#title p{ margin:0 0 0 140px; padding:10px 0; width:700px; font-size:14px; line-height:1.6;}
#inspection section#title p strong { font-weight:bold; color:#C33;}

/* ie7 */
*:first-child+html #inspection section#title h2 { margin-top:0; }

/* 左右の振り分け */
#inspection article section { float:left; width:460px;}
#inspection article section.creditcard{ margin-right:40px;}
#inspection #explanation { padding-top:30px; margin-top:-30px;} /* アンカーの余白 */


/* 各カラム設定 */
#inspection article section.creditcard h3,
#inspection article section.cardloan h3 {text-align:center; padding-top:13px; height:41px;}
#inspection article section.creditcard h3{ background:url(/images/common/bg-subtitle02-cc.png) left top repeat-x;}
#inspection article section.cardloan h3{ background:url(/images/common/bg-subtitle02-cl.png) left top repeat-x;}

/* リスト */
#inspection article section.creditcard ol li,
#inspection article section.cardloan ol li{
	background:url(/images/common/icon-paper-small.png) 10px 6px no-repeat; padding:8px 15px 6px 37px; border-bottom:1px dotted #AF9D7E; font-size:14px;}

#inspection article section.creditcard ol li.last,
#inspection article section.cardloan ol li.last{
	border-bottom:2px solid #AF9D7E; padding-bottom:15px; }


/* 一覧ページへのバナー */
#inspection article section.creditcard p.list,
#inspection article section.cardloan p.list{ text-align:center; padding:17px 0 18px;}


/* アンケートフォーム */
#inspection article section .questionary h3 { padding-top:10px;}
#inspection article section .questionary { font-size:14px;}
#inspection article section .questionary p { margin:0 20px; padding-bottom:10px;}
#inspection article section .questionary select { margin:0; padding:5px; border:1px solid #CCC; height:30px; }
#inspection article section .questionary select.type { width:420px; margin:15px 0 0;}
#inspection article section .questionary select.age { width:200px; margin-right:15px;}
#inspection article section .questionary select.business { width:200px;}
#inspection article section .questionary select.result { width:200px; margin-right:20px;}
#inspection article section .questionary input[type="radio"]{ margin:0 10px;}
#inspection article section .questionary textarea{ margin:0; width:420px; height:80px; border:1px solid #CCC; }


/* クチコミ */
#inspection article section h3.new-review{ margin:20px 0 0 0; background:none; border-top:1px dotted #AF9D7E;}
#inspection article section div.new-review { margin:0 0 30px 0; padding:0 0 20px 0; background: url(/images/common/bg-box01-bottom.png) left bottom no-repeat;}
#inspection article section .new-review h4{ background:url(/images/common/bg-box01-head.png) left top no-repeat; font-size:16px; font-weight:bold; padding:20px 0 0 25px;}
#inspection article section .new-review p{ padding:5px 25px 0;}
#inspection article section .new-review span{ color:#C33;}
#inspection article section p.review { font-size:14px; line-height:1.6;}


/* おすすめ */
#inspection article section h3.recommend{ margin:30px 0 0 0; padding:25px 0 8px 45px; background:url(/images/common/bg-box01-head2.png) left top no-repeat; }
#inspection article section div.recommend { margin:0 0 60px 0; padding:0 25px; background: url(/images/common/bg-box01-bottom.png) left bottom no-repeat;}
#inspection article section div.recommend dl { padding:15px 0 0; border-top:1px dotted #AF9D7E; }
#inspection article section div.recommend dt { float:left; text-align:center; padding:0 15px 20px 0;}
#inspection article section div.recommend dt img { margin-bottom:5px;}
#inspection article section div.recommend dd { font-size:14px; line-height:1.5; padding-bottom:20px; }


/* 詳細ページ */
#inspection2 h2{ text-align:center; margin:20px 0;}
#inspection2 article { font-size:16px; line-height:1.6;}
#inspection2 article section { padding-top:10px; margin-top:-10px;} /*アンカーの余白*/
#inspection2 article div { margin:40px 0; padding:20px 30px; background:#FFF; border-radius:8px; }

#inspection2 .creditcard h3{ margin:0 0 10px 0; padding:0 0 5px 0; font-weight:bold; font-size:18px; color:#F90; border-bottom:1px dotted #AF9D7E;}
#inspection2 .cardloan h3{ margin:0 0 10px 0; padding:0 0 5px 0; font-weight:bold; font-size:18px; color:#9C0; border-bottom:1px dotted #AF9D7E;}


/*-------------------------------------
		カード一覧	card-list
-------------------------------------*/

#card-list{ overflow: hidden; width:960px;}

#card-list ul { clear:both;}
#card-list li { float:left; }

#card-list #btns { margin-top:20px;}
#card-list #btns ul { margin-top:15px; }
#card-list #btns ul li { margin:0 10px 7px 0 ; }

#card-list #btns #reset { position:absolute; right:0; top:60px;}

#card-list #btns ul.creditcard,
#card-list #btns ul.cardloan{ border-bottom:1px dotted #AF9D7E; padding-bottom:10px; margin-bottom:15px;}

#card-list #list { clear:both; margin:10px -15px 30px 0; overflow:hidden; }
#card-list #list li{ background:#FFF; border:2px solid #D4CCB7; width:156px; text-align:center; margin:15px 15px 0 0; padding:10px;}
#card-list #list img { padding:8px 0 3px 0;}
#card-list #list .cardname { padding:5px 0;}
#card-list #list .addList { border-top:1px dotted #AF9D7E; border-bottom:1px dotted #AF9D7E; padding:5px 0 5px 12px; font-weight:bold; background:url(/images/common/ico_add.png) 7px 6px no-repeat; }
#card-list #list .preface { text-align:left; margin:10px 0 8px 0;  }

#card-list #checklist { margin-bottom:50px;}
#card-list #checklist .creditcard{ width:465px; float:left;}
#card-list #checklist .cardloan{ width:465px; float:right;}

#card-list #checklist .creditcard h2{ background:url(/images/common/bg-subtitle02-cc.png) left top repeat-x; padding-top:11px;}
#card-list #checklist .cardloan h2{ background:url(/images/common/bg-subtitle02-cl.png) left top repeat-x; padding-top:11px;}

#card-list #checklist p.compare { width:465px;}

/*-------------------------------------
		ブログ	blog
-------------------------------------*/

article.blog { border-bottom:2px solid #9E8D7A; margin-bottom:50px;}

article.blog h2 { margin:0; padding:0;}
article.blog h3{ margin:0; padding:0; }
article.blog h4{ margin:0; padding: 0 20px 0 110px; width:auto; font-size:16px; line-height:1.3; font-weight:bold; color:#463F33; vertical-align:middle;}

article.blog p{ margin:0; padding:10px 20px 20px 25px; font-size:14px;}
article.blog p.blog-more{ margin:0; padding:0; position:absolute; right:5px; bottom:-25px;}

.new-archives h3{ clear:both; margin:20px 0 0 0 ; padding:0; background:url(/images/common/bg-subtitle01.png) left top repeat-x; height:41px; text-align:center;}
.new-archives h3 img { padding:10px 20px 0 5px;}

.new-archives ol { width:650px; margin:10px 20px 10px; padding:0;}
.new-archives ol li { background:url(/images/common/icon-paper.png) 5px 5px no-repeat; padding:10px 0 8px 35px; border-bottom:1px dotted #AF9D7E; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; }
.new-archives ol li:last-child{ border:none;}
.new-archives a{ color:#463F33;}
.new-archives a:hover{ color:#960;}


/* クレカ */
#blog-cc-new{ clear:both; margin:0 0 40px 0; padding:0; background:url(/images/blog/bg-article-creditcard.png) left bottom no-repeat; position:relative;}
#blog-cc-new .blog-subject{ margin:0; padding:0; width:auto; background:url(/images/blog/bg-subject-creditcard.png) left top no-repeat; height:72px;}

/* カードローン */
#blog-cl-new{ clear:both; margin:0px 0 40px 0 ; padding:0; background:url(/images/blog/bg-article-cardloan.png) left bottom no-repeat; position:relative;}
#blog-cl-new .blog-subject{ margin:0; padding:0; width:auto; background:url(/images/blog/bg-subject-cardloan.png) left top no-repeat; height:72px;}


/* side */
.sidebox h2{ background:url(/images/common/bg-subtitle01.png) left top repeat-x; height:41px; text-align:center; padding-top:10px;}
.sidebox ul { padding:5px 10px 15px;}
.sidebox ul li{ background:url(/images/common/dot-brown01.png) 10px 9px no-repeat; padding:3px 20px; font-size:14px; font-weight:bold;}
.sidebox p { padding:5px 10px 0 10px;}
.sidebox p a{ text-decoration:none; line-height:1.6; }


/* 詳細 */
article.blog-detail { clear:both;}
article.blog-detail .subject{ background:url(/images/common/bg-blog-subject.png) left top no-repeat; height:67px; padding-top:3px;}
article.blog-detail h3 { padding:0 20px 0 80px; font-size:16px; line-height:1.3; font-weight:bold;}

article.blog-detail .archive-header { clear:both; }
article.blog-detail .archive-header p.category{ float:left; padding:13px 0 0 20px; width:300px; background:#FFF; border-left:3px solid #DBD9CB; }
article.blog-detail .archive-header p.date{ float:right; padding:15px 20px 0 0; width:344px; text-align:right; background:#FFF; border-right:3px solid #DBD9CB; font-weight:bold;}

article.blog-detail .article{ clear:both; padding:5px 25px 10px; background:#FFF; border-left:3px solid #DBD9CB; border-right:3px solid #DBD9CB; font-size:14px; line-height:1.6;}
article.blog-detail .article p{ padding:10px 0;}
article.blog-detail .article div{ padding:10px 0;}

article.blog-detail .article-footer{ clear:both; background:#FFF; margin:0; padding:15px 8px 5px 15px; min-height: 28px; border-top:1px dotted #AF9D7E; border-left:3px solid #DBD9CB; border-right:3px solid #DBD9CB; border-bottom:3px solid #DBD9CB; border-radius: 0 0 4px 4px; position:relative;}
article.blog-detail .article-footer .tag{ margin:0; padding: 1px 0 3px 30px; width:500px; background:url(/images/common/icon-tag01.png) left top no-repeat; font-size:14px; min-height:15px; }
article.blog-detail .article-footer .tag img { padding:0 10px 0 0;}
article.blog-detail .article-footer .social{ positon:absolute; right:20px; top:0; margin-top:-30px; padding:0; text-align:right; }

article.blog-detail p.hr { text-align:center; margin:10px auto 0;}

/* アーカイブ　pager */

.archive-pager{  margin:-43px auto 60px; width:220px;}
.archive-pager .older { text-align:left; float:left;}
.archive-pager .newer { text-align:right;}
.archive-pager .older img { background:url(/images/common/arrow-left-02.png) left 1px no-repeat; padding:4px 0 5px 20px; text-align:center;}
.archive-pager .newer img { background:url(/images/common/arrow-right-02.png) right top no-repeat; padding:4px 20px 5px; text-align:center}


/* 詳細　pager */

.blog-pager { margin:-50px 0 60px 0; width:690px; z-index:30; position:relative;}
.blog-pager ul li{ font-size:16px; border:none;}
.blog-pager ul li.older{ position:absolute;left:30px; top:0; background:url(/images/common/arrow-left-02.png) left 1px no-repeat; padding-left:20px; width:230px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.blog-pager ul li.newer{ position:absolute;right:30px; top:0; background:url(/images/common/arrow-right-02.png) right 1px no-repeat; padding-right:20px; width:230px; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/* 詳細　ページ下部　新着リスト */
#blog-list { clear:both; overflow:hidden; margin:20px 0 50px 0; overflow:hidden;}
#blog-list div{ float:left; padding-bottom:10px; border-bottom:2px solid #9E8D7A;}
#blog-list ol{ margin:0; padding: 0; overflow:hidden;}
#blog-list ol li { padding:10px 10px 10px 35px; width:285px; border-bottom:1px dotted #AF9D7E; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(/images/common/icon-paper-small.png) 7px 7px no-repeat; }
#blog-list ol li:last-child{ border:none;}

#blog-list div.creditcard { margin-right:20px;}
#blog-list div.creditcard h3{ background:url(/images/common/bg-subtitle02-cc.png) left top repeat-x; height:41px; width:330px; padding:12px 0 0 0; text-align:center;}

#blog-list div.cardloan { margin:0;}
#blog-list div.cardloan h3{ background:url(/images/common/bg-subtitle02-cl.png) left top repeat-x; height:41px; width:330px; padding:12px 0 0 0; text-align:center;}


/*-------------------------------------
		トレンド情報	trend-info
-------------------------------------*/

.trend-info #note { font-size:14px; margin:0 0 40px; padding:10px 20px 20px; border-bottom:1px dotted #AF9D7E;}

.trend-info article { margin-bottom:40px; }
.trend-info article .subject{ clear:both; background:url(/images/common/bg-blog-subject.png) left top no-repeat; height:67px; padding-top:3px;}
.trend-info article  h3 { padding:0 20px 0 80px; font-size:16px; line-height:1.3; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.trend-info .bottom { margin:0; padding:0 20px 20px 20px; background:#FFF; border-color: #DBD9CB ; border-radius: 0 0 4px 4px; border-style: solid; border-width: 0 3px 3px 3px; }
.trend-info .bottom .date{ padding:15px 0 0 0; font-weight:bold;}
.trend-info .bottom .url{ float:left; padding-top:10px;}
.trend-info .bottom .more a { background:none;}

.trend-info li img { padding:0 15px;}

/*-------------------------------------
		新着情報	information
-------------------------------------*/

.information .new-archives h3{ background:url(/images/common/bg-subtitle03.png) left top repeat-x; height:45px; text-align:center; padding-top:13px; font-size:16px; font-weight:bold;}

.information ol { margin:0; padding: 0 0 20px 0; width:690px; border-bottom:2px solid #9E8D7A; }
.information li { border-bottom:1px dotted #AF9D7E; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.information li:last-child{ border:none;}
.information li img { padding:0 15px;}


/* information pager */
.info-pager { margin:30px auto 60px; width:220px; z-index:30; text-align:center;}
.info-pager ul { margin-top:-50px; padding-bottom:20px;  }
.info-pager li { border:none; }
.info-pager .older { float:left;}
.info-pager .newer { text-align:right;}
.info-pager .older img { background:url(/images/common/arrow-left-02.png) left 1px no-repeat; padding:4px 0 5px 20px; text-align:center;}
.info-pager .newer img { background:url(/images/common/arrow-right-02.png) right top no-repeat; padding:4px 20px 5px; text-align:center}


/*-------------------------------------
		管理日記	diary
-------------------------------------*/
.diary { font-size:14px; }
.diary h2 { position:relative;}
.diary .date { position:absolute; left:320px; z-index:100; margin:-71px 0 0 0;}

.diary section.archive { margin:0 0 30px;}

#diary-new .title{ background:url(/images/diary/bg-subtitle-new.png) left top no-repeat; height:67px; padding:9px 20px 0 105px; }
.diary .title{ background:url(/images/diary/bg-subtitle.png) left top no-repeat; height:67px; padding:9px 20px 0 70px; }
.diary .title h3{ font-size:16px; font-weight:bold;}
.diary .article{ background:url(/images/diary/bg-article.png) left top repeat-y; line-height:1.6; padding:10px 30px; border-bottom:1px dotted #FCC;}
.diary .article p { padding:10px 0;}
.diary .article div { padding:10px 0;}

.diary .article .date2{ font-weight:bold; text-align:right; margin:10px 0 0 0; padding:0;}

.diary .footer { background:url(/images/diary/bg-bottom.png) left bottom no-repeat; min-height:30px; padding:10px 20px;}
.diary .tag { background:url(/images/common/icon-tag01.png) 2px 4px no-repeat; padding:5px 0 5px 30px; position:relative; width:500px; min-height:15px;}
.diary .social{ positon:absolute; right:20px; top:0; margin-top:-30px; padding:0; text-align:right;}

/* リスト */
.diary #new-archives { clear:both; margin:40px 0 20px 0; font-size:12px;}
.diary #new-archives h3{ background:url(/images/common/bg-subtitle03.png) left top repeat-x; height:45px; text-align:center; padding-top:13px; font-size:16px; font-weight:bold;}
.diary #new-archives ol { margin:0; padding: 0 0 20px 0; width:690px; border-bottom:2px solid #9E8D7A; }
.diary #new-archives li {padding:10px 0 8px 40px; border-bottom:1px dotted #AF9D7E; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(/images/diary/icon-diary.png) 7px 3px no-repeat;}
.diary #new-archives li:last-child{ border:none;}
.diary #new-archives a{ color:#463F33;}
.diary #new-archives a:hover{ color:#960;;}


/* pager */
.diary-pager { margin:0px auto 50px; width:220px; text-align:center;}
.diary-pager .sweets { text-align:center;}
.diary-pager ul { margin-top:-40px; padding-bottom:20px; }
.diary-pager li { border:none; }
.diary-pager .older { float:left;}
.diary-pager .newer { text-align:right;}
.diary-pager .older img{ background:url(/images/common/arrow-left-02.png) left 1px no-repeat; padding:4px 0 5px 20px; }
.diary-pager .newer img{ background:url(/images/common/arrow-right-02.png) right top no-repeat; padding:4px 20px 5px; }


.diary-pager-detail { margin:20px 0 0 0; width:690px; z-index:30; position:relative; text-align:center; height:40px;}
.diary-pager-detail ul li.older{ position:absolute; left:0; text-align:left; margin-top:-40px; padding:0 0 0 20px; height:20px; background:url(/images/common/arrow-left-02.png) left top no-repeat; width:260px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none;}
.diary-pager-detail ul li.newer{ position:absolute; right:0; text-align:right; margin-top:-40px; padding:0 20px 0 0; height:20px; background:url(/images/common/arrow-right-02.png) right top no-repeat; width:260px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none;}



/*-------------------------------------
		用語集 terminology
-------------------------------------*/

#terminology { font-size:14px;}
#terminology #page-title { text-align:center; margin-top:15px;}


#terminology h2.creditcard{ clear:both; background:url(/images/common/bg-subtitle02-cc.png) left top repeat-x; height:41px; font-size:16px; font-weight:bold; margin-top:15px; padding:12px 0 0 20px;}
#terminology h2.cardloan{ clear:both; background:url(/images/common/bg-subtitle02-cl.png) left top repeat-x; height:41px; font-size:16px; font-weight:bold; margin-top:15px; padding:12px 0 0 20px;}

#terminology .left{ clear:left; width:460px; float:left;}
#terminology .right{ width:460px; float:right;}

#terminology dl { padding-bottom:50px;}
#terminology dt { font-weight:bold; border-top:1px dotted #AF9D7E; padding:10px 10px 5px 30px; cursor:pointer; background:url(/images/common/ico_arrow.png) 8px 11px no-repeat;}
#terminology dt:first-child { border:none;}
#terminology dd{ display: none; padding:5px 10px 10px 30px; } 


#terminology dl strong { color:#36C; }
#terminology dl em { color:#C33; }



/*-------------------------------------
	このサイトについて about cardtrend
-------------------------------------*/

#about { font-size:14px;}
#about #page-title { text-align:center; margin-top:15px;}
#about h2{ clear:both; background:url(/images/common/bg-subtitle01.png) left top repeat-x; height:41px; font-size:16px; font-weight:bold; margin-top:30px; padding:11px 0 0 20px;}
#about h2#first { margin-top:5px ; }
#about h3 { color:#C33; font-weight:bold; margin-top:15px; padding:0 20px;}
#about p { padding:5px 20px;}

#about #contact { margin-top:20px; padding:0 20px;}
#about #contact dt{ padding-top:15px; clear:left; float:left; width:150px;}
#about #contact dd { padding-top:10px;}
#about #contact input{ margin-right:10px; padding:3px;}
#about #contact dl input { border:1px solid #C8C798; font-size:14px;}

#about #contact span { font-size:12px; color:#C33;}

#about #contact textarea { width:450px; height:200px; border:1px solid #C8C798; font-size:14px;}

#about #contact #submit { padding:20px 0 80px 150px;}



/*-------------------------------------
		サイトマップ　sitemap
-------------------------------------*/

#sitemap { font-size:14px; }
#sitemap #page-title { text-align:center; margin-top:15px;}

#sitemap h2#first{ clear:both; background:url(/images/common/bg-subtitle01.png) left top repeat-x; height:41px; font-size:16px; font-weight:bold; margin-top:5px; padding:11px 0 0 20px;}
#sitemap h2.creditcard{ clear:both; background:url(/images/common/bg-subtitle02-cc.png) left top repeat-x; height:41px; font-size:16px; font-weight:bold; margin-top:30px; padding:12px 0 0 20px;}
#sitemap h2.cardloan{ clear:both; background:url(/images/common/bg-subtitle02-cl.png) left top repeat-x; height:41px; font-size:16px; font-weight:bold; margin-top:30px; padding:12px 0 0 20px;}

#sitemap .left{ clear:left; width:460px; float:left;}
#sitemap .right{ width:460px; margin-left:500px;}
#sitemap .right2{ width:460px; float:right;}


#sitemap dl { padding:20px 30px;}
#sitemap dt { font-weight:bold; display:list-item; list-style:disc; color:#36C;  }
#sitemap dd { padding:3px 0 20px 0; }

#sitemap dt a { color:#36C; }
#sitemap dt a:hover { color:#039; }


/*-------------------------------------
		keyword search result
-------------------------------------*/

#secPickUp #txt-result { font-size:18px; font-weight:bold; margin-bottom:5px; }
#box-result { padding:20px 0 0 0;}
#keyword-result { width:960px; margin:0 auto; padding:20px 0; text-align:center; font-size:14px; }
#keyword-result h2 { font-weight:bold; font-size:20px; }
#keyword-result dl{ text-align:left;}
#keyword-result dt { padding:20px 15px 5px; font-weight:bold; font-size:16px; border-top:1px dotted #AF9D7E; }
#keyword-result dt a { color:#66C; }
#keyword-result dt a:hover{ color:#339; }
#keyword-result dd { padding:0 15px 20px ;}

#box-result form { margin:10px 0; padding-top:20px; border-top:1px dotted #AF9D7E; }
#box-result .def { padding:3px; font-size:14px;}
#box-result .key { margin-top:10px; }



/*-------------------------------------
		404 Not Found
-------------------------------------*/

#box404 { margin:40px 0; padding:30px 40px; border:3px solid #E4E2D0; font-size:14px; line-height:1.7; }
#box404 #not-found { font-size:20px; font-weight:bold; margin-bottom:5px;}
#box404 form { margin-top:10px; text-align:center; border-top:1px dotted #AF9D7E; padding-top:20px;}
#box404 .def { padding:5px; font-size:16px;}


/*-------------------------------------
		レスポンシブ対応
-------------------------------------*/

.titleLink { padding: 10px 0; text-align: center; }
.titleLink img { width: 100%; max-width: 450px; }

#blog-list div { width: 47%; width: calc(50% - 10px); }
#blog-list div h3,
#blog-list ol li { width: auto !important; }

#TopGuide { position: relative; margin: 30px 0 10px; /*background: url("/images/home/bg_guide.png") left top repeat;*/ }
#TopGuide h2 { position: relative; margin: 0 0 15px; padding: 10px 30px; font-size: 18px; font-weight: bold; background: #FFF; background: url("/images/home/bg_guide.png") left bottom repeat; border-top: 3px solid #513f27; }
#TopGuide:after { content: ""; position: absolute; bottom: -14px; right: -2%; padding: 0 10px; width: 24%; height: 100%; background: url("/images/home/guide.png") center bottom no-repeat; background-size: contain; }
#TopGuide h2 .pc { margin: 0 8px 0 0; height: 30px; vertical-align: middle; }
#TopGuide h2 strong { margin: 0 5px; color: #744100; font-size: 26px; vertical-align: middle; }
#TopGuide h2 strong span { color: #333; }
#TopGuide div.pc { margin: 0 21% 0 0; padding: 20px 50px 17px 30px; font-size: 14px; line-height: 1.6; background: #FFF; border-radius: 6px; box-shadow: 1px 1px 3px #dcd7cb; }
#TopGuide .red { color: #CC3333; }
#TopGuide .sp { display: none; }

#card-list .acd.onlySP { display: inline-block; position: relative; padding: 0 20px 0 0; font-weight: bold; cursor: pointer; }
#card-list .acd:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -7.5px;
	width: 13px;
	height: 14px;
	background: url("/images/common/arrow_next.png") center center no-repeat;
	background-size: contain;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#card-list .acd.open:after { -webkit-transform: rotate(630deg); transform: rotate(630deg); }


/*-------------------------------------
		メディアクエリ
-------------------------------------*/

@media screen and (min-width: 1001px){

#SpHead,
#coco { display: none; }

#topSearch form.shorter { padding-bottom: 37px; }
#topSearch form .acd { cursor: pointer; }
#topSearch form .acd.onlySP { cursor: default; pointer-events: none; }
#topSearch form .acd.onlySP + .acd-content { display: block !important; }
}
@media screen and (min-width: 501px) {
#card-list .acd.onlySP { display: none; }
#card-list .acd.onlySP + .acd-content,
#gblFooter .footerMenu .onlySP + .acd-content { display: block !important; }
}

@media screen and (max-width: 1180px){

body { min-width: 1000px; }

#glbPageTop { right: 30px; left: auto; margin-left: 0; }
#gblFooter #glbSns { right: 110px; }
}
@media screen and (max-width: 1000px){

body:not(.wide) #body,
body:not(.wide) #wrapper { width: 100%; min-width: 1000px; }
#wrapper { padding-top: 80px; }

#body { margin-bottom: 0; }

#contents:not(.columns2) #mainColumn { float: none; margin: 0 auto; }

#contents.columns2 { width: 960px; }

#gblHeader,
#glbSubNavi,
#others,
#diary #img_coco { display: none; }

#SpHead { display: block; }
#coco { display: none; }

/* header */
#SpHead { width:100%; position: absolute; left:0; top:0; z-index:990; margin:0; padding:0; }
#SpHead ul { display:table; width: 100%; margin:0; padding:0; text-align:center; position:relative; border:none; list-style:none;}
#SpHead li { display:table-cell; margin:0; padding:0; width: 80px; box-sizing: border-box; vertical-align: top; }
#SpHead li.logo { padding: 15px 0 0 20px; width: auto; text-align: left; }
#SpHead li img.current { opacity: 0.5; }
#SpHead li img { max-width: 55vw; max-height: 56px; }

#SpHead li .acd { position: relative; display: block; padding: 53px 0 0; width: 100%; height: 80px; color: #72684E !important; font-size: 14px; font-weight: bold; box-sizing: border-box; }
#SpHead li .acd:after,
#SpHead li .acd span:before,
#SpHead li .acd span:after { content: ""; display: block; position: absolute; top: 18px; left: 16px; width: 48px; height: 3px; background: #72684E; transition: all ease 0.5s; }
#SpHead li .acd span:before { top: 30px; }
#SpHead li .acd span:after { top: 42px; }

#SpHead li .acd.open:after { top: 30px; left: 18px; transform: rotate(45deg); }
#SpHead li .acd.open span:before { left: 18px; opacity: 0; transform: rotate(135deg); }
#SpHead li .acd.open span:after { top: 30px; left: 18px; transform: rotate(315deg); }

#SpHead li .acd-content {
	display: none;
	position: absolute;
    top: 84px;
	left: 0;
	width: 100%;
	max-height: 85%;
	max-height: calc(100vh - 80px);
	font-size: 0;
	background: #FFF;
	border-bottom: 1px solid #CDCBBC;
	box-shadow: 0 6px 6px rgba(140, 137, 119, 0.3);
	overflow: auto;
}
#SpHead li .acd-content li { display: inline-block; position: relative; width: 50%; height: auto; font-size: 12px; border-top: 1px solid #CDCBBC; }
#SpHead li .acd-content li:not(.title):after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	right: 0;
	width: 1px;
	height: 30px;
	background: #CDCBBC;
}
#SpHead li .acd-content li.right:not(.title):after { right: auto; left: 0; background: #FFF; }
#SpHead li .acd-content li.title,
#SpHead li .acd-content li:nth-child(13) { display: block; width: 100%; }
#SpHead li .acd-content li:nth-child(13):after { display: none; }

#SpHead li .acd-content li a {
	display: block;
	padding: 14px 25px 14px 10px;
    color: #666600 !important;
    text-align: left;
	background: #FFF;
    background: -webkit-linear-gradient(270deg, #FFF 0%, #FFF 50%, #f2f2f2 50%, #f7f7f7 100%);
    background: linear-gradient(180deg, #FFF 0%, #FFF 50%, #f2f2f2 50%, #f7f7f7 100%);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#SpHead li .acd-content li.title a {
    padding: 11px 25px 11px 10px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 3px #FFF;
	background: #f5f5e5;
    background: -webkit-linear-gradient(270deg, rgba(236, 236, 208, 0.3) 0%, rgba(245, 245, 229, 0.3) 50%, rgba(191, 191, 162, 0.3) 50%, rgba(202, 202, 178, 0.2) 100%), url("/images/home/bg_guide.png");
    background: linear-gradient(180deg, rgba(236, 236, 208, 0.3) 0%, rgba(245, 245, 229, 0.3) 50%, rgba(191, 191, 162, 0.3) 50%, rgba(202, 202, 178, 0.2) 100%), url("/images/home/bg_guide.png");
}
#SpHead li .acd-content li.title.cc a {
    color: #FFF !important;
    text-shadow: 0 1px 3px #d66d00;
    background: -webkit-linear-gradient(270deg, #F4DD76 0%, #F8BE44 50%, #F99E2B 50%, #FD880F 100%);
    background: linear-gradient(180deg, #F4DD76 0%, #F8BE44 50%, #F99E2B 50%, #FD880F 100%);
}
#SpHead li .acd-content li.title.cl a {
    color: #FFF !important;
    text-shadow: 0 1px 3px #5d8800;
    background: -webkit-linear-gradient(270deg, #DBE757 0%, #AFCC32 50%, #97BF20 50%, #77A90B 100%);
    background: linear-gradient(180deg, #DBE757 0%, #AFCC32 50%, #97BF20 50%, #77A90B 100%);
}
#SpHead li .acd-content li a:after {
	content: "";
	display: block;
	position: absolute;
    top: 16px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #CDCBBC;
    border-right: 3px solid #CDCBBC;
	transform: rotate(45deg);
}
#SpHead li .acd-content li.title a:after { border-color: #909058; }
#SpHead li .acd-content li.title.cc a:after,
#SpHead li .acd-content li.title.cl a:after { border-color: #FFF; }

#breadcrumb { margin: 10px 0 8px; }

#search-result2 .card-info { min-width: 245px; max-width: 245px; }

/* top */
#topSearch form { min-height: 524px; }
#topSearch form .acd { position: relative; }
#topSearch form .acd:after {
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	width: 13px;
	height: 14px;
	background: url("/images/common/arrow_next.png") center center no-repeat;
	background-size: contain;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#topSearch form .acd.open:after { -webkit-transform: rotate(630deg); transform: rotate(630deg); }
#topSearch form li,
#topSearch form .clearfix.money li,
#topSearch form .clearfix.half li { width: auto; }
#topSearch form .clearfix.long li,
#topSearch form .clearfix.half.long li { min-width: 46%; }
#topSearch form .clearfix li { width: auto; min-width: 30%; }

#select .inner li img { display: none; }
#select .inner li img.sp { display: block; width: 100%; max-width: 140px; }
}
@media screen and (max-width: 760px) {

body,body.wide,
.wide #body,
.wide #wrapper,
.wide #contents,
#gblFooter #footerInner,
body:not(.wide) #body,
body:not(.wide) #wrapper,
#contents.columns2 { width: 100%; min-width: 100%; }

#SpHead li.logo { padding: 10px 0 0 10px; }
#SpHead li img { max-height: 50px; }

#SpHead li .acd { padding: 46px 0 0; height: 70px; font-size: 12px; }
#SpHead li .acd:after,
#SpHead li .acd span:before,
#SpHead li .acd span:after { left: 20px; width: 40px; height: 2px; }
#SpHead li .acd:after { top: 14px; }
#SpHead li .acd span:before { top: 25px; }
#SpHead li .acd span:after { top: 36px; }
#SpHead li .acd.open:after,
#SpHead li .acd.open span:before,
#SpHead li .acd.open span:after { top: 25px; left: 22px; }

#SpHead li .acd-content { top: 73px; }

#glbPageTop { margin: -25px 0 0; width: 50px; height: 50px; }
#glbPageTop.fixed { position: absolute !important; bottom: auto; }

#gblFooter { margin: 0; background: url("/images/home/bg_diary.jpg"); }
#gblFooter #footerInner > p { display: none; }
#gblFooter #footerTitle { display: none; }
#gblFooter .footerMenu { float: none; margin: 15px auto 0; padding: 15px 0 0; width: 100% !important; background: none !important; border-top: dotted 1px #FFF; }
#gblFooter .footerMenu li { display: inline-block; margin: 6px 2% 0; min-width: 28%; }
#gblFooter .footerMenu:first-child li { min-width: 15%; }

#glbCcoco { left: 15%; width: 20%; max-width: 119px; background-size: contain; }

.prLL { background: none; }

img { max-width: 100%; height: auto; }

#contents.columns2 #mainColumn { float: none; margin: 0 auto; }
#contents.columns2 #sideColumn { float: none; margin: 0 auto 60px; }

#contents.columns2 #mainColumn,
#contents.columns2 #sideColumn { padding: 0 20px; width: 100%; max-width: 730px; box-sizing: border-box; }
#contents.columns2 #sideColumn .cardList { width: 100%; }
#contents.columns2 #sideColumn .cardList h2,
#contents.columns2 #sideColumn .cardList .brandlist + p { clear: both; text-align: center; background: url("/images/common/bg-subtitle01.png") left top repeat-x; }
#contents.columns2 #sideColumn .cardList ul.category li { display: inline-block; padding-right: 20px; width: 33%; box-sizing: border-box; vertical-align: top; }
#contents.columns2 #sideColumn .cardList ul.brandlist li { width: 19%; max-width: 69px; box-sizing: border-box; }

#contents.columns2 #sideColumn .bnrList ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#contents.columns2 #sideColumn .bnrList ul li { width: 32%; }
#contents.columns2 #sideColumn .bnrList ul li:first-child:nth-last-child(2),
#contents.columns2 #sideColumn .bnrList ul li:nth-child(2):last-child { width: 48%; }

/* top */
#TopGuide { margin: 20px 0 0; padding: 0 20px; }
#TopGuide:after { right: 0; bottom: -2px; padding: 0; width: 43%; height: 150%; }
#TopGuide h2 { margin: 30px 0 0; padding: 15px 45% 15px 0; font-size: 14px; font-weight: normal; background: none; border: none; }
#TopGuide h2:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: url("/images/home/bg_guide.png") left center repeat; }
#TopGuide h2 strong { display: inline-block; margin: 0; color: #484035; font-size: 14px; font-weight: normal; }
#TopGuide h2 strong span { color: #484035; }
#TopGuide .pc { display: none; }
#TopGuide h2 .sp { display: block; margin: 0 0 10px; width: 95%; max-width: 249px; }

.titleLink { padding: 20px 0 10px; height: auto; }

#topSearch { margin: 0; }
#topSearch .inner { float: none; margin: 0 auto; width: 100%; max-width: 470px; }
#topSearch form { min-height: 0; }

#select { margin: 0; }
#select .inner ul { padding: 0; }
#select .inner li { margin: 0 0 10px; padding: 0 0 0 10px; width: 32.5%; max-width: 150px; box-sizing: border-box; }

#texts { margin: 0; }
#texts section { float: none; margin: 0 auto 20px; width: 100%; max-width: 470px; }
#texts .inner { padding: 0 0 10px; min-height: 0; }
#texts #moreInformation { height: auto; }
#texts #moreInformation #keywords,
#texts #moreInformation #about { position: relative; margin: 0 0 20%; width: 46%; max-width: 204px; }
#texts #moreInformation #about { position: absolute; left: auto; right: 11px; margin: 0; max-width: 203px; }

#diary { margin: 20px 0 100px; }
#diary .sectionHeader { float: none; padding-right: 20px; width: auto; text-align: right; z-index: 10; }
#diary .sectionHeader .date { display: none; }

#diary .inner { margin: -10px 5% -60px 18%; width: auto; }
#diary .box .more { right: 10px; bottom: -30px; }
#diary .box .txt { padding-bottom: 40px; }
#diary #img_mai { top: 20px; left: 1%; width: 18%; max-width: 141px; background-size: contain; }
#diary #img_pen { display: none; }

#inspection { padding: 0 20px; }
#inspection section#title { height: auto; background: none; }
#inspection section#title h2 { margin: 30px 0 20px; }
#inspection section#title p { margin: 0; padding: 20px 20px 10px; width: auto; background: #FFF; border: 1px solid #c7bb99; border-bottom: none; border-radius: 6px 6px 0 0; }
#inspection section#title p + p { padding: 10px 20px 20px; border: 1px solid #c7bb99; border-top: none; border-radius: 0 0 6px 6px; }

#inspection article section { float: none; margin: 0 auto !important; width: 100%; }
#inspection .cardloan { padding: 0 0 60px; }

#inspection2 article { padding: 0 20px 30px; }
#inspection2 article div { margin: 20px 0; }

.new-archives ol { margin: 10px 0; width: 100%; }
.new-archives ol li { padding: 10px 8px 8px 35px; white-space: normal; }
.new-archives ol li b { display: block; margin: 5px 0 0; }

.diary > section:first-child { position: relative; }
.diary .date { top: 64%; left: 45%; margin: 0; }
.diary #new-archives { margin: 20px 0; }
.diary #new-archives ol { width: 100%; }

#card-list { padding: 0 20px; width: 100%; box-sizing: border-box; }
#card-list #btns #reset { right: 20px; }
#card-list #list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#card-list #list li { float: none; position: relative; width: 22.8%; width: calc(25% - 15px); height: auto !important; box-sizing: border-box; }
#card-list #list .cc .category + p img { max-width: 80%; }
#card-list #list .cardname { height: auto !important; }
#card-list #list .preface { margin: 10px 0 40px 0; height: auto !important; }
#card-list #list .official { position: absolute; left: 0; bottom: 10px; width: 100%; }

#terminology { padding: 0 15px 30px; }
#terminology .left,
#terminology .right { padding: 0 7px 0 0; width: 50%; box-sizing: border-box; }
#terminology .right { padding: 0 0 0 7px; }
#terminology h2 { padding-left: 12px !important; box-sizing: border-box; }

#about h2 { box-sizing: border-box; }

.information .new-archives h3 { box-sizing: border-box; }

#sitemap { padding: 0 0 30px; }
#sitemap .left,
#sitemap .right,
#sitemap .right2 { padding: 0 10px 0 0; width: 50%; box-sizing: border-box; }
#sitemap .right { margin: 0 0 0 50%; padding: 0 0 0 10px; }
#sitemap .right2 { padding: 0 0 0 10px; }
#sitemap h2 { padding-left: 12px !important; box-sizing: border-box; }
#sitemap dl { padding: 20px 10px 20px 30px; }
}
@media screen and (max-width: 730px) {

#SpHead li .acd-content { max-height: none; }

.cardInfo .inner .card .offical a { display: inline-block; padding: 8px 15px; color: #FFF; font-size: 14px; font-weight: bold; letter-spacing: 1px; background: #d14848; border-radius: 20px; }
.cardInfo .inner .card .offical a:after { content: "公式ページへ"; display: inline; }
.cardInfo .inner .card .offical img { display: none; }

article.blog #blog-cc-new,
article.blog #blog-cl-new { }
article.blog h3 { overflow: hidden; }
article.blog h3 img { max-width: none; }
article.blog h4 { display: -webkit-box; padding: 0 !important; max-height: 2.3em; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
article.blog .blog-subject { position: relative; padding: 15px 20px 10px 110px !important; box-sizing: border-box; }
article.blog .blog-subject + p { position: relative; padding: 10px 20px 40px; }
article.blog #blog-cl-new .blog-subject,
article.blog #blog-cl-new .blog-subject + p { border-color: #b6dc21; }
article.blog .blog-subject:before,
article.blog .blog-subject + p:before,
article.blog .blog-subject:after,
article.blog .blog-subject + p:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: url("/images/blog/bg-article-creditcard.png") left top repeat-y; z-index: 1; }
article.blog .blog-subject:after,
article.blog .blog-subject + p:after { right: auto; left: 0; }
article.blog .blog-subject:before { border-radius: 0 3px 0 0; }
article.blog .blog-subject + p:before { border-radius: 0 0 3px 0; }
article.blog .blog-subject:after { border-radius: 3px 0 0 0; }
article.blog .blog-subject + p:after { border-radius: 0 0 0 3px; }
article.blog #blog-cl-new .blog-subject:before,
article.blog #blog-cl-new .blog-subject + p:before,
article.blog #blog-cl-new .blog-subject:after,
article.blog #blog-cl-new .blog-subject + p:after { background-image: url("/images/blog/bg-article-cardloan.png"); }

article.blog-detail .archive { background-color: #FFF; }
article.blog-detail .subject { border-right: 3px solid #DBD9CB; border-radius: 3px 3px 0 0; }
article.blog-detail .archive-header p.category,
article.blog-detail .archive-header p.date { padding: 15px 25px; width: 40%; background: none; box-sizing: border-box; }
article.blog-detail .archive-header p.date { width: 60%; }

article.blog-detail .article-footer .tag,
.diary .tag { padding: 0 0 30px 30px; width: 100%; box-sizing: border-box; }

.blog-pager,
.diary-pager-detail { width: 100%; }
.blog-pager ul li.older { left: 0; width: 33%; }
.blog-pager ul li.newer { right: 0; width: 33%; }

.diary .title,
.diary .article,
.diary .footer { position: relative; }
.diary .title:after,
.diary .article:after,
.diary .footer:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: url("/images/diary/bg-article.png") right top repeat-y; }
.diary .title:after { top: 12px; }
.diary .article { padding: 10px 15px 0; }
.diary .article .date2 { margin: 0; }

.diary-pager-detail ul li.older,
.diary-pager-detail ul li.newer { width: 33%; }
}
@media screen and (max-width: 650px) {

#gblFooter #footerInner { padding: 0 0 30px; }
#gblFooter .footerMenu:first-child { border-top: none; }
#gblFooter .footerMenu li { display: inline-block; margin: 6px 2% 0; min-width: 45%; }
#gblFooter .footerMenu:first-child li { min-width: 28%; }

#glbCcoco { display: none; }
#coco { display: block; }

#coco { position: absolute; right: 10px; margin: -39px 0 -28px 20px; z-index: 700; }
#coco img { width: 34px; }

#inspection .cardloan { padding: 0 0 30px; }

#inspection2 h2 { margin: 20px 0 0; }
#inspection2 article { padding: 0 10px 30px; font-size: 14px; }
#inspection2 article div { margin: 15px 0; padding: 20px; }
#inspection2 h3 { font-size: 16px !important; }

.diary .date { display: none; }

#card-list #list { margin-right: -10px; }
#card-list #list li { margin: 10px 10px 0 0; width: 31.7%; width: calc(33.3% - 10px); }

#terminology dl { padding: 0; }
}

@media screen and (max-width: 500px) {

#cardsearch { margin: 0 0 20px; padding: 15px 0; border-top: 1px dotted #AF9D7E; border-bottom: 1px dotted #AF9D7E; }
#card-list .acd.onlySP + .acd-content { margin: 15px 0 0; border-top: 1px dotted #AF9D7E; }
#card-list .acd.onlySP.open + .acd-content ul.cardloan { margin: 0 !important; padding: 0 !important; border-bottom: none !important; }

#gblFooter #footerMenuWrapper { min-height: 0; }
#gblFooter .footerMenu .acd { display: inline-block; position: relative; top: 3px; margin: 0 0 0 10px; width: 15px; height: 15px; border: 1px solid #a29276; border-radius: 8px; box-sizing: border-box; }
#gblFooter .footerMenu .acd:before,
#gblFooter .footerMenu .acd:after { content: ""; position: absolute; top: 6px; left: 6px; margin: 0 0 0 -4px; width: 9px; height: 1px; background: #a29276; }
#gblFooter .footerMenu .acd:after { margin: -4px 0 0 0; width: 1px; height: 9px; }
#gblFooter .footerMenu .acd.open:after { display: none; }
}

@media screen and (max-width: 490px) {

#SpHead li { width: 60px; }
#SpHead li .acd { padding: 41px 0 0; height: 60px; }
#SpHead li .acd:after,
#SpHead li .acd span:before,
#SpHead li .acd span:after {left: 10px;width: 40px;height: 2px;}
#SpHead li .acd:after {top: 11px;}
#SpHead li .acd span:before {top: 22px;}
#SpHead li .acd span:after {top: 33px;}
#SpHead li .acd.open:after,
#SpHead li .acd.open span:before,
#SpHead li .acd.open span:after { top: 22px; left: 12px; }

#SpHead li .acd-content { top: 63px; }

#contents { padding: 0 10px; box-sizing: border-box; }

#contents.columns2 #mainColumn,
#contents.columns2 #sideColumn { padding: 0; }

#TopGuide { padding: 0; }
#TopGuide:after { width: 40%; }
#TopGuide h2 { margin: 0; padding: 0 44% 15px 0; }

.titleLink { padding: 10px 0; }

#diary .box h3,
#diary .box .txt { padding-left: 15px; padding-right: 15px; }

#inspection { padding: 0; }

#inspection2 article div { padding: 15px; }

article.blog-detail .archive-header p.category,
article.blog-detail .archive-header p.date { float: none; padding: 15px; width: 100%; border-left: 3px solid #DBD9CB; border-right: 3px solid #DBD9CB; }
article.blog-detail .article { padding: 0 15px; }
article.blog-detail h3,
.diary .title h3 { display: -webkit-box; padding: 0 15px 0 80px; font-size: 14px; max-height: 3.9em; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

#blog-list div { margin: 0 auto; width: 100%; }
#blog-list div.creditcard { margin: 0 0 20px; }

.diary .title h3 { padding: 0; }
.diary #new-archives li { white-space: normal; }
.diary #new-archives li a b { display: block; }

.diary-pager-detail ul li.older,
.diary-pager-detail ul li.newer { width: 25%; }

#card-list { padding: 0; }
#card-list #list li { width: 46.5%; width: calc(50% - 10px); }

#terminology { padding: 0 0 20px; }
#terminology .left,
#terminology .right { float: none; padding: 0; width: 100%; }

#about h2 { margin: 20px 0 10px; padding-left: 10px; }
#about h3 { padding: 0; }
#about p { padding: 5px 0; }

#sitemap { padding: 0 0 10px; }
#sitemap .left,
#sitemap .right,
#sitemap .right2 { float: none; margin: 0; padding: 0; width: 100%; }
#sitemap h2 { margin: 5px 0 10px !important; padding-top: 13px !important; font-size: 14px !important; }
#sitemap dl { padding: 0 5px 0 20px; }
}

@media screen and (max-width: 385px) {

#SpHead li.logo { padding: 15px 0 0 10px; }

#SpHead li .acd-content li { display: block; width: 100%; }
#SpHead li .acd-content li:nth-child(2),
#SpHead li .acd-content li:nth-child(3),
#SpHead li .acd-content li:nth-child(4),
#SpHead li .acd-content li:nth-child(5) { display: inline-block; width: 50%; }
#SpHead li .acd-content li:not(.title):after,
#SpHead li .acd-content li.right:not(.title):after { display: none; }
#SpHead li .acd-content li:not(.title):nth-child(2):after,
#SpHead li .acd-content li:not(.title):nth-child(3):after,
#SpHead li .acd-content li:not(.title):nth-child(4):after,
#SpHead li .acd-content li:not(.title):nth-child(5):after { display: block; }

#select .inner div { font-size: 0; text-align: center; background-size: auto 100%; }
#select .inner li { float: none; display: inline-block; padding: 0 5px 0 15px; width: 50%; max-width: none; text-align: right; vertical-align: top; }
#select .inner li:nth-child(2n) { padding: 0 15px 0 5px; text-align: left; }
#select .inner li:last-child { padding: 0 calc(50% + 5px) 5px 15px; width: 100%; }
#select .inner li a { display: inline-block; }
#select .inner li img { width: 100%; max-width: 140px; }
}

@media screen and (max-width: 359px) {

#topSearch form li,
#topSearch form .clearfix li,
#topSearch form .clearfix.money li,
#topSearch form .clearfix.half li { min-width: 46%; }

}

/* CSS end */