@charset "utf-8";

/*----------------------------
overwrite
----------------------------*/
.resultItem .btnBlock {
	justify-content: flex-end;
}
/*----------------------------
parts
----------------------------*/
.topicBlock .clm.col3 > .colItem:nth-child(n+4) {
	margin-top:15px;
}
.topicBlock .clm.col3 > .colItem:nth-child(3n+1) {
	margin-left: 0;
}

/*----------------------------
layout
----------------------------*/
.compareList {
	display: flex;
	flex-wrap: wrap;
	width: 1000px;
	max-width: none;
}
.compareList .compareItem {
	width: calc(50% - (50px / 2));
	margin-top: 0;
	margin-left: 50px;
}
.compareList .compareItem:first-child {
	margin-left: 0;
}
.compareList .compareItem:nth-child(odd) {
	margin-left: 0;
}
.compareList .compareItem:nth-child(n+3) {
	margin-top: 60px;
}
.compareList .compareItem .box1 {
	width: 52%;
	padding: 20px 15px;
}
.compareList .compareItem .box2 {
	width: calc(48% - 25px);
}
.compareList .compareItem .box2 .cardName {
	display: flex;
	align-items: center;
	justify-content: center;
}

.resultList {
	margin-top: 50px;
}
.resultList .btnColorType01 .btnType07:hover {
	opacity: .8;
}
.resultList .btnColorType01 .btnType07:hover::before {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.topicBlock .btnType01.svgIcon .img {
	width: 30px;
}
.topicBlock .btnType01.svgIcon .txt {
	width: 200px;
}
.topicBlock .btnType01.svgIcon {
	height: auto;
}

/*----------------------------
特集ページ改善
----------------------------*/
.resultItem {
	padding: 39px 28px 36px 40px;
}

.resultItem .block01 .l,
.resultItem .cardImg,
.resultItem .cardImg img {
	width: 243px;
}

.resultItem .block01 .r {
	padding-left: 25px;
}

.resultItem .cardName {
	margin-top: -4px;
}

.resultItem .block02 {
	margin-top: 28px;
}

.resultItem .cardTable01 th,
.resultItem .cardTable01 tr.brand th {
	height: 42px;
	padding: 0 12px;
	width: 122px;
}

.__visa,
.__mastercard,
.__jcb,
.__amexcard {
	margin:0 10px 0 0;
}

.resultItem .labelItem {
	width: 60px;
	height: 60px;
}

.resultItem .labelItem.annualFee,
.resultItem .labelItem.annualFee2 {
	width: 60px;
	height: 60px;
	font-size: 10px;
}

.resultItem .block03 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.resultItem .labelList {
	margin-top: 0;
}

.resultItem .btnBlock > div + div {
	margin-left: 10px;
}

.pointBlock01 {
	margin-top: 23px;
	padding: 10px 13px;
}

.resultItem .labelRec {
	font-size: 11px;
}