.h2{
	text-align: center;
	font-size: 30px;
	margin-bottom: 30px;
}

.blogListBox{

}


.blogBox{
	width: 890px;
	/*background-color: red;*/
	margin: 0 auto 50px;
}

.blog_thumb {
	float: left;
	padding: 10px;
	width: 200px;
	overflow: hidden;
}

.blog_thumb img{
	width: 100%;
	height: auto;
	border: solid 1px #cccccc;
}

h3 {
	color: #000;
	font-size: 20px;
	padding-right: 20px;
	background-image: none;
	text-align: left;
}

h3 a {
	color: #000;
}

.date{
	font-size: 14px;
	color: #585858;
}

 .blogTxt {
		float: left;
		width: 620px;
		padding: 15px 20px 10px 20px;
		font-size: 16px;
		overflow: hidden;
		color: #8f8f8f;
		/*background-color: #fff;*/
}

.moretxt{
	color: #e71975;
}


.naviWap {
	text-align: center;
}

.page-nav li {
	display: inline-block;
	margin: 0 5px;
}

.page-nav .current {
	padding: 3px 6px;
	background-color: #acacac;
}

.page-nav a {
	color: #000;	
}

.page-nav .first {
/*	margin-right: 10px;
*/}

.page-nav .last {
/*	margin-right: 10px;
*/}

@media handheld, only screen and (max-width: 767px) {
/*スマホ*/

	.blogBox{
		width:100%;
		/*background-color: red;*/
		margin: 0 auto 50px;
	}

	.blog_thumb {
		float: none;
		width: 96%;
		margin: 0px auto 10px;	
	}

	.blog_thumb a img{
		width: 100%;
		height: auto;
	}

	 .blogTxt {
			float: none;
			width: 96%;
			margin: 0px auto 20px;	
			font-size: 16px;
			color: #8f8f8f;
			padding: 0px;
			/*background-color: #fff;*/
	}

	.date{
		display: block;
		margin-bottom: 10px;
	}
}