@charset "utf-8";

/* section 1 */
.newsListWrap{
	padding:3em 0 5em 0;
	margin:3em 0;
	position:relative;
}

.newsListWrap:before{
	content:"";
	width:120%;
	height:1px;
	background:#3E8A28;

	position:absolute;
	top:0;
	left:-10%;
	right:0;
	margin:auto;
}

.newsListWrap:after{
	content:"";
	width:120%;
	height:1px;
	background:#3E8A28;

	position:absolute;
	bottom:0;
	left:-10%;
	right:0;
	margin:auto;
}

.s1t{
    position: absolute;
    right: -32px;
    top: -32px;
}

.s1t:before{
    content: "";
    width: 1px;
    height: 60px;
    background: #3E8A28;
    display: block;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.s1t:after{
    content: "";
    width: 1px;
    height: 60px;
    background: #3E8A28;
    display: block;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: -16px;
}

.s1tl{
    position: absolute;
    left: -32px;
    bottom: -32px;
}

.s1tl:before{
    content: "";
    width: 1px;
    height: 60px;
    background: #3E8A28;
    display: block;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.s1tl:after{
    content: "";
    width: 1px;
    height: 60px;
    background: #3E8A28;
    display: block;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: -16px;
}

.newsList{
	width:1000px;
	margin:0 auto;
}

.newsList ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}

.newsList ul li{
	width:100%;
	box-sizing:border-box;
	margin:0 0 1em 0;
	padding:0 0 0.5em 0;
	border-bottom:1px dashed #f2f2f2;
	position:relative;
}

.newsList ul li:before{
	display:inline-block;
	content:"";
	width:20%;
	height:1px;
	background:#3E8A28;

	position:absolute;
	bottom:-1px;
	left:0;
}

.newsList ul li:after{
	display:inline-block;
	content:"";
	width:1px;
	height:200%;
	background:#3E8A28;

	position:absolute;
	top:0;
	left:15%;
}

.newsList dl{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:start;
	-ms-flex-align:start;
	        align-items:flex-start;

	width:100%;
}

.newsList dt{
	width:15%;
	box-sizing:border-box;
}

.newsList dd{
	width:85%;
	box-sizing:border-box;
	padding:0 0 0 3em;
}



/* paging */
.paging{
	text-align:center;
	margin:5em 0;
}

.paging ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

.paging ul li{
	margin:0 1.5em;
}

.paging ul li a{
	font-size:17px;
	letter-spacing:0.2em;
}



/* detail */
.detailsWrap{
	width:1000px;
	margin:5em auto 10em auto;
}

.details{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}

.detailCmt{
	width:100%;
	box-sizing:border-box;
	border-left:1px solid #3e8a28;
}

.detailCmt.texts{
	position:relative;
	padding:3em 0;
}

.detailCmt.texts:before{
    display: inline-block;
    content: "";
    width: 1px;
    height: 100%;
    background: #3e8a28;
    position: absolute;
    bottom: -80%;
    right: 0;
}

.detailCmt.texts:after{
    display: inline-block;
    content: "";
    width: 15%;
    height: 1px;
    background: #3e8a28;
    position: absolute;
    bottom: 0;
    right: -5%;
}

.detailDate{
	text-align:right;
	margin:1em 0;
	position:relative;
}

.detailDate:before{
    display: inline-block;
    content: "";
    width: 10%;
    height: 1px;
    background: #3e8a28;
    position: absolute;
    top: 0;
    right: 0;
}

.detailDate span{
	color:#999;
	font-size:13px;
}

.detailCmt strong{
	display:block;
	color:#3E8A28;
	font-size:22px;
	letter-spacing:0.2em;
	position:relative;
	padding:0 0 0.5em 2em;
}

.detailCmt strong:after{
	content:"";
	position:absolute;
	bottom:0;
	left:-5%;

	width:105%;
	height:1px;
	background:#3E8A28;
}

.detailCmt p{
    font-size: 14px;
    line-height: 208%;
    padding: 1em 0 1em 3em;
    letter-spacing: 0.05em;
}

.detailNav{
	text-align:center;
	margin:4em 0 6em 0;
}

.detailNavInner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

.detailNavPrev{
	width:15%;
	box-sizing:border-box;
}

.detailNavList{
	width:15%;
	box-sizing:border-box;

}

.detailNavNext{
	width:15%;
	box-sizing:border-box;
}

.detailNavInner a{
	color:#3E8A28;
	position:relative;
}

.detailNavNext a{
    display: inline-block;
    color:#76ab63;
    line-height: 100%;
    position: relative;
    padding: 0 4em 0 0;
}

.detailNavNext a:before{
    content: "";
    height: 1px;
    width: 46px;
    background: #76ab63;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
}

.detailNavNext a:after{
	content:"";
    height: 1px;
    width: 46px;
    background: #76ab63;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
}

.detailNavPrev a{
    display: inline-block;
    color:#76ab63;
    line-height: 100%;
    position: relative;
    padding: 0 0 0 4em;
}

.detailNavPrev a:before{
    content: "";
    height: 1px;
    width: 46px;
    background: #76ab63;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
}

.detailNavPrev a:after{
	content:"";
    height: 1px;
    width: 46px;
    background: #76ab63;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
}




.wp-pagenavi{
    text-align: center;
    margin: 5em 0;
}
.wp-pagenavi span,
.wp-pagenavi a{
    font-size: 17px;
    letter-spacing: 0.2em;
	margin: 0 1.4em;
	display: inline-block;
}
.wp-pagenavi span{}
.wp-pagenavi a{}
.wp-pagenavi .extend{
	display: none;
}
.wp-pagenavi .pages{
    display: none;
}
.wp-pagenavi .first,
.wp-pagenavi .last{
    display: none;
}
.wp-pagenavi .first{}
.wp-pagenavi .last{}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{}
.wp-pagenavi .previouspostslink{}
.wp-pagenavi .nextpostslink{}
.wp-pagenavi .page,
.wp-pagenavi .current{}
.wp-pagenavi .page{}
.wp-pagenavi .page.smaller{}
.wp-pagenavi .page.larger{}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{}



/*---------------------------------------------------------
 section title border
 ---------------------------------------------------------*/
@media screen and (max-width:1460px) {

	/* section title */
	.newsListWrap:before{
		width:100%;
		left:0;
	}

	.newsListWrap:after{
		width:100%;
		right:0;
		left:auto;
	}

	.s1t{
		right:3%;
	}

	.s1tl{
		left:3%;
	}



}



/*---------------------------------------------------------
 All SP & Tablet 
 ---------------------------------------------------------*/
@media screen and (max-width:1150px) {

	/* sec1 */
	.newsList{
		min-height:50vh;
	}

	/* detail */
	.detailsWrap{
		min-height:50vh;
	}


}



/*---------------------------------------------------------
 All SP 
---------------------------------------------------------*/
@media screen and (max-width: 639px) {

	/* sec1 */
	.newsList{
		width:80%;
		margin:0 auto;
	}

	.newsList ul li{
		border-bottom:1px solid #3e8a28;
	}

	.newsList dt{
		width:25%;
	}

	.newsList dd{
		width:75%;
		padding:0 0 0 5%;
	}

	.newsList ul li:after{
		left:25%;
	}



	/* detail */
	.detailsWrap{
		width:90%;
		margin:0 auto;
	}

	.detailNav{
		padding:0 1em;
	}

	.detailNavPrev,
	.detailNavList,
	.detailNavNext{
		width:33.3%;
	}



}

/*---------------------------------------------------------
 Portrait 
---------------------------------------------------------*/
@media screen and (max-width:479px) {

	/* sec1 */
	.newsList dt{
		width:100%;
	}

	.newsList dd{
		width:100%;
		padding:0;
	}

	.newsList ul li:after{
		left:0;
		width:32%;
		height:1px;
	}
	
	.newsList ul li{
		border-bottom:none;
	}

	.paging ul li{
		margin:0 5%;
	}



	/* detail */
	.detailCmt strong{
		font-size:120%;
		padding:0 0 0.5em 5%;
	}

	.detailCmt.texts{
		padding:10% 0;
	}

	.detailCmt p{
		font-size:100%;
		padding:1em 0 1em 5%;
	}

	.detailNavInner a{
		font-size:80%;
		line-height:128%;
	}

	.detailNavPrev a{
		padding:0 0 0 30%;
	}

	.detailNavNext a{
		padding:0 30% 0 0;
	}

	.wp-pagenavi{
	    text-align: center;
	    margin: 5em 0;
	}
	.wp-pagenavi span,
	.wp-pagenavi a{
		margin: 0 5%;
	}

}