@charset "UTF-8";

/*=======================================================
共通
=======================================================*/
.el_sec_mainTtl {
	background-color: #F5F0FD;
	padding: 3px 0 5px;
	color: #815DC6;
}
@media screen and (max-width : 750px){

}
/*=======================================================
Campaign
=======================================================*/
.bl_campaign {
	padding: 32px 0 56px;
}
.bl_campaign .el_sec_mainTtl {
	margin-bottom: 24px;
}
.el_campaign_att {
	text-align: center;
	margin-bottom: 24px;
}
.bl_campaign .bl_cardUnit {
	display: flex;
	flex-flow: wrap;
	gap: 32px 24px;
}
.bl_campaign .bl_card {
	width: 238px;
}
.bl_campaign .popup_body {
	width: 480px;
}
@media screen and (max-width : 750px){
	.bl_campaign {
	    padding: 48px 0 64px;
    }
    .bl_campaign .bl_card {
	    width: 214px;
    }
	.bl_campaign .popup_body {
	    width: 100%;
    }
}
/*=======================================================
Info
=======================================================*/
.archive {
	padding: 0 0 56px;
}
@media screen and (max-width : 750px){
    .bl_info {
	    padding: 0 0 64px;
    }
}
/*=======================================================
詳細
=======================================================*/
/* 記事ページ */
.single {
	padding: 35px 0 56px;
}
.el_post_ttl {
	margin-bottom: 10px;
	padding: 12px 0 12px 15px;
	border-top: 4px solid #815DC6;
	background-color: #F5F0FD;
	line-height: 1.4;
	color: #222;
	font-size: 24px;
}
.bl_post_header {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 16px;
}
.bl_post_date {
	font-size: 14px;
	letter-spacing: 0;
}

@media screen and (max-width : 750px){
	/* 記事ページ */
	.el_post_ttl {
		margin-bottom: 15px;
		padding: 20px 0 20px 15px;
		font-size: 28px;
	}
	.bl_post_header {
		gap: 8px 16px;
	}
	.bl_post_date {
		font-size: 22px;
	}
}