@charset "UTF-8";
#purchase_campaign #main_bg {
	position: static;
	margin-top: -45px;
	z-index: 0;
	width: 100%;
	height: 500px;
	background: #fff100;
}
.smat100{margin-top:0px !important;}

#purchase_campaign.extra_campaign #main_visual {
	background: url("/moetaku/_assets/images/campaign/agechau/main_visual.jpg") no-repeat center top;
}
#purchase_campaign.extra_campaign .first_sentense {
	margin-bottom: 30px;
	text-align: center;
	font-size: 250%;
	font-weight: bold;
	font-family: 'Noto Sans';
}
#purchase_campaign.extra_campaign .com_left_top0 {
	position: relative;
	float: left;
	width: 308px;
	margin-right: 10px;
	margin-bottom: 20px;
}
#purchase_campaign.extra_campaign .com_right_top0 {
	position: relative;
	float: right;
	width: 850px;
	margin-bottom: 20px;
}


.p-relative {
	position: relative;
}
#purchase_campaign.extra_campaign .com_left_top0 .s_privilege4,
#purchase_campaign.extra_campaign .com_right_top0 .s_privilege5,
#purchase_campaign.extra_campaign .comic_column .s_privilege6 {
	position: absolute;
	top: -9px;
	left: 20px;
	width: 70px;
	height: auto;
	background-size: contain;
}


#purchase_campaign.extra_campaign .com_left_top1 {
	position: relative;
	float: left;
	width: 580px;
	margin-right: 10px;
	margin-bottom: 20px;
}
#purchase_campaign.extra_campaign .com_right_top1 {
	position: relative;
	float: right;
	width: 580px;
	margin-bottom: 20px;
}
#purchase_campaign.extra_campaign .com_left_top1 .s_privilege4,
#purchase_campaign.extra_campaign .com_right_top1 .s_privilege5,
#purchase_campaign.extra_campaign .comic_column .s_privilege6 {
	position: absolute;
	top: -9px;
	left: 35px;
	width: 70px;
	height: auto;
	background-size: contain;
}


#purchase_campaign.extra_campaign .privilege1:after {
	position: absolute;
	top: 45px;
	left: 55px;
	width: 240px;
	height: 100px;
	background: url("/moetaku/_assets/images/campaign/cam1_1.5.png") no-repeat center top;
	background-size: contain;
	content: "";
}
#purchase_campaign.extra_campaign .limited_option {
	background: url("/moetaku/_assets/images/campaign/purchase_bonus2.png") no-repeat center top;
	background-color: #f2f2f2;
	background-position-y: 200px;
}

.camp_mat20	{margin-top:20px;}


/* 申込ボタン附属テキスト付 */
.application_text2 {
    position: relative;
    display: table;
    width: 50%;
    height: 120px;
    text-align: center;
    margin: 0 auto;
}
.application_text2 > .app_btn {
    display: table-cell;
    width: 100%;
    height: 120px;
    color:#fff;
    background-color: #78b100;
    font-size: 240%;
    font-family: 'Noto Sans';
	line-height: 50px;
    text-decoration: none;
    margin: 0;
    border-radius: 60px;
    vertical-align: middle;
}
.application_text2 > a.app_btn:hover{
    opacity:0.6;
}
.attachment_text {
	font-size: 55%;
	font-weight: normal;
}
.application_text2 .app_btn.arrow_right:before {
    position: absolute;
    top: 33px;
    right: 33px;
    font-size: 140%;
    font-family: 'Fontawesome';
    content: "\f138";
}


.fs60	{
	font-size:60px;
	font-weight:bold;
	text-align:center;
	}
.fs40	{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	}
.fs24	{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	}

.fs20	{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	}
	
.fs12	{
	font-size:12px;
	text-align:center;
	}
#purchase_campaign .blackboard2 {
	position: relative;
	min-width: 1170px;
	height: auto;
	margin: 0 auto 40px;
	padding: 40px 40px 40px;
	background-color: #ffe1e2;
	border: 10px solid #bababa;
	box-sizing: border-box;

}
#purchase_campaign .blackboard2::before {
	position: absolute;
	z-index: 8;
	bottom: -70px;
	right: -75px;
	width: 175px;
	height: 425px;
	background-size: 100%;
	content: "";
}
#purchase_campaign .blackboard2::after{
	position: absolute;
	top: 100%;
	left: -24px;
	width: 1199px;
	height: 592px;
	margin-top: -43px;
	background: url("/moetaku/_assets/images/campaign/blackboard_lower.png") no-repeat center top;
	background-size: 100%;
	content: "";
}
#purchase_campaign .privilege_text2 {
	width: 1100px;
	margin: 40px 0;
	color: #000000;
	font-size: 200%;
	font-weight:bold;
}
#purchase_campaign .privilege_text2 li {
	position: relative;
	width: 100%;
	height: auto;
	padding: 30px 10px;
}
#purchase_campaign .privilege_text2 li::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1070px;
	height: 10px;
	background: url("/moetaku/_assets/images/campaign/agechau/boardline.png") no-repeat center top;
	content: "";
}
#purchase_campaign .privilege_text2 .pri_circle {
	position: absolute;
	top:0;
	width: 180px;
}
#purchase_campaign .privilege_text2 li:nth-child(4) .pri_circle,
#purchase_campaign .privilege_text2 li:nth-child(5) .pri_circle,
#purchase_campaign .privilege_text2 li:nth-child(6) .pri_circle  {
	top: 0px;
}
#purchase_campaign .privilege_text2 .b_text {
	width: 100%;
	margin-left: 210px;
}



