@charset "UTF-8";

/* ------------------------------
 お知らせ
------------------------------ */
.pagenav{
	width: 95%;
	max-width: 900px;
	margin: 5% auto;
}
.pagenav li{text-align: center!important;}
.pagenav li a{
	border: solid 1px #0083BB;
	color: #0083BB;
	padding: .5em;
}

.pagenav li a:hover{
	background: #0083BB;
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}	

.pagenav li.prev a:before{display: none}

.pagenav li a:after{
	font-family: icomoon;
	content: "\e974";
	padding-left: .5em
}
@media screen and (max-width: 767px) {
	.back_btn{
		width: 100%!important;
		margin-top: .5em!important
	}
}
@media screen and (min-width: 768px) {
	.pagenav{padding: 2.5em}
	.pagenav li{width: 30%!important;}
	.back_btn{order: 1}
	.next{order: 2}
}












#newsblog{
	margin: 0 auto;
	padding: 3em
}

h2#archive_title{text-align: center;margin-bottom: 1em}



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



@media  (min-width: 1280px) {
	#news_container{
		display: flex;
		justify-content: space-between;
		padding-top: 3em
	}
	#news_contents{width:68%}
	
	#news_sidebar{width:30%;margin-bottom: 3em}
	
	.widget--sticky {
	  position: sticky;
	  top: 20px;
	}


	#news_sidebar dl.entry_list{
	padding: 1em 1.5em;
	background: #fff;
	margin-bottom: 1.5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
}


#news_sidebar select {
	width: 100%;
  background: #f1f9f7;
  border: 2px solid #00614d;
  border-radius: 5px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
}

#news_sidebar select:focus{outline: none}




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

#news_sidebar dl.entry_list dt:before{
		font-family: icomoon;
		content: "\e920";
		padding-right: .3em
}


#news_sidebar dd{ padding: 0;}

#news_sidebar dd:last-child{
	border:none}	
	
	
#news_sidebar dd ul{}

#news_sidebar dd > ul > li{
	line-height: 1.4em;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 1em;
	margin-bottom: 1em
}
#news_sidebar dd > ul > li > a{
	font-size: 1.1em;
	background: #e6f4f0;
	display: block;
	padding: .3em .5em;
	margin-bottom: .5em;
	text-decoration: none
}
#news_sidebar dd > ul > li > a:before{
	font-family: icomoon;
	content: "\e928";
	font-size: .6em;
	margin-right: .3em
}


#news_sidebar dd li .date{
	font-size:smaller;
	margin-bottom:.3em;
	display:block;}

#news_sidebar li:last-child{
	border:none}	
	

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


ul.children{
	padding-left: 1.5em;
	
}

ul.children li{margin-bottom: .3em}

@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#news_index{
	margin: 0 auto;
	max-width: 1000px
}


ul#news_index > li{
	position: relative;
	background: #fff
}


ul#news_index li h3{
	font-size: 1.2em;
	margin: .5em 0;
}

ul#news_index > li div:nth-child(1){
	overflow:hidden;
}

ul#news_index > li div:nth-child(1) img{
	object-fit: cover;
	width: 100%;
	height: 220px;
	 transition:1s all;
}

ul#news_index > li:hover div:nth-child(1) img{
  transform:scale(1.1,1.1);
  transition:1s all;
}



ul#news_index > li div:nth-child(2){
	padding: 1em
}

ul.meta{
	display: flex;
	font-weight: bold;
}

ul.meta li:not(:last-child){
	margin-right: 1em
}

@media screen and (max-width: 767px) {
	ul#news_index > li{
		margin-bottom: 10%;
		box-shadow: 1px 1px 6px #ccc;
	}
}	

