@charset "utf-8";

/*
==================================================
キャンペーン 2020.04
==================================================
*/

#contents{
	padding-top: 170px;
	}
#main .wrap{
	width: 74.45rem;
	}

/* MV
-------------------------------------------- */
.mv{
	position:relative;
	margin-bottom: 2rem;
	background: #0d36a7;
	}
	.mv > h1{
		position:relative;
		margin-bottom:0;
		text-align: center;
		z-index: 2;
		}
@media screen and (max-width: 39.9375em) {
	.mv > h1{
		overflow: hidden;
		width:100%;
		height: 178px;
		}
		.mv > h1 > img{
			position:absolute;
			top: 0;
			left: 50%;
			margin-left: -250px;
			max-width: 500px;
			}
}

/* 終了 */
.info_end {
	margin: 2rem 0;
	border-bottom: 1px solid #e4007f;
	border-top: 1px solid #e4007f;
	text-align: center;
	padding: .5rem 0;
	color: #e4007f;
	}

.info_text {
	margin: 2rem 0;
	}
@media screen and (min-width: 40em) {
.info_text {
	text-align: center;
	}
}

.em a{
	color: #e4007f;
	}

ruby{
	display: inline-table;
	vertical-align: 0.9em;
	line-height: 1em;
	}
	ruby > rt{
		display: table-header-group;
		text-align: center;
		line-height: 1em;
		}
a ruby{
	text-decoration:underline;	
	}
a:hover ruby{
	text-decoration:none;	
	}

.thumbnail{
	display: inline-block;
	max-width: 100%;
	margin-bottom: 1rem;
	border: 4px solid #fefefe;
	border-radius: 3px;
	box-shadow: 0 0 0 1px hsla(0,0%,4%,.2);
	line-height: 0
	}

.column-box{
	display: flex;
	justify-content: space-between;
	}
	.column-box > div{
		width: 49%;
		}
.table th,
.table td{
	font-size: 12px;
}
.table tfoot th,
.table tfoot td{
	background: #fffcc9;
}
.table th.recommend{
	background: #fff100;
}
.table td.recommend{
	background: #fffa9b;
}

/* step
-------------------------------------------- */
.step{
	text-align: center;
	padding-left: 100px;
	background:url("/images/campaign/cashback/img_illust_1.png") no-repeat 25% 50%;
	}
	.step > div{
		display: inline-block;
		max-width: 28em;
		text-align: left;
		}
	.step ol li{
		padding-bottom: 1rem;
		}