{}

@media (max-width: 768px) {
	#purchase_campaign.extra_campaign #main_visual {
		background: url("/moetaku/_assets/images/campaign/agechau/main_visual_sp.jpg") no-repeat center top;
		background-size: 100%;
		padding-bottom: calc(82px + 52%);
	}
.smat100	{margin-top:-120px !important;}
.fs18	{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	}

.camp_mat20	{margin-top:15px;}
.application_text2 {
    width: 100%;
	height: 60px;
}
.application_text2 > .app_btn {
    width: 100%;
	height: 60px;
    font-size: 150%;
	line-height: 1.3;
}
.application_text2 .app_btn.arrow_right:before {
    position: absolute;
    top: 11px;
	right: 17px;
}
	
	@media screen and (orientation: landscape) {
		#purchase_campaign.extra_campaign #main_visual {
			padding-bottom: calc(62px + 57%);
		}
	}
	#purchase_campaign.extra_campaign .first_sentense {
		font-size: 150%;
	}
	#purchase_campaign.extra_campaign .com_left_top0,
	#purchase_campaign.extra_campaign .com_right_top0 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#purchase_campaign.extra_campaign .com_left_top0 .s_privilege4,
	#purchase_campaign.extra_campaign .com_right_top0 .s_privilege5,
	#purchase_campaign.extra_campaign .comic_column .s_privilege6 {
		top: -5px;
		left: 9px;
		width: 42px;
	}

		#purchase_campaign.extra_campaign .com_left_top1,
	#purchase_campaign.extra_campaign .com_right_top1 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#purchase_campaign.extra_campaign .com_left_top1 .s_privilege4,
	#purchase_campaign.extra_campaign .com_right_top1 .s_privilege5,
	#purchase_campaign.extra_campaign .comic_column .s_privilege6 {
		top: -5px;
		left: 9px;
		width: 42px;
	}
#purchase_campaign.extra_campaign .privilege1:after {
		top: 26px;
		left: -21px;
		width: 80px;
		height: 37px;
	}
	#purchase_campaign.extra_campaign .limited_option {
		background: url("/moetaku/_assets/images/campaign/purchase_bonus2_sp.png") no-repeat center top 130px;
		background-size: 100%;
		padding-bottom: calc(50px + 72%);
		background-position-y: 100px;
		background-color: #f2f2f2;
	}
	@media screen and (orientation: landscape) {
		#purchase_campaign.extra_campaign .limited_option {
			padding-bottom: calc(50px + 95%);
		}
	}

	#purchase_campaign .blackboard2 {
		width: 100%;
		min-width: auto;
		margin-bottom: 30px;
		padding: 20px;
	}
	#purchase_campaign .blackboard2::before {
		bottom: -30px;
		right: -10px;
		width: 70px;
		height: 168px;
	}
	#purchase_campaign .blackboard2::after {
		left: -10px;
		width: 100%;
		height: 30px;
		margin-top: -7px;
	}
	@media screen and (orientation: landscape) {
		#purchase_campaign .blackboard2::after {
			left: -10px;
			width: 100%;
			margin-top: -16px;
		}
	}	
	#purchase_campaign .privilege_text2 {
		width: 100%;
		margin: 10px 0;
		font-size: 100%;
	}
	#purchase_campaign .privilege_text2 li {
		width: 100%;
		padding: 5px 0;
	}


	#purchase_campaign .privilege_text2 li::after {
		width: 100%;
		bottom:-15px;
		background-size: cover;
	}
	#purchase_campaign .privilege_text2 .pri_circle {
		top: 10px;
		left: 0;
		width: 80px;
	}
	#purchase_campaign .privilege_text2 li:nth-child(4) .pri_circle,
	#purchase_campaign .privilege_text2 li:nth-child(5) .pri_circle,
	#purchase_campaign .privilege_text2 li:nth-child(6) .pri_circle  {
		top: 10px;
	}
	#purchase_campaign .privilege_text2 .b_text {
		width: auto;
		margin-left: 90px;
		font-size: 95%;
	}
.fs60	{
	font-size:28px;
	font-weight:bold;
	text-align:center;
	}
.fs40	{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	}
	
	
}