/*================================================
				ブログ(.category-9)
================================================*/
.category-9 h1{
	font-weight: 700;
}
.category-9 .blog_block{
	margin-bottom: 2em;
	clear: both;
}

.category-9 p{
	line-height: 2;
}

.category-9 .blog_img_wrap{
	width: 50%;
}
.category-9 .blog_img_wrap.center{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.category-9 .blog_img_wrap.center img{
	width: 49%;
}

.category-9 p.alignleft,
.category-9 p.alignright,
.category-9 div.alignleft,
.category-9 div.alignright{
	width: 49%;
}
.category-9 .blog_img_wrap.alignleft{
	margin-right: 1%;
}
.category-9 .blog_img_wrap.alignright{
	margin-left: 1%;
}

/* 以下 テンプレート『ブログ記事』 */
.blog-main .blog_firstView{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
	position: relative;
	color: #192F54;
	z-index: 5;
}

#main.blog-main .blog_firstView h1{
	position: relative;
	font-weight: 700;
	z-index: 2;
}
#main.blog-main .blog_firstView h1::before{
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: -4px;
	left: 0;
	background-image: linear-gradient(to right,#192F54,#85ADDD 60%);
}
#main.blog-main .blog_firstView h1 a{
	color: #192F54;
}
.blog-main .blog_firstView .blog_date_box{
	padding-bottom: 0;
	position: relative;
	z-index: 2;
	text-align: right;
}
.blog-main .blog_firstView .blog_date{
	display: inline-block;
	margin-left: auto;
}
.blog-main .blog_caption{
	text-align: center;
	font-size: 0.9em;
	clear: both;
}
.blog-main .blog_img_wrap.center .blog_caption_img_double img,
.blog-main .blog_caption_img_double img{
	width: 100%;
}


@media screen and (max-width: 680px){
	.category-9 .blog_img_wrap img{
		width: 100%;
	}
	.category-9 p.alignleft,
	.category-9 p.alignright,
	.category-9 div.alignleft,
	.category-9 div.alignright{
		width: 100%;
		float: none;
	}
	.category-9 .blog_img_wrap.alignleft{
		margin-right: 0
	}
	.category-9 .blog_img_wrap.alignright{
		margin-left: 0;
	}
	.category-9 .blog_img_wrap.center{
		width: 100%;
		display: block;
	}
	.category-9 .blog_img_wrap.center img{
		width: 100%;
	}
	.blog-main .blog_firstView{
		margin-bottom: 1em;
	}
	#main.blog-main .blog_firstView h1{
		margin-bottom: 14px;
	}
	

}