@charset "utf-8";
/* CSS Document */

/* 共通CSS
---------------------------------------------------------------------- */

body {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 100%;
	color: #333;
	-webkit-text-size-adjust: 100%;
	line-height: 1.9em;
	background:#f9ffec;

}

html, body {
width: auto !important;
overflow-x: hidden !important;
}

#all {
	width: 100%;
	text-align:center;
}

a {
	color: #007ebf;
	text-decoration:underline;
	cursor: pointer;
}

a:hover {
	color: #333;
	text-decoration: none;
}

a,a:hover {
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

a img:hover {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	opacity:0.6;
	filter: alpha(opacity=60);        
	-ms-filter: "alpha(opacity=60)";  
	-moz-opacity:0.6;                 
	-khtml-opacity: 0.6;              
	zoom:1;	
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.pc_none{
	display:none;
}


.p_t10{padding-top:10px;}
.p_t15{padding-top:15px;}
.p_t20{padding-top:20px;}
.p_t25{padding-top:25px;}
.p_t30{padding-top:30px;}
.p_t35{padding-top:35px;}
.p_t50{padding-top:50px;}
.p_t100{padding-top:100px;}
.p_b10{padding-bottom:10px;}
.p_b15{padding-bottom:15px;}
.p_b20{padding-bottom:20px;}
.p_b25{padding-bottom:25px;}
.p_b30{padding-bottom:30px;}
.p_b40{padding-bottom:40px;}
.p_b50{padding-bottom:50px;}
.p_r0{padding-right:0;}
.p_r10{padding-right:10px;}
.p_r20{padding-right:20px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}
.p_l0{padding-left:0;}
.p_l10{padding-left:10px;}
.p_l20{padding-left:20px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:40px;}
.p_l50{padding-left:50px;}
.p_l100{padding-left:100px;}
.M_b10{margin-bottom:10px;}
.M_b20{margin-bottom:20px;}
.M_b30{margin-bottom:30px;}
.M_b40{margin-bottom:40px;}
.M_b50{margin-bottom:50px;}
.M_b100{margin-bottom:100px;}
.M_b150{margin-bottom:150px;}
.M_t10{margin-top:10px;}
.M_t20{margin-top:20px;}
.M_t30{margin-top:30px;}
.M_t40{margin-top:40px;}
.M_t50{margin-top:50px;}
.M_l10{margin-left:10px;}
.M_r10{margin-right:10px;}
.M_r_none{margin-right:0 !important;}
.M_t100{margin-top:100px;}
.float_l{float:left;}
.float_r{float:right;}
.text_left{text-align:left;}
.text_right{text-align:right;}
.txt_indent{text-indent:-1em;}
.red{color:#ee6100;}
.bold{font-weight:bold;}
.img_center{vertical-align:inherit;}


#wrapper{
	width:100%;
	margin:0 auto;
}

.white{
	background: #fff;
}

/* ヘッダー
---------------------------------------------------------------------- */
header{
	    border-top: 5px solid #8dc21f;

}



#header{
	width:980px;
	margin:0 auto;
}

#h_topbox{
	position: relative;
}
.headContact ul{
	position: absolute;
	top: 0;
	right: 0;
}

h1.headLogo {
    padding-top: 40px;
}


.headContact{
	width:40%;
}

.headContact,

.headContact p{
	float:right;
}


.headContact li{
	float:left;
	margin-bottom:20px;
	margin-left: 5px;
}


#gNavPc ul{
	width:100%;
	display:flex;
	justify-content:center;
	margin-bottom:40px;
	margin-top: 30px;
}

.treeTop{
	margin-top:-3%;
}



.w980{
	width: 980px;
	margin: 0 auto;
}


#zoubox{
	background: #fff;
}

footer li{
	float: left;
	text-align: left;
	line-height: 180%;
	margin-right: 15px;
	font-size: 13px;
}
footer{ border-bottom: 5px solid #8dc21f;}
footer .w980{
	position: relative;
}

.pagetop {
    position: absolute;
    bottom:0 ;
    right: 1%;
}

#copy{
	font-size: 12px;
	margin-top: 15px;
}



/*----------------------------------------------------
	about
----------------------------------------------------*/
#enbox{
	background: url(../images/about/bg2.png);
	background-repeat: repeat-x;
	background-position: bottom;

}

