/*
* Box Theme
* Created by : Ahmed Eissa
* website : www.ahmedessa.net
* behance : https://www.behance.net/3essa
*/

html {
	overflow-x: hidden;
}
.camLead {
	width: 100%;
}
.top-bar {
	padding: 0;
}
.top-bar-bg:before {
	/*! background:url(../img/main.jpg) center top no-repeat; */
}
.top-bar h1,
.top-bar p {
	text-indent: -9999px;
}

#campaign201906 {
	padding: 100px 30px 0;
	background-color: #fff;
}
#campaign201906 .camTitle {
	margin: 0 0 20px;
	font-size: 1.4rem;
}
#campaign201906 .camTitle:before {
	content:"―"
}
#campaign201906 .camTitle:after {
	content:"―"
}
#campaign201906 .fsLead {
	margin: 0 0 50px;
	font-size: 1.8rem;
	letter-spacing: 6px;
}
#campaign201906 .fsRotate {
	font-size: 1.2rem;
	margin: 0 0 10px;
	color: #c8a562;
}
#campaign201906 .fsRotate:before {
	content:"＼"
}
#campaign201906 .fsRotate:after {
	content:"／"
}
#campaign201906 .remark {
	font-size: 0.9rem;
}
.button-area {
	padding: 70px 30px 100px;
}
#contact-area {
	border-top: 1px solid #000;
}



/*=================================================

 Responsive media queries

==================================================*/

/* ----------------------------------------------
max-width: 991px 
------------------------------------------------ */

@media (max-width: 991px) {

	#campaign201906 .discription {
	}


}

/* ----------------------------------------------
max-width: 670px 
------------------------------------------------ */

@media only screen and (max-width: 670px) {

	.images img {
		width : 100% ;
		margin: 0;
		padding: 0;
	}

}

/* ----------------------------------------------
max-width: 520px 
------------------------------------------------ */

@media only screen and (max-width: 520px) {

}

/* ----------------------------------------------
max-width: 420px 
------------------------------------------------ */

@media only screen and (max-width: 420px) {
	

	.top-bar-bg:before {
		height: 600px;
		background-size: cover;
	}

	/* campaign201906page-campaign201906
	------------------------------------*/
	.top-bar {
		/*! padding: 150px 0; */
	}
	#campaign201906page section#campaign201906 {
		padding: 40px 30px;
	}
	#campaign201906page #campaign201906 h2 {
		margin-bottom: 20px;
	}
	#campaign201906page #campaign201906 p.fsLead {
		margin-bottom: 25px;
		font-size: 1.1rem;
	}
	#campaign201906 .camTitle:before {
		content:""
	}
	#campaign201906 .camTitle:after {
		content:""
	}
	#campaign201906 .fsRotate:before {
		content:""
	}
	#campaign201906 .fsRotate:after {
		content:""
	}
	#campaign201906 .fsRotate {
		font-size: 1.0rem;
		margin: 0 0 10px;
		color: #c8a562;
	}
	.button-area {
		padding: 0 30px 40px;
	}
.top-bar-bg:before {
	background:url(../img/mainSp.jpg) center top no-repeat;
	background-size: cover;
}

}