@charset "UTF-8";


#newsblog{padding: 30px 0 40px;}




@media  (min-width: 0px) and (max-width: 767px) {
	#sidebar{}
	#sidebar dl.entry_list{
		margin-bottom: 1.5em
	}
}


@media  (min-width: 768px) and (max-width: 1023px) {
	#blogcontents{margin-right: -250px;width: 100%;float: left;}
	#contents_inner{margin-right: 250px;}	
	#sideWrap{
		position:relative;
		float:right;
		width:230px;
	}
	
	#sidebar{width:230px;}
	
	#sidebar dl.entry_list{
	padding: 1em;
	background: #fff;
	margin-bottom: 1.5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

	
}


@media  (min-width: 1024px) {
	#blogcontents{margin-right: -320px;width: 100%;float: left;}
	#contents_inner{margin-right: 320px;}	
	#sideWrap{
		position:relative;
		float:right;
		width:300px;
	}
	
	#sidebar{width:300px;}
	
	#sidebar dl.entry_list{
	padding: 1em;
	background: #fff;
	margin-bottom: 1.5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
}





	



#sidebar dl.entry_list dt{
	margin-bottom: 1.2em;
	font-size: 1.3em;
	position: relative;
	color: #009345
}

#sidebar dl.entry_list dt:before{
	margin:0 .8em 0 0;
    content:" ";
    display:inline-block;
    width:40px;
    height:30px;
    background:url(../images/yugao_f.png) no-repeat;    
    background-size:contain;
    vertical-align:middle;
}


#sidebar dd{ padding: 0;}

#sidebar dd:last-child{
	border:none}	
	
	
#sidebar dd ul{
	padding: 0 .5em
}

#sidebar dd li{
	line-height: 1.4em;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 1em;
	margin-bottom: 1em
}
#sidebar dd li .date{
	font-size:smaller;
	margin-bottom:.3em;
	display:block;}

#sidebar li:last-child{
	border:none}	
	
#sidebar li a{
}

#sidebar li a:hover{
}

ul.thumlist li .thumb{
	float: left;
}
	
ul.thumlist li .title{
	float: right;
	text-align: left
}



@media  (min-width: 0px) and (max-width: 768px) {
	ul.thumlist li .thumb{width: 20%;}
	ul.thumlist li .title{width: 75%;}
}	

@media  (min-width: 769px){
	ul.thumlist li .thumb{width: 30%;}
	ul.thumlist li .title{width: 65%;}
}


ul.thumlist li .thumb img{
	width: 100%;
	height: auto;
	border: solid 1px #ccc
}


#mapbox{
	border: solid 2px #009344
}

#mapbox h3{
	line-height: 1em;
	background: #009344;
	color: #fff;
	padding: .6em .8em .9em;
}
#mapbox h3:before{
	font-family: icomoon;
	content: "\e947";
	padding-right: .3em;
	}

#mapbox h3 a {
	float: right;
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	background: #fff;
	color:  #009344;
	padding: .2em .4em;
	font-size: .8em;
	text-decoration: none;
}

#mapbox h3 a:hover{background: rgba(255, 255, 255, 0.8);}

	
#mapbox .acf-map {
	width: 100%;
	height:300px;
	border: #ccc solid 1px;
}




/* ************************************************ 
*	Loop
* ************************************************ */
ul#postindex{}


ul#postindex > li{
	position: relative;
	background:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	-webkit-box-shadow: #EDEDED 0px 0px 10px;
	-moz-box-shadow: #EDEDED 0px 0px 10px;
	box-shadow: #EDEDED 0px 0px 10px;
	border: 1px solid #EDEDED;
	padding:1em;
	margin: 0px 2% 1em;
}
	
ul#postindex > li h2{
	font-size: 1.5em
}


ul#postindex li .cat{
		text-align: left;
		padding-top: 1em;
	}


ul#postindex li .thumb{
	width: 25%;
	float: left;
}

ul#postindex li .title{
	width: 72%;
	float: right;
	text-align: left
}

ul#postindex li .thumb img{
	width: 100%;
	height: auto;
	border: solid 1px #ccc
}

/* ************************************************ 
*	Single
* ************************************************ */

/* ------------------------------
 wrap
------------------------------ */
.blogpost{position: relative}

.blogpost{
	-webkit-box-shadow: #ccc 0px 0px 10px;
	-moz-box-shadow: #ccc 0px 0px 10px;
	box-shadow: #ccc 0px 0px 10px;
	border: 1px solid #EDEDED;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0px auto 2em;
	position: relative;
	background:#FFF;
	}

.blogpost p {
	line-height: 1.8em;
	margin: 0 0 1em;
}

.blogpost h3{
	margin-bottom: .5em;
	font-size: 1.2em
}

@media  (min-width: 0px) and (max-width: 768px) {
	.blogpost{padding:1.3em;}
}	

@media  (min-width: 769px){
	.blogpost{padding:2.5em 2.5em 2.5em;}
}



/* ------------------------------
 post-header
------------------------------ */

