@charset 'UTF-8';

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

www.keio-unyu.co.jp
/special/css/index_pc
Ver.201811

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

01. テーマ
02. 会員募集中
03. オフィシャルサイト

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





/** |01. テーマ| >> ******************************************************************* >> START **/


.contents .theme .title {
	background: url(/special/img/pc/thm_txt_title.png) no-repeat 0 0;
	height: 358px;
	margin: 0 auto;
	padding-top: 0;
	width: 1060px;
}


/** |01. テーマ| << ********************************************************************* << END **/





/** |02. 会員募集中| >> *************************************************************** >> START **/


.contents .members {padding: 40px 0 54px;}

	.contents .members .accepted {
		margin: 0 auto;
		text-align: center;
		width: 1030px;
	}

		.contents .members .accepted .title {
			background: url(/special/img/pc/mmb_txt_acceoted.png) no-repeat 0 0;
			margin: 0 auto;
			height: 80px;
			width: 630px;
		}

		.contents .members .accepted .outline {padding-top: 32px;}

			.contents .members .accepted .outline dt {
				color: #103675;
				font-size: 28px;
				font-weight: bold;
				line-height: 1.79;
			}

			.contents .members .accepted .outline dd {line-height: 1.78;}

				.contents .members .accepted .outline dd p {padding-top: 26px;}

	.contents .members .gift {
		font-size: 0;
		margin: 0 auto;
		width: 1028px;
	}

		.contents .members .gift li {
			display: inline-block;
			margin-left: 64px;
			position: relative;
			vertical-align: top;
			width: 300px;
		}

		.contents .members .gift li:first-of-type{margin-left: 0;}

			.contents .members .gift li .label {
				padding-top: 44px;
				position: relative;
			}

			.contents .members .gift li .label dt {
				background: no-repeat 0 0;
				height: 300px;
				width: 300px;
			}

			.contents .members .gift li:nth-of-type(1) .label dt {background-image: url(/special/img/pc/gft_txt_label01.png);}
			.contents .members .gift li:nth-of-type(2) .label dt {background-image: url(/special/img/pc/gft_txt_label02.png);}
			.contents .members .gift li:nth-of-type(3) .label dt {background-image: url(/special/img/pc/gft_txt_label03.png);}

			.contents .members .gift li .label dd {
				background: no-repeat 0 0;
				height: 186px;
				margin-top: 20px;
				width: 300px;
			}

			.contents .members .gift li:nth-of-type(1) .label dd {background-image: url(/special/img/pc/gft_img_gift01.png);}
			.contents .members .gift li:nth-of-type(2) .label dd {background-image: url(/special/img/pc/gft_img_gift02.png);}
			.contents .members .gift li:nth-of-type(3) .label dd {background-image: url(/special/img/pc/gft_img_gift03.png);}

			.contents .members .gift li .outline {
				font-size: 18px;
				line-height: 1.78;
				padding: 26px 0 78px;
			}

				.contents .members .gift li .outline span {
					display: block;
					font-size: 16px;
					margin: 1em 0 0 1em;
					text-indent: -1em;
				}

			.contents .members .gift li .more {
				background: url(/special/img/pc/gft_bg_more.png) no-repeat 100% 100%;
				bottom: 0;
				height: 64px;
				left: 0;
				position: absolute;
				width: 300px;
			}

				.contents .members .gift li .more a {
					background: url(/special/img/pc/gft_btn_more.png) no-repeat 0 0;
					display: block;
					height: 64px;
					position: absolute;
					width: 300px;
				}

				.contents .members .gift li .more a:hover {background-position: 100% 100%;}


/** |02. 会員募集中| << ***************************************************************** << END **/





/** |03. オフィシャルサイト| >> ******************************************************* >> START **/


.contents .official {margin-top: 0;}

	.contents .official .prop {width: 1030px;}

		.contents .official p {
			font-size: 20px;
			line-height: 1.8;
		}
	
		.contents .official .more {
			background: url(/special/img/pc/off_bg_site.png) no-repeat 100% 100%;
			height: 82px;
			margin: 30px auto 0;
			width: 624px;
		}
	
			.contents .official .more a {
				background: url(/special/img/pc/off_btn_site.png) no-repeat 0 0;
				display: block;
				height: 82px;
				width: 624px;
			}
	
			.contents .official .more a:hover {background-position:  100% 100%;}


/** |03. オフィシャルサイト| << ********************************************************* << END **/