.blog-index  {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 64px 52px;
	
}

.blog-index  .summary_box a{
	text-decoration: none;
}
.blog-index .summary-body .blog_title{
	font-weight: 600;
	line-height: 1.4;
	font-size: 19px;
	color: #000;
	margin-bottom: 12px;
}
.blog-index .summary-body .blog_summary{
	line-height: 1.6;
	font-size: 14px;
	color: #808080;
}
.blog-index .summary_box {
	display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
	row-gap: 0px;
}
.blog-index .summary_box a{
display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
.blog-index .summary_box a .summary-body {
display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}


/* ------------------------------
　　ページャー
------------------------------ */
ul.blog-pager  {
	text-align: center;
	margin-top: 36px;
	margin-bottom: 36px;
}

.blog-pager li {
	display: inline-block;
	margin: 0 5px;
	text-align: center;
}

.blog-pager li > a > span {
	font-size: 16px;
}
.blog-pager li > a,
.blog-pager li > span {
	display: block;
	padding: 5px 10px ;
	background-color: transparent;
	border: 0px solid #FFF;
	font-size: 16px;
	transition: 0.5s;
}
.blog-pager li > span > a {
	transition: 0.5s;
	box-shadow: #888 0px 1px 3px;
}
.pager {
	list-style: none;
	margin: 0 -5px 50px -5px;
	padding: 0;
	text-align: center;
}
.pager li {
	display: inline-block;
	margin: 0 5px;
}
.pager li.cur {
	/* 現在いる位置 */
	padding: 5px 20px;
	color: #FFF;
	background: #767676;
	border-radius: 3px;
}

.pager-link {
	display: block;
	padding: 5px 20px;
	color: #333;
	border-radius: 3px;
	background: #E5E5E5;
	text-decoration: none;
}
.pager-link:visited,
.pager-link:focus,
.pager-link:active {
	color: #333;
	text-decoration: none;
}
.pager-link:hover {
	color: #FFF;
	text-decoration: none;
	background: #333;
}

.pager-link-forward {
	float: right;
}

.pager-link-prev {
	float: left;
}

@media screen and (min-width: 768px) {
	.pager-link {
		padding: 5px 10px;
	}
	.pager li.cur {
		/* 現在いる位置 */
		padding: 5px 10px;
	}
}