@charset "UTF-8";

#fv h2{
 width: 140px;
 background-image: url(../images/news/h2.png);
}

#list{
 margin: 0 auto;
 padding: 95px 0 140px;
 width: 800px;
}
#list dl{
 width: 100%;
 border-bottom: 1px solid #acacac;
}
#list dl a{
 padding: 30px 0 25px;
 width: 100%;
 display: block;
}
#list dt{
 float: left;
 padding: 0 0 0 50px;
 width: 145px;
 font-size: 16.5px;
 line-height: 150%;
 text-align: left;
 color: #039a42;
}
#list dd{
 margin: 0 0 0 190px;
 width: auto;
 font-size: 16.5px;
 line-height: 150%;
 text-align: left;
 color: #000;
}
#list p.non{
 margin: 0;
 padding: 30px 0 25px;
 width: 100%;
 font-size: 16.5px;
 line-height: 150%;
 text-align: center;
 color: #000;
}



.wp-pagenavi{
	display: flex;
 margin: 25px auto 0;
 width: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
}
.wp-pagenavi a{
	float: left;
	display: flex;
	width: 30px;
	height: 40px;
	margin: 0 7px;
	font-size: 16px;
	color: #039a42;
	background-color: #e7eeae;
	justify-content: center;
	align-items: center;
	border: 1px solid #e7eeae;
 text-decoration: none;
	transition: .3s;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #039a42;
	border: 1px solid #039a42;
  opacity:1;
  filter: alpha(opacity=100);
}
.wp-pagenavi span.extend{
	width: 30px;
	height: 40px;
	margin: 0 7px;
	font-size: 16px;
	color: #039a42;
	background-color: #e7eeae;
	justify-content: center;
	align-items: center;
	border: 1px solid #e7eeae;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.last{
	float: left;
	display: flex;
	width: 30px;
	height: 40px;
	margin: 0 7px;
	font-size: 16px;
	color: #039a42;
	background-color: #e7eeae;
	justify-content: center;
	align-items: center;
	border: 1px solid #e7eeae;
}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover{
	color: #fff;
	background-color: #039a42;
	border: 1px solid #039a42;
  opacity:1;
  filter: alpha(opacity=100);
}
.wp-pagenavi span{
	float: left;
	display: flex;
	width: 30px;
	height: 40px;
	margin: 0 7px;
	font-size: 16px;
	color: #fff;
	background-color: #039a42;
	justify-content: center;
	align-items: center;
	border: 1px solid #039a42;
}

