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

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

/* ---- 還元祭ページ全体設定 ---- */
#event_area .event_header .title_area:after{
	background: #004d91;
}
#event_area .event_header .text_area{
	background: #f8eec3;
}
#event_area .event_contents h2,
#event_area .event_contents .style-h2{
	color: #ffffff;
	background: #004d91;
	border-color: #000000;
}
#event_area .event_contents h3,
#event_area .event_contents .style-h3{
	border-color: #004d91;
}
#event_area .event_contents h4,
#event_area .event_contents .style-h4{
	color: #004d91;
}
#event_area .event_contents .note{
	background: #f8eec3;
	borde-color: #d3a235;
}
/* ---- 還元祭ページ全体設定 end ---- */


/* ---- チラシページヘッダ部 ---- */
#event_area .event_header h1.goods .text_area{
	padding: 0;
	background: transparent;
	border-radius: 0;
}
/* ---- チラシページヘッダ部 end ---- */


/* ---- 対象カテゴリページヘッダ部 ---- */
#event_area .event_header h1.category{
	padding: 24% 0 20px;
	background-image: url(../../img/event/kangensai/kangensai_category_header_back.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
#event_area .event_header h1.category .img_area{
	margin: 0 4%;
}
#event_area .event_header h1.category .text_area{
	margin: 2% 4% 0;
	padding: 0;
	background: transparent;
	border-radius: 0;
	color: #ffffff;
	text-align: center;
}
/* ---- 対象カテゴリページヘッダ部 end ---- */


/* ---- カテゴリ枠 ---- */
#event_area .block-category img{
	max-height: 80px;
}
#event_area ul.category-list{
	border-color: #004d91;
}
#event_area ul.category-list li{
	border-color: #b2c9de;
}
/* ---- カテゴリ枠 end ---- */


/* ---- バナーボタン ---- */
#event_area .bnrbtn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: inset 0px 3px 0px rgba(255,255,255,0.15), inset 0px -3px 0px rgba(0, 0, 0, 0.05), 3px 3px 3px rgba(0, 0, 0, 0.25);
}
#event_area .bnrbtn:hover,
#event_area .bnrbtn:focus{
	opacity: 0.7;
	border-radius: 10px;
	text-decoration: none;
}
#event_area .bnrbtn:active{
	transform: translateY(2px);
	-webkit-transform: translateY(2px);
	moz-transform: translateY(2px);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
/* ---- バナーボタン end ---- */


/* ---- 還元祭ページバックボタン ---- */
#event_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_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_area .backbtn:active{
	transform: translateY(2px);
	box-shadow: 0 3px 0 0 #221916;
}
#event_area .backbtn:hover,
#event_area .backbtn:focus{
	text-decoration: none;
	opacity: 1;
	background-color: #004d91;
	color: #ffffff;
	transition: 0.6s;
}
#event_area .backbtn:hover:before,
#event_area .backbtn:focus:before{
	border-color: transparent #ffffff transparent transparent;
	transition: 0.6s;
}
/* ---- 還元祭ページバックボタン end ---- */


/* ---- カテゴリページ移動ボタン ---- */
#event_area .categorybtn{
	display: inline-flex;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	width: auto;
	padding: 0.9em 1.5em;
	border: 2px solid #ffffff;
	border-radius: 10px;
	background-color: #221916;
	color: #ffffff;
	font-weight: 500;
}
#event_area .categorybtn:after{
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	margin-left: 10px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	content: '';
}
#event_area .categorybtn:hover,
#event_area .categorybtn:focus{
	text-decoration: none;
	border: 2px solid #221916;
	border-radius: 10px;
	background: linear-gradient(to bottom,#d4a335 0%, #fdf6cd 100%);
	color: #221916;
}
#event_area .categorybtn:hover:after,
#event_area .categorybtn:focus:after{
	border-top: 2px solid #221916;
	border-right: 2px solid #221916;
}

/* マージン設定 */
#event_area .mg-category{
	margin-top: 15px !important;
	margin-bottom: 0px !important;
}
/* SP対応 */
@media (max-width: 780px) {
	#event_area .mg-category{
		margin-top: 10px !important;
	}
}
/* ---- カテゴリページ移動ボタン end ---- */

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