@media print, screen and (min-width: 768px) {
	ul#news_index{
		display: flex;
		flex-wrap:wrap;
		margin: 0 auto
	}
	ul#news_index li h3{font-size: 1.5em;}
	ul#news_index > li{
	width: calc(( 100% - 40px ) / 2 );
	margin: 40px 40px 0 0;
	-webkit-box-shadow:1px 1px 6px #ccc;
	-moz-box-shadow:1px 1px 6px #ccc;
	box-shadow: 1px 1px 6px #ccc;
	position: relative;
	}
	ul#news_index > li div:nth-child(1) img{height: 300px;}
	
	ul#news_index > li div:nth-child(2){padding:1.5em;}
	ul#news_index > li:nth-child( 2n ) {margin-right: 0;}
}	

@media print, screen and (min-width: 1024px) {}	







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

#wpmem_restricted_msg{
	padding: 2em 0 0
}

#wpmem_restricted_msg a{
	text-decoration: underline
}

/* ------------------------------
 wrap
------------------------------ */
.blogpost{
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding: 1em
}


.post-body > h2{
	margin:1.5em 0 1em;
	font-size: 1.3em;
	color: #878200;
	background:rgba(135, 131, 0, 0.1) ;
	padding: .5em 1em
}

.post-body > h3{
	margin-bottom: .5em;
	font-size: 1.2em;
	border-top: solid 1px rgba(135, 131, 0, 0.5);
	border-bottom: solid 1px rgba(135, 131, 0, 0.5);
	padding: .5em .2em
}


.mejs-container{
	margin: 2em 0;
}




@media screen and (max-width: 767px) {}	

@media print, screen and (min-width: 768px) {
	.blogpost{padding:2.5em;}
}	

@media print, screen and (min-width: 1024px) {}	



@media  (min-width: 0px) and (max-width: 768px) {
	
}	




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


.post-header{
	padding: 1.5em .5em
}

ul.meta{
	display: flex;
	flex-wrap:wrap;
	flex-direction: column;
	margin-bottom: 1.5em
}

ul.meta li.postdate{
	color: #878200;
	font-size: 1.3em;
	margin-bottom: .5em
}

span.postdate{
	display: block;
	font-size: 1em;
	margin-bottom: .5em;
}

.posttitle h1{
	line-height: 1.8em;
	font-size:1.5em;
	margin-top: 10px;
}	


#news_index ul.meta{
	flex-direction: row
}



@media screen and (max-width: 767px) {}	

@media print, screen and (min-width: 768px) {
	.post-header h1{font-size:1.8em;}
}	

@media print, screen and (min-width: 1024px) {}	


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


.event_day{
	font-weight: bold;
	color: #a90000;
	font-size: 1.2em
	margin-top: .3em
}

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



.blogpost .post-body{
	padding: 2em 5px;
	background:#fff;	
	font-size:1.1em
}
.blogpost .post-body p{line-height: 1.8em;margin-bottom: 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}



.blogtags{}

.blogtags ul{}

.blogtags ul li{display: inline-block;margin-bottom: .3em;margin-right: .3em}
.blogtags ul li a{
	text-decoration: none;
	font-size: .8em;
	background: #eee;padding: .3em 1em;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	
}
.blogtags ul li a:before{
	content: "#";
}




/* ************************************************ 
*	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;
}



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

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



@media  (min-width: 0px) and (max-width: 480px) {
	#sns ul{
	display: table;
	width: 100%;
	}
}	
@media  (min-width: 481px) {
	#sns ul{
	display: table;
	width: 60%;
	}
}

#sns li{
	width: 30%;
	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
}



/* ************************************************ 
*	フォーム本体
* ************************************************ */

.eventform{
	margin: 3em auto;
	padding: 2em 1.5em 1em;
	border-radius: 8px;
	box-shadow: 0px 0px 8px #eee;
	position: relative;
}

.eventform h3{
	margin-bottom: 1em;
	color: #ff8100;
	font-size: 1.5em
}



.eventform dl{}


.eventform dt{
	display: flex;
	font-weight: 700
}

#contact_form .tag,
.eventform .tag{
	color: #ff3d00;
	display: inline-block;
	margin-left: .8em;
	font-size: .6em;
	border-radius: 3px;
	position: relative;
	
}


