/* ==== 還元祭ページ下部専用設定 ==== */

/***************************************
eventpage_bottom_basestyleを基準として
還元祭ページ専用の設定を加える
***************************************/

/* ---- 還元祭ページ下部全体設定 ---- */
#event_bottom_area .event_contents h2{
	color: #ffffff;
	background: #004d91;
	border-color: #000000;
}
#event_bottom_area .event_contents h3,
#event_bottom_area .event_contents .style-h3{
	border-color: #004d91;
}
#event_bottom_area .event_contents h4,
#event_bottom_area .event_contents .style-h4{
	color: #004d91;
}
#event_bottom_area .event_contents .note{
	background: #f8eec3;
	borde-color: #d3a235;
}
/* ---- 還元祭ページ下部専用設定 end ---- */


/* ---- 還元祭ページバックボタン ---- */
#event_bottom_area .backbtn{
	display: inline-block;
	position: relative;
	padding: 7px 15px 7px 30px;
	border-radius: 45px;
	border: 4px solid #221916;
	box-shadow: 0 5px 0 0 #221916;
	background-color: #ffffff;
	color: #221916;
	line-height: 1.5;
	text-align: center;
	font-weight: 500;
}
#event_bottom_area .backbtn:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 8px 7px 0;
	border-color: transparent #221916 transparent transparent;
	position: absolute;
	top: 50%;
	left: 12px;
	margin-top: -7px;
}
#event_bottom_area .backbtn:active{
	transform: translateY(2px);
	box-shadow: 0 3px 0 0 #221916;
}
#event_bottom_area .backbtn:hover,
#event_bottom_area .backbtn:focus{
	text-decoration: none;
	opacity: 1;
	background-color: #004d91;
	color: #ffffff;
	transition: 0.6s;
}
#event_bottom_area .backbtn:hover:before,
#event_bottom_area .backbtn:focus:before{
	border-color: transparent #ffffff transparent transparent;
	transition: 0.6s;
}
/* ---- 還元祭ページバックボタン end ---- */

/* ==== 還元祭ページ下部専用設定 end ==== */