@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.9em;
	background:#fffde4;
}

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

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

a {
	color: #00a3af;
	text-decoration: none;
}

a:hover {
	color: #604c3f;
	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;}
.txtS{font-size:0.9em;}
.txtL{font-size:1.6em;}
.red{color:#ee6100;}
.bold{font-weight:bold;}
.img_center{vertical-align:inherit;}
.imgTop{vertical-align:text-top;}
.txtBlue{color:#00a3af;}


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

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

.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:#fffde4;
}  	




/* ヘッダー
---------------------------------------------------------------------- */
header{
	background:url(../images/common/head_line.png) repeat-x;
    background-size: 60px 20px;
    -webkit-background-size: 60px 20px;
    -moz-background-size: 60px 20px;
    -o-background-size: 60px 20px;
    -ms-background-size: 60px 20px;
}

#headerIn{
	width:980px;
	margin:0 auto;
	padding-top:50px;
}

#headerIn h1{
	text-align:center;
}

#gNavPc ul{
	letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する */
	margin:40px 0 20px;
}

#gNavPc li{
	display:inline-block;
	letter-spacing: normal;/* 文字間を通常に戻す */
}

.animal{
	background:url(../images/common/turf.png) repeat-x 0 118px;
	padding:0 500%;
	margin:0 -500%;
	background-size: 629px 28px;
	-webkit-background-size: 629px 28px;
	-moz-background-size: 629px 28px;
	-o-background-size: 629px 28px;
	-ms-background-size: 629px 28px;
}

#gNavPc li a img:hover {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
	zoom:1;	
}


/* コンテンツ共通
---------------------------------------------------------------------- */
.contentWrap{
	width:980px;
	margin:5% auto 0;
}

.secWrap_bg {
	width:100%;
	background:#f5efdd;
	padding:5% 0;
}

.secWrap_01{
	width: 980px;
	margin: 0 auto 1%;	
	padding:5% 0;
}

.secWrap_02{
	width: 980px;
	margin: 5% auto 0;	
    text-align: center;
}

.secWrap_03{
	width: 980px;
	margin: 0 auto 8%;	
}


.contentWrap h2{
	margin-bottom:40px;
}

.contentTtl{
	background:#add059;
}

.contentWrap h3{
	background:#00a3af;
	color:#fffde4;
	padding:3px 30px;
	min-width:100px;
	display:inline-block;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}




/* フッター
---------------------------------------------------------------------- */
footer{
	text-align:center;
	color:#fffde4;
	margin-top:7%;
}

footer .footTurf{
	background:url(../images/common/turf.png) repeat-x bottom;
	background-size: 629px 28px;
	-webkit-background-size: 629px 28px;
	-moz-background-size: 629px 28px;
	-o-background-size: 629px 28px;
	-ms-background-size: 629px 28px;
}

.foot_bg{
	background:#add059;
	padding:3% 0;
}

#footNav li:after{
	content:"/";
	padding-left:10px;
}

#footNav ul{
	width:980px;
	margin:0 auto 2%;
}

#footNav li a,
footer address,
#copy
{
	color:#fffde4;
}

#footNav ul li a:hover{
	color:#00a3af;
}

#footNav li{
	display:inline-block;
	margin-right:10px;
}

.address{
	width:100%;
	margin:2% auto;
}

 
.tel-mobile {
    display: none;
}

.pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
}
.pagetop a {
	display: block;
}



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


.newstop{
  border-top:#5c432a 1px dashed;  
  width:700px;
  margin: 0 auto 100px;
  text-align:left;
}

dl.news{
    border-bottom:#5c432a 1px dashed;
    display: flex;
    flex-wrap: wrap;
    min-height: 80px;
    align-items: center;

}
dl.news dt{
    width: 20%;
	  color:#00a3af;
    letter-spacing: 0.05em;
    align-items: center;
}
dl.news dd{
    width: 80%;
    display: flex;
    align-items: center;
    text-align: left;
}

dl.news dd img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  border-radius: 50%;
  
}

.map p{
	background:url(../images/map_bg.gif) repeat-x bottom;
}

.mapAddress{
	width:580px;
	margin:30px auto;
	text-align:left;
}

