#blog_top {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	max-width: 1100px;
	width: 85%;
	margin: 0px auto;
}
#blog_top li {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 40px;
}
#blog_top li:nth-child(3n) {
	margin-right: 0;
}
#blog_top li a {
}
#blog_top li .ph {
	position: relative;
	width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
	padding-top: 65%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
	overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
	margin: 0 auto 15px;
}
#blog_top li .ph img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* 画像の最大サイズは枠の1.5倍まで */
	max-width: 150%;
	max-height: 150%;
}
#blog_top li dl {
}
#blog_top li dt {
	line-height: 170%;
	font-size: 90%;
	margin-bottom: 15px;
}
#blog_top li dt strong {
	display: block;
	font-weight: 200;
	font-size: 130%;
}
#blog_top li dd {
	font-size: 90%;
	line-height: 170%;
}

#blog {
	max-width: 890px;
	width: 85%;
	margin: 0px auto 50px;
}
#blog .blog_ttl {
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: #ddd 1px dotted;
}
#blog .blog_ttl dd {
	font-size: 90%;
	color: #800000;
}
#blog .blog_ttl dt {
	font-size: 150%;
	line-height: 150%;
}
#blog .btn {
	max-width: 300px;
	width: 100%;
	margin: 0px auto;
}
#blog .btn a {
	display: block;
	text-align: center;
	background: url(../images/common/point04.png) no-repeat left -12px top -11px;
	background-color: #666;
	color: #fff;
	line-height: 100%;
	padding: 10px 0 13px;
}
#blog .blog_txt {
	font-family: 'Noto Sans Japanese', sans-serif;
}
#blog .blog_txt p {
	margin-bottom: 30px;
}



@media screen and (max-width: 1024px) {
}




@media screen and (max-width: 767px) {
	#blog_top li,
	#blog_top li:nth-child(3n) {
		width: 47%;
		margin-right: 6%;
		margin-bottom: 40px;
	}
	#blog_top li:nth-child(2n) {
		margin-right: 0;
	}
	#blog .blog_ttl dt {
		font-size: 130%;
	}
}




@media screen and (max-width: 600px) {
	#blog_top li,
	#blog_top li:nth-child(2n),
	#blog_top li:nth-child(3n) {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#blog_top li {
		padding-bottom: 40px;
		border-bottom: #ccc 1px dashed;
		margin-bottom: 40px;
	}
	#blog_top li .ph {
		width: 60%;
		padding-top: 55%;
		margin: 0 auto 15px;
	}
	#blog_top li dl {
		padding: 0;
	}
	#blog .blog_ttl dt {
		font-size: 110%;
		font-weight: 600;
	}
}