@charset "UTF-8";
/*
	投稿
*/

/*====================================
記事タイトル	769px以上
=====================================*/
@media screen and (min-width: 769px) {
	.editor .post-ttl{
		font-weight: bold;
		margin-bottom: 15px;
		padding-bottom: 20px;
		border-bottom: 1px solid #000;
		text-align: initial;
		font-size:2.2222222222222rem;
	}

}

/*====================================
記事タイトル	768以下
=====================================*/
@media screen and (max-width: 768px) {
.editor .post-ttl{
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: .75rem;
	border-bottom: 1px solid #000;
	text-align: initial;
	font-size:2.2222222222222rem;
	background-color: initial;
	border-left: none;
	letter-spacing: .1em;
}
}
/*====================================
記事タイトル	560px以下
=====================================*/
@media screen and (max-width: 560px) {
.editor .post-ttl {
    font-size:1.5rem;
}
}
/*====================================
メタ情報
=====================================*/
.single-meta {
	margin-bottom: 1rem;
	border-radius: 2px;
	display: flex;
	flex-wrap: wrap;
}
/* 記事ページの日付とカテゴリタグのスペース */
.single-meta .category_area {
    margin-left:.5rem;
}
.single-meta__cat a+a {
	margin-left: 0.5rem;
}
	/*====================================
	メタ情報	768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
}

/*====================================
ページャー
=====================================*/

.pager { 
	margin-top: 2rem;
}
/*リンクボタン*/
.pager-prev a,
.pager-next a { 
	margin: 0 auto;
	border-radius: 50px;
	display: block;
	padding: 1rem 2rem;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
}
.pager-prev:hover,
.pager-next:hover {
	opacity: 0.7;
}
/*以前の記事へ, 文頭にアイコン*/
.pager-prev a:before {
    content: "\f0d9"; /*左向きの▲矢印*/
	padding-right: 0.5rem;
}
/*新しい記事へ, 文末にアイコン*/
.pager-next a:after {
    content: "\f0da"; /*右向きの▲矢印*/
	padding-left: 0.5rem;
}
/*アイコン*/
.pager-prev a:before, 
.pager-next a:after {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.page_layout_single{
	padding-top: 3rem;
}

	/*====================================
	ページャー	769px以上
	=====================================*/
	@media screen and (min-width: 769px) {
		.pager {
			display: flex;
			justify-content: space-between;
		}
		.pager-prev,
		.pager-next {
			width: calc(50% - 1rem);
		}
	}
	/*====================================
	ページャー	768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
		/*--- 検索結果  ---*/
		.pagination-btn a,
		.pagination-btn .now {
			padding: 0.5rem 0.75rem;
		}
		.pager-next {
			margin-top: 0.5rem;
		}
}
	/*====================================
	ページャー	560px以下
	=====================================*/
	@media screen and (max-width: 560px) {
		 /*--- 検索結果  ---*/
		.pagination-btn a,
		.pagination-btn .now {
			padding: 0.25rem 0.5rem;
		}
		 /*--- 投稿 ---*/
		 .pager-prev+.pager-next {
			margin-top: 1rem;
		}
	}