@charset "UTF-8";
/* ------------------------------
BLOG
------------------------------ */
.category-blog #header{
	background-image: url(../img/category-blog_main_visual.png);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: 0% 0%;
}


#main .blogCopy p{
	max-width: 500px;
	margin:50px auto 25px auto;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
}

#main .blogCopy .tag{
	text-align: center;
	list-style: none;
}
#main .blogCopy .tag li{
	margin-right: 10px;
	display: inline-block;
}
#main .blogCopy .tag a{
	display: block;
	padding:5px 10px;
	font-size:10px;
	font-size:1.0rem;
	background-color: #fafafa;
	vertical-align: middle;
	color: #000;
}

.blogListBlock{
	margin-top: 70px;
	padding:65px 0;
	background-color: #fafafa;
}
.blogList{
	max-width: 1170px;
	margin:0 auto;
	font-size: 0;
}
.blogList li{
	display: inline-block;
	list-style: none;
	width: 31.5%;
	padding:20px;
	margin-bottom: 19px;
	list-style:none;
	text-align: left;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing: 0.1em;
	vertical-align: top;

	background-color: #fff;
	border-top: solid 5px #0f8eae;
}
.blogList li:nth-child(3n-1){
	margin:0 2.7%;
}
.blogList li a{
	color: #000;
}
.blogList li a:hover{
	color: #666;
}
.blogList li .date{
	display: block;
	margin-bottom: 10px;
	text-align: right;
	font-weight: bold;
}
.blogList li .title{
	display: block;
	margin-bottom: 20px;
	font-size:15px;
	font-size:1.5rem;
	font-weight: bold;
}
.blogList li .tag {
	margin-top:10px;
	margin-bottom: 25px;
}
.blogList li .tag a{
	margin-right: 1em;
	color: #0fae78;
	text-decoration: underline;
}
.blogList li .author{
	display: table;
	letter-spacing: 0.05em;
	margin-top: 25px;
}
.blogList li .author dt{
	display: table-cell;
	vertical-align: middle;
	padding-right: 15px;
}
.blogList li .author dt img{
	width: 60px;
	height: auto;
}
.blogList li .author dd{
	display: table-cell;
	vertical-align: middle;
}
.blogList li .author .name{
	display: block;
	font-size:13px;
	font-size:1.3rem;
	font-weight: bold;
	margin-bottom: 5px;
}

.wp-pagenavi{
	margin-top:80px;
	margin-bottom:140px;
}

/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1170px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1170px) {

.blogListBlock{
	padding-right: 5%;
	padding-left:5%;
}


}



/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

@media screen and (max-width: 768px){
.blogCopy p{
	padding:0 5%;
}
.blogCopy .tag li{
	margin-bottom: 1em;
}
.blogListBlock{
	margin-top:30px;
}
.relatedBlog{
	padding-right: 3%;
	padding-left:3%;
}
.blogList li{
	width: 100%;
}
.blogList li:nth-child(3n-1){
	margin:0 ;
}

.wp-pagenavi{
	margin-top:50px;
	margin-bottom:50px;
}


}