@charset "UTF-8";
/*
 * ================================================
 *
 * [news]
 *
 * ================================================
 */
/**
 * articles
 */
.articles {}
	.articles article {
		border-bottom: 1px dashed #999;
		padding: 15px 20px;
		display: table;
		width: 100%;
	}
	.articles article time,
	.articles article h3 {
		display: table-cell;
	}
	.articles article time {
		width: 8em;
	}
	.articles article h3 {
		padding-left: 2em;
	}
/**
 * pagination
 */
.pagination {
	text-align: center;
	font-size: 1.5rem;
	padding-top: 30px;
}
	.pagination li {
		display: inline-block;
	}
	.pagination li.prev,
	.pagination li.next {
		font-size: 1.4rem;
	}
	.pagination li.prev {
		margin-right: .5em;
	}
	.pagination li.next {
		margin-left: .5em;
	}
	.pagination li {
		display: inline-block;
	}
		.pagination li a {
			display: inline-block;
			text-decoration: none;
		}
		.pagination li a:hover {
			text-decoration: underline;
		}
		.pagination li span {
			padding: .25em;
		}
/**
 * postInfo
 */
.postInfo {
	text-align: right;
	padding-bottom: 2em;
	font-weight: bold;
}
/**
 ****************************************************
 *
 * screens larger than 767
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {}

/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * articles
	 */
	.articles {}
		.articles article {
			padding: 12px 15px;
			display: block;
			font-size: 1.2rem;
		}
		.articles article time,
		.articles article h3 {
			display: block;
		}
		.articles article time {
			margin-bottom: 5px;
		}
		.articles article h3 {
			padding-left: 0;
		}
}