@charset "utf-8";
/* CSS Document */
/*投稿ページ用 設定*/

/*サイドバー設定*/
#postlist ul{
	margin: 0 0 1.5rem 0;
	padding: 0;
	list-style-type: none;
}
#postlist ul li{
	padding: .6rem;
	border-bottom: #aaa 1px dotted;
	font-size: 95%;
}
#postlist ul li a{
	display: block;
}

/*投稿*/
.post img{
}
.postContents a{
	color: cornflowerblue;
}
.postContents p{
	text-align: justify;
}


/*---------------------------------------------------------
ページネーション　ここから
---------------------------------------------------------*/
.pagination {
  display: flex;
  justify-content: center;
}
.nav-links{
   display:flex;
}
.page-numbers{
   display:inline-block;
   margin-right:10px;
   padding:10px 20px;
   color:#666666;
   border-radius:3px;
   background:#ffffff;
  border: 1px solid #666666;
}
.page-numbers.current{
   padding:10px 20px;
   background:#00A296;
   color:#ffffff;
}
.page-numbers.prev,
.page-numbers.next{
   background:transparent;
   box-shadow:none;
     border:none;
   color:#666666; 
}
.page-numbers.prev::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f100";
	padding-right: 5px;
	color: #888;
}
.page-numbers.next::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f101";
	padding-left: 5px;
	color: #888;
}
.page-numbers.dots{
   background:transparent;
   box-shadow:none;
     border:none;
   color:#666666; 
}


/* レスポンシブデザインのためのメディアクエリ */
@media (max-width: 600px) {
.page-numbers,
.page-numbers.current    {
     padding:2px 4px; /* パディングを小さく */
	line-height: 1.2;
  }
.page-numbers{
   margin-right:7px;
}
}
/*---------------------------------------------------------
ページネーション　ここまで
---------------------------------------------------------*/