@charset "UTF-8";

/* 共通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: #604c3f;
	-webkit-text-size-adjust: 100%;
	line-height: 1.7em;
	background:#fffded;
}

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

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

a {
	color: #2997bf;
	text-decoration: none;
}

a:hover {
	color: #2997bf;
	text-decoration:underline;
}

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);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom:1;	
}

.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_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;}
.txtC{text-align: center;}
.red{color:#ee6100;}
.bold{font-weight:bold;}
.img_center{vertical-align:inherit;}

.green{
	 border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	background:#92c9b1;
	padding:1px 40px;
	display:inline-block;
	color:#FFF;
}  	

.orange{
	 border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	background:#ee6100;
	padding:1px 40px;
	display:inline-block;
	color:#FFF;
}  	

.blue{
	 border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	background:#157896;
	padding:1px 30px;
	display:inline-block;
	color:#FFF;
}  	



/* コンテンツ共通
---------------------------------------------------------------------- */
#wrapper{
	width: 100%;
	border-top: #45301e solid 9px;
	background: url(../images/common/bg.jpg) repeat;
	position: relative;
}
.secWrapBg {
	width:100%;
	background:#f5efdd;
	padding:3% 0;
}

.secWrap_01{
	width: 1000px;
	margin: 0 auto;	
}

.secIn{
	width: 900px;
	margin: 0 auto;
}


.ttlBg{
	background: url(../images/common/ttl_bg_bg.jpg) repeat-x bottom;
}

.ttl{
	width: 1000px;
	min-height: 163px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/common/ttl_bg.jpg) no-repeat center;
}

.ttl h2{
	padding-top: 36px;
}

.contentWrap{
	width: 100%;
	margin-top: 100px;
}

.tel-mobile {
    display: none;
}

.subPage h3{
	font-size: 1.6em;
	text-align: center;
	background: url(../images/common/sub_ttl_bg.png) repeat-x bottom;
	padding-bottom: 30px;
	margin-bottom: 50px;
}

.subPage section{
	margin-bottom: 100px;
}

.reserve{
	padding: 100px 0;
	text-align: center;
}


/* ヘッダー
---------------------------------------------------------------------- */
header{
	width: 1000px;
	margin: 0 auto 40px;
	position: relative;
	z-index: 2;
}

header h1{
	width: 300px;
	margin-top: 30px;
	float: left;
}

.Address{
	width: 40%;
	float: right;
	margin-top: 50px;
	text-align: right;
}

.Address .addTel li{
	display: inline-block;
	padding-left: 10px;
}

.gNavi{
	width: 100%;
	background: url(../images/common/gnav_line.png) repeat-x top;
	margin-top: -2px;
}

.gNaviBg{
	background: url(../images/common/gnav_line.png) repeat-x bottom;

}

.gNavi ul{
	width: 1000px;
	margin: 0 auto;
	display: flex;
}


/* フッター
---------------------------------------------------------------------- */
footer{
	width: 100%;
	background: url(../images/common/foot_bg.png) no-repeat;
	margin-top: 100px;
	padding:100px 0 100px;
}

.footer{
	width: 1000px;
	margin: 50px auto 0;

}

.footer h2{
	width: 300px;
	float: left;
}

 
.tel-mobile {
    display: none;
}

.pagetop {
	position: fixed;
	bottom: -3px;
	right: 1%;
}
.pagetop a {
	display: block;
}

#copy{
	text-align: center;
	margin-top: 50px;
}


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


.sliderBgL{
	background: url(../images/slide_tree@2x.png) no-repeat left top;
	-moz-background-size:748px 768px;
	-webkit-background-size:748px 768px;
	-o-background-size:748px 768px;
	-ms-background-size:748px 768px;
	background-size:748px 768px;
	width: 748px;
	height:  768px;
	position: absolute;
	top:50px;
	left: -350px;
	z-index: 0;
}

.sliderBgR{
	background: url(../images/slide_tree@2x.png) no-repeat right top;
	-moz-background-size:748px 768px;
	-webkit-background-size:748px 768px;
	-o-background-size:748px 768px;
	-ms-background-size:748px 768px;
	background-size:748px 768px;
	width: 748px;
	height:  768px;
	position: absolute;
	top:50px;
	right: -350px;
	z-index: 0;
}





/* 園について
---------------------------------------------------------------------- */


/* 園の生活
---------------------------------------------------------------------- */


/* 情報公開・アクセス
---------------------------------------------------------------------- */
.disclosure2 ul{
	display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
	text-align: center;
}

.disclosure2 ul li{
	margin: 30px 2%;
}

.disclosure2 ul li span{
	display: block;
	padding-top: 20px;
}

  #ez-map{min-height:150px;min-width:150px;height: 500px;width: 960px;margin: 0 auto 30px;}
  #ez-map .infoTitle{}
  #ez-map .infoWebsite{}
  #ez-map .infoEmail{}
  #ez-map .infoTelephone{}
  #ez-map .infoDescription{}

