@charset "UTF-8";

/* ===============================
	お買い物でのポイント特典
=============================== */

/* PC
-------- */
#main {
	padding-bottom:75px;
}
#main .extraBlock {
	color: #b81c22;
	font-size: 155%;
	line-height: 1.75;
	margin-bottom: 50px;
}
#main .tblNote {
	margin-top:15px;
	font-size:140%;
	line-height:1.75;
	text-align:right;
}
#main .add {
	margin-top:15px;
	font-size:140%;
	line-height:1.75;
}
#main .preferentBlock .conBox table {
	margin:20px auto 0;
	border:1px solid #b3b3b3;
	font-size:140%;
	line-height:1.65;
}
#main .preferentBlock .conBox table th,
#main .preferentBlock .conBox table td {
	border:1px solid #b3b3b3;
	padding:11px 20px;
	text-align:center;
	vertical-align:middle;
}
#main .preferentBlock .conBox .mainTbl {
	font-size: 130%;
}
#main .preferentBlock .conBox .mainTbl thead th {
	background:#eae4d0;
}
#main .preferentBlock .conBox .mainTbl thead td {
	background:#ebdbdf;
}
#main .preferentBlock .conBox .mainTbl tbody th {
	background:#eaeef0;
	text-align:left;
}
#main .preferentBlock .conBox .mainTbl tbody td {
	background:#ebdbdf;
	width: 110px;
}
#main .preferentBlock .conBox .groupTbl th {
	width:491px;
}
#main .preferentBlock .conBox .groupTbl td {
	width:226px;
}
#main .preferentBlock .conBox .groupTbl thead th {
	background:#eae4d0;
}
#main .preferentBlock .conBox .groupTbl thead td {
	background:#ebdbdf;
}
#main .preferentBlock .conBox .groupTbl tbody th {
	background:#eaeef0;
	text-align:left;
}
#main .preferentBlock .conBox .groupTbl tbody td {
	background:#ebdbdf;
}
#main .preferentBlock .mainNote {
	margin-top:35px;
	font-size:140%;
	line-height:1.75;
}
#main .note {
	font-size:140%;
	line-height:1.75;
}
#main .conBox .sonybankWrap {
	margin-top:30px;
}
#main .conBox .sonybankBox .sbImgPc {
	width:680px;
	margin:25px auto 0;
}
#main .conBox .sonybankBox .sbImgSp {
	display:none;
}
#main .conBox .checkBox {
	margin-top:30px;
	font-size:155%;
	line-height:1.8;
}
#main .conBox .checkBox .checkNote {
	font-size:90%;
}
#main .conBox .checkBox .checkImg {
	width:680px;
	margin:25px auto 0;
}
#main .conBox .goldTxt {
	color:#a99446;
	font-weight:bold;
}
#main .privacyBlock .detailLink {
	font-size:155%;
	line-height:1.8;
}
#main .btnDetail {
	width: 36%;
	margin: 1.8em auto 0;
	font-size: 153.8%;
	line-height: 1.8;
}
#main .btnDetail a {
	display: block;
	border: solid 2px #00114e;
	color: #00114e;
	font-weight: bold;
	text-align: center;
	padding:10px;
	text-decoration:none;
	background:url(/base/pc/store/special/debit/responsive/campaign/img/top_arrow_right.png) no-repeat 95% center #fffded;
	background-size: auto 19px;
}

/* SP
-------- */
@media only screen and (max-width: 767px) {
	#main {
		padding-bottom:40px;
	}
	#main .extraBlock {
		font-size: 100%;
		margin-bottom: 30px;
	}
	#main .tblNote {
		margin-top:10px;
		font-size:100%;
		line-height:1.5;
		text-align:left;
		display:tablel;
	}
	#main .tblNote .cell {
		display:table-cell;
	}
	#main .add {
		margin-top:10px;
		font-size:100%;
		line-height:1.5;
	}
	#main .preferentBlock .conBox table {
		width:100%;
		margin:10px auto 0;
		font-size:90%;
		line-height:1.4;
	}
	#main .preferentBlock .conBox table th,
	#main .preferentBlock .conBox table td {
		padding:8px 1.6%;
		box-sizing: border-box;
		width:33.3%;
	}
	#main .preferentBlock .conBox .mainTbl {
		font-size: 90%;
	}
	#main .preferentBlock .conBox .mainTbl thead td,
	#main .preferentBlock .conBox .mainTbl tbody td {
		width: 15%;
	}
	#main .preferentBlock .conBox .mainTbl tbody th {
		width: 27.5%;
	}
	#main .preferentBlock .conBox .groupTbl th {
		width:66.6%;
	}
	#main .preferentBlock .conBox .groupTbl td {
		width:33.3%;
	}
	#main .preferentBlock .mainNote {
		margin-top:15px;
		font-size:100%;
		line-height:1.5;
	}
	#main .note {
		font-size:100%;
		line-height:1.5;
	}
	#main .conBox .sonybankWrap {
		margin-top:20px;
	}
	#main .conBox .sonybankBox .sbImgSp {
		display:block;
		width:100%;
		margin:15px auto 0;
	}
	#main .conBox .sonybankBox .sbImgPc {
		display:none;
	}
	#main .conBox .checkBox {
		margin-top:20px;
		font-size:100%;
		line-height:1.5;
	}
	#main .conBox .checkBox .checkNote {
		margin-top:10px;
	}
	#main .conBox .checkBox .checkImg {
		width:100%;
		margin:15px auto 0;
	}
	#main .privacyBlock .detailLink {
		font-size:100%;
		line-height:1.5;
	}
	#main .btnDetail {
		width: 80%;
		font-size: 100%;
	}
	#main .btnDetail a {
		padding:3%;
		background-size: auto 12px;
	}
	#main h3.ttl > span.icn04:first-child {
		width: 24.8%;
	}
}