@charset "UTF-8";

.single .contents-area {
	margin: 50px auto;
}

/* お知らせタイトルエリア */
.single .post-title-area {
	display: flex;
	align-items: center;
	justify-content: start;
	margin-bottom: 30px;
	border-bottom: 1px solid #b3b3b3;
	gap: 18px;
}

/* お知らせタイトルエリア　日付 */
.single .post-title-area .post-date {
	font-size: 14px;
	font-weight: 600;
	color: #0088a9;
	letter-spacing: 0.1em;
}

/* お知らせタイトルエリア　タイトル */
.single .post-title-area .post-title {
	color: #666666;
	letter-spacing: 0.1em;
}

/* お知らせ本文エリア */
.single .post-content {
	margin: 0px 0px 50px;
}


.post-navigation {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.post-navigation.only-sp {
	display: none;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.post-navigation .nav-news-list a {
	display: inline-block;
	padding: 10px 16px;
	background-color: #f2f2f2;
	color: #007c9d;
	text-decoration: none;
	border-radius: 8px;
	font-weight: bold;
	transition: all 0.3s;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.post-navigation .nav-news-list a:hover {
	background-color: #007c9d;
	color: #fff;
}

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

}

@media screen and (max-width: 767px) {
	.post-navigation.only-pc {
		display: none;
	}
	
	.post-navigation.only-sp {
		display: flex;
	}

	/* お知らせタイトルエリア */
	.single .post-title-area {
		flex-direction: column;
		align-items: flex-start;
		gap: 0px;
	}

	/* お知らせタイトルエリア */
	.single .post-title-area .post-title {
		margin: 2px 0px 10px;
		font-size: 16px;
	}
}