@charset 'UTF-8';

/** |READ ME| **************************************************************************************

www.keio-unyu.co.jp
/campaign/css/index_pc
Ver.201803

----------------------------------------------------------------------------------------------------

01. お得なキャンペーン情報

************************************************************************************** |READ ME| **/





/** |01. お得なキャンペーン情報| >> *************************************************** >> START **/


.contents::before {
	background-color: #f7f7f7;
	content: '';
	display: block;
	height: 112px;
}

.contents .campaign {
	background: url(/common/img/pc/cnt_bg_wavy.png) repeat-x 0 100%;
	padding: 20px 0 66px;
}

	.contents .campaign::before {
		background-image: url(/campaign/img/pc/cmp_txt_head.png);
		height: 94px;
		width: 392px;
	}

	.contents .campaign::after {
		background-image: url(/campaign/img/pc/cmp_bg_star.png);
		content: '';
		display: block;
		height: 86px;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: -80px;
		width: 1130px;
	}

	.contents .campaign .headline {font-size: 30px;}

		.contents .campaign .present {
			background: url(/campaign/img/pc/cmp_txt_present.png) no-repeat 0 0;
			display: block;
			height: 234px;
			margin: 40px auto 0;
			width: 960px;
		}
		.contents .campaign .moving {
			background: url(/campaign/img/pc/cmp_spring2025.png) no-repeat 0 0;
			display: block;
			margin: 40px auto 0;
			width: 960px;
		}

		.contents .campaign .text {
			line-height: 1.78;
			padding-top: 18px;
			text-align: center;
		}

			.contents .campaign .text strong {
				font-size: 20px;
				position: relative;
				z-index: 1;
			}

				.contents .campaign .text strong::after {
					background-color: #f1d230;
					bottom: 0.1em;
					content: '';
					display: block;
					height: 0.4em;
					left: 0;
					position: absolute;
					right: 0;
					z-index: -1;
				}


	.contents .campaign .more {padding-top: 50px;}

		.contents .campaign .more a {
			background: url(/campaign/img/pc/cmp_btn_candc.png) no-repeat 0 0;
			display: block;
			height: 48px;
			margin: 0 auto;
			width: 266px;
		}

			.contents .campaign .more a:hover {opacity: 0.5;}


/** |01. お得なキャンペーン情報| << ***************************************************** << END **/