@charset "utf-8";
@import url(default.css);
/* ===================================================================
CSS information

 file name  :style.css
 author     :hirasawa (admin)
 style info :コンテンツエリア関係 他
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
	メインカラー 緑：#038a09
----------------------------------------------------*/
a {color:#e96207; }
a:hover {}

a:active {}
a[href^="tel:"] { cursor: default; }
.abox a, a.abox {display:block; padding:9px 1em 9px; color:white; font-size:100%;
	border-radius: 5px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; 
	background:#3264af; text-decoration:none; text-align:center;
	transition: background-color 0.8s ease; }
.abox a:hover, a:hover.abox {}
a.alink, .alink a {background-color:#fdf2da; padding:18px 0; text-align:center; color:#712222;
	font-weight:bold; display:block; text-decoration: none;  }

.pdflist ul {margin:20px 0; }
.pdflist li {padding:0; margin:6px 0; }
.pdflist li a {background:url(../image/btn-pdf.gif) 20px center no-repeat; 
	background-size:32px;
	padding:12px 0 12px 5em; box-sizing:border-box; display:block; border:solid 1px #efddb8;
	background-color:#f8f4ec;
	border-radius:8px;        /* CSS3草案 */  
    -webkit-border-radius:8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:8px;   /* Firefox用 */  }


p.m0 {margin:0; }
p.center {text-align:center; }

h1 {font-weight:normal; line-height:1em; font-size:10px; color:white; padding:0 0; }
h2#pagetitle { }
h3 {margin:20px auto 20px; font-size:180%; }

p+h4 {margin:20px auto 6px; }

ul.circle {list-style-type:circle; margin:20px; }
ol {margin-left:26px; }

hr {border:none;border-top:dashed 1px #CCCCCC;height:1px;color:#FFFFFF; margin:30px 0; }

img.block {display:block; }
img.maruphoto, .maruphoto img {border-radius:16px; }
font.small {font-size:90%; }


@media print, screen and ( max-width: 679px ) {   /* スマホ用 */

p.abox,
a.abox {max-width:260px; width:80%; margin:6px auto; }
a.alink, .alink a {width:90%; max-width:416px; margin:1em auto 1em; }
}

@media screen and (min-width:680px) { /* PC用 */
html {scroll-padding-top: 196px; /* 固定ヘッダの高さ分 */ }
a[href^="tel:"] {color:initial; }

a.alink, .alink a {width:415px; margin:2em auto 2em 0; }
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.center {text-align:center; margin-left:auto;margin-right:auto; }
.min {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.right {text-align:right; }
.red {color:#ca0404; }
.space {visibility:hidden; }
.min {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.relative {position:relative; zoom:1; }
.flex {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex; }
.flex-start {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;	
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:flex-start;/*--- safari（PC）用 ---*/
    justify-content:flex-start;
	flex-wrap: wrap;
 }
 

.r4 {    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */   }
.r8 {    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */   }
.r16 {    border-radius: 16px;        /* CSS3草案 */  
    -webkit-border-radius: 16px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 16px;   /* Firefox用 */   }

/* 表 */
ul.ulhyou {border-bottom:solid 1px #3264af; margin:4px auto 12px; }
ul.ulhyou li {border:solid 1px #3264af; border-bottom:0; display:table; padding:10px 0; }
ul.ulhyou li:nth-child(2n+1) {background-color:#dadfe6; }
ul.ulhyou h5 {font-size:120%; display: table-cell; vertical-align:middle; width:200px; padding-left:10px; box-sizing:border-box; }
ul.ulhyou h5 small {font-size:11px; }
ul.ulhyou p {min-height:7.2em; display:table-cell; vertical-align:middle; width:780px; }

.bordertable {border-bottom:solid 1px #3264af; }
.bordertable td {border:solid 1px #3264af; padding:6px 0; text-align:center; }


/* 開く */
.openarea {margin:8px 0 0; }
.openarea label {display: block; margin:0 auto; color:#0b95dd; }
.openarea label:hover {text-decoration:underline; }
.openarea input[type="checkbox"].on-off{display: none; }
.openarea ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding:0 0;
    list-style: none; 
}
.openarea li {line-height:1em; }
.openarea li a font {color:black; font-size:100%; }
.openarea li.gohome {font-size:120%; }
.openarea li.gohome font {font-size:90%; }
.openarea input[type="checkbox"].on-off + ul{height: 0; overflow: hidden;}
.openarea input[type="checkbox"].on-off:checked + ul{}

/* 戻るボタン */
#gotop a {width:50px; height:50px; z-index:999; margin:20px auto 0;
	background:url(../image/arr-gotop.gif) center center no-repeat; background-size:100%; 
	display:block; text-indent:-9999px; 
	border-radius:24px;        /* CSS3草案 */  
    -webkit-border-radius:24px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:24px;   /* Firefox用 */  }
#gotop a:hover {opacity:1; }

/* マップ ※<header>に JavaScriptを入れる！ */
.gmap iframe {pointer-events:none; }

.inarea {width:88%; margin-left:auto; margin-right:auto; }

@media print, screen and ( max-width: 679px ) {   /* スマホ用 */
.flex { flex-direction: column; }
}

@media print, screen and ( min-width: 680px )  {  /* PC用 */
.flex {-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between; }
}

/* -----------------------------------------------------------
	　コンテンツブロック分け
	横幅　PC=900PX(260+640PX)
----------------------------------------------------------- */
#bodyin {width:100%; margin:0 auto; }
#contents, #indexcontents {margin:0 auto 30px; }
#contentsin {position:relative; padding:0 0; }
#contentsinin {background-color:rgba(255,255,255,0.6); }

#indexcontents {}
#indexcontentsin {position:relative; padding:0 0; }

#contentsin h3 {line-height:1.2em;  color:#316652;}
#contentsin p+p {margin-top:1em; margin-bottom:1em; }
#contentsin .area {width:90%; margin:20px auto 40px; }

#contentbottom {text-align:center; width:100%; margin:60px 0 0; }

#pagemenu {display:none; }
#pagemenu a {text-decoration: none; }

#pageinmenu {} /* 「在園児向けページ」のみ　※表示位置は旧pagemenu と同じ */


@media screen and (max-width:679px) { /* スマホ用 */

#contents,
#indexcontents {padding-top:58px; }
#contents .anchor {padding-top:58px; margin-top:-58px; }


#contents h3 {padding:20px 0 20px; text-align:center; }

#pagetitle {padding:0; margin:0; }
#pagetitle h2 {width:240px; margin:0 auto; padding:0; }

#pagemenu {margin:16px 16px 12px; }
#pagemenu li {margin:6px 0; }
#pagemenu a {display:block; padding:6px 0; text-align:center; border:solid 1px #4dbd93; color:white; background:#4dbd93 url(../image/pagemenu/back.jpg);
	border-radius: 24px;        /* CSS3草案 */  
    -webkit-border-radius: 24px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 24px;   /* Firefox用 */  }

#pageinmenu {margin:-20px 16px 12px; }
#pageinmenu li {margin:6px 0; }
#pageinmenu a {display:block; padding:6px 0; text-align:center; border:solid 1px #4dbd93; color:white; background:#4dbd93 url(../image/pagemenu/back.jpg); text-decoration:none;
	border-radius: 24px;        /* CSS3草案 */  
    -webkit-border-radius: 24px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 24px;   /* Firefox用 */  }
	
.s-off {display:none; }
}

@media screen and (min-width:680px) { /* PC用 */
#contents {margin:0 auto; padding:196px 0 0; }
#indexcontents {margin:0; padding-top:72px; }
#contents, #indexcontents {background:url(../image/back-contents.gif); }
#contentsin, #indexcontentsin {width:900px; margin:0 auto; background-color:white; position:relative; padding:40px 0 0; }
#maincontents {width:640px; margin:0 0 0 auto; padding:10px 0 20px; }
#indexcontentsin { }
#contents .anchor {padding-top:72px; margin-top:-72px; }

#contents h3 {line-height:1.2em; padding:30px 0 30px 1.5em; }

#pagetitle {position:absolute; top:80px; left:10px; width:240px; z-index:800; paddin:0; margin:0; }
#pagetitle .area { }
#pagetitle h2 {text-align:center; padding:0; margin:0; }
#pagetitle h2 img {width:100%; }

#pagetitle #pagemenu {width:230px; margin:40px auto 0 0; line-height:1.4em; }
#pagetitle #pagemenu ul {}
#pagetitle #pagemenu li {background:url(../image/line2.gif) bottom center no-repeat;
	background-size:100%; margin:20px 0; }
#pagetitle #pagemenu li:last-child {}
#pagetitle #pagemenu a {display:block; padding:0 1em 20px; color:#316652; font-weight:bold; box-sizing:border-box; }


#pageinmenu {position:absolute; top:320px; left:30px; width:230px; line-height:1.4em; }
#pageinmenu ul {}
#pageinmenu li {background:url(../image/line2.gif) bottom center no-repeat;
	background-size:100%; margin:20px 0; }
#pageinmenu li:last-child {}
#pageinmenu a {display:block; padding:0 1em 20px; color:#316652; font-weight:bold; box-sizing:border-box;
	text-decoration:none; }

#contentbottom {text-align:center; width:88%; margin:60px auto 0; }

.pc-width {width:900px; margin-left:auto;margin-right:auto; }
.pc-off {display:none; }
}


/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {position:fixed; top:0; left:0; width:100%; z-index:990; background-color:white; }
#indexheader {position:fixed; top:0; left:0; width:100%; z-index:990; background-color:white; }
#headerin {background-color:white; }


/* カテゴリメニュー */
#topnavi {position:fixed; background-color:white; width:100%; z-index:999; border-bottom:dotted 1px #abe0ae; }
#topnavi .topnavi-open {}
#topnavi ul {display:flex; flex-wrap: wrap; margin:6px auto 0; }
#topnavi li {text-align:center; box-sizing:border-box; padding:0; }
.topnavi1 li {border-right:dashed 2px #dae7cb; }
.topnavi1 li:last-child {border-right-width:0; }
.topnavi2 {}
.topnavi2 li a {display:block; padding:0 0; border:solid 1px #dae7cb; margin:0 0;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */    }

#topnavi p.contactmid {margin-top:6px; }
#topnavi ul.contact {margin:40px auto 0; width:80%; }
#topnavi ul.contact li {flex-basis:22%; text-align:center; align-self:center; }
#topnavi ul.contact li img {width:80%; }
#topnavi ul.contact li.mid {flex-basis:56%; }
#topnavi ul.contact li.mid img {width:100%; }

@media screen and (max-width:679px) { /* スマホ用 */
#header {padding:0; }
#headerin {padding:16px 0 10px; height:44px; background-color:rgba(255,255,255,0.9); }
#headerin .logo {width:82%; text-align:center; margin:0 auto 0 16px; }
#headerin .logo img {max-height:44px; width:auto; }

#topnavi {display:none; top:58px; left:0; bottom:0; overflow-y:auto; padding:2px 0 40px; }
#topnavi ul {width:94%; }
#topnavi li {width:33.333%; }
#topnavi li:nth-child(3),
#topnavi li:nth-child(6) {border-right-width:0; }
.topnavi1 li {margin:10px 0; }
.topnavi1 li img {width:92%; }
.topnavi2 li {margin:0; }
.topnavi2 li a {margin:2px; }
.topnavi2 li img {width:100%; }
.topnavi-open {position:fixed; top:14px; right:4px; width:44px; text-align:right; z-index:990; }
.topnavi-open img {max-height:60px; width:auto; }
}

@media screen and (min-width:680px) { /* PC用 */
#header {margin:0; }
#headerin {width:680px; height:68px; margin:0 auto; padding:18px 0; 
   border-radius:0 0 28px 28px;        /* CSS3草案 */  
    -webkit-border-radius:0 0 28px 28px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:0 0 28px 28px;   /* Firefox用 */   }
#headerin .logo {text-align:center; width:500px; margin:0 auto; }

#topnavi {top:74px; left:0; padding:4px 0 2px; }
#topnavi ul {width:840px; margin:8px auto 0; }
#topnavi li {}
#topnavi li a {display:block; margin:0 auto; }
#topnavi ul.contact {display:none; }

.topnavi1 li {width:16.666%; margin:6px 0; }
.topnavi1 li a {width:88%; }
.topnavi2 {display:none; }
.topnavi2 ul {}
.topnavi2 li {width:16.666%; margin:6px 0; }
.topnavi2 li a {width:92%; margin:0 auto; }
.topnavi-openpc,
.topnavi-openpcindex {position:fixed; top:20px; right:30px; width:44px; text-align:right; z-index:990; }
.topnavi-openpc img,
.topnavi-openpcindex img {max-height:60px; width:auto; }
}

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {color:white; margin:0; padding:0 0 20px; background-color:#64ae0a; border-top:solid 24px #8ec64b; }
#footerin {padding-top:20px; }
#footer, #footer p {text-align:center; }
#footer a {color:white; }

#footer h3 {font-size:160%; text-align:center; margin:0 auto 10px 20px; }
#footer h3 span {}
address {
	text-align: center;
	padding:0;
	margin:10px 0 0;
}
#footer p.gocontact {text-align:center; }
#footer p.gocontact a {text-decoration:none; }
#footer p.gocontact a:hover {text-decoration:underline; }


@media screen and (max-width:679px) { /* スマホ用 */
#footer {}

#footer h3 {line-height:1.2em; }
#footer h3 span {display:block; font-size:66%; font-weight:normal; }
}

@media screen and (min-width:680px) { /* PC用 */
#footer {margin-top:0; }

#footer h3 span {font-size:80%; padding-right:0.5em; }
}