html {
    font-size: 62.5%;
}
body {
    font-size: 100%;
    font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    -webkit-text-size-adjust: 100%;
}

#posts {
	width: 100%;
	padding: 8px 0; padding-top: 2.133vw; padding-bottom: 2.133vw; padding-right: 6.4vw; padding-left: 6.4vw;
}

#posts .post {
	font-size: 12px; font-size: 3.2vw;
	line-height: 183.333%;
	padding: 10px 0 8px 0; padding-top: 2.666vw; padding-bottom: 2.133vw;
}
#posts .post+.post {
	border-top: dashed 1px #eeead6;
}
#posts .post-update {
	display: block;
}
#posts .post-title {
	display: block;
}
#posts .post-title a {
}

@media screen and (min-width: 768px) {

	#posts {
		padding: 0;
		display: table;
		width: 98%;
		margin: 0 auto;
	}
	#posts .post {
		display: table-row;
		font-size: 14px; font-size: 1.4rem;
		line-height: 171.428%;
		padding: 0;
	}
	#posts .post+.post {
		border-top: none;
	}
	#posts .post+.post .post-update,
	#posts .post+.post .post-title {
		border-top: dotted 1px #d6d5c6;
	}
	#posts .post-update,
	#posts .post-title {
		display: table-cell;
		vertical-align: top;
		padding: 14px 16px 12px 16px;
	}
	#posts .post-update {
		white-space: nowrap;
		width: 100px;
		padding-left: 16px;
	}
	#posts .post-title {}

}