@charset "EUC-JP";


/*------------------------------
ブログ一覧
--------------------------------*/
.page_box{
	
}
.page_box h1{
	font-size:3.6rem;
}
.page_box h2{
	font-size:2.8rem;
}
.page_box h3{
	font-size:2.4rem;
}
.page_box h4{
	font-size:2.0rem;
}
#blog_kanren{
	display: flex;
    width: 100%;
	gap:10px;
}
#blog_kanren article{
	width: 30%;
}
#blog_kanren figure{
	width:100%;
}
#blog_kanren figure img{
	width: 100%;
    height: auto;
    max-height: 162px;
    object-fit: cover;
    object-position: top;
}
@media screen and (max-width:640px){
	#blog_kanren{
		flex-wrap: wrap;
	}	
	#blog_kanren article{
		width: 47%;
	}
	#blog_kanren figure img{
		max-height: 135px;
	}
	time.prop-date{
		width:80px;
		display:block;
	}
}
/*------------------------------
ページ送り
--------------------------------*/
.pager{
	margin: 10px;
}
.pager .pagination {
	text-align: center;
}
.pager .pagination li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	background:#fff;
	width: 50px;
	height: 50px;
	text-align: center;
	position: relative;
	border-radius: 10px;
	border:2px solid #000;
}
.pager .pagination li a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:table;
	color: #000;
	text-decoration: none;
}
.pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
}
.pager .pagination li a:hover,
.pager .pagination li a.active{
	color: #fff;
	background: #000;
	border-radius:8px;
}
@media only screen and (max-width: 767px){
  .pager .pagination li{
		display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
		display: inline-block;
		width: 40%;
		height:35px;
		text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
		width: 100%;
		text-align: center;
  }

  .pager .pagination li.pre span::after{
		content: "　前へ";
  }

  .pager .pagination li.next span::before{
		content: "次へ　";
  }

}
@media only screen and (max-width: 640px){
	 .pager .pagination li.pre,
  .pager .pagination li.next{
		height:20px;
		font-size:1.2rem;
  }
}