@charset "utf-8";

#headbg{
	background:url(../img/news/headbg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	height:400px;
	}
header nav ul li.m4:after{
	content:"";
	display:block;
	width:100%;
	height:2px;
	position:absolute;
	left:0;
	top:108px;
	background-color:#3C3228;
	z-index:1;
	transition:0.5s;
	}
header.fix nav ul li.m4:after{
	top:66px;
	}
#header2 nav ul li.m4 a{
	background-color:#EEEEEE;
	}
#index1{
	max-width:1220px;
	margin:0 auto;
	position:relative;
	padding:0 50px 0 340px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#index1 h1{
	position:absolute;
	left:50px;
	top:0;
	}
#index1 article{
	border-bottom:1px solid #E1E1E1;
	padding:15px 0 15px 27%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:relative;
	min-height:165px;
	}
#index1 article h3{
	width:24%;
	position:absolute;
	left:0;
	top:15px;
	height:0;
	overflow:hidden;
	padding-bottom:16%;
	}
#index1 article h3 img{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	}
#index1 article time{
	float:left;
	font-size:17px;
	font-family: 'Lato', sans-serif;
	color:#A0A0A0;
	letter-spacing:0.05em;
	padding-left:21px;
	background:url(../img/common/time.png) no-repeat left center;
	-webkit-background-size:15px 15px;
	background-size:15px 15px;
	display:block;
	margin:22px 16px 0 0;
	}
#index1 article ul{
	overflow:hidden;
	zoom:1;
	margin-top:12px;
	}
#index1 article ul li{
	font-size:16px;
	float:left;
	margin:5px 5px 0 0;
	}
#index1 article ul li a{
	display:block;
	color:#A0A0A0;
	line-height:1.1;
	padding:6px 11px 5px 11px;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	border:1px solid #A0A0A0;
	}
#index1 article h4{
	font-size:18px;
	font-weight:400;
	clear:both;
	padding-top:12px;
	}
.navi{
	color:#22B573;
	margin:2em auto;
	text-align:center;
	padding-top:60px;
	clear:both;
	}
.navi a.page-numbers,.navi .current{
	color:#22B573;
	padding:5px .6em;
	border:solid 1px #22B573;
	text-decoration:none;
	font-size:17px;
	font-weight:normal;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	}
.navi a.page-numbers:hover{
	text-decoration:underline;
	color:#54C793;
	border:1px solid #54C793;
	}
.navi a.next:hover,.navi a.prev:hover{
	color:#54C793;
	text-decoration:underline;
	border:0 none;
	}
.navi .current{
	color:white;
	background:#22B573;
	border-color:#22B573;
	font-weight:normal;
	}
.navi a.next,.navi a.prev{
	border:0 none;
	color:#22B573;
	font-size:15px;
	font-weight:100;
	}
#nextback{
	padding:50px 0 20px 0;
	font-size:17px;
	text-align:center;
	}
#nextback a{
	margin:20px 20px 0 20px;
	display:inline-block;
	}
#detail1{
	max-width:1220px;
	margin:0 auto;
	position:relative;
	padding:0 50px 0 340px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#detail1 h2.titleb{
	position:absolute;
	left:50px;
	top:0;
	}
#detail1 article{
	text-align:center;
	}
#detail1 article h1{
	padding-top:20px;
	display:inline-block;
	font-size:32px;
	font-weight:700;
	text-align:left;
	}
#detail1 article .cate{
	padding-top:20px;
	}
#detail1 article .cate time{
	font-size:17px;
	font-family: 'Lato', sans-serif;
	color:#A0A0A0;
	letter-spacing:0.05em;
	padding-left:21px;
	background:url(../img/common/time.png) no-repeat left center;
	-webkit-background-size:15px 15px;
	background-size:15px 15px;
	display:inline-block;
	margin:22px 16px 0 0;
	}
#detail1 article .cate ul{
	display:inline-block;
	margin-top:12px;
	}
#detail1 article .cate ul li{
	font-size:16px;
	display:inline-block;
	margin:5px 5px 0 0;
	}
#detail1 article .cate ul li a{
	display:block;
	color:#22B573;
	line-height:1.1;
	padding:6px 11px 5px 11px;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	border:1px solid #22B573;
	}
#detail1 article .post-box{
	padding:80px 0 90px 0;
	border-bottom:1px solid #E1E1E1;
	}
@media screen and (max-width:900px){
#headbg{
	height:300px;
	}
#index1{
	padding:0 7%;
	}
#index1 h1{
	position:relative;
	left:auto;
	top:auto;
	margin-bottom:35px;
	}
#index1 article{
	float:none;
	width:100%;
	padding:40px 0 35px 0;
	min-height:none;
	}
#index1 article:first-of-type{
	padding:0px 0 35px 0;
	}
#index1 article h3{
	width:100%;
	position:relative;
	left:auto;
	top:auto;
	padding-bottom:55%;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-o-border-radius:12px;
	-ms-border-radius:12px;
	}
#index1 article time{
	float:none;
	font-size:16px;
	-webkit-background-size:14px 14px;
	background-size:14px 14px;
	margin:25px 17px 0 0;
	}
#index1 article ul{
	position:absolute;
	right:3%;
	margin-top:-65px;
	z-index:2;
	}
#index1 article ul li{
	font-size:14px;
	}
#index1 article ul li a{
	background-color:#FFF;
	padding:4px 10px 4px 10px;
	}
#index1 article h4{
	font-size:19px;
	padding-top:5px;
	font-weight:500;
	}
#nextback{
	padding-top:30px;
	}
#nextback a{
	margin:25px 0 0 0;
	display:block;
	}
#detail1{
	padding:0 7%;
	}
#detail1 h2.titleb{
	display:none;
	}
#detail1 article h1{
	padding-top:0px;
	display:block;
	font-size:28px;
	}
#detail1 article .cate{
	padding-top:10px;
	}
#detail1 article .cate ul{
	display:block;
	margin-top:8px;
	}
#detail1 article .post-box{
	padding:60px 0 60px 0;
	}
}