#gaiyoubox table { width:670px; margin: 25px auto;}
#gaiyoubox th, #gaiyoubox td  { padding: 10px; border-bottom: 1px dashed #dee3d2; text-align: left;}
#gaiyoubox th  { }

#gaiyoubox th  { width: 30%; text-align: left; }
p#ta_bg {
    margin-top: -200px;
}


#rinenbox .w980{
	background: url(../images/about/rinen_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 274px;
}

#rinenbox ul{
	width: 540px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: left;
	line-height: 120%;
	
}





#rinenbox ul li{
	
	background: url(../images/about/listimg.png) left top no-repeat;
	    padding-left: 40px;
    font-size: 14.5px;
	margin-bottom: 15px;
}

#houshinbox ul{
	width:850px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: left;
	line-height: 120%;
	
}
#houshinbox li{
	padding-left: 55px;
    font-size: 14.5px;
	margin-bottom: 25px;
	text-align: left;
	min-height: 54px;
	line-height: 120%;
	padding-top: 15px;
}

#houshinbox li.no1{
	background: url(../images/about/no1.png) left top no-repeat;
}
#houshinbox li.no2{
	background: url(../images/about/no2.png) left top no-repeat;
}
#houshinbox li.no3{
	background: url(../images/about/no3.png) left top no-repeat;
}
#houshinbox li.no4{
	background: url(../images/about/no4.png) left top no-repeat;
}
#houshinbox li.no5{
	background: url(../images/about/no5.png) left top no-repeat;
}


#daybox,#eventbox,#accessbox,#contactbox{
	background: url(../images/day/bg2.png);
	background-repeat: repeat-x;
	background-position: bottom;

}
.bg{
	background: url(../images/day/bg2.png);
	background-repeat: repeat-x;
	background-position: bottom;

}

/*----------------------------------------------------
	年間行事
----------------------------------------------------*/
#eventbox{margin-bottom: 80px;}

.tablebody {width:85%; margin: 0 auto;
text-align: left;
display:table;
margin-bottom:3.5em;}
.sidetable_a,.sidetable_b,.sidetable_c{display:table-cell;text-align:center;}
.sidetable_a{vertical-align:top;}
.sidetable_b{vertical-align:top; line-height: 150%; text-align: left; padding-top: 15px; width: 30%;}
.sidetable_c{vertical-align: bottom;padding:20px;}

#other{margin-bottom: 5%;}
#other p{
	text-align: left;
	width: 640px;
	margin: 0 auto;
}




/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
#telbox{
	width: 450px;
	margin: 0 auto;

}
#telbox div{
	margin-bottom: 5px;
}

#telbox p{
	text-align: left;
}

#telbox .green{
	background: #8dc21f;
	color: #fff;
	padding: 3px 15px;
	margin-right: 5px;
}

.nongreen{
	background: none !important;
	color: #000 !important;
	padding: 0 !important;
}
.add{margin-bottom: 150px;}

.iframe-content {
   position: relative;
 width: 100%;
    padding: 75% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;
	background: #fff;
}



/*----------------------------------------------------
	アクセス
----------------------------------------------------*/


  #ez-map{
	  min-height:150px;
	  min-width:150px;
	  height: 500px;
	  width: 100%;
	  margin: 3% auto;
  }

  #ez-map .infoTitle{}
  #ez-map .infoWebsite{}
  #ez-map .infoEmail{}
  #ez-map .infoTelephone{}
  #ez-map .infoDescription{}


























/*----------------------------------------------------
	tb
----------------------------------------------------*/

@media screen and (max-width: 979px) {
.tab_none{display:none;}
.pc_none{display:inline;}


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

#wrapper{
	width:100%;
	margin:0 auto;
}

	.w980{
		width: 100%;
	}	
	/*SP_MENU*/

	.js .slicknav_menu{
		display: block;
	}	

/* ヘッダー
---------------------------------------------------------------------- */

	
#header{
	width:90%;
	margin:0 auto;
}





#headerIn{
	width:100%;
}

#headerIn h1{
	padding-top:4%;
	margin-bottom:5%;
	text-align: center;

}


