@charset 'UTF-8';

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

ilm/diary/index_sp.css
Ver.201802

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

01. 概要
02. 最近の投稿
03. 2017年以前の日記

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





/** |01. 概要| >> ********************************************************************* >> START **/


.contents .body p:first-child {line-height: 1.67;}


/** |01. 概要| << *********************************************************************** << END **/





/** |02. 最近の投稿| >> *************************************************************** >> START **/


.contents .body .latest .article {border-bottom: 1px solid #d4d5d6;}

	.contents .body .latest .article a {
		color: inherit;
		display: block;
		padding: 10.49% 0;/* 60px 0 */
		text-decoration: none;
		width: 100%;/* 572px */
	}

		.contents .body .latest .article .image {
			background-color: #f4f4f5;
			width: 100%;/* 572px */
		}

		.contents .body .latest .article .label {padding-top: 4.55%;/* 26px */}

			.contents .body .latest .article .label dt {
				font-family: 'UD新ゴ R', sans-serif;
				line-height: 1.67;
			}

			.contents .body .latest .article .label dd {
				display: inline-block;
				font-size: 2rem;
				padding: 4.55% 0 0 3.5%;/* 26px 0 0 20px */;
			}

			.contents .body .latest .article .label dd:first-of-type {padding-left: 0;}

		.contents .body .latest .article .text {
			line-height: 1.88;
			padding-top: 4.55%;/* 26px */
		}


/** |02. 最近の投稿| << ***************************************************************** << END **/





/** |03. 2017年以前の日記| >> ********************************************************* >> START **/


	/** [年別リスト] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .archive .year {
		padding-top: 4.55%;/* 26px */
		width: 100%;/* 572px */
	}

		.contents .body .archive .year li {
			float: left;
			width: 33.33%;/* 190.7px */
			padding: 4.55% 4.55% 0 0;/* 26px 26px 0 0 */
		}

			.contents .body .archive .year li a {
				color: #7f8283;
				display: inline-block;
				position: relative;
				padding-left: 1em;
			}

				.contents .body .archive .year li a::before {
					background: url(/common/img/bdy_ico_link.gif) no-repeat 0 0;
					background-size: auto 100%;
					content: '';
					display: block;
					height: 0.8em;
					left: 0;
					position: absolute;
					top: 0;
					width: 0.8em;
				}


	/** [注記] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .archive .note {padding-top: 4.2%;/* 24px */}

		.contents .body .archive .note li {line-height: 2.08;}


/** |03. 2017年以前の日記| << *********************************************************** << END **/