#detail{
 margin: 0 auto;
 padding: 95px 0 140px;
 width: 900px;
 position: relative;
}
#detail .date{
 padding: 0 0 5px;
	width      : 100%;
	text-align : right;
	color      : #039a42;
	font-size  : 15px;
}
#detail h3 {
 width        : 100%;
 margin: 0 0 25px;
 padding      : 16px 2%;
 border-top   : solid 2px #039a42;
 border-bottom: solid 2px #039a42;
 color        : #000;
 text-align   : left;
 font-size    : 24px;
 line-height  : 150%;
 letter-spacing: normal;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#singlePost {
	width         : 800px;
	margin-left   : auto;
	margin-right  : auto;
	padding-bottom: 64px;
	text-align    : left;
 line-height  : 180%;
	letter-spacing: normal;
}
#singlePost h1,
#singlePost h2,
#singlePost h3,
#singlePost h4{
	background     : url(../images/news/h3_bg.jpg) left top no-repeat;
	background-size: 8px 94%;
	width        : 96%;
	padding      : 6px 2% 7px 3%;
	margin-top   : 48px;
	margin-left  : auto;
	margin-right : auto;
	margin-bottom: 24px;
	color        : #000;
	font-size    : 20px;
	line-height  : 1.5em;
	text-align   : left;
	border-top   : none;
	border-bottom: solid 2px #039a42;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#singlePost h5 {
	width        : 96%;
	padding      : 0 1% 8px;
	margin       : 40px auto 24px;
	color        : #000;
	font-size    : 18px;
	border-bottom: solid 2px #039a42;
}
#singlePost h6 {
	width        : 96%;
	padding      : 0 1% 8px;
	margin       : 40px auto 24px;
	color        : #000;
	font-size    : 17px;
	border-bottom: solid 1px #bdbdbd;
}
#singlePost p {
 font-size     : 17px;
 line-height  : 180%;
 letter-spacing: normal;
}
#singlePost p:first-child {
	margin-top: 0;
}
#singlePost p a{
 color: #0000ff;
 text-decoration: underline;
}
#singlePost p a:hover{
 text-decoration: none;
}
#singlePost img {
	display   : inline-block!important;
	max-width : 100%;
	min-width : 50%;
	width     : auto;
	height    : auto;
	margin-top: 24px;
	text-align: center;
}
#singlePost img.alignleft{
 margin-right: auto;
 display: block !important;
}
#singlePost img.alignright{
 margin-left: auto;
 display: block !important;
}
#singlePost img.aligncenter{
 margin-left: auto;
 margin-right: auto;
 display: block !important;
}
#singlePost .wp-caption-text {
	margin-top   : 8px;
	margin-bottom: 24px;
	color        : #999;
	line-height  : 18px;
	font-size    : 14px;
}
#singlePost ul {
	margin-top     : 2.0em;
	margin-bottom  : 2.0em;
	list-style-type: none;
}
#singlePost ul li {	
	background     : url(../images/news/bullet_normal.png) left top 0.7em no-repeat;
	background-size: 8px 8px;
	margin-top     : 16px;
	margin-left    : 1.0em;
	padding-left   : 16px;
	font-size    : 16px;
	line-height    : 2.0em;
}
#singlePost ol {
	list-style-position: inside;
	margin-top         : 2.0em;
	margin-bottom      : 2.0em;
	padding-left: 1.8em;
}
#singlePost ol li {
	margin-top  : 16px;
	line-height : 1.8em;
	font-size    : 16px;
	margin-left : 0.2em;
	padding-left: 0.2em;
}


#detail_navi {
	position     : relative;
	width        : 100%;
	height       : auto;
	border-top   : solid 2px #e0e0e0;
	padding-top  : 56px; 
	margin-bottom: 56px;
	text-align   : center;
}
#detail_navi .oldPost,
#detail_navi .toList,
#detail_navi .newPost {
	position        : relative;
	left            : auto;
	right           : auto;
	display         : inline-block;
	background-color: #039a42;
	height          : 16px;
    padding         : 7px 10px;
    border-radius   : 4px;
	text-align      : center;
    font-size       : 16px;
	line-height     : 16px;
    text-decoration : none;
    color           : #fff;
}
#detail_navi .oldPost {
	position    : relative;
	left        : auto;
	width       : 23.5%;
	padding     : 11px 0;
	margin-right: 0.56%;
}
#detail_navi .toList {
	width  : 48.5%;
	padding: 11px 0;
	margin : 0 0.56% 0 0;
}
#detail_navi .newPost {
	position: relative;
	rignt   : auto;
	width   : 23.5%;
	padding : 11px 0;
}
.oldPost:hover,
.toList:hover,
.newPost:hover {
    text-decoration : none;
}
.oldPost img,
.toList img,
.newPost img {
	width         : auto;
	height        : 10px;
	padding-bottom: 3px;
}
.oldPost img {
	padding-right: 8px;
}
.newPost img {
	padding-left: 8px;
}



@media screen and (max-width: 1020px){
#list{
 padding: 9.3vw 0 13.8vw;
 width: 78%;
}
#list dl a{
 padding: 2.96vw 0 2.46vw;
}
#list dt{
 padding: 0 0 0 6.2%;
 width: 18.1%;
 font-size: 1.6vw;
}
#list dd{
 margin: 0 0 0 23.7%;
 font-size: 1.6vw;
}

