/* ==== 年賀状ページ専用設定 ==== */

/***************************************
eventpage_basestyleを基準として
年賀状ページ専用の設定を加える
***************************************/

/* ---- 年賀状ページ全体設定 ---- */
#event_area .event_header .title_area:after{
	background: #ac1213;
}
#event_area .event_header .text_area{
	background: #fdf6e4;
}
#event_area .event_contents h2,
#event_area .event_contents .style-h2{
	background: #ac1213;
	color: #ffffff;
	border-color: #f6d27a;
}
#event_area .event_contents h3,
#event_area .event_contents .style-h3{
	border-color: #ac1213;
}
#event_area .event_contents h4,
#event_area .event_contents .style-h4{
	color: #ac1213;
}
#event_area .event_contents .note{
	background: #fdf6e4;
	border-color: #ac1213;
}
/* ---- 年賀状ページ全体設定 end ---- */


/* ---- ボタンリンク ---- */
#event_area .theme-btn{
	background: #ac1213;
	color: #ffffff;
}
#event_area .theme-btn.arrow-r:after,
#event_area .theme-btn.arrow-d:after{
	border-color: #ffffff;
}
/* ---- ボタンリンク end ---- */


/* ---- 文字色 ----*/
#event_area .fc-theme{
	color: #ac1213 !important
}
/* ---- 文字色 end ----*/


/* ---- PC・SP表示切替対応(450px) ---- */
@media (max-width: 450px) {
	#event_area .pc-only2{
		display: none !important;
	}
}
@media (min-width: 451px) {
	#event_area .sp-only2{
		display: none !important;
	}
}
/* ---- PC・SP表示切替対応(450px) end ---- */


/* ---- 画像ヘッダ対応 ----*/
#event_area .h-img{
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important
}
/* ---- 画像ヘッダ対応 end ----*/


/* ---- 年賀状エリア ----*/
#event_area .nenga_contents{
	margin: 40px 0 0;
	background: #f4eee0;
}
#event_area .nenga_contents .inner{
	background: url(../../../img/event/nenga/nenga_bg.png);
	background-repeat: repeat-y;
}
#event_area .nenga_contents .box{
	padding: 15px 30px;
}
/* SP対応 */
@media (max-width: 768px) {
	#event_area .nenga_contents .box{
		padding: 15px;
	}
}
/* ---- 年賀状エリア end ----*/


/* ---- ハガキ種類枠 ---- */
#event_area ul.nenga-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 15px 0 0;
}
/* PC2列 SP1列 */
#event_area ul.nenga-list > li{
	width: calc(50% - 10px / 2);
}
#event_area ul.nenga-list > li:nth-child(n+3){
	margin-top: 10px;
}
/* ハガキ説明枠(PC回り込み) */
#event_area .nenga-box{
	background: #ffffff;
	padding-bottom: 10px;
	max-width: 345px;
}
#event_area .nenga-box .clearfix{
	margin-top: 10px;
}
#event_area .nenga-box .clearfix:after{
	content: "";
	display: block;
	clear: both;
}
#event_area .nenga-box .img-area{
	float: left;
	width: 40%;
	padding: 0 20px;
	text-align: center;
}
#event_area .nenga-box .text-area{
	float: right;
	width: 60%;
	padding: 0 10px 0 0;
	font-size: calc(1em - 0.125rem);
}
#event_area .nenga-box .text-area *:first-child{
	margin-top: 0;
}
/* SP対応 */
@media (max-width: 768px) {
	/* PC2列 SP1列 */
	#event_area ul.nenga-list > li{
		width: 100%;
	}
	#event_area ul.nenga-list > li:nth-child(n+2){
		margin-top: 10px;
	}
}
/* ハガキ説明枠(SP回り込みなし) */
@media (max-width: 768px) {
	#event_area .nenga-box .text-area,
	#event_area .nenga-box .img-area{
		float: none;
		width: 100%;
	}
	#event_area .nenga-box .text-area{
		margin: 10px 0 0;
		padding: 0 10px;
		text-align: center;
	}
	#event_area .nenga-box .img-area img{
		max-width: 200px;
	}
}
/* ---- ハガキ種類枠 end ---- */


/* ---- 手順説明枠 ---- */
#event_area .flow-step{
	margin: 20px 0 0;
}
#event_area .flow-step .step-box{
	margin: 20px 0 0;
	padding: 20px;
	background: #ffffff;
}
#event_area .flow-step .step-box:fistt-child{
	margin: 0;
}
/* PC回り込み */
#event_area .flow-step .step-box .clearfix{
	margin: 15px 0 0;
}
#event_area .flow-step .step-box .clearfix:after{
	content: "";
	display: block;
	clear: both;
}
#event_area .flow-step .step-box .text-area{
	float: left;
	width: calc(65% - 15px / 2);
}
#event_area .flow-step .step-box .text-area *:first-child{
	margin-top: 0;
}
#event_area .flow-step .step-box .img-area{
	float: right;
	width: calc(35% - 15px / 2);
	text-align: center;
}
/* SP回り込みなし */
@media (max-width: 768px) {
	#event_area .flow-step .step-box .text-area,
	#event_area .flow-step .step-box .img-area{
		float: none;
		width: 100%;
	}
	#event_area .flow-step .step-box .text-area{
		margin: 10px 0 0;
	}
}
/* ---- 手順説明枠 end ---- */


/* ---- 白枠 ---- */
#event_area .box-w{
	margin: 15px 0 0;
	padding: 20px;
	background: #ffffff;
}
#event_area .box-w *:first-child{
	margin-top: 0;
}
/* ---- 白枠 end ---- */

/* ==== ボーナスポイントページ専用設定 end ==== */