@charset "UTF-8";


/* HACK
==========================================================*/

.sp-hide{ display: block;}
.sp-show{ display:none;}

/* OVERWRITE
==========================================================*/
@media screen and (min-width: 1021px) {
}
@media screen and (max-width: 1011px) {
}


@media screen and (max-width: 648px) {
	
.sp-hide{ display: none;}
.sp-show{ display:inline-block;}
.sp-br-none br{display: none;}

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

.col-l{ float: none; width: auto;}
.col-r{ float: none; width: auto; }
.inner { width: auto !important; padding: 0 3%;}

body { font-size: 16px;}

/* main
==========================================================*/

.main { width: 100%; min-height: 400px; padding-bottom: 15%;}
/*.logo { width: 80%; padding: 20% 0; }*/
.logo { width: 80%; margin: 15% auto; }

	
/* common
==========================================================*/

.ttlarea { text-align: center; margin-bottom: 80px; padding-top: 80px; }
	.ttl { font-size: 55px; font-family: 'Cagliostro', sans-serif; margin-bottom: -10px; }
	.sub { font-size: 18px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro" }
	
.midashi { font-size: 20px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-weight: bold; }
	.midashi.big { font-size: 25px; margin-bottom: 40px; }
	.midashi.midashi-line { font-size: 23px; }
	.midashi.midashi-line .border { margin-top: 20px; float: right; width: 100%; border-bottom: 1px solid #787574; }
	
.section { padding-bottom: 80px; width: auto; }
.section .inner { margin: 0 auto; width: auto;}
.section a { font-size: 18px; color: #7CAB42; font-weight: bold; text-decoration: underline; }
.section a:hover { text-decoration: none;}
.w600 { width: auto; float: none;}
	
.txt20 { font-size: 20px;}
.pdf img { margin-left: 10px;}
a span.fa { padding-left: 10px;}

li.fb a { background: url(../images/fb-w.png) no-repeat left center; padding-left: 30px;}


/* menu
==========================================================*/

.slidemenuOuter { position: relative; right: 0; overflow-x: hidden; }
#slide_menu{ box-sizing: border-box; position: fixed; top: 0; right: -200px; width: 200px; height: 100%; background: #7CAB42; padding-left: 0; padding-top: 80px;  }
#slide_menu li { padding-left: 10px; margin-bottom: 0; border-bottom: 1px solid #fff; }
#slide_menu a { display: block; width: 100%; height: 40px; line-height: 40px;}
#slide_menu .fb { margin: 0; }
#button {
	position: fixed; right: -3%; top: 0;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
}
#button img { width: 60px;}

/* popup
==========================================================*/

.popup { display: none;}
.popupElem { overflow:hidden;}

	.popupElemInner { padding: 60px 20px 40px; overflow:hidden;}
	.popupElemInner .midashi { margin-bottom: 10px;}
	.popupElemInner .m1 { margin-bottom: 40px;}


	
/* news
==========================================================*/
	
.news { background: #FFF5E5; padding: 60px 0;}	
.news .ttlarea { padding-top: 0; margin-bottom: 60px; }

.indexIncludeInner dl { width: auto; } 
.indexIncludeInner dt { float: none; } 
.indexIncludeInner dd { padding-left: 0; margin-bottom: 10px; padding-bottom: 10px; line-height: 1.5em; }
.indexIncludeInner a { color: #686868; text-decoration: none; font-weight: normal;} 
	
/* about
==========================================================*/
	
#about { background: #fff;}
#about .ttlarea { margin-top: 0;}
#about .inner {}
#about .in-sec { margin-bottom: 60px;}
	#about .in-sec.in-sec01 { width: auto; margin:60px auto;}
#about .midashi { margin-bottom: 30px;} 
#about .figure { margin-bottom: 40px;}
	#about .figure ul { margin-left: -15px; }
	#about .figure li { float: none;}
	#about .figure li.sp-show { text-align: center; width: 20px; text-align: center; margin: -5px 0 10px 50%;}
	#about .figure li img { width: auto;}


/* activity
==========================================================*/

#activity { background: #E9F0E1;}
#activity .midashi { margin-bottom: 30px;}
#activity .midashi-line { margin: 40px 0;}
#activity .w600 { padding-bottom: 40px;}
#activity .in-sec { border-bottom: 1px dotted #9C9C9C; margin-bottom: 40px;}
#activity .p1 { margin-bottom: 20px;}
#activity .yotei { margin-top: 40px;}
#activity .yotei a,
.pdf { margin-right: 0; display: block; width: 100%; height: 50px; float: none; }

.yotable { font-size: 15px; width: 100%; box-sizing: border-box; border-top: 1px solid #9C9C9C; border-left: 1px solid #9C9C9C;}
.yotable tr {}
.yotable th { width: 100%; height: auto !important; line-height: 1.4em; box-sizing: border-box; }
.yotable th,
.yotable td { box-sizing: border-box; height: auto; line-height: 1.4em; border-bottom: 1px solid #9C9C9C; border-right:  1px solid #9C9C9C; padding: 5px; }
.yotable td.month { width: 60px;}
.yotable td.date { width: 25%;}
.yotable td.place { width: 75%;}



/* qa
==========================================================*/

#qa { background: #FFF5E5; }
#qa .ttl span { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 0.8em;  padding: 0 10px;}

#qa dl { margin-bottom: 40px; border-bottom: 1px dotted #9C9C9C;}
	#qa dt { position: relative; padding: 40px 40px 0 60px; text-align: justify; border-top: 1px dotted #9C9C9C;  margin-bottom: 40px; font-weight: bold;} 
		#qa dt .arrow { position: absolute; top: 40px; right: 0; width: 15px;}
		#qa .txt{}
	#qa dd { position: relative; padding: 0 40px 40px 60px; text-align:justify; }
	
#qa .qa-midashi { position: absolute; top: 40px; left: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; color: #7CAB42; border-radius: 50%; float: left; }
	#qa .qa-midashi.que { }
	#qa .qa-midashi.ans {color: #808080; top: 0;}
	
dl.intro_faqDL {}
	dl.intro_faqDL dt { cursor: pointer; }


/* staff
==========================================================*/

#staff { background: #fff;}
#staff .in-sec { width: 100%; height: auto; margin-bottom: 10px;}
	#staff .in-sec.col-l { background:url(../images/ruro-s01.png) no-repeat; background-size: 100%;}
	#staff .in-sec.col-r { background:url(../images/ruro-s02.png) no-repeat; background-size: 100%;}
	#staff .in-sec .midashi { text-align: center; font-size: 22px; margin-bottom: 40px; padding-top: 60px;}
	#staff .in-sec .txjus { width: auto; margin: 0 auto 40px; }
	#staff .in-sec .txc { padding-bottom: 80px;}

/* access
==========================================================*/

#access { background: #E9F0E1; }
#access .inner { width: auto;}
#access .txt { margin-bottom: 20px;}

#Maps,#Maps2{ width: auto; height: 30vh;}

#access .col-l { margin-bottom: 20px; padding-bottom: 20px; border-bottom :1px dotted #686868;  }



/* contact
==========================================================*/

#contact { background: #FFF5E5; }
#contact .midashi.midashi-line { margin-bottom: 40px;}

.contable{  }
.contable tr {}
.contable th { padding-top: 20px;}
.contable td { padding: 0; }
.contable th,
.contable td { width: 100%; display: block; }
.contable td input { padding:6px 4px; width: auto; background:#fff; border:1px solid #686868; }
.contable td textarea { width: 90%; padding:6px; background:#fff; border:1px solid #686868; width: auto; }



#contact button {}
#contact button img { width: 60%;}


/* blog
==========================================================*/

#blog {}
#blog .ttlarea { text-align: left; margin-bottom: 80px; padding: 40px 0;  background:url(../images/mainimg.jpg) no-repeat center; background-size: cover; }
#blog .ttl { font-size: 55px; font-family: 'Cagliostro', sans-serif; margin-bottom: 0; float: left; padding-right: 30px;  }
#blog .sub { font-size: 20px; padding-top: 30px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; }
#blog .inner { width: auto;}
#blog .postouter { width: auto}
#blog .postarea { padding-bottom: 60px; border-bottom: 1px dotted  #686868; margin-bottom: 60px;}
	#blog .postarea .midashi { margin-bottom: 20px;}
	#blog .postarea a { color: #7CAB42;}
#blog .side { width: auto;}
	#blog .side .midashi { margin-bottom: 10px; }
	#blog .side ul { margin-bottom: 40px; }
	#blog .side a { text-decoration: underline; }
	#blog .side a:hover { text-decoration: none; }
	
#blog.link .postarea { padding: 5%; border: 1px solid #686868; margin-bottom: 10%;}
	#blog.link .postarea .midashi { margin-bottom: 10px;}
	#blog.link .postarea a { color: #7CAB42;}
#blog.link .side { width: 200px;}
	#blog.link .side .midashi { margin-bottom: 10px; }
	#blog.link .side ul { margin-bottom: 40px; }
	#blog.link .side a { text-decoration: underline; }
	#blog.link .side a:hover { text-decoration: none; }
	
	

/* footer
==========================================================*/

footer { width: 100%; padding: 80px 0; background: url(../images/foot-bg.jpg) center repeat-x;  }
footer .inner { width: auto; }
footer .menuouter { margin-left: -30px; }
footer ul { float: left; margin-left: 30px; }
footer .sitename { font-size: 14px; line-height: 1.3em; margin-bottom: 20px; }
footer .sitename span { font-size: 20px; font-weight: bold; line-height: 2em;}
footer .fb-ul { }
footer .fb { padding: 0; margin: 0;}
footer .fb a { background: none; border: 1px solid #686868; padding: 10px; display: block; font-size: 18px; }

.copy { width: auto; font-size: 12px; background: #83BB4A; color: #fff; height: auto; line-height: 1.4em; text-align: center; padding: 10px; }

}