@charset 'UTF-8';

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

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

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

01. テーマ
02. アーカイブ

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





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


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


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





/** |02. アーカイブ| >> *************************************************************** >> START **/


.contents .archive .preface {
	line-height: 1.64;
	padding: 1em 2em;
	text-align: center;
}

	.contents .archive .preface br {display: none;}

.contents .archive .articles {
	background: url(/common/img/sp/cnt_bg_wavy.png) repeat-x 0 0;
	background-size: 3.75% auto;
	padding-top: 1.25%;/* 8px */
	width: 100%;/* 640px */
}

	.contents .archive .articles li {
		background: url(/common/img/sp/cnt_bg_wavy.png) repeat-x 0 100%;
		background-size: 3.75% auto;
		padding: 9.38% 6.25% 10.63%;/* 60px 40px 68px */
		position: relative;
		width: 100%;/* 640px */
	}


		/* イメージ */
		.contents .archive .articles li .image {
			position: relative;
			width: 100%;/* 560px */
		}

			.contents .archive .articles li .image::before {
				background: url(/information/img/sp/arc_txt_genre.png) no-repeat 0 0;
				background-size: 100% auto;
				content: '';
				display: block;
				left: 0;
				margin: 5.36% 0 0 -1.79%;/* 30px 0 0 -10px */
				padding-top: 8.21%;/* 46px */
				position: absolute;
				top: 0;
				width: 26.43%;/* 148px */
			}


		/* 概要 */
		.contents .archive .articles li .label {padding-top: 5.36%;/* 30px */}

			.contents .archive .articles li .label dt,
			.contents .archive .articles li .label dd {line-height: 1.64;}

			.contents .archive .articles li .label dt {
				font-size: 2.4rem;
				font-weight: bold;
			}

				.contents .archive .articles li .label dt span {
					display: block;
					font-size: 1.8rem;
					padding-bottom: 0.4em;
				}

			.contents .archive .articles li .label dd {padding-top: 0.4em;}


		/* 詳しくはこちら */
		.contents .archive .articles li .more {
			margin: 0 auto;
			padding-top: 7.14%;/* 40px */
			width: 48.21%;/* 270px */
		}


.contents .archive .pages {
	font-size: 0;
	padding-top: 10.31%;/* 66px */
	text-align: center;
}

	.contents .archive .pages .index,
	.contents .archive .pages .index li {
		display: inline-block;
		padding: 0 1.25vw;/* 0 8px */
	}

	.contents .archive .pages .skip {display: inline-block;}

		.contents .archive .pages a {
			border: 1px solid #103675;
			border-radius: 10px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			color: #103675;
			display: inline-block;
			font-size: 2.4rem;
			font-weight: bold;
			height: 8.44vw;/* 54px */
			line-height: 8.44vw;
			text-align: center;
			text-decoration: none;
			width: 8.44vw;/* 54px */
		}

		.contents .archive .pages .active a {
			background-color: #103675;
			color: #fff;
		}


/** |02. アーカイブ| << ***************************************************************** << END **/