.mapAddress dl dt,
.mapAddress dl dd{
	display:inline-block;
	margin-bottom:30px;
}

.mapAddress dl dt{
	background:#00a3af;
	min-width:100px;
	color:#fffde4;
	text-align:center;
	margin-right:10px;
}

.mapAddress dl dd{
	margin-right:20px;
}

/* 保育園の概要
---------------------------------------------------------------------- */
/*保育目標*/
.about1 p{
	margin:7% auto;
}


/*基本方針*/
.about2{
	margin-bottom:10%;
}

.about2 .about2Box{
	width:82%;
	margin:7% auto;
}

.about2 .about2Box h4,
.about2 .about2Box dl{
	float:left;
}

.about2 .about2Box dl{
	margin:35px 0 0 20px;
}

.about2 .about2Box dt,
.about2 .about2Box dd{
	display:inline-block;
}

.about2 .about2Box dt{
	 border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	background:#add059;
	padding:1px 40px;
	display:inline-block;
	color:#fffde4;
	margin:5px;
}

/*保育園の概要*/
.about3 table{
	width:80%;
	margin:7% auto;
	text-align:left;
}

.about3 tr{
	border-top:#5c432a 1px dashed;
}

.about3 tr th{
	width:25%;
	padding:15px 30px 15px 15px;
	vertical-align:text-top;
	color:#00a3af;
}

.about3 tr td{
	width:100%;
	padding:15px 0;
}

.about3Tr .about3TrDl{
	padding-left:25px;
}

.about3TrDl{
	margin-bottom:5%;
}

.about3TrDl dd dt,
.about3TrDl dd dd{
	float:left;
}

.about3TrDl dd dt{
	width:23%;
}

.about3Tr .icon1,
.about3Tr .icon2{
	position:relative;
}

.about3Tr .icon1:before{
	content:url(../images/about/icon1.gif);
	position:absolute;
	top:3px;
	left:-25px;
}

.about3Tr .icon2:before{
	content:url(../images/about/icon2.gif);
	position:absolute;
	top:3px;
	left:-25px;
}

/*子育て相談を電話で受け付けております*/
.about4{
	background:url(../images/about/contact_bg.gif) no-repeat;
 	height: 0;
    /*表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 36.39%;
    background-size: contain;
	position:relative;
	margin:0 auto;
}

.about4In{
	position:absolute;
	top:3%;
	left:42%;
	text-align:left;
}

.about4In h4{
	margin-bottom:20px;
}



/* 施設紹介
---------------------------------------------------------------------- */
.facility p{
	margin-bottom:5%;
}

.facility p img{
	vertical-align:sub;
	padding-right:5px;
}



/* 年間行事/１日の流れ
---------------------------------------------------------------------- */
/*年間行事予定*/
.scheduleYear dl{
	width:30%;
	padding:0 0.9%;
	margin:5% 0;
	display:inline-block;
	vertical-align:top;
}

.scheduleOther p,
.scheduleOtherIn{
	float:left;
	text-align:left;
}

.scheduleOtherIn{
	width:73%;
}

.scheduleOtherIn dl{
	margin:20px 0 0 5%;
}

.scheduleOtherIn dt{
	min-width:110px;
	text-align:center;
}

.scheduleOtherIn dl dd{
	display:inline;
	margin-left:2%;
}


/*一日の流れ（標準認定の場合）*/
.weekday,
.saturday{
	margin-bottom:100px;
}

.scheduleDay1,
.scheduleDay2{
	background:url(../images/schedule/line.gif) bottom no-repeat;
	padding-top:5%;
	padding-left:110px;

}

.scheduleDayArea{
	margin-bottom:8%;
}
.scheduleDayArea-heijitu{
	margin:-20px 0 8% 50px;
    padding: 0 0 30px;
    text-align:left;
}
.scheduleDayArea h4{
	margin:5% auto 0;
}

.scheduleDay1 h5,
.scheduleDay1 div,
.scheduleDay2 h5,
.scheduleDay2 div{
	float:left;
}

.scheduleDayArea h5{
	min-width:130px;
}

.scheduleDayArea dl{
	margin: 0 0 50px 20px;
	text-align:left;
}

.scheduleDayArea dt,
.scheduleDayArea dd{
	display:inline-block;
	vertical-align:middle;
}


.scheduleDayArea .imgTop{
	vertical-align:top;
}

.scheduleDayArea p{
	margin-top:20px;
}

.scheduleDay2{
	position:relative;
}

.scheduleDay2 div div{
	position:absolute;
}


.kirin{
	top:3%;
	right:2%;
}

.usagi1{
	top:16%;
	left:8%;
}

.zou{
	top:33%;
	right:1%;
}

.hiyoko{
	top:40%;
	left:8%;
}

.risu{
	bottom:28%;
	right:2%;
}

.panda1{
	bottom:16%;
	left:6%;
}

.raion1{
	bottom:4%;
	right:1%;
}

.usagi2{
	top:21%;
	left:8%;
}

.panda2{
	bottom:20%;
	right:1%;
}

.raion2{
	bottom:4%;
	left:2%;
}



/* 情報公開
---------------------------------------------------------------------- */
.disclosure dl{
	float:left;
	margin: 5% 4.93% 0%;
}








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

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


/* ヘッダー
---------------------------------------------------------------------- */
#headerIn{
	max-width:100%;
	margin:0 auto;
}