#detail{
 padding: 9.4vw 0 13.8vw;
 width: 88%;
}
#detail .date{
 padding: 0 0 0.46vw;
	font-size  : 1.38vw;
}
#detail h3 {
 margin: 0 0 2.4vw;
 padding      : 1.5vw 2%;
 font-size    : 2.36vw;
}
#singlePost {
	width         : 89%;
	padding-bottom: 6.3vw;
}
#singlePost h1,
#singlePost h2,
#singlePost h3,
#singlePost h4{
	background-size: 0.7vw 94%;
	width        : 96%;
	padding      : 0.5vw 2% 0.7vw 3%;
	margin-top   : 4.7vw;
	margin-bottom: 2.3vw;
	font-size    : 1.96vw;
}
#singlePost h5 {
	padding      : 0 2% 0.7vw;
	margin       : 3.9vw auto 2.3vw;
	font-size    : 1.76vw;
}
#singlePost h6 {
	width        : 96%;
	padding      : 0 2% 0.76vw;
	margin       : 3.9vw auto 2.3vw;
	font-size    : 1.68vw;
}
#singlePost p {
	font-size     : 1.67vw;
}
#singlePost img {
	margin-top: 2.3vw;
}
#singlePost .wp-caption-text {
	margin-top   : 0.78vw;
	margin-bottom: 2.3vw;
	line-height  : 140%;
	font-size    : 1.38vw;
}
#singlePost ul li {	
	background-size: 0.7vw;
	margin-top     : 1.5vw;
	padding-left   : 1.5vw;
	font-size    : 1.57vw;
}
#singlePost ol li {
	margin-top  : 1.5vw;
	font-size    : 1.57vw;
}




}



@media screen and (max-width: 780px){
#fv h2{
 width: 25%;
 background-image: url(../images/news/h2.png);
}

#list{
 margin: 0 auto;
 padding: 6vw 0 16vw;
 width: 90%;
}
#list dl{
 width: 100%;
 border-bottom: 1px solid #acacac;
}
#list dl a{
 padding: 3vw 0 3vw;
 width: 100%;
 display: block;
}
#list dt{
 float: left;
 padding: 0 0 0 1%;
 width: 20%;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: left;
 color: #039a42;
}
#list dd{
 margin: 0 0 0 25%;
 width: auto;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: left;
 color: #000;
}
#list p.non{
 margin: 0;
 padding: 3vw 0 3vw;
 width: 100%;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: center;
 color: #000;
}


.wp-pagenavi{
	display: flex;
	margin: 4vw auto 0;
	width: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
}
.wp-pagenavi a{
	float: left;
	display: flex;
	width: 7vw;
	height: 8vw;
	margin: 0 1%;
	font-size: 3.2vw;
	color: #039a42;
	background-color: #e7eeae;
	justify-content: center;
	align-items: center;
	border: 1px solid #e7eeae;
	transition: .3s;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #039a42;
	border: 1px solid #039a42;
  opacity:1;
  filter: alpha(opacity=100);
}
.wp-pagenavi span.extend{
	width: 7vw;
	height: 8vw;
	margin: 0 1%;
	font-size: 3.2vw;
	color: #039a42;
	background-color: #e7eeae;
	justify-content: center;
	align-items: center;
	border: 1px solid #e7eeae;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.last{
	float: left;
	display: flex;
	width: 7vw;
	height: 8vw;
	margin: 0 1%;
	font-size: 3.2vw;
	color: #039a42;
	background-color: #e7eeae;
	justify-content: center;
	align-items: center;
	border: 1px solid #e7eeae;
}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover{
	color: #fff;
	background-color: #039a42;
	border: 1px solid #039a42;
  opacity:1;
  filter: alpha(opacity=100);
}
.wp-pagenavi span{
	float: left;
	display: flex;
	width: 7vw;
	height: 8vw;
	margin: 0 1%;
	font-size: 3.2vw;
	color: #fff;
	background-color: #039a42;
	justify-content: center;
	align-items: center;
	border: 1px solid #039a42;
}

