@charset 'UTF-8';

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

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

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

01. テーマ
02. 記事

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





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


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


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





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


.contents .article {padding-top: 2.5%;/* 16px */}

	.contents .article  a[target="_blank"]::after {
		background: url(/information/article/img/sp/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/sp/cnt_bg_wavy.png) repeat-x 0 100%;
		background-size: 3.75% auto;
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 1.36;
		padding: 0 0.5em 6.25%;/* 0 1em 40px */
	}

		.contents .article .name::before {
			background: url(/information/article/img/sp/art_img_point.png) no-repeat 0 0;
			background-size: 100% auto;
			content: '';
			display: block;
			margin: 0 auto 0.6em;
			padding-top: 13.75%;/* 88px */
			width: 26.25%;/* 168px */
		}

		.contents .article .name span {
			display: inline-block;
			font-size: 2rem;
			padding-bottom: 0.6em;
		}


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

	.contents .article .body {
		margin: 0 auto;
		padding: 5.94% 0;/* 38px 0 */
		width: 95.31%;/* 610px */
	}

		.contents .article .body .title {
			color: #103675;
			font-size: 2.6rem;
			font-weight: bold;
			line-height: 1.76;
			padding-top: 1.18em;
		}

		.contents .article .body .text {
			line-height: 1.76;
			padding-top: 1em;
		}


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

	.contents .article .relation {
		background-color: #f7f7f7;
		padding: 4.38% 0;/* 28px 0 */
	}

		.contents .article .relation .prop {
			margin: 0 auto;
			width: 95.31%;/* 610px */
		}

			.contents .article .relation .prop::before,
			.contents .article .relation .prop::after {
				background: url(/common/img/sp/cnt_bg_headline.png) repeat 0 0;
				background-size: 0.78% auto;
				content: '';
				padding-top: 0.82%;/* 5px */
				display: block;
				width: 100%;/* 610px */
			}

			.contents .article .relation .prop::before {margin-bottom: 1em;}
			.contents .article .relation .prop::after {margin-top: 1em;}

			.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: 2.2rem;
					line-height: 1.73;
				}

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


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

	.contents .article .digital {
		margin: 0 auto;
		padding-top: 4.69%;/* 30px */
		width: 95.31%;/* 610px */
	}

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


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

	.contents .article .archive {
		margin: 0 auto;
		padding-top: 6.25%;/* 40px */
		width: 42.19%;/* 270px */
	}


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