@charset "UTF-8";

/* ============================================================
	お知らせ
============================================================ */
#single {
	position: relative;
	padding: 8rem 0 3rem;
}
#single .post {
	width: 28rem;
	margin: 0 auto;
}
#single .post-title {
	font-size: 1.4rem;
	letter-spacing: .15em;
	line-height: 1.7;
}
#single .post-data {
	margin-top: 1rem;
}
#single .post-data-date,
#single .post-data-cat {
	position: relative;
	display: inline-block;
	color: #888;
	letter-spacing: .15em;
	line-height: 2;
}
#single .post-data-cat::before {
	content: '/';
	padding: 0 .4rem;
}
#single .post-detail {
	width: 100%;
	padding-top: 4rem;
}
#single .post-detail h2 {
	margin-bottom: 1rem;
	font-size: 1.4rem;
	letter-spacing: .15em;
	line-height: 1.8;
}
#single .post-detail h3 {
	margin-bottom: 1rem;
	font-size: 1.3rem;
	letter-spacing: .15em;
	line-height: 1.8;
}
#single .post-detail h4 {
	margin-bottom: 1rem;
	font-size: 1.2rem;
	letter-spacing: .15em;
	line-height: 1.8;
}
#single .post-detail > p {
	letter-spacing: .1em;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 2.5rem;
}
#single .post-detail img {
	max-width: 28rem;
}
#single .post-detail a {
	text-decoration: underline;
}
#single .post-detail strong {
	font-weight: 700;
}
#single .post-detail > ul {
	margin-bottom: 2.5rem;
}
#single .post-detail > ul > li {
	position: relative;
	letter-spacing: .1em;
	line-height: 2;
}
#single .post-detail > ul > li::before {
	content: '・';
}
#single .post-detail > ol {
	margin-bottom: 2.5rem;
}
#single .post-detail > ol > li {
	position: relative;
	counter-increment: number 1;
	letter-spacing: .1em;
	line-height: 2;
}
#single .post-detail > ol > li::before {
	content: counter(number) '.';
	padding-left: .16rem;
}
#single .pagenav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 28rem;
	margin: 8rem auto 0;
	padding: 2rem 0;
	border-top: solid .05rem #888;
}
#single .pagenav-link {
	width: 32%;
	letter-spacing: .1em;
}
#single .pagenav-link:nth-of-type(2) {
	text-align: center;
}
#single .pagenav-link:nth-of-type(3) {
	text-align: right;
}
#single .pagenav-link a {
	padding: 0 .8rem;
	color: #4d4d4d;
	text-decoration: underline;
}