#makai_contents_header {
	background: url(../image/makai/header-img.jpg) 50% 50% repeat-x;
	background-size:auto 100%;
	height:350px;
}

main.blog-makai #catch_area {
	background:url(../image/makai/bg.gif);
	padding-top:1px;
}

main.blog-makai #catch_area h2 {
	background:url(../image/makai/bg_cloud.png) left top no-repeat;
	background-size:auto 60px;
	min-height:60px;
	color:#386b65;
}

main.blog-makai #catch_area ul.pager {
	display:flex;
	justify-content:space-between;
	padding:37px;
}

main.blog-makai #catch_area .about_makai {
	padding:37px;
	border-top:dotted 1px #999;
}

main.blog-makai #catch_area .about_makai h3 {
	color:#ec4040;
	font-size:15px;
}

main.blog-makai #catch_area .about_makai h3:before {
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background: url(../image/makai/icon_fire.png) no-repeat;
	vertical-align: middle;
	background-size: contain;
}

main.blog-makai #catch_area .about_makai p {
	margin-top:1em;
}

main.blog-makai .check_posts > ul > li {
	background:rgba(255,255,255,0.5);
}

@media (max-width: 767px) {
	#makai_contents_header {
		height:150px;
	}


	main.blog-makai #catch_area ul.pager {
		padding:15px;
	}

	main.blog-makai #catch_area h2 {
		background-size:auto 40px;
		min-height:40px;
	}

	main.blog-makai #catch_area .about_makai {
		padding:15px;
	}
}