@charset 'UTF-8';

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

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

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

01. テーマ
02. 記事

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





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


.contents .theme .title {background-image: url(/information/article/img/pc/thm_bg_wall.png);}


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





/** |02. 記事| >> ********************************************************************* >> START **/


.contents .article {
	margin: 0;
	padding-top: 48px;
	width: auto;
}

	.contents .article  a[target="_blank"]::after {
		background: url(/information/article/img/pc/art_ico_blank.png) no-repeat 0 0;
		background-size: 100% auto;
		content: '';
		display: inline-block;
		height: 1em;
		margin-left: 0.3em;
		vertical-align: middle;
		width: 1em;
	}


	/** [記事名] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .article .name {
		background: url(/common/img/pc/cnt_bg_wavy.png) repeat-x 0 100%;
		font-size: 26px;
		font-weight: bold;
		line-height: 1.46;
		margin: 0 auto;
		min-height: 124px;
		padding: 0 0 32px 246px;
		position: relative;
		width: 1030px;
	}

		.contents .article .name::before {
			background: url(/information/article/img/pc/art_img_point.png) no-repeat 0 0;
			content: '';
			display: block;
			height: 92px;
			left: 0;
			position: absolute;
			top: 2px;
			width: 176px;
		}

		.contents .article .name span {
			display: inline-block;
			font-size: 20px;
			padding-bottom: 0.8em;
		}


	/** [記事本文] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .article .body {
		margin: 0 auto;
		padding: 26px 0 34px;
		width: 1030px;
	}

		.contents .article .body .photo {
			background: no-repeat 0 0;
			height: 460px;
			width: 1030px;
		}

		.contents .article .body .title {
			color: #103675;
			font-size: 24px;
			font-weight: bold;
			line-height: 1.78;
			padding-top: 28px;
		}

		.contents .article .body .text {
			line-height: 1.78;
			padding-top: 6px;
		}


	/** [関連情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .article .relation {
		background-color: #f7f7f7;
		padding: 12px 0;
	}

		.contents .article .relation .prop {
			margin: 0 auto;
			width: 1030px;
		}

			.contents .article .relation .prop::before,
			.contents .article .relation .prop::after {
				background: url(/common/img/pc/cnt_bg_headline.png) repeat 0 0;
				content: '';
				height: 5px;
				display: block;
				width: 1030px;
			}

			.contents .article .relation .prop::before {margin-bottom: 28px;}
			.contents .article .relation .prop::after {margin-top: 28px;}

			.contents .article .relation .data {}

				.contents .article .relation .data tbody,
				.contents .article .relation .data tr {
					display: block;
					font-size: 0;
					text-align: left;
				}

				.contents .article .relation .data th,
				.contents .article .relation .data td {
					display: inline-block;
					font-size: 18px;
					line-height: 1.78;
				}

			.contents .article .relation .note {line-height: 1.78;}


	/** [デジタルBOOK] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .article .digital {
		margin: 0 auto;
		padding-top: 30px;
		width: 1030px;
	}

		.contents .article .digital dt,
		.contents .article .digital dd {
			font-size: 16px;
			line-height: 2;
		}


	/** [一覧に戻る] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .article .archive {
		background: url(/information/article/img/pc/arc_bg_back.png) no-repeat 100% 100%;
		height: 56px;
		margin: 0 auto;
		margin-top: 48px;
		width: 226px;
	}

		.contents .article .archive a {
			background: url(/information/article/img/pc/arc_btn_back.png) no-repeat 0 0;
			display: block;
			height: 100%;
			width: 100%;
		}

		.contents .article .archive a:hover {background-position: 100% 100%;}


/** |02. 記事| << *********************************************************************** << END **/