.privacycheck{
	margin-bottom: 3em
}
.privacycheck p{
	margin-bottom: 1em
}

.privacycheck p a{text-decoration: underline}



.checkbox{
	border: solid 1px #ccc;
	background: #f2f2f2;
	padding: .5em;
	margin: 0 auto 1.5em;
	max-width: 400px;
}

.checkbox a{
	
}


.error_txt{
	color: red;
	margin-bottom: 1em
}


@media  (min-width: 0px) and (max-width: 768px) {
	.eventform{width: 100%;}
	.eventform dl{}
	.eventform dt,.eventform dd{text-align: left;padding: 0}
	.eventform dt{
		margin-bottom: 3px;
		border-radius: 3px;
		position: relative;
		
	}
	.eventform dt label{margin-right: .5em;}
	.eventform dd{margin-bottom: 1.5em}
	#privacycheck p{text-align: left}
}	


@media (min-width: 769px) {
	.eventform{padding: 3em 2em 1em;text-align: center}
	.eventform dl{
		display: flex;
		flex-wrap:wrap;
		margin-bottom: .5em
	}
	.eventform dt,.eventform dd{text-align: left;}
	.eventform dt{
		width: 25%;
		padding: 0 1em;
		position: relative;
	}
	.eventform dd{
		width: 75%
	}
}




/****************************************

          Form

*****************************************/

.eventform input,
.eventform textarea {
	font-size: 1.1em;
	outline: none;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	margin: .3em 0em;
}


@media only screen and (max-width: 670px) {
	.eventform input,textarea{padding: .3em .5em;}
	.eventform input.rwdi,textarea.rwdi{width:100% !important;padding: .5em;}
}
@media screen and (min-width: 671px) {
	.eventform input,textarea{padding: .3em .5em;}
	.eventform input.rwdi,textarea.rwdi{width:100% !important;padding: 1em;}
}


.eventform textarea {
	overflow: auto;
}


.eventform input::-webkit-input-placeholder{color: #ccc;}
.eventform input::-ms-input-placeholder{color: #ccc;}
.eventform input::-moz-placeholder{color: #ccc;}
.eventform textarea::-webkit-input-placeholder{color: #ccc;}
.eventform textarea::-ms-input-placeholder{color: #ccc;}
.eventform textarea::-moz-placeholder {color: #ccc;}


	
.eventform input[type=radio]{
	display: inline-block
}


.eventform input[type="text"]:focus,
.eventform input[type="password"]:focus,
.eventform input[type="email"]:focus,
.eventform input[type="search"]:focus,
.eventform textarea:focus {
	border: 1px solid #999;
	background-color: #FEFFE8;
	-webkit-box-shadow: 0 0 3px rgba(207,207,207,1.00);
	box-shadow: 0 0 3px rgba(207,207,207,1.00);
	color: #444;
}

.eventform .button,
.eventform button,
.eventform input[type="submit"],
.eventform input[type="reset"],
.eventform input[type="button"] {
	display: block;
	padding: .8em 4em;
	border: 2px solid #444;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing:.1em;
	line-height: normal;
	cursor: pointer;
	background-color: #222;
	-webkit-appearance: none;
	transition: all .3s;
	margin: 0 auto
}

.eventform .button:hover,
.eventform button:hover,
.eventform input[type="submit"]:hover,
.eventform input[type="reset"]:hover,
.eventform input[type="button"]:hover{
	position:relative;
	top:2px;
	left:2px;
	background: #666
}


.mwform-checkbox-field-text{
	padding-left: .5em
}

#contact_thanks{}
#thanks_title{background: rgba(234, 240, 240, 0.9);
	padding: 2em;
	margin-bottom: 1.5em;
}

#contact_thanks h3{
	margin-bottom: .6em;
}

#contact_thanks .tel_unm{
	padding-top: 1em;
}