@charset "UTF-8";

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

	campaign.css
	---------------------------
	Last Modified:	2015.05.05

	INDEX:
	---------------------------
		ALL SIZES:
			0. Local Styles

		Media Queries:
			S. MOBILE ONLY
			M. INTERMEDIATE
			L. WIDE
			XL. Maximal Width
			Old Browser styles
			Print styles

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


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

   ALL SIZES:

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

/*	0. Local Styles
----------------------------- */

#feat-section {
	position: relative;
	width: 100%;
	background: url(../img/bg_feat_campaign.jpg) no-repeat center center;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
	#feat-section .section-contents {
		background: #FFF;
		background: rgba(255,255,255,.8);
	}

#bnrListWrapper {
	padding-top: 40px;
	padding-bottom: 10px;
}
#bnrListWrapper:after {
	content: "";
	display: block;
	clear: both;
}
	.bnrList li {
		margin-bottom: 10px;
	}
#bnrListWrapper h2 {
	margin-bottom: 10px;
}


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

   Media Queries:

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


/* ====================
	S. MOBILE ONLY:
   ==================== */

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

	#feat-section {
		height: 200px;
	}
		#feat-section .section-contents {
			padding: 30px;
		}
		#feat-section h1 {
			font-size: 140%;
			line-height: 1.8;
			letter-spacing: .1em;
		}

}


/* ====================
	M. INTERMEDIATE:
   ==================== */

@media only screen and (min-width: 481px) {



}


/* ========================
	L. WIDE:
   ======================== */
@media only screen and (min-width: 768px) {


	#feat-section {
		height: 500px;
		min-width: 1040px;
	}
		#feat-section .section-contents {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			width: 500px;
			height: 310px;
			background: #FFF;
			background: rgba(255,255,255,.8);
		}

	#bnrListWrapper {
		width: 820px;
		margin: 0 auto;
	}
	.col-left {
		float: left;
	}
	.col-right {
		float: right;
	}
	.bnr-large {}


}


/* ===============
	XL. Maximal Width
   =============== */
@media only screen and (min-width: 1025px) {



}



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

   Device styles

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

.pc {}

.sp {}





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

   Old Browser styles

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


	.lt-ie9 #feat-section {
		height: 500px;
		min-width: 1040px;
	}
		.lt-ie9 #feat-section .section-contents {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			width: 500px;
			height: 310px;
			background: #FFF;
			background: rgba(255,255,255,.8);
		}

	.lt-ie9 #bnrListWrapper {
		width: 820px;
		margin: 0 auto;
	}
	.lt-ie9 .col-left {
		float: left;
	}
	.lt-ie9 .col-right {
		float: right;
	}
	.lt-ie9 .bnr-large {}






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

   Print styles

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

@media print {

}