/*
Theme Name: Endroll
Description:
Version: 0.0.0
*/
@charset "utf-8";

.delighter.delighter {/* 通常（下から） 
	transition:all .6s ease-out;
	transform:translateY(20px);
	opacity:0;
*/}
.delighter.delighter.started {/*◆ここまでのdelighter終了時の設定◆ */
	transform:none;
	opacity:1;
}
/*バウンス(大きくなってから通常サイズ) */
.delighterBounce.delighter {
	opacity:0;
}
.delighter.delighterBounce.started {
	/*opacity:1;*/
	animation: bounce .6s linear;
}
@keyframes bounce {
  0% {
    transform:scale(0.3);
  }
	50% {
    opacity:1;
    transform:scale(1.5);
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}


.advertise_content {
	
}
.advertise_content + br {
	display:none !important;
}

/********************************************************************
 *　//無料広告掲載キャンペーン実施中
********************************************************************/
.advertise_camp_introduct {
	position:relative;
	background:url(../img/ad_camp_free_bg.jpg) center top no-repeat;
	background-size:cover;
	border-radius:3em;
	padding-top:4em;
	padding-bottom:3em;
	/*margin-bottom:5em;*/
	margin-bottom:10em;
	z-index:1;
}
.advertise_camp_introduct::after {/*女性画像*/
	content:"";
	position:absolute;
	bottom:0;
	right:-1.6em;
	width:46%;
	aspect-ratio:390/512;
	background:url(../img/ad_camp_introduct_lady.png) center top no-repeat;
	background-size:100% auto;
	z-index:-1;
}
	

.advertise_camp_introduct .buzz_logo {
	position:absolute;
	top:-4.4em;
	right:5.4%;
	width:28.47%;
}
.advertise_camp_introduct .introduct_text {
	line-height:1.6;
	padding:1.2em 4% 1.2em 6%;
	font-weight:600;
	filter:drop-shadow(2px 0px 0px rgba(255, 255, 255, 1)) drop-shadow(0px 2px 0px rgba(255, 255, 255, 1)) drop-shadow(-2px 0px 0px rgba(255, 255, 255, 1)) drop-shadow(0px -2px 0px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
	z-index:2;
}
.advertise_camp_introduct .introduct_text.text1 {
	padding-top:1em;
	padding-right:27%;
}
.advertise_camp_introduct .introduct_text:not(.text1) {
	padding-right:33%;
}
.advertise_camp_introduct .introduct_lady {
	position:absolute;
	bottom:0;
	right:-1.6em;
	width:42.82%;
	margin:0;
	padding:0;
	z-index:0;
}

/*▼==========【SP】無料広告掲載キャンペーン実施中==========▼*/
@media only screen and (max-width: 768px) {
	.advertise_camp_introduct  {
		margin-bottom:5em;
	}
	.advertise_camp_introduct .introduct_text {
		font-size:3vw;
	}
	.advertise_camp_introduct .introduct_text.text1,
	.advertise_camp_introduct .introduct_text.text2,
	.advertise_camp_introduct .introduct_text.text3 {
		padding-right:4%;
	}

}
@media only screen and (max-width: 560px) {
	.advertise_camp_introduct .introduct_text:not(.text1) {
		
	}

}
/*▲ ============ SP ============ ▲*/




/********************************************************************
 *　//[差し込み20250721]1ヶ月料金で2ヶ月掲載バナー
********************************************************************/
.camp_plan_2month {
	display:flex;
	justify-content:flex-end;
	margin-bottom:1em;
}
@media only screen and (max-width: 768px) {
	.camp_plan_2month img {
		width:77%;
		margin-bottom:0;
	}

}


/********************************************************************
 *　//プラン表
********************************************************************/
.advertise_camp_plan {
	margin-bottom:2em;
}
.plan_limited {
	position:relative;
	margin-bottom:4em;
}
.plan_limited .plan_limited_text {
	position:absolute;
	top:0;
	left:0;
}
.plan_list_wrap {
	position:relative;
}
.plan_fukidashi {
	position:absolute;
	top:-25%;
	left:0;
	width:22%;
}
.plan_list_wrap .plan_list {
	overflow-x:auto;
}
.plan_list_wrap .plan_scroll {
	width:126%;
	padding-bottom:1em;
}

/*▼==========【SP】プラン表==========▼*/
@media only screen and (max-width: 768px) {
	
	.plan_fukidashi {
		top:-22%;
	}
	.plan_list_wrap .plan_scroll {
		width:140%;
	}

}
/*▲ ============ SP ============ ▲*/


/********************************************************************
 *　//BuzzSPAでの掲載例
********************************************************************/
.advertise_camp_exam {
	margin-bottom:4em;
}
.camp_exam_ttl {
	margin-bottom:3em;
}
.camp_exam_list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.camp_exam_list dl {
	width:38%;
	margin-bottom:4em;
	text-align:center;
}
.camp_exam_list dl dt {
	margin-bottom:1.8em;
}
.camp_exam_list dl dt img {
	width:80%;
}
.camp_exam_list dl dd {
	border:0.6em solid #fff;
	border-radius:0.8em;
	box-shadow:0.05em 0.5em 0.6em rgba(138,138,138,0.14);
	overflow:hidden;
}

/*▼==========【SP】BuzzSPAでの掲載例==========▼*/
@media only screen and (max-width: 768px) {
	
	.advertise_camp_exam {
		font-size:3vw;
	}
	.camp_exam_list {
		justify-content:space-between;
	}
	.camp_exam_list dl {
		width:48%;
		margin-bottom:3em;
	}
		.camp_exam_list dl dt {
		margin-bottom:1em;
	}

}
/*▲ ============ SP ============ ▲*/


/********************************************************************
 *　//BuzzSPA への相互リンクバナー設置には以下の画像・ソースコードをご利用下さい
********************************************************************/
.advertise_camp_each {
	margin-bottom:3em;
}
.camp_each_text {
	margin-bottom:2em;
}
.camp_each_ttl {
	margin-bottom:2em;
}
.camp_each_text {
	margin-left:6%;
	margin-right:6%;
}
.camp_each_banner {
	position:relative;
	padding:1.5em 4% 1.5em 10%;
	margin-left:4%;
	margin-right:4%;
}

.camp_each_banner::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius:3em;
	border: 0.4em solid transparent;
	background: linear-gradient(135deg, #e8f8ff, #baeaff) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
	z-index:-1;
}
.camp_each_banner dl {
	display:flex;
	width:100%;
	border-bottom:solid 1px #eeeeee;
	box-sizing:border-box;
	width:100%;
	padding:1.5em 0;
}
.camp_each_banner dl dt {
	width:12em;
}
.camp_each_banner dl dd {
	box-sizing:border-box;
	width:calc(100% - 12em);
	padding-left:1em;
}
.camp_each_banner dl dd .code {
	background:#fff;
	border:solid 1px #eeeeee;
	overflow-wrap:anywhere;
	word-break:break-all;
	white-space: pre-wrap;
}

/*▼==========【SP】BuzzSPA への相互リンクバナー設置には以下の画像・ソースコードをご利用下さい==========▼*/
@media only screen and (max-width: 768px) {
	
	.advertise_camp_each {
		font-size:3vw;
	}
	.camp_each_banner {
		padding:1.5em 5%;
		margin-left:0;
		margin-right:0;
	}
	.camp_each_banner dl {
		display:block;
	}
	.camp_each_banner dl dt {
		width:auto;
		margin-bottom:0.8em;
	}
	.camp_each_banner dl dd {
		width:auto;
		padding-left:0;
	}

}
/*▲ ============ SP ============ ▲*/


/********************************************************************
 *　//相互リンクバナーとテキスト 消してよい
********************************************************************/
.linkContents {
	padding-top:2em;
	padding-left:6%;
	padding-right:6%;
}
.linkContents .imgBanner,
.linkContents .textLink {

	margin-bottom:5em;
	/*text-align:center;*/
}
.ageAuthContents .bnPriority {
	margin-bottom:2.5em;
}
.ageAuthContents .bnPriority img,
.linkContents .imgBanner img {
	/*font-size:0;
	line-height:0;*/
	font-size:0;
	line-height:1;
	width:auto;
	max-width:100%;
	height:auto;
	margin-bottom:8px;
}
.linkContents .imgBanner p.bannerNotice {
	font-size:0.8em;
	margin-bottom:8px;
}
.linkContents .imgBanner p:not(.bannerNotice) { /*バナーの下にテキストがある場合はpタグに入れる*/
	display:inline-block;
	margin-bottom:8px;
	text-align:center;
}
.linkContents textarea {
	box-sizing:border-box;
	width:100%;
}
.linkContents br {
	line-height:1;
}
.linkContents table td {
	vertical-align:middle;
}









/********************************************************************
 *　//掲載の流れ
********************************************************************/
.advertise_camp_flow {
	position:relative;
	margin-bottom:4em;
}
.flow_list_wrap {

}
.flow_fukidashi {
	width:22%;
}
.flow_list_wrap .flow_list {
	margin-left:1em;
	overflow-x:auto;
}
.flow_list_wrap .flow_scroll {
	width:160%;
	padding-bottom:1em;
	margin-bottom:1em;
}
.camp_flow_notice {
	position:relative;
	padding:2em 0;
	margin-left:4%;
	margin-right:4%;
}
.camp_flow_notice::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius:3em;
	border: 0.4em solid transparent;
	background: linear-gradient(135deg, #e8f8ff, #baeaff) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
	z-index:-1;
}
.flow_notice_ttl {
	display:block;
	font-size:1.4em;
	margin-bottom:1em;
	text-align:center;
	font-weight:bold;
}
.camp_flow_text {
	margin:0 7%;
}

/*▼==========【SP】掲載の流れ==========▼*/
@media only screen and (max-width: 768px) {
	
	.advertise_camp_flow {
		font-size:3vw;
	}
	.flow_list_wrap .flow_scroll {
		width:185%;
	}
	.camp_flow_notice {
		margin-left:0;
		margin-right:0;
	}

}
/*▲ ============ SP ============ ▲*/


/********************************************************************
 *　//よくある質問
********************************************************************/
.advertise_camp_faq {
	padding-bottom:5em;
}
.faq_fukidashi {
	width:22%;
}
.faq_content {
	background:url(../img/ad_camp_faq_lady.png) left 30% no-repeat;
	background-size:32.4% auto;
	padding-left:37%;
	margin-top:-6em;
}
.faq_list {
	margin-bottom:2em;
}
.faq_list dl {
	line-height:1.4;
	margin-bottom:2em;
}
.faq_list dt {
	position:relative;
	font-size:1.6em;
	padding:0.1em 0 0.1em 2em;
	margin-bottom:0.5em;
	color:#00aeff;
	font-weight:normal;
}
.faq_list dt::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	width:1.4em;
	height:1.5em;
	background:url(../img/ad_camp_faq_Q.png) center left no-repeat;
	background-size:100% auto;
}
.faq_list dd {
	font-size:1.1em;
	position:relative;
	padding:0.1em 0 0.1em 3.2em;
	font-weight:normal;
}
.faq_list dd::before {
	font-size:1.6em;
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	width:1.4em;
	height:1.5em;
	background:url(../img/ad_camp_faq_A.png) center left no-repeat;
	background-size:100% auto;
}



/*▼==========【SP】よくある質問==========▼*/
@media only screen and (max-width: 768px) {
	.advertise_camp_faq {
		font-size:3vw;
		background:url(../img/ad_camp_faq_lady.png) right top no-repeat;
		background-size:32.4% auto;
	}
	.faq_content {
		background:none;
		padding-left:0;
		margin-top:0;
		margin-left:4%;
	}
	.faq_list dl:nth-of-type(1),
	.faq_list dl:nth-of-type(2){
		filter:drop-shadow(2px 0px 0px rgba(255, 255, 255, 1)) drop-shadow(0px 2px 0px rgba(255, 255, 255, 1)) drop-shadow(-2px 0px 0px rgba(255, 255, 255, 1)) drop-shadow(0px -2px 0px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
	}
	
}
/*▲ ============ SP ============ ▲*/


.advertise_camp_form_top {
	position:relative;
	margin-bottom:0;
}
.advertise_camp_form_top_text {
	position:absolute;
	top:0;
	left:0;
}