#detail{
 margin: 0 auto;
 padding: 9vw 0 14vw;
 width: 90%;
 position: relative;
}
#detail .date{
 padding: 0 0 1vw;
	width      : 100%;
	text-align : right;
	color      : #039a42;
	font-size  : 3vw;
}
#detail h3 {
	background   : none;
	width        : 100%;
	margin-bottom: 3vw;
	padding      : 3vw 4%;
	border-top   : solid 2px #039a42;
	border-bottom: solid 2px #039a42;
	color        : #000;
	text-align   : left;
	font-size    : 4vw;
	line-height  : 1.5em;
	letter-spacing: normal;
}
#detail #singlePost {
	width         : 92%;
	margin-left   : auto;
	margin-right  : auto;
	padding-bottom: 6vw;
	text-align    : left;
	line-height   : 2.0em;
	letter-spacing: normal;
}
#detail #singlePost h1,
#detail #singlePost h2,
#detail #singlePost h3,
#detail #singlePost h4{
	background     : url(../images/news/h3_bg.jpg) left top no-repeat;
	background-size: 8px 94%;
	width        : 92%;
	padding      : 1vw 2% 2vw 6%;
	margin-top   : 5vw;
	margin-left  : auto;
	margin-right : auto;
	margin-bottom: 3vw;
	color        : #000;
	font-size    : 3.8vw;
	line-height  : 1.5em;
	text-align   : left;
	border-top   : none;
	border-bottom: solid 2px #039a42;
}
#detail #singlePost h5 {
	width        : 96%;
	padding      : 0 1% 1vw;
	margin       : 4vw auto 3vw;
	color        : #000;
	font-size    : 3.4vw;
	border-bottom: solid 2px #039a42;
}
#detail #singlePost h6 {
	width        : 96%;
	padding      : 0 1% 1vw;
	margin       : 40px auto 24px;
	color        : #000;
	font-size    : 3.2vw;
	border-bottom: solid 1px #bdbdbd;
}
#detail #singlePost p {
	font-size     : 3.2vw;
	margin-top    : 1.0em;
	letter-spacing: normal;
}
#detail #singlePost p:first-child {
	margin-top: 0;
}
#detail #singlePost img {
	display   : inline-block!important;
	max-width : 100%;
	min-width : 50%;
	width     : auto;
	height    : auto;
	margin-top: 3vw;
	text-align: center;
}
#detail #singlePost .wp-caption-text {
	margin-top   : 1vw;
	margin-bottom: 3vw;
	color        : #999;
	line-height  : 150%;
	font-size    : 3vw;
}
#detail #singlePost ul {
	margin-top     : 2.0em;
	margin-bottom  : 2.0em;
	list-style-type: none;
}
#detail #singlePost ul li {	
	background     : url(../images/news/bullet_normal.png) left top 0.7em no-repeat;
	background-size: 8px 8px;
	margin-top     : 16px;
	margin-left    : 1.0em;
	padding-left   : 16px;
	font-size     : 3.2vw;
	line-height    : 2.0em;
}
#detail #singlePost ol {
	list-style-position: inside;
	margin-top         : 2.0em;
	margin-bottom      : 2.0em;
	padding-left: 1.8em;
}
#detail #singlePost ol li {
	margin-top  : 16px;
	font-size     : 3.2vw;
	line-height : 1.8em;
	margin-left : 0.2em;
	padding-left: 0.2em;
}

#detail_navi {
	position     : relative;
	width        : 100%;
	height       : auto;
	border-top   : solid 2px #e0e0e0;
	padding-top  : 56px; 
	margin-bottom: 56px;
	text-align   : center;
}
#detail_navi .oldPost,
#detail_navi .toList,
#detail_navi .newPost {
	position        : relative;
	left            : auto;
	right           : auto;
	display         : inline-block;
	background-color: #039a42;
	height          : 16px;
    padding         : 7px 10px;
    border-radius   : 4px;
	text-align      : center;
    font-size       : 16px;
	line-height     : 16px;
    text-decoration : none;
    color           : #fff;
}
#detail_navi .oldPost {
	position    : relative;
	left        : auto;
	width       : 23.5%;
	padding     : 11px 0;
	margin-right: 0.56%;
}
#detail_navi .toList {
	width  : 48.5%;
	padding: 11px 0;
	margin : 0 0.56% 0 0;
}
#detail_navi .newPost {
	position: relative;
	rignt   : auto;
	width   : 23.5%;
	padding : 11px 0;
}
.oldPost:hover,
.toList:hover,
.newPost:hover {
    text-decoration : none;
}
.oldPost img,
.toList img,
.newPost img {
	width         : auto;
	height        : 10px;
	padding-bottom: 3px;
}
.oldPost img {
	padding-right: 8px;
}
.newPost img {
	padding-left: 8px;
}


}