#gNavPc ul{
	max-width:96%;
	margin:5% auto 3%;
}

#gNavPc ul li{
	max-width:16%;
}


/* コンテンツ共通
---------------------------------------------------------------------- */
.contentWrap{
	width:90%;
}

.secWrap_bg{
	padding:6% 0;
}


.secWrap_01{
	width: 100%;
	padding:10% 0;
}

.secWrap_02,
.secWrap_03{
	width: 100%;
}


/* フッター
---------------------------------------------------------------------- */
#footNav ul{
	width:95%;
	margin:3% auto;
}



/* トップページ
---------------------------------------------------------------------- */
#map_canvas{
	width:100%;
	margin:0 auto;
}

.mapAddress{
	width:90%;
	margin:5% auto;
}

/* 保育園の概要
---------------------------------------------------------------------- */
/*基本方針*/

.about2 .about2Box h4,
.about2 .about2Box dl{
	float:none;
	text-align:center;
}

.about2 .about2Box dl{
	margin-left:0;
}

.about2 .about2Box dd{
	display:block;
}

/*保育園の概要*/
.about3 table{
	width:100%;
}

.about4{
}





/* 施設紹介
---------------------------------------------------------------------- */

/* 年間行事/１日の流れ
---------------------------------------------------------------------- */
.scheduleYear dl{
	width:45%;
	padding:0 2%;
}

.scheduleOtherIn{
	width:62%;
}

.scheduleOtherIn dl dd{
	display:block;
	margin-top:10px;
}


/*一日の流れ*/
.scheduleDay1,
.scheduleDay2{
	padding-left:0;
}

.scheduleDay1 h5,
.scheduleDay1 div,
.scheduleDay2 h5,
.scheduleDay2 div{
	float:none;
}
.scheduleDayArea-heijitu{
	margin:0px 0 8% 0px;
    padding: 0 0 30px;
    text-align:center;
}
.scheduleDayArea dl{
	width:70%;
	margin:0 auto;
	padding:5% 0 8%;
}


.scheduleDay2 div div{
	width:25%;
	right:0;
}

.kirin{
	top:5%;
}

.usagi1{
	top:22%;
	left: inherit;
}

.zou{
	top:38%;
	right:1%;
}

.hiyoko{
	top:48%;
	left: inherit;
}

.risu{
	bottom:28%;
	right:2%;
}

.panda1{
	bottom:15%;
	left: inherit;
}

.raion1{
	bottom:3%;
	right:1%;
}

.usagi2{
	top:33%;
	left: inherit;
}

.panda2{
	bottom:24%;
	right:1%;
}

.raion2{
	bottom:3%;
	left: inherit;
}





/* 情報公開
---------------------------------------------------------------------- */
.disclosure dl{
	width:23%;
	margin:5% 5.1% 0%;
}




}




/*----------------------------------------------------
	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 h1{
	max-width:65%;
	margin:0 auto;
}


/* フッター
---------------------------------------------------------------------- */
.foot_bg{
	padding:0 0 10%;
}

