@charset "UTF-8";

.blog{
	color:#666464;
}
.bloc_category{
	margin-bottom:44px;
}
.blog_date{
	margin-bottom:44px;
}
.blog_title{
	margin-bottom:100px;
}
.blog_body{
	line-height:3em;
	margin-bottom:200px;
}


.nav_btn_area{
	position:relative;
	background-color:rgba(255,255,255,0.8);
	margin:0;
	padding:7px 0;
}
.nav_btn_area_fixed{
	position:fixed;
	bottom:0;
	right:0;
	left:0;
}
.nav_btn_area .scroll_top{
	position: absolute;
	top:17px;
	right:0px;
	background-image:url(../images/blog/btn_top_0.png);
	background-position: center top;
	background-repeat: no-repeat;
	width:52px;
	height:30px;
	font-size:0;
	cursor: pointer;
}
.nav_btn_area .scroll_top:hover{
	background-image:url(../images/blog/btn_top_0_h.png);
}


.nav_btn_next{
	background-image:url(../images/blog/btn_next.png);
	background-position: center center;
	background-repeat: no-repeat;
	width:51px;
	height:45px;
}
.nav_btn_next:hover{
	background-image:url(../images/blog/btn_next_h.png);
}
.nav_btn_top{
	background-image:url(../images/blog/btn_top.png);
	background-position: center center;
	background-repeat: no-repeat;
	width:83px;
	height:46px;
	margin:0 20px;
}
.nav_btn_top:hover{
	background-image:url(../images/blog/btn_top_h.png);
}
.nav_btn_back{
	background-image:url(../images/blog/btn_back.png);
	background-position: center center;
	background-repeat: no-repeat;
	width:51px;
	height:45px;
}
.nav_btn_back:hover{
	background-image:url(../images/blog/btn_back_h.png);
}

.blog_body img {
	width: 97.5%;
	height: auto;
}

@media screen and (max-width: 767px) {
	.bloc_category {
		font-size: 16px;
	}
	.blog_date {
		font-size: 18px;
	}
	.blog_title {
		font-size: 19px;
	}
}