.post-header{margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: solid 1px #ccc;}


.meta ul{background: #c0dd00;text-align: center;}	

.meta ul li{
	text-align: center;
}

.meta ul li a{
	position: relative;
	text-decoration: none;
	color: #FFF;
	font-size: .9em;
}
.meta ul a:hover{
	background: #72B6B2;
}



.post-header .postdate{
	background: #FFA400;
	color: #fff;
}

.postdate .year{
	display: block;
	margin: 0 auto;
	text-align: center;
}


.blogpost h1{
	color: #009345;
	line-height: 1.5em;
	display: table-cell;
	vertical-align: middle;
}	

@media  (min-width: 0px) and (max-width: 768px) {
	.post-header .meta{
	float: left;
	margin-right: 1.5em;
	margin-top: -20px}
	.post-header .postdate,.meta ul{padding: .5em;}
	.blogpost h1{font-size:1.5em;margin-right: 1em}
	.postdate .year{font-size: 1em;}
	.postdate .date{font-size: 1.5em;}
}	

@media  (min-width: 769px){
	.post-header .meta{
	float: left;
	margin-right: 1.8em;
	margin-top: -50px}
	.post-header .postdate,.meta ul{padding: .8em;}
	.blogpost h1{font-size:1.8em;}
	.postdate .year{font-size: 1.5em;}
	.postdate .date{font-size: 2em;}
}


/* ------------------------------
 Postbody
------------------------------ */

.blogpost .post-body .thumb{
	margin-bottom: 1em
}





.blogpost .post-body{
	padding: 5px;
	background:#fff;	
}
.blogpost .post-body p{line-height: 1.8em;margin-bottom: 1em;font-size:1.1em}
.blogpost .post-body img{
	margin:0 auto 10px;}


.edit{
	text-align: right;
	font-size: smaller
}




/*notfound*/
.nopost{}


div.pdf_file{
	margin-bottom: 2em
}



@media  (min-width: 0px) and (max-width: 414px) {
	div.pdf_file .file_icon{
	width: 50%;
	margin-bottom: .3em
	}
}	
@media  (min-width: 415px) {
	div.pdf_file .file_icon{
	width: 30%;
	margin-bottom: .3em
	}
}


div.pdf_file .file_icon img{
	width:100%;
	height:auto;
	margin-bottom:.5em;
	border: solid 2px #ccc}

div.pdf_file .fileinfo{
	display:block}



.photos ul{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 -2% 0 0;
	overflow: hidden;
	zoom: 1;
}
.photos ul li{
    float: left;
    margin: 0 2% 10px 0;
    width: 31.3%;
    display: inline;
}
.photos ul li img{width:100%;
	height:auto}







/* ************************************************ 
*	Pager
* ************************************************ */

#pager{overflow: hidden;
    position: relative;}
    
    
.page_navi {
	text-align:left;
	padding-bottom:1.5em;
	float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}

.page_navi li {
display: inline;
float:left;
font-size:11px;
list-style:none;
margin:10px 5px 10px 0;
position: relative;
    left: -50%;
}

.page_navi li a{
display: inline-block;
padding:10px;
border:1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;

}

.page_navi li span {
font-weight:bold;
display: inline-block;
padding:10px;
border:1px solid #c7c7c7;
background: #c5c5c5;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;

}

.page_navi li a:hover {
background:#eee;
text-decoration:none;
}


/* ************************************************ 
*	prevnext
* ************************************************ */
#prevnext{
	overflow: hidden;
	margin:0 auto 50px;
	width:98%;
	max-width:1200px;
}




ul.pagenav li a{
	display: block;
	margin-bottom: .5em;
	text-decoration: none;
	padding: .8em 1em;
	background: #eaf7e0;
	color: #009345;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;

}

.next a:before{
	font-family: icomoon;
	content: "\ea44";
	font-size: .8em;
	padding-right: .5em
}

	
.prev a:after{
	font-family: icomoon;
	content: "\ea42";
	padding-left: .5em
}



@media  (min-width: 769px){
	ul.pagenav li {
		width: 49%;
	}
	
	.next{text-align: left;
	float: left}
	
	.prev{text-align: right;
		float: right}
}

/* ------------------------------
 SNS
------------------------------ */

#sns {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}


#sns ul{
	display: table	
}


#sns li{
	width: 24%;
	display: table-cell;
	text-align: center;
	padding: 0 .2em;
	margin-bottom: .5em;
	font-size: .9em
}

#sns li a{
	line-height: 1em;
	font-size: 1.2em;
	width: 100%;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: .4em 1em .3em;
	font-family:"Courier New", Courier, monospace;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	
}	


@media  (min-width: 769px){
	#sns li a:before{padding-right: .6em}
}


li#facebook a {background: #3b5998;}
li#facebook a:before{
 	font-family: icomoon;
 	content: "\e939";}
 
li#twitter a {background: #00aef1;}

li#twitter a:before{
 	font-family: icomoon;
 	content: "\ea96";}

li#gplus a {background: #dd4b39;}
 
li#gplus a:before{
 	font-family: icomoon;
 	content: "\ea96";}
 
li#line a{background: #2CBF13;}
li#email a:before{
 	font-family: icomoon;
 	content: "\e937";}

li#email a{background:rgba(238,196,0,1.00)}

li#email a:before{
 	font-family: icomoon;
 	content: "\e904";}


span.count {
	font-size:1em;
	color: #fff
}



/* =Youtube
-------------------------------------------------------------- */
span.embed-youtube {
  position: relative;
  width: 100%;
  max-width: 650px;
  padding-top: 56.25%;
}
 
span.embed-youtube iframe.youtube-player {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}



img{
	max-width: 100%;
	height: auto
}