/* 年間目標
---------------------------------------------------------------------- */
#moku_in{
	position: relative;

}
	.mokuF{
		position:static;
		width: 100%;
	}
	.mokuR{
		position:static;
	}

	
	
/* 園について
---------------------------------------------------------------------- */	
	#gaiyoubox{ margin: 0 -10px; }
    #gaiyoubox th,
    #gaiyoubox td{
    width: 100%;
    display: block;
    border-top: none;
	padding: 0px 10px;
	
    }
	#gaiyoubox th{border: none; padding-top: 10px;font-weight: bold;}
	#gaiyoubox td{padding-bottom: 10px;}
	#gaiyoubox table{
		width: 85%;
	}
	
	p#ta_bg{
		margin-top: -40%;
	}
	#rinenbox .w980{
		background: none;
		height: 100%;
	}
	
	#rinenbox ul{width: 85%; margin-top: 5%; font-size: 12px;}

	#rinenbox ul li,#houshinbox li{
		line-height: 1.6em;
	}
	
	
	#houshinbox ul{
	width: 90%; margin-top: 5%;
	}
	
	#houshinbox li{
		margin: 8% auto 5%;
		padding-top: 1%;
	}
	
	
	
	/* 年間行事
---------------------------------------------------------------------- */	
	.tablebody{
		width: 100%;
	}
	.sidetable_a,.sidetable_b,.sidetable_c{display:block; text-align: center;}
	#other p{width: 90%; margin: 0 auto;}
	.sidetable_b{width: 100%;}
	
	/* お問い合わせ
---------------------------------------------------------------------- */		
	#telbox	{
		width: 95%;

	}
	
	#telbox .green{width: 62px; display: inline-block; text-align: center; padding: 0;}
	
	#telbox .flF,#telbox .flR{  float: none; width: 100%; display: block; text-align: left;}
	
	.add{margin-bottom: 30px;}
	.iframe-content{width: 95%; margin: 0 auto;}

/* サイドナビ
---------------------------------------------------------------------- */

#sNavSp ul{
	width:100%;
	margin:5% auto;
}

#sNavSp ul li{
	width:48%;
	float:left;
	margin:0 7px;
}

#sNavSp ul li img{
	width:100%;
}

/* フッター
---------------------------------------------------------------------- */
	footer li{
		float: none;
		    text-align: center;
    margin-right: 0px;
		margin-bottom: 10px;
	}





/* トップページ
---------------------------------------------------------------------- */


.topConcept{
	margin-top: -7%;
}
}

/*アクセス
----------------------------------------------------*/




/*----------------------------------------------------
	sp
----------------------------------------------------*/

@media screen and (max-width: 767px) {
body{
	line-height:2em;
}
.sp_none{display:none;}
.pc_none{display:inline;}

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

.mainContens h2,h3 img{
	max-width:100%;
}

/* ヘッダー
---------------------------------------------------------------------- */
	header{
		margin-bottom: 3%;
	}
#headerIn{
	background-size:35%;
}

.head_bg{
	background:none;
}

#headerIn h1 img{
	max-width:100%;
}

#headerIn h1{
	padding-top:30px;
	max-width:55%;
	margin: 0 auto;
}

.headTelSp{
	width:60px;
	padding:27px 64px 0 0;
}

.treeTop{
	margin-top:-5%;
}




/* フッター
---------------------------------------------------------------------- */



footer h1{
	margin:3% 0;
}


footer h1 img{
	width:50%;
}

.address{
	margin:2% 0;
}

.footAdd{
	width:90%;
	margin:0 auto;
}

.tel-pc {
    display: none;
}

.tel-mobile{
	display:inline;
	color: #6d5134;
}

.tel-mobile a{
	color: #6d5134;
	text-decoration:underline;
}

.pagetop{
	width:10%;
}


/* コンテンツ共通
---------------------------------------------------------------------- */
.contentWrap section{
	margin-bottom: 10%;
}
	




/* サイドナビ
---------------------------------------------------------------------- */
#sNavSp ul li{
	width:100%;
	margin:0 auto;
}




/* トップページ
---------------------------------------------------------------------- */


.topConcept{
	padding:8% 0;
}

.topConcept h3 img{
	width:60%;
}


	
	
	
	
	
	

}