#footNavSp{
	display:inline;
	background-color: #add059;
	margin: 0 0 10% 0;
	padding: 0;
	font-size: 0.875em;
	list-style: none;
	display: block;
}

#footNavSp ul li {
	border-bottom: 1px solid #9abc49;
	text-align: left;
	line-height: 2.2em;
}
#footNavSp ul li a {
	padding: 15px 9%;
	margin: 2px 5px;
	text-decoration: none;
	background: url(../images/common/foot_arrow.gif) 5% center no-repeat;
	display: block;
	color:#fffde4;
}

#footNavSp ul li a:hover{
	color:#00a3af;
}

#footNavSp ul li:first-child{
	padding-top:10px;
}

footer h1{
	margin:3% 0;
}


footer h1 img{
	width:50%;
}

.address{
	margin:2% 0;
}

.tel-pc {
    display: none;
}

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

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

.tel-mobile a:hover{
	color:#00a3af;
}

.pagetop img{
	width:80%;
}

.pagetop{
	right:-1%;
}


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


.secWrap_01{
	width: 100%;
	padding:10% 0;
}

.secWrap_02{
	width:100%;
}

.secWrap_03{
	width:100%;
	margin:20% auto;
}



/* トップページ
---------------------------------------------------------------------- */
.newstop{
  border-top:#5c432a 1px dashed;  
  width:90%;
  margin: 0 5% 100px;
}


dl.news{
  padding:20px 0 ;
	margin:0;
	text-align:left;
  border-bottom:#5c432a 1px dashed;  
  display: block;
}
dl.news dt{
    float: none;
    width: 150px;
	color:#00a3af;
    letter-spacing: 0.05em;
    margin-left: 10px;
}
dl.news dd{
  width: 100%;
    text-align: left;
    display: flex;
}

dl.news .newscatches{
  flex-shrink: 0; /* 追加 */
  align-items: center;
  margin-right: 5px;
}

dl.news .newstitle{
  align-items: center;
}


.mapAddress dl dt,
.mapAddress dl dd{
	display:block;
	margin:0 0 20px 0;
}

.mapAddress dl dt{
	margin-bottom:10px;
}

.mapAddress .tel-mobile a{
	color:#604c3f;
}



/* 保育園の概要
---------------------------------------------------------------------- */
/*基本方針*/
.about2{
	margin-bottom:25%;
}

/*保育園の概要*/
.about3 .tel-mobile a{
	color:#604c3f;
}

.about3 tr th,
.about3 tr td{
	display:block;
}

.about3 tr th{
	width:100%;
	padding:15px 15px 0;
}

.about3 tr td{
	max-width:95%;
	padding:0 15px 15px;
}

.about3TrDl dd dt,
.about3TrDl dd dd{
	float:none;
}

.about3TrDl dd dt{
	width:100%;
}

/*子育て相談を電話で受け付けております*/
.about4{
	background:none;
	height:auto;
	padding-top:0;
}

.about4In{
	position:static;
	text-align:center;
	margin:5% auto;
}

.about4In .txtL{
	font-size:1.2em;
}

.about4In .tel-mobile a{
	color:#00a3af;
}



/* 施設紹介
---------------------------------------------------------------------- */

/* 年間行事/１日の流れ
---------------------------------------------------------------------- */
.scheduleYear dl{
	width:100%;
	display:block;
	margin:15% auto 20%;
}

.scheduleOther{
	margin-bottom:20%;
}

.scheduleOther p,
.scheduleOtherIn{
	float:none;
	text-align:center;
	width:100%;
}
.scheduleDayArea-heijitu{
	margin:0px 0 8% 0px;
    padding: 0 0 30px;
    text-align:center;
}
.scheduleDay1, .scheduleDay2{
	padding-top:10%;
}

.scheduleDayArea dl{
	width:100%;
}

.scheduleDayArea dt,
.scheduleDayArea dd{
	display:block;
}

.scheduleDayArea dd{
	padding:3% 0 3% 85px;
}

.scheduleDay2 div div{
	width:38%;
}

.kirin{
	top:6%;
}

.usagi2{
	top:36%;
}





/* 情報公開
---------------------------------------------------------------------- */
.disclosure dl{
	width:45%;
	margin:0 2.5% 8%;
}

}