@charset "UTF-8";

/************************************************
compare index
************************************************/
#mainArea {
	margin-top: 47px;
}
.ttl01 {
	margin-bottom: 20px;
}
/* h1直下 */
.compareCardBlockSp {
	display: none;
}
.compareCardBlock01 {
	position: relative;
}
.cardCompareNote {
	margin-bottom: 17px;
}
/* block */
.block01 {
	padding-bottom: 0;
	z-index: 4;
}
.block02,
.block03,
.block04,
.block05,
.block06,
.block07,
.block08,
.block09,
.block10,
.block11 {
	margin-top: 56px;
	padding: 0;
}
.cardItem .blockInner {
	padding: 10px 14px 10px 16px;
}
.cardItem:not(:last-child) .block02,
.cardItem:not(:last-child) .block03,
.cardItem:not(:last-child) .block04,
.cardItem:not(:last-child) .block05,
.cardItem:not(:last-child) .block06,
.cardItem:not(:last-child) .block07,
.cardItem:not(:last-child) .block08,
.cardItem:not(:last-child) .block09,
.cardItem:not(:last-child) .block10,
.cardItem:not(:last-child) .block11 {
	border-right: 1px solid #BFBFBF;
}
/*
.cardItem:not(:last-child) .block09 .blockInner {
	border-right: 1px solid #BFBFBF;
}
*/
.cardItem:not(:last-of-type) .block01 {
	border-right: 1px solid #BFBFBF;
}
.block01Inner {
	padding: 35px 8px 25px;
}
.block01.is-fixed > .block01Inner {
	position: fixed;
	top: 0;
	border-bottom: 1px solid #BFBFBF;
	background-color: #fff;
	z-index: 4;
	width: 280px;
}
.cardItem:not(:last-of-type) .block01.is-fixed > .block01Inner {
	border-right: 1px solid #BFBFBF;
}
.compareCardLabel {
	padding: 5px 0;
	margin-top: 15px;
	margin-bottom: 10px;
  height: 22px;
}
.cardList {
  display: flex;
}
.cardList .cardItem {
	flex-basis: 25%;
	/*padding: 0 14px 0 16px;*/
}
.cardImg img {
	max-width: 130px;
}
.cardName {
	font-size: 1.28571rem;
}
.cardImg + .cardName {
	margin-top: 10px;
}
.cardItem .cardImg .txtS {
	padding-left: 0;
}
.deleteCardBtn {
	top: 22px;
	right: 35px;
	width: 30px;
	height: 30px;
	position: absolute;
	margin-right: 0;
}
.deleteCardBtn::before,
.deleteCardBtn::after {
	top: 4px;
	height: 22px;
}
.addCardBtn {
	top: 10px;
	right: 0;
	width: 118px;
	height: 118px;
	transform: translateY(0);
}
.addCardBtnTxt {
	margin-top: 10px;
}
.cardType li {
  font-size: 0.85714rem/*12px*/;
  line-height: 1.41666;
  padding: 3px 20px;
}
.pointSave {
	margin-top: 17px;
}
.pointUse {
	margin-top: 10px;
}
.pointLabel {
	font-size: 0.85714rem/*12px*/;
	padding: 5px 0 3px;
}
.reqList .noteType02 {
	text-align: left;
}
.availableList dd + dt {
	margin-top: 10px;
}
.btnWrap {
	margin-top: 18px;
}
.btnWrap a + a {
	margin-left: 6px;
}
.btnType01.back::before {
	left: 30px;
}
.btnType15,
.btnType16 {
	font-size: 0.85714rem/*12px*/;
}
/* 帯 */
.thList {
	width: 100%;
}
.thList > .thListInner {
	height: 56px;
	padding: 10px 0;
}
.thList > .thListInner > p {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.1429rem/*16px*/;
}
/*調整用*/
.lH22 {
	line-height: 22px;
}
/* ロゴ */
.__visa,
.__mastercard,
.__jcb,
.__amexcard {
	text-indent: -9999px;
	display: inline-block;
	margin:2px 4px 2px 0;
}
.__visa {
	width: 45px;
	height: 23px;
	background: url(/apply/img/apply_icon_visa.png) no-repeat;
}
.__mastercard {
	width: 36px;
	height: 23px;
	background: url(/apply/img/apply_icon_mastercard.png) no-repeat;
}
.__jcb {
	width: 29px;
	height: 23px;
	background: url(/apply/img/apply_icon_jcb.png) no-repeat;
}
.__amexcard {
	width: 23px;
	height: 23px;
	background: url(/apply/img/apply_icon_amex.png) no-repeat;
}