@charset 'UTF-8';

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

ilm/diary/index_pc.css
Ver.201802

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

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

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





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


.contents .body p:first-child {
	line-height: 1.88;
	padding-top: 0;
}


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





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


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

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

	.contents .body .latest .article a:hover {opacity: 0.5;}

		.contents .body .latest .article .image {
			background-color: #f4f4f5;
			float: left;
			margin-top: 4px;
			width: 286px;
		}

			.contents .body .latest .article .image img {
				height:auto;
				width: 100%;
			}

		.contents .body .latest .article .label {
			float: right;
			font-size: 0;
			width: 438px;
		}

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

			.contents .body .latest .article .label dd {
				display: inline-block;
				font-size: 14px;
				padding: 6px 0 0 16px;
			}

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

		.contents .body .latest .article .text {
			float: right;
			line-height: 1.88;
			padding-top: 10px;
			width: 438px;
		}


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





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


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

	.contents .body .archive .year {
		padding-top: 10px;
		width: 760px;
	}

		.contents .body .archive .year li {
			float: left;
			padding: 30px 10px 0 0;
			width: 190px;
		}

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

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


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

	.contents .body .archive .note {padding-top: 20px;}

		.contents .body .archive .note li {
			line-height: 1.88;
			padding-top: 16px;
		}


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