.disclosure2 .address p{
	width: 190px;
	margin-bottom: 15px;
}

.disclosure2 .address dl{
	padding: 15px 0 0;
	display: flex;
}

.disclosure2 .address dl dt{
	 border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	background:#ffe25f;
	padding:1px 40px;
	display:inline-block;
	min-width: 65px;
	text-align: center;
}

.disclosure2 .address dl dd{
	padding: 0 25px 0 15px;
}

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

@media screen and (max-width: 979px) {
.tab_none{display:none;}
img{
	max-width:100%;
	height:auto;
}


/* ヘッダー
---------------------------------------------------------------------- */
header{
	width: 100%;
}

header h1{
	width: 40%;
	margin-left: 30px;
}

.gNavi ul{
	width: 100%;
}

.Address{
	width: 50%;
	margin-right: 30px;
}

.gNavi{
	background: none;
	margin: -2px auto 0;
}

.gNaviBg{
	background: none;

}



/* コンテンツ共通
---------------------------------------------------------------------- */
.contentWrap {
    margin-top: 5%;
}

.secWrap_bg{
	padding:6% 0;
}


.secWrap_01{
	width: 90%;
	margin:0 auto;
	padding:5% 0 7%;
}

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

.contentWrap h3{
	margin-top: 0;
}

.ttl{
	width: 100%;
	background-size: 100%;
}

/* フッター
---------------------------------------------------------------------- */
footer {
    width: 100%;
    background: url(../images/common/foot_bg.png) no-repeat center;
    margin-top: 5%;
    background-size: cover;
    padding: 5% 0;
}

.footer{
	width: 90%;
	margin: 3% auto;
}





/* トップページ
---------------------------------------------------------------------- */
#slideBgSp{
	background: url(../images/slide_bg_sp.png) no-repeat center;
	background-size: cover;
	padding-bottom: 1%;
}

.sliderBgL,
.sliderBgR{
	background: none;
}


/* 園について
---------------------------------------------------------------------- */

/* 園の生活
---------------------------------------------------------------------- */


/* 地図
---------------------------------------------------------------------- */


/* 
---------------------------------------------------------------------- */



/* 情報公開・アクセス
---------------------------------------------------------------------- */
#ez-map{
	width: 100%;
}


}




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

@media screen and (max-width: 767px) {
	
.sp_none{display:none;}
.pc_none{display:inline;}
img{
	max-width:100%;
	height:auto;
}

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

/* ヘッダー
---------------------------------------------------------------------- */
header{
	margin-bottom: 5%;
}

header h1{
    width: 100%;
    margin: 30px auto 0;
    text-align: center;
}

header h1 img{
	width: 60%;
}

.Address{
	display: none;
}

/* フッター
---------------------------------------------------------------------- */
footer{
	padding: 14% 0 10px;
	margin-top: 0;
}

.footer{
	width: 100%;
	margin: 50px auto 0;

}

.footer h2{
	width: 50%;
	margin: 0 auto;
	float: none;
}

footer .Address{
	display: block;
	float: none;
	width: 100%;
    margin: 30px auto 0;
    text-align: center;
}

footer .Address .addTel li{
	display: block;
}


.tel-pc {
    display: none;
}

.tel-mobile{
	display:inline;
	color:#2997bf;
	}

.tel-mobile a{
	color:#2997bf;
	text-decoration:underline;
}

#copy{
	text-align: center;
}	

.pagetop{
	width: 17%;
	bottom:-7px;
}



/* コンテンツ共通
---------------------------------------------------------------------- */
.secWrap_bg{
	padding:10% 0;
}

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

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

.subPage section {
    margin-bottom: 7%;
}

.secIn{
	width: 100%;
}

.tel-pc{
   display: none;
}

.ttlBg{
	background-size: 100%;
}

.ttl{
	min-height: 100%;
}

.ttlBg h2{
	padding-top: 5%;
	padding-bottom: 7%;
    margin: 7% auto 0;
    max-width: 100%;
}

.ttlBg h2 img{
	max-width: 50%;
}


/* トップページ
---------------------------------------------------------------------- */
#slideBgSp {
    background: url(../images/slide_bg_sp.png) no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 1%;
}

/*保育方針
---------------------------------------------------------------------- */
.policyTtl h2 img{
	max-width: 30%;
}



/* 園の概要
---------------------------------------------------------------------- */
.aboutTtl h2 img{
	max-width: 30%;
}


/*地図 
---------------------------------------------------------------------- */




/* 
---------------------------------------------------------------------- */


/* 
---------------------------------------------------------------------- */


/* 情報公開・アクセス
---------------------------------------------------------------------- */
.disclosure2 .address p{
	margin: 0 auto 5%;
	text-align: center;
}

.disclosure2 .address dl{
	display: block;
}

.disclosure2 .address dl dt{
	width: 100%;
	padding: 2px 0;
}

.disclosure2 .address dl dd{
	padding: 10px;
	text-align: center;
}

}