/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {    color: #222;    font-size: 1em;    line-height: 1.4;}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {    background: #b3d4fc;    text-shadow: none;}
::selection {    background: #b3d4fc;    text-shadow: none;}

/*
 * A better looking default horizontal rule
 */
hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {    vertical-align: middle;}

/*
 * Remove default fieldset styles.
 */
fieldset {    border: 0;    margin: 0;    padding: 0;}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {    resize: vertical;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* color sample
-------------------------------- */
.yellowGreen{color:#CDDD21}
.yellowGreen-transparent{color:rgba(205,221,33,0.30)}
.rightGreen{ color:#66BF18;}
.rightGreen-transparent{ color:rgba(102,191,24,0.75);}
.darkGreen{ color:#006935;}
.darkGreen-transparent{ color:rgba(0,105,53,0.75);}

.txt-darkGreen{ color:#0a6432;}
.txt-pink{ color:#e5648b;}
.txt-orange { color:#FF8E1E;}
.txt-green { color:#7AC443;}



/* common settings
-------------------------------- */
body{ font-size:14px; line-height:180%; color:#736357; margin:0; padding:0;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
   background: url(/kinder/common/img/body_bg.jpg) repeat;}

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

/* link color */
a			{ color:#736357;}
a:hover		{ opacity:0.7;}

/* classes */
.struct{ width:960px; margin:0 auto;}
.memo{ color:#666;}
.memoPink{ font-size:smaller; color:#e5648b;}

.onlyPC{}
.onlySP{ display:none;}

.notLink,
.notLink a,
.notLink:hover,
.notLink:hover a{ opacity:0.5; text-decoration:none; cursor:default; }

.acdnBtn{ cursor:pointer;}
.newMark{ display: inline-block; padding: 2px 5px; background-color: #79C5E4; border-radius: 3px; font-size: 12px; line-height: 1; color: #fff; }

hr.partition{     border: 0;    height: 2px; margin: 50px 0;
    background: #006935;
    background-image: -webkit-linear-gradient(left, #EBF3EF, #006935, #EBF3EF);
    background-image:    -moz-linear-gradient(left, #EBF3EF, #006935, #EBF3EF);
    background-image:     -ms-linear-gradient(left, #EBF3EF, #006935, #EBF3EF);
    background-image:      -o-linear-gradient(left, #EBF3EF, #006935, #EBF3EF);
}

@media only screen and (max-width: 780px){
   .struct{ width: inherit; margin-left:15px; margin-right:15px;}
   .onlyPC{ display:none;}
   .onlySP{ display:block;}

}

/* for jQuery plugins
-------------------------------- */
.navBody{ display:none;}
.acdnBody{ display:none;}



/* ============================================
     structure
=============================================== */

/* header
-------------------------------- */
header{ background:url(/kinder/common/img/header_bg.jpg) repeat-x center top #fff; margin:0; box-shadow: 0px 7px 10px 3px rgba(0,0,0,0.05);}
header .headerInner{ padding:60px 0 30px; position:relative; }
   /* clearfix */
   header .headerInner:before,
   header .headerInner:after {    content: " "; /* 1 */    display: table; /* 2 */}
   header .headerInner:after {    clear: both;}

header h1{ float:left; margin:0 30px 0 0; width:190px; height:102px; }
header h1 a{ display:block; width:190px; height:102px; background:url(/kinder/common/img/header_logo@2x.png) no-repeat; background-size:cover; text-indent:-9999px;}
header nav ul { padding:0; margin:0; list-style:none; }
   /* clearfix */
   header nav ul:before,
   header nav ul:after {    content: " "; /* 1 */    display: table; /* 2 */}
   header nav ul:after {    clear: both;}
header nav li { float: left; margin-right:30px; }


/* ----- navMain */
header nav .navMain { position:absolute; top:120px; right:0; width:700px; border-top:1px solid #c7c7c7; padding-top:15px; }
header nav .navMain > li  { float: left; margin-right:0; box-sizing:border-box; border-right:1px solid #c7c7c7; }
   header nav .navMain li.navLunch,
   header nav .navMain li.navEntry     { border-right:0; }
header nav .navMain li a { display:block; padding:0 8px; text-align: center; font-size:16px; color:#000; text-decoration:none;}

/* ----- navBody */
header nav .navMain .navBody { position:absolute; z-index:100; border-top:1px dotted #ccc;}
header nav .navMain .navBody li { float:none; margin-right:0; background-color:#fff; border-bottom:1px dotted #ccc; }
header nav .navMain .navBody li a { display:block; padding:15px 15px; color:#999; transition:all 0.3s;font-size:14px;}
header nav .navMain .navBody li a:hover { background-color:#eee; color:#006935;}

/* navEntry */
header nav .navMain li.navEntry { position:absolute; top:-96px; right:0; width:auto;}
header nav .navMain li.navEntry a { display:block; width:104px; height:101px; background:url(/kinder/common/img/navBtnEntry@2x.png) no-repeat; background-size:104px 101px; text-indent:-9999px;}

/* ----- navSub */
header nav .navSub { position:absolute; top:70px; left:260px;}
header nav .navSub li a { display:block; padding:3px 3px 3px 25px; background:url(/kinder/common/img/icon_leaf@2x.png) no-repeat left center; background-size:21px 28px; color:#949494; text-decoration:none;}

/* ----- navInfo */
header nav .navInfo { position:absolute; top:0; right:0px;}
header nav .navInfo li { margin:0;}
header nav .navInfo a { display: table-cell; width:150px; height:30px; box-sizing:border-box; text-align:center; vertical-align: middle;  color:#fff; text-decoration:none;}
header nav .navInfo .navAccess a { background-color:#66BF18; background-color:rgba(102,191,24,0.75)}
header nav .navInfo .navContactus a {background-color:#006935; background-color:rgba(0,105,53,0.75)}
   header nav .navInfo .navAccess a:hover { opacity:1; background-color:rgba(102,191,24,1)}
   header nav .navInfo .navContactus a:hover { opacity:1; background-color:rgba(0,105,53,1)}


/* ----- mobileNav */
.menuBtn{ display:none;}

.mobileNav { display:none; position: fixed; top:0; left:0; width:100%; height:100%;overflow:auto;background:rgba(255,255,255,0.9); z-index:100; text-align:center;  }
.mobileNav a { text-decoration:none;}
.mobileNav > .inner { width:90%;background-color:#fff; padding:15px; margin:0 auto;  }

.mobileNav p {margin-bottom:0;}
.mobileNav p a { display:block; background-color:#eee; padding:10px; margin-bottom:3px;}

.mobileNav p.closeBtn.top { position:absolute; top:0; right:5px;}
.mobileNav p.closeBtn.bottom { text-align:center;}

.mobileNav p.mNavhome  { padding:0 50px;}
.mobileNav p.mNavhome a { background:#fff; padding:0;}
.mobileNav p.mNavAccess a { background:#8CD050; color:#fff;}
.mobileNav p.mNavContactus a { background:#438E68; color:#fff;}
.mobileNav p.closeBtn a { background: none;}

.mobileNav table  { width:100%;}
.mobileNav table  td { width:50%; text-align:center; vertical-align:middle; padding:10px; border:1px solid #eee;}


@media only screen and (max-width: 780px){

   header h1{ float:left; margin:0 15px 15px 0; }

   /* ----- navMain */
   header nav .navMain { position: inherit; top:0; right:0; width: inherit; border:0;  }
   header nav .navMain > li  { width: inherit;  border-right:0; border-left:5px solid #c7c7c7; padding:0 15px 0 5px; margin-bottom:10px; }
   header nav .navMain > li > a{ text-align:left; }

   /* navEntry */
   header nav .navMain li.navEntry { position:inherit; top:0px; right:0; width:auto;}
   header nav .navMain li.navEntry a { display:block; width: inherit; height:inherit; background:none; text-indent:0;}

   /* ----- navSub */
   header nav .navSub { position:inherit; top:0px; left:0px; text-align:center;}
   header nav .navSub  li{ float:none; display:inline-block;}

   /* ----- navInfo */
   header nav .navInfo { right:-15px;}
   header nav .navInfo li { }
   header nav .navInfo a { width:120px; }
}

@media only screen and (max-width: 620px){

   header { background-size:285px 15px;}
   header .headerInner{ padding:20px 0 5px;}
   header h1,
   header h1 a{ width:95px; height:51px; background-size:contain; margin:0;}

   header .menuBtn { display:block; position:fixed; top:20px; right:20px; width:40px; height:40px; margin:5px 0 0;background:url(/kinder/common/img/menuBtn.png) no-repeat center; background-size:contain; text-indent:-9999px; z-index:50;}

   header nav .navMain,
   header nav .navSub,
   header nav .navInfo { display:none;}

}


/* bread
-------------------------------- */
.bread{ background-color:color:#CDDD21;background-color:rgba(205,221,33,0.30); font-size:13px; padding:15px 0 95px;}

.bread ul{ list-style:none; padding:0;}
.bread ul li{ display: inline-block; margin-right:20px; color:#0a6432; margin-right:10px;}
   .bread ul li:after{ content:">";}
   .bread ul li:last-child:after{ content:"";}

.bread ul li a{ color:#736357; text-decoration:none; padding-right:10px;}


/* main
-------------------------------- */
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main p,
.main ul{ margin-top:0;}

.main{ background:url(/kinder/common/img/bg-line01.png) repeat-x center top; }
.main .mainMidInner{position:relative;  min-height:600px; background: url(/kinder/common/img/bg_forest.png) center bottom repeat-x; }
.main .mainInner{ padding-bottom:80px;}

.main h2.pageTtl{ position: relative; top:-90px; left:50%; width:312px; min-height:85px; margin:0 0 0 -156px; background:url(/kinder/common/img/h2_bg01.png) no-repeat center top; text-align:center; padding-top:26px; }

.ttl2{ text-align:center;}

@media only screen and (max-width: 780px){
   .main .mainMidInner{ min-height:300px; }
}

/* -----  */
.contentsWrap{}
   /* clearfix */
   .contentsWrap:before,
   .contentsWrap:after {    content: " "; /* 1 */    display: table; /* 2 */}
   .contentsWrap:after {    clear: both;}

.boxArea{ background-color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); border-radius:15px; word-break: break-all;}

/* ----- entryTtl */
.entryTtl{ font-size:25px; margin-bottom:30px; line-height:1.6;}
.entryTtl span.date{ display:block; margin-bottom:10px; font-size:13px; font-weight:normal;}

.foodVol span{ display: inline-block; margin-bottom:10px; font-size:16px; font-weight:normal; border:1px solid #736357; padding:5px 20px; line-height:1; border-radius:15px;}

/* ----------- side */
.sideLocalNav{ width:184px; box-sizing:border-box; float:left; border-top:5px solid #006935;}
.sideLocalNav h3{ width:100%; height:70px; box-sizing:border-box; margin:0; background:url(/kinder/common/img/title_contents.png) no-repeat center center; text-indent:-9999px; }

.sideLocalNav ul{ list-style:none; border-top:1px dotted #006935; padding:0;}
.sideLocalNav ul li{ border-bottom:1px dotted #006935; margin:0; padding:5px 0; line-height:1.4;}
.sideLocalNav ul li span.date{ display:block; color:#006935;}
.sideLocalNav ul li a{ text-decoration:none;}
.sideLocalNav ul li a:hover{ text-decoration: underline;}

@media only screen and (max-width: 780px){
   .sideLocalNav{ width: inherit; float:none;}
}

/* ----------- pager */
.pager{ text-align:center; margin-top:30px; padding-top:30px; border-top:1px solid #eee;}
.pager a{ display:inline-block; padding:0 20px; }
.pager a:last-child{border-left:1px solid #eee; }
.pager a:first-child{border-left:0; }

@media only screen and (max-width: 580px){
   .pager a:last-child,
   .pager a:first-child { border-right:1px solid #eee; border-left:1px solid #eee;}
}

/* ----------- pagenavi ページ送り */
.pagenavi{padding:27px 0; font-size:14px; font-weight:bold; line-height:1;}
   /* clearfix */
   .pagenavi:before,
   .pagenavi:after {    content: " "; /* 1 */    display: table; /* 2 */}
   .pagenavi:after {    clear: both;}
.pagenavi a,
.pagenavi span{ 	display:block;	float:left;	border:1px solid #006935;	padding:8px 15px;  margin-left:5px;  margin-bottom:5px;	background:#006935;	text-decoration:none;	color:#FFF;	-moz-border-radius:3px;	-webkit-border-radius:3px;	border-radius:3px;}
.pagenavi a:hover{ color:#006935; color:#fff;}
.pagenavi span{	background-color:#FFF;	color:#006935;}

.entryBody p{ line-height:2; margin-bottom:2em;}
.footDate{ color:#999; padding:30px 0 0;}

/* footer
-------------------------------- */
footer{ color:#006935; background-color: rgba(117,162,21,0.20)}
footer a{ color:#006935; text-decoration:none;}
footer a:hover{ text-decoration: underline;}

.footerNavArea{ padding:50px 0;}
   /* clearfix */
   .footerNavArea:before,
   .footerNavArea:after {    content: " "; /* 1 */    display: table; /* 2 */}
   .footerNavArea:after {    clear: both;}
.footerNavArea .cols{ float:left; padding-right:20px; width:230px; box-sizing:border-box; overflow:hidden;}

.footerNavArea .item p{ background:url(/kinder/common/img/icon_arrow01.png) no-repeat left 3px; padding-left:16px; margin-bottom:0; font-weight:bold;}
.footerNavArea .item ul{ list-style:none; margin:0; padding:0 0 0 20px;}
.footerNavArea .item ul li{ background:url(/kinder/common/img/icon_minus01.png) no-repeat left 10px; padding-left:10px; font-size:12px;}

.footerNavArea .item.logo { margin-top:50px;}
.footerNavArea .item.logo p{ background:none; padding:0;}
.footerNavArea .item.logo p.logo_img{ width:179px; height:94px; background:url(/kinder/common/img/header_logo@2x.png) no-repeat; background-size: contain; text-indent:-9999px;}

/* ----- copyArea */
footer .copyArea{ background:#006935; color:#fff; padding:12px 0; }
   /* clearfix */
   footer .copyArea:before,
   footer .copyArea:after {    content: " "; /* 1 */    display: table; /* 2 */}
   footer .copyArea:after {    clear: both;}
footer .copyArea a{ color:#fff;}
footer .copyArea ul{ float:left; list-style:none; padding:0; margin:0;}
footer .copyArea ul li{ margin:0; float:left; padding:0 20px; border-left:1px solid #fff; line-height:1;}
   footer .copyArea ul li:last-child{ border-right:1px solid #fff; }
footer .copyArea .copyright{ float:right; margin:0; line-height:1;}

@media only screen and (max-width: 780px){

   .footerNavArea { text-align:center;}
   .footerNavArea .cols{ float:none; width:40%; padding:20px; display:inline-block; text-align:left; vertical-align:top;}
   .footerNavArea .cols .item{ border-top:2px solid #006935; padding-bottom:15px;}


}
@media only screen and (max-width: 580px){
   .footerNavArea .cols{ width:80%;}
}

/* ============================================
     pages
=============================================== */

/* HOME
-------------------------------- */
.home .lead{ font-size:18px; line-height:1.8;}

/* ----- bgSlider */
.bgSlider {    width:100%;background-image:url(/kinder/common/img/home_slide01.jpg); background-color: #FFF; background-position: center;    background-repeat: no-repeat;       -webkit-background-size: cover;       -moz-background-size: cover;       -o-background-size: cover;       background-size: cover;}
.bgSlider {    background-position: center top\9;    background-repeat: repeat-x\9;}
*+html .bgSlider {    background-position: center top;    background-repeat: repeat-x;}

/* ----- header */
.home header { box-shadow:none;  }
.home header h1{ float:none; margin:93px auto 0; width:inherit; height:auto;  background:none;  text-align:center;}
.home header .headerInner{ position:relative; min-height:500px;}
.home header .homeMainVis{ display: none;}

/* ----- navMain */
.home header nav .navMain { position:absolute; top:inherit; right:inherit; bottom:-130px; left:30px; width:905px; box-sizing:border-box; background-color:#fff; border-top:0; padding:15px 10px 10px; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.5); z-index: 2; }
.home header nav .navMain > li  { float: left; margin-right:0; box-sizing:border-box; border-right:1px solid #eee; }
.home header nav .navMain li.navLunch   { border:0;}
.home header nav .navMain li.navEntry   { border:0; right: inherit; left:0; top:-120px;}


.home header nav .navMain > li > a  { display:block; width:130px; height:150px; background:no-repeat center; text-indent:-9999px;}
   .home header nav .navMain li.navAbout > a  { background-image:url(/kinder/common/img/homenav_about.png);}
   .home header nav .navMain li.navLife > a  { background-image:url(/kinder/common/img/homenav_life.png);}
   .home header nav .navMain li.navGallery > a  { background-image:url(/kinder/common/img/homenav_photo.png);}
   .home header nav .navMain li.navNews > a  { background-image:url(/kinder/common/img/homenav_news.png);}
   .home header nav .navMain li.navDirectors > a  { background-image:url(/kinder/common/img/homenav_directors.png);}
   .home header nav .navMain li.navLunch > a  { background-image:url(/kinder/common/img/homenav_food.png);}
   .home header nav .navMain li.navEntry > a  { width:153px; background-image:url(/kinder/common/img/navBtnEntry@2x.png); background-size:contain;}
   .home header nav .navMain li.navEntry > a.new1903  { width:400px; background-image:url(/kinder/common/img/navBtnEntry_1903.png);}

/* ----- navSub */
.home header nav .navSub {    top: 0;    left: 0;}
.home header nav .navSub li a { color:#fff; text-shadow:0px 0px 4px #000; }

/* ----- navBody */
.home header nav .navMain .navBody { position:absolute; z-index:100; border-top:1px dotted #ccc;}
.home header nav .navMain .navBody li { float:none; margin-right:0; background-color:#fff; border-bottom:1px dotted #ccc; }
.home header nav .navMain .navBody li a { display:block; padding:15px 15px; color:#999; transition:all 0.3s;font-size:14px;}
.home header nav .navMain .navBody li a:hover { background-color:#eee; color:#006935;}

@media only screen and (max-width: 780px){

   .home header {  padding:0;}
   .home header .headerInner{ position:relative; min-height: inherit; padding:0 0; margin:0;}
   .home header h1{ margin:0 auto; padding:10px 60px 0; box-sizing:border-box; background:url(/kinder/common/img/header_bg.jpg) repeat-x center top #fff;background-size:285px 15px;}

   .home header .menuBtn { display:block; position:fixed; top:15px; right:15px; width:40px; height:40px; margin:5px 0 0;background:url(/kinder/common/img/menuBtn.png) no-repeat center; background-size:contain; text-indent:-9999px; z-index:50;}

   .home header nav .navMain,
   .home header nav .navSub,
   .home header nav .navInfo { display:none;}

   .home header .homeMainVis{ display: block; margin:0;}

}

/* ----- main */
.home .main{ background:none; padding-top:100px;}

@media only screen and (max-width: 780px){
.home .main{ background:none; padding-top:30px;}

}

/* ----- section01 */
.home .section01{ padding:80px 0 260px; position: relative;}
.home .section01 .floatBox{ padding-top: 20px; }
.home .section01 .item{ position:relative; width:310px; max-width:100%; height:314px; box-sizing:border-box; background:url(/kinder/common/img/photo_sche_base.png) no-repeat center center; background-size:contain;   float:left; margin:0 15px 15px 0; text-align:center;}
.home .section01 .item:nth-child(3n){ margin-right:0; }
   .home .section01 .item.hikari{ background-image:url(/kinder/common/img/photo_hikari_base.png);}
   .home .section01 .item.sora{ background-image:url(/kinder/common/img/photo_sora_base.png);}
   .home .section01 .item.niji{ background-image:url(/kinder/common/img/photo_niji_base.png);}
   .home .section01 .item.ringo{ background-image:url(/kinder/common/img/photo_ringo_base.png);}
   .home .section01 .item.budou{ background-image:url(/kinder/common/img/photo_budou_base.png);}
   .home .section01 .item.momo{ background-image:url(/kinder/common/img/photo_momo_base.png);}
   .home .section01 .item.kitchin{ background-image:url(/kinder/common/img/photo_kitchin_base.png);}
/*    .home .section01 .item.news{ background-image:url(/kinder/common/img/photo_news_base.png);} */
   .home .section01 .item.sche{ background-image:url(/kinder/common/img/photo_sche_base.png);}
   .home .section01 .item.morinews{ background-image:url(/kinder/common/img/photo_morinews_base.png);}

.home .section01 .item .ttl{ padding-top:20px;}
.home .section01 .item .img img{ border:5px solid #fff;}
.home .section01 .item .link{ display:inline-block; border:1px solid #fff; padding:3px 10px; font-size:13px; line-height:1; color:#fff; }
.home .section01 .item .link a{ color:#fff; text-decoration:none;}
.home .section01 .item .mark { position:absolute; bottom:-25px; right:-15px;}

   .home .section01 .item.ringo .ttl,
   .home .section01 .item.budou .ttl,
   .home .section01 .item.momo .ttl{ padding-top:15px;}

   .home .section01 .item.kitchin .ttl{ padding-top:68px;}
   .home .section01 .item.morinews .ttl{ padding-top:42px;}
	 /* .home .section01 .item.news .ttl{ padding-top:116px;} */
   /* .home .section01 .item.sche .ttl{ padding-top:126px; padding-bottom:15px;} */
	 .home .section01 .item.sche .ttl{ padding-top:58px;}

   .home .section01 .item.kitchin .link,
   .home .section01 .item.morinews .link,
/*    .home .section01 .item.news .link, */
   .home .section01 .item.sche .link{ border-color:#000; color:#000;}
   .home .section01 .item.kitchin .link a,
   .home .section01 .item.morinews .link a,
/*   .home .section01 .item.news .link a, */
   .home .section01 .item.sche .link a{ color:#000;}

   .home .section01 .item.kitchin .mark{ bottom:-5px; right:-15px;}
   .home .section01 .item.morinews .mark{ bottom:-12px; right:-15px;}
/*    .home .section01 .item.news .mark{ bottom:-15px; right:-15px;} */
   .home .section01 .item.sche .mark{ bottom:-14px; right:-15px;}

@media only screen and (max-width: 780px){
   .home .section01{ padding:40px 0 160px;}
   .home .section01 { text-align:center;}
   .home .section01 .item{ float:none; display:inline-block; margin:0 5px 15px; text-align:center; vertical-align:top;}
   .home .section01 .mark01 { display: none;}
   .home .section01 .mark02 { display: none;}
}

/* ----- section02 */
.home .section02 { background:url(/kinder/common/img/home_directors_bg.png) repeat-x top center rgba(209,219,30,0.30); text-align:center; margin-top:140px;}
.home .section02 .inner { position:relative;padding:267px 0 100px;background:url(/kinder/common/img/home_directors_bg.png) repeat-x bottom center; position:relative; }


.home .main .section02 h2.pageTtl{ position: absolute; top:-118px; left:50%; width:371px; max-width:100%; height:302px; margin:0 0 0 -185px; background:none; text-align:center; overflow:hidden;  }
.home .main .section02 h2.pageTtl img{ max-width:none; }
.home .section02 .link { margin-top:40px;}
.home .section02 .link a{ display: inline-block; padding:5px 15px 5px 10px; line-height:1; text-decoration:none; border:1px solid #000; border-radius:3px;}
.home .section02 .home_directors_mark { position:absolute; bottom:5px; left:132px;}
.home .section02 .home_directors_mark02 { position:absolute; top:5px; left:50%; margin-left:110px;}

.home .section02 .newsBox{ background-color:#fff; padding:10px;}
.home .section02 .newsBox .newsBoxInner{ border:2px solid #eee; padding:25px;}
.home .section02 .newsBox table{}
.home .section02 .newsBox table th,
.home .section02 .newsBox table td{ padding:5px 10px; color:#999; text-align:left; vertical-align:top;}
.home .section02 .newsBox table th{ white-space:nowrap;}


@media only screen and (max-width: 371px){
   .home .section02 .inner { padding-top:0; }
   .home .main .section02 h2.pageTtl{ position: inherit; top:0; left:0; width:371px; max-width:100%; height:302px; margin:0; padding:0; background:none; text-align:center; overflow:hidden;  }

}

/* ----- section03 */
.home .section03 { height:240px; background:url(/kinder/common/img/bg_home_roof.jpg) repeat top center; }

/* ----- section04 */
.home .section04 { background: url(/kinder/common/img/home_food_bg.png) repeat-x top center rgba(110,189,20,0.30) ; text-align:center; color:#006935;}
.home .section04 .midInner{ background: url(/kinder/common/img/home_food_bg.png) repeat-x bottom center; position:relative; }
.home .section04 .inner{ position: relative; padding:133px 0 80px; max-width:100%; }
.home .section04 .mark01 { position: absolute; top: -216px; left: 48%; margin-left: 276px;}
.home .section04 .mark02 { position: absolute; top: -163px; right: 48%; margin-right: 200px;}

.home .main .section04 h2.ttl { text-align:center; position:absolute; top:-92px; left:50%;  width:324px; max-width:100%; height:177px; margin-left:-162px; overflow: hidden;}
.home .main .section04 h2.ttl img { max-width:none;}

.home .section04 .link { margin-top:40px;}
.home .section04 .link a{ display: inline-block; padding:5px 15px 5px 10px; line-height:1; text-decoration:none; border:1px solid #006935; border-radius:3px; color:#006935;}

.home .section04 .home_food_mark{ position:absolute; bottom:5px; right:0;}
.home .section04 .home_food_mark02{ position:absolute; top:5px; left:50%; margin-left:-209px;}

.home .section04 .floatBox{ margin-top:50px; text-align:left;}
.home .section04 .floatBox .imgLeft{ margin-right:50px;}
.home .section04 .floatBox .imgLeft img{ border:10px solid #fff; box-shadow:5px 5px 20px rgba(0,0,0,0.35);}
.home .section04 .floatBox .foodVol span{ border-color:#006935;}

@media only screen and (max-width: 780px){
   .home .section04 .mark01 { display: none;}
   .home .section04 .mark02 { display: none;}
}
@media only screen and (max-width: 640px){
   .home .section04 .floatBox .imgLeft{ margin-right:auto; padding: 0 20px;}
   .home .section04 .floatBox .imgLeft img{ box-sizing: border-box;}
}
@media only screen and (max-width: 370px){

   .home .section04  { background-image:none; }
   .home .section04 .inner { padding-top:0; }
   .home .main .section04 h2.ttl{ position: inherit; top:0; left:0; max-width:100%; height:177px; margin:0; padding:0; background:none; text-align:center; overflow:hidden;  }
   .home .main .section04 h2.ttl img { max-width:100%;}
}

/* ----- section05 */
.home .section05 { padding:80px 0 0;}
.home .section05 .inner{ max-width:100%;}
.home .section05 .ttl { text-align:center;}
.home .section05 .newsBox{ background-color:#fff; padding:10px;}
.home .section05 .newsBox .newsBoxInner{ border:2px solid #eee; padding:25px;}
.home .section05 .newsBox table{}
.home .section05 .newsBox table th,
.home .section05 .newsBox table td{ padding:5px 10px; color:#999; text-align:left; vertical-align:top;}
.home .section05 .newsBox table th{ white-space:nowrap;}

@media only screen and (max-width: 780px){

   .home .section05 { padding:20px 0 0;}
   .home .section05 .newsBox table th{ display: block; padding-bottom:0;}
   .home .section05 .newsBox table td{ display: block; padding-top:0;}

}

/* ----- section06 */
/*
.home .section06 { background:url(/kinder/common/img/home_about_bg.jpg) no-repeat center top; margin-top:80px; padding:300px 0 200px; text-align:center; }
*/
.home .section06 { background:url(/kinder/common/img/home_about_bgpic.jpg) no-repeat center top; background-size:  cover; padding:100px 0 200px; text-align:center; }
.home .section06 h3{ margin-bottom:60px; }
.home .section06 .floatBox{ padding:0 0 30px; }
.home .section06 .floatBox p{ float:left; width:240px; margin:0; }
.home .section06 .link { margin-top:0px;}
.home .section06 .link a{ display: inline-block; padding:5px 15px 5px 10px; line-height:1; text-decoration:none; border:1px solid #006935; border-radius:3px; color:#006935;}

@media only screen and (max-width: 780px){
   .home .section06 .floatBox p{ display:inline-block; float:none; width:180px; }
}
@media only screen and (max-width: 680px){
   .home .section06 { margin-top:0px; }
}

/* ----- section07 */
.home .section07 { background:url(/kinder/common/img/bg_line.png) repeat-x center top rgba(0,139,50,0.30); text-align:center; }
.home .section07 .midInner { background:url(/kinder/common/img/bg_line.png) repeat-x center bottom ; }
.home .section07 .inner{ position: relative; padding:80px 0 80px; text-align:center; }
.home .section07 .parts01{ position:absolute; width:321px; height:128px; top:-93px; left:50%; margin-left:-160px;}

.home .section07 .ttl{ margin-bottom:50px; }
.home .section07 .lead{ text-align:center; margin-bottom:50px;}
.home .section07 .floatBox{ text-align: center;  }
.home .section07 .floatBox p{ display: inline-block; margin:0 10px 20px;}


/* gallery
-------------------------------- */
.gallery .photoEveryday{ position:absolute; top:-48px; left:50%; margin-left:124px;}
.gallery .contentsWrap{ padding-top:50px;}
.support_childcare .contentsWrap{ padding-top: 0;}

/* ----------- contents */
.gallery .contents{ position:relative; width:736px; box-sizing:border-box; float:right; padding:64px 50px 48px ;}
   /* clearfix */
   .gallery .contents:before,
   .gallery .contents:after {    content: " "; /* 1 */    display: table; /* 2 */}
   .gallery .contents:after {    clear: both;}
.gallery .contents h3{position:absolute; top:-99px; left:50%; width:234px; min-height:100px; margin:0 0 0 -117px; background:url(/kinder/common/img/h3_bg01.png) no-repeat center top; text-align:center; padding-top:21px;}
.gallery .contents .infoClick{ position:absolute; top:10px; right:15px; margin:0;}
.gallery .txtArea{ margin-bottom:1em;}
.gallery .photoArea { text-align: center;}
.gallery .photoArea a{ display: inline-block; margin:0 8px 16px ;}

@media only screen and (max-width: 780px){
   .photoEveryday{ display:none;}
   .gallery .contents{ width:inherit; float:none; margin-bottom:30px;padding:64px 20px 48px ;}
   .gallery .contents .infoClick{ top:30px;}
}

/* ----------- kitchen / morinews*/
.gallery.kitchen .contentsWrap,
.gallery.morinews .contentsWrap{ margin-top:-80px;}
.gallery.kitchen .photoEveryday{ top:20px; left:50%; margin-left:105px;}
.gallery.morinews .photoEveryday{ top:20px; left:50%; margin-left:126px;}


/* forparents / directors / foodactivity / budof / news
-------------------------------- */
.news .contentsWrap,
.forparents .contentsWrap,
.directors .contentsWrap,
.foodactivity .contentsWrap{ margin-top:-30px;}
.budof .contentsWrap{ margin-top:-50px;}
.news .ttl2,
.budof .ttl2,
.forparents .ttl2,
.directors .ttl2,
.foodactivity .ttl2{ margin-bottom:45px;}

/* ----------- contents */
.news .contents,
.budof .contents,
.forparents .contents,
.directors .contents,
.foodactivity .contents{ width:736px; box-sizing:border-box; float:right; padding:64px 64px 48px ;}

@media only screen and (max-width: 780px){
   .news .contents,
   .budof .contents,
   .forparents .contents,
   .directors .contents,
   .foodactivity .contents{ width: inherit; float:none; padding:15px;}
   .news .sideLocalNav,
   .budof .sideLocalNav,
   .forparents .sideLocalNav,
   .directors .sideLocalNav,
   .foodactivity .sideLocalNav{ margin-top:30px; /* display:none; */}
}

/* ****** news */
.news .bread{ padding-bottom:30px;}
.news .main{ padding-top:65px; background:none;}

/* ****** directors / foodactivity / budof */
.budof .directorsList,
.directors .directorsList,
.foodactivity .directorsList{padding:64px 64px 48px ;}

.budof .directorsList .item ,
.directors .directorsList .item ,
.foodactivity .directorsList .item { border-bottom:1px dotted #ccc; padding:20px 0 10px; }

.budof .directorsList .item .imgRight ,
.directors .directorsList .item .imgRight ,
.foodactivity .directorsList .item .imgRight { margin-bottom:10px;}

.budof .directorsList .item .date ,
.directors .directorsList .item .date ,
.foodactivity .directorsList .item .date { margin-bottom:0;}

.budof .directorsList .item .ttl ,
.directors .directorsList .item .ttl ,
.foodactivity .directorsList .item .ttl { font-size:20px;}

.budof .entryBody ,
.directors .entryBody ,
.foodactivity .entryBody { margin-bottom:30px;}

.budof .imgSub ,
.directors .imgSub ,
.foodactivity .imgSub { text-align: center;}

.budof .imgSub a ,
.directors .imgSub a ,
.foodactivity .imgSub a { display: inline-block; margin:3px;}


@media only screen and (max-width: 780px){
   .directors .directorsList,
   .foodactivity .directorsList,
   .budof .directorsList{padding:15px ;}
}



/* contact
-------------------------------- */
.contact .section01{ text-align:center; margin-top:-30px; padding-bottom:40px;}
.contact .section01 .boxArea{ padding:30px 10px 10px;}
.contact .section01 .mail,
.contact .section01 .tel{ font-size:24px; font-weight:bold; color:#006935; margin-bottom:30px;}

/* for mail form -------------------------------------------

.contact .contents{ box-sizing:border-box; padding:64px 64px 48px ; margin-top:-35px;}

.contact .contents table{ width:100%; max-width:100%;table-layout:fixed; }
.contact .contents .colgroup1{ width:25%;}
.contact .contents table th,
.contact .contents table td{ border-bottom:1px solid #eee; padding:15px 10px;vertical-align: middle; }
.contact .contents table th{ text-align:left; font-weight:normal; white-space:nowrap;}

.contact .contents .must{ display:inline-block; padding:3px 5px; margin-right:5px; line-height:1; font-size:10px; color:#fff; background-color:#e5648b; border-radius:3px; vertical-align:middle;}
.contact .contents input,
.contact .contents select,
.contact .contents textarea{ border-radius:3px; border:1px solid #ccc; width:400px; max-width:100%; box-sizing:border-box; padding:5px;}
.contact .contents textarea{ min-height:120px;}
.contact .contents .infomemo{ font-size:13px;}
.contact .contents .infomemo strong{ font-weight: normal; color:#e5648b;}

.contact .contents .submitArea{ padding:40px 0 0; text-align:center;}
.contact .contents .submitArea button{ border:0; padding:15px 30px; background:#6ebd14; color:#fff; border-radius:3px;}
.contact .contents .submitArea button:hover{ opacity:0.7;}

@media only screen and (max-width: 780px){
   .contact .contents{ padding:15px ;}
   .contact .contents table { display:block; width:100%; box-sizing:border-box;}
   .contact .contents .colgroup1{ width: auto;}
   .contact .contents table tbody{ display:block;}
   .contact .contents table tr{ display:block; }
   .contact .contents table th{ display:block; border-bottom:0; padding-bottom:0;}
   .contact .contents table td{ display:block; border-top:0; padding-top:0; }
}

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



/* access
-------------------------------- */
.access .main .mainInner {    padding-bottom: 0;}

/* ****** section01 */
.access .section01{ padding-bottom:40px;}
.access .contents{ box-sizing:border-box; padding:64px 64px 48px ; margin-top:-35px;}
.access .contentsWrap{ margin-top:-35px;}
.access .googleMap{ padding:15px; margin:30px 0;}
.access .googleMap #map_canvas{ width:100%; height:560px;}

/* ****** section02 */
.access .section02{ padding:50px 0; background-color:rgba(209,219,30,0.30);}
.access .section02 .boxArea{ padding:15px; text-align: center;}

/* ****** section03 */
.access .section03{ padding:50px 0 100px;}
.access .section03 .boxArea{ padding:50px; text-align: center; position:relative;}
.access .section03 .boxArea .access_img03{ position:absolute; top:-53px; right:30px;}
@media only screen and (max-width: 780px){
   .access .section03 .boxArea{ padding:15px;}
}

/* information
-------------------------------- */

/* ----- section01 */
.information .section01{ padding:0 0 80px;}
.information .boxArea{ padding:64px; font-size:16px; margin-bottom:30px;}
.information .boxArea .imgLeft{ width:200px;}
.information .boxArea h4{ font-size:24px; font-weight:normal; color:#006935;}
.information .boxArea ul{ list-style:none; padding:0; margin:0;}
.information .boxArea ul li{ border-bottom:1px dotted #006935; padding:15px 0;}
   .information .boxArea ul li:first-child{ padding-top:0;}
   .information .boxArea ul li:last-child{ padding-bottom:0; border-bottom:0;}

.information .boxArea .mark{ display:inline-block; margin-bottom:8px; background:#78c6e4; border-radius:10px; color:#fff; padding:5px 15px; line-height:1;}

/* table */
.information table{ width:100%; border-top:1px solid #eee; border-left:1px solid #eee;}
.information table th,
.information table td{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:15px;}
.information table th{ white-space:nowrap; text-align:left; vertical-align:top; color:#fff; font-weight:normal;}

.information table.blue th{background-color:#78c6e4;}
.information table.green th{ background-color:#bdd11e;}

/* ul */
.information .boxArea ul.ulNormal{ list-style:disc; padding-left:2em;}
.information .boxArea ul.ulNormal li{ border-bottom:0; padding:5px 0;}

/* ----- section02 */
.information .section02{ padding:80px 0; background-color:rgba(209,219,30,0.30);}
.information .section02 h3{ margin-bottom:30px;}
.information .section02 .floatBox{ width:560px; box-sizing:border-box; margin:0 auto 1em; background-color:#fff; padding:15px;}
.information .section02 .floatBox p{ height:50px; display:table-cell; vertical-align:middle; margin:0;}
.information .section02 .floatBox p.imgLeft{ width:200px; float:none;font-size:24px; font-weight:normal; color:#006935;}

@media only screen and (max-width: 780px){
   .information .floatBox .imgLeft,
   .information .floatBox .imgRight{ float:none; margin:0 auto 30px; text-align:center;}
   .information .boxArea { padding:30px 15px;}

   /* ----- section02 */
   .information .section02 .floatBox{ width:auto; margin:0 20px 1em;}
   .information .section02 .floatBox p{ height: auto; display: block;}
   .information .section02 .floatBox p.imgLeft{ width: auto; font-size:24px; margin-bottom:15px; text-align:left;}

}

/* about
-------------------------------- */
.about .main { background: none; }
.about h2.pageTtlimg{ margin-top:-90px; margin-bottom:80px; height:571px; background:url(/kinder/common/img/about_ttlimg.jpg) no-repeat center top ; text-indent:-9999px;}

/* ----- section01 */
/* .about .section01{ margin:0 10px;} */

/* ----- section02 */
.about .section02 .imgLeft{ width:240px; margin-right:50px;}

/* ----- section03 */
.about .section03{ position: relative;  height:500px; background:url(/kinder/common/img/about_img03.jpg) center top no-repeat; background-size: cover;}
.about .section03 p{ position:absolute; bottom:-100px; left:50%; margin-left:300px; z-index:100;}

/* ----- section04 */
.about .section04{ padding:80px 0; text-align:center; background-color:#fff; position:relative; }
.about .section04 hr{ border-top:1px dotted #006935; margin:50px 0; }
.about .section04 h3{ margin-bottom:60px;}

.about .section04 .img05{ position:absolute; bottom:0; left:50%; margin-left:300px;}
.about .section04 .img06{ position:absolute; top:100px; right:50%; margin-right:300px;}

/* ----- section05 */
.about .section05  { padding:80px 0;}
.about .section05 .ttl2 { margin-bottom:50px;}
.about .section05 .lead { font-size:20px; line-height:1.8; text-align:center;}
.about .section05 .floatBox { padding:30px 0;}
.about .section05 .floatBox p{ width:320px; float:left; text-align:center;}

/* ----- section06 */
.about .section06  { padding:80px 0;background-color:rgba(209,219,30,0.30);}
.about .section06 .boxArea  { padding:30px }
.about .section06 .boxArea .item { width:440px; float:left; box-sizing:border-box; padding:30px;}
.about .section06 .boxArea .item { width:440px; float:left; box-sizing:border-box; padding:30px;}

/* box01 */
.about .section06 .box01  { background:url(/kinder/common/img/about_img09.png) no-repeat right bottom #fff; margin-bottom:50px;}
.about .section06 .box01 table { width:100%;}
.about .section06 .box01 table th,
.about .section06 .box01 table td{ font-weight:normal; text-align:left; border-bottom:1px dotted #006935; padding:15px 0;}
.about .section06 .box01 .ttl { color:#006935; font-size:20px; border-bottom:2px solid #006935; margin-bottom:0;}

/* box02 */
.about .section06 .box02 { padding:60px;}
.about .section06 .box02 table{ width:100%; border-top:1px solid #eee; border-left:1px solid #eee;}
.about .section06 .box02 table th,
.about .section06 .box02 table td{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:15px;}
.about .section06 .box02 table th{ white-space:nowrap; text-align:left; vertical-align:top; color:#fff; font-weight:normal;}

.about .section06 .box02 .imgLeft{ width:200px; margin-bottom:15px;}
.about .section06 .box02 h4{ font-size:24px; line-height:1.6; font-weight:normal; color:#006935;}
.about .section06 .box02 h4 .weak{ font-size:16px; line-height:1.6; }

.about .section06 .box02 table.green th{ background-color:#bdd11e;}

/* ----- section07 */
.about .section07  { padding:80px 0;}
.about .section07 .item { width:224px; margin-right:144px; float:left;}
.about .section07 .item.last { margin-right:0; }
.about .section07 .item .ttl { text-align:center; font-size:18px; color:#006935;}

/* ----- section08 */
.about .section08  { padding:80px 0;background-color:rgba(209,219,30,0.30);}
.about .section08 .boxArea  { padding:60px }

.about .section08 .imgRight  { margin-bottom:0;}
.about .section08 table th,
.about .section08 table td { font-weight:normal; padding:3px 5px ; text-align:left; vertical-align:top; }
.about .section08 table th{ white-space:nowrap;}

/* ----- section09 */
.about .section09  { padding:80px 0;}
.about .section09 .boxArea  { padding:30px 60px; margin-bottom:20px; }
.about .section09 .boxArea p  { margin-bottom:0; margin-right:30px;}

.about .section09 .question  { background:url(/kinder/common/img/icon_plus.png) no-repeat right top;}
   .about .section09 .question.open { background:url(/kinder/common/img/icon_minus.png) no-repeat right 10px; }
.about .section09 .question p { background:url(/kinder/common/img/icon_question.png) no-repeat left top; padding-left:30px;}

.about .section09 .answer  { margin-top:20px; background-color:#eee; padding:15px;}
.about .section09 .answer p { background:url(/kinder/common/img/icon_ancer.png) no-repeat 15px 5px; padding-left:45px;}

@media only screen and (max-width: 1020px){
   .about .section04 .img05,
   .about .section04 .img06,
   .about .section03 p{ display:none;}
}
@media only screen and (max-width: 780px){
   .about .section03{ height:200px;}
   .about .section05 .floatBox p{ width: inherit; float:none; margin-bottom:30px;}

   .about .section06 .boxArea{ padding:15px;}
   .about .section06 .boxArea .item{ width:inherit; float:none; padding:0; margin-bottom:30px;}

   .about .section07 .item { width: inherit; margin-right:0; float:none; margin-bottom:30px;}
   .about .section07 .item .img { text-align:center;}

   .about .section08 .boxArea  { padding:15px }
   .about .section08 .boxArea table { margin-top:20px;}
   .about .section08 .boxArea table th,
   .about .section08 .boxArea table td  { display:block; }
   .about .section08 .boxArea table th { padding-bottom:0; font-weight:bold;}
   .about .section08 .boxArea table td  { padding-top:0; border-bottom:1px dotted #eee;}

   .about .section09 .boxArea  { padding:15px; }
   .about .section09 .answer  { padding:8px;}
   .about .section09 .answer p { background:url(/kinder/common/img/icon_ancer.png) no-repeat 8px 8px; padding-left:35px;}
}
@media only screen and (max-width: 640px){
   .about .section02 .imgLeft{ width: inherit; margin-right:0;}
   .about .section06 .box01 table { margin:0 0 30px;}
   .about .section06 .box01 table th,
   .about .section06 .box01 table td{ display:block;}
   .about .section06 .box01 table th{ border-bottom:0; padding-bottom:0;}
   .about .section06 .box01 table td{ padding-top:5px;}
}

/* life
-------------------------------- */

/* ----- section01 */
.life .section01{}

.life .section01 .className{ text-align:center; }
.life .section01 .boxArea{ margin-top:-100px; margin-bottom:60px; padding:105px 60px 40px;}

.life .section01 .floatBox { padding:30px 0 10px; }
   .life .section01 .floatBox.last { padding-bottom:0; }
.life .section01 .floatBox .clock{ float:left; margin-right:30px }
.life .section01 .floatBox .txt{ float:left; }
   .life .section01 .floatBox .txt p{ margin-bottom:10px;}
.life .section01 .floatBox .pic{ float:right; }

.life .section01 .brown { color:#736357; font-size:24px;}
.life .section01 .orange { color:#FF8E1E; font-size:24px;}
.life .section01 .green { color:#7AC443; font-size:24px;}

/* box01 */
.life .section01 .box01 .floatBox { border-bottom:1px dotted #FFAAAA;}
   .life .section01 .box01 .floatBox.last { border-bottom:0;}
.life .section01 .box01 .time { color:#FFAAAA; font-size:20px;}
   .life .section01 .box01 .time  .weak{ font-size:14px;}
/* box02 */
.life .section01 .box02 .floatBox { border-bottom:1px dotted #6EA4E0;}
   .life .section01 .box02 .floatBox.last { border-bottom:0;}
.life .section01 .box02 .time { color:#6EA4E0; font-size:20px;}
   .life .section01 .box02 .time  .weak{ font-size:14px;}

/* ----- section02 */
.life .section02 { padding:60px 0;}
.life .section02 .item{ width:240px; box-sizing:border-box; float:left; padding:0 30px; border-left:1px solid #eee;}
   .life .section02 .item:first-child{ border-left:0;}
.life .section02 .item p{ border-bottom:1px dotted #006935; padding:15px 0;}
   .life .section02 .item p:last-child{ border-bottom:0;}

/* ----- section03 */
.life .section03 { padding:50px 0;}
.life .section03 .ttl{ font-size:24px; color:#006935;}
.life .section03 .imgRight{ position: relative;}
.life .section03 .imgRight .pickup{ position: absolute; top:-100px; right:0;}
.life .section03 { position: relative;}
.life .section03 .txtStop .onlyPC{ position: absolute; bottom:-30px; right:50%; margin-right:-30px;}

/* ----- section04 */
.life .section04  { padding:40px 0 20px;background-color:rgba(209,219,30,0.30);}
.life .section04 .inner  { position:relative;}
.life .section04 .img33  { position:absolute; top:-50px; right:0;}
.life .section04 .img34  { position:absolute; bottom:0; right:50%;}

/* ----- section05 */
.life .section05  { padding:40px 0 20px}
.life .section05 .img36  { text-align:right; margin-top:-30px;}

/* ----- section06 */
.life .section06  { padding:40px 0 20px;background-color:rgba(209,219,30,0.30);}
.life .section06 .inner { position:relative;}
.life .section06 .img38 { position:absolute; bottom:-30px; right:0;}

/* ----- section07 */
.life .section07  { padding:40px 0 20px; position:relative;}
.life .section07 .img39 { position:absolute; top:0; left:200px;}
.life .section07 .img40 { position:absolute; top:0; left:50%; margin-top:-50px;}

/* ----- section08 */
.life .section08  { padding:40px 0 20px;background-color:rgba(209,219,30,0.30);}
.life .section08 .inner { position:relative;}
.life .section08 .img43 { position:absolute; top:-50px; right:50%;}
.life .section08 .img44 { position:absolute; bottom:0; right:0;}

@media only screen and (max-width: 780px){
   .life .section01 .floatBox .clock,
   .life .section01 .floatBox .txt,
   .life .section01 .floatBox .pic{ float:none; margin-right:0; text-align:center; }

   .life .section02 .item{ width: inherit; float:none; text-align: center; border-left:0;}
   .life .section02 .item p:last-child{ border-bottom:1px dotted #006935;}

   .life .section03 .imgLeft,
   .life .section03 .imgRight,
   .life .section04 .imgLeft,
   .life .section04 .imgRight,
   .life .section05 .imgLeft,
   .life .section05 .imgRight,
   .life .section06 .imgLeft,
   .life .section06 .imgRight,
   .life .section07 .imgLeft,
   .life .section07 .imgRight,
   .life .section08 .imgLeft,
   .life .section08 .imgRight
   { float:none; margin:0 auto 20px; text-align:center;}

}

/* newsList
-------------------------------- */
.newsList{ padding:60px; }
.newsList table{ width:100%;}
.newsList table th,
.newsList table td{ padding:5px 10px; color:#999; text-align:left; vertical-align:top; border-bottom:1px dotted #eee;}
.newsList table th{ white-space:nowrap; width:100px;}

@media only screen and (max-width: 780px){
   .newsList{ padding:15px; }
   .newsList table th{ display: block; padding-bottom:0; border:0;}
   .newsList table td{ display: block; padding-top:0;}
}


/* temporary
-------------------------------- */
/* bread */
.temporary .bread{ height:0px; padding:0;}
.temporary .bread ul { padding-top:15px;}
.temporary .bread ul li ,
.temporary .bread ul li a{ color:#fff;}

/* pageTtl */
.temporary .main h2.pageTtl{ position: inherit; top: inherit; left: inherit; width:100%; box-sizing:border-box; margin:0;  padding:120px 20px; background: url(/kinder/common/img/temporary-ttlbg.jpg) no-repeat center top #ccc; background-size:cover; text-align:center; }
.temporary .main h3.ttl2{ margin-bottom:30px; }
.temporary_v202003 .main h2.pageTtl{ position: inherit; top: inherit; left: inherit; width:100%; box-sizing:border-box; margin:0;  padding:120px 20px; background: url(/kinder/common/img/temporary-ttlbg.jpg) no-repeat center top #ccc; background-size:cover; text-align:center; }
.temporary_v202003 .main h3.ttl2{ margin-bottom:30px; }
.alert_v202003 {color: red; font-size: 110%; font-weight: normal; display: block;}

/* boxArea */
.temporary .boxArea{ padding:32px 64px; font-size:16px; margin-bottom:30px;}
.temporary .boxArea .imgLeft{ width:220px;}
.temporary .boxArea h4{ margin-bottom:0; font-size:24px; line-height:1.6; font-weight:normal; color:#006935;}
.temporary .boxArea p{ margin-bottom:0;}

/* table */
.temporary table{ margin-bottom:10px; width:100%; border-top:1px solid #eee; border-left:1px solid #eee;}
.temporary table th,
.temporary table td{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:15px;}
.temporary table th{ white-space:nowrap; text-align:left; vertical-align:top; color:#fff; font-weight:normal;}

.temporary table.blue th{background-color:#78c6e4;}
.temporary table.green th{ background-color:#bdd11e;}
.temporary table th.blue{background-color:#78c6e4;}

/* linkBtn */
.temporary .linkBtn{ text-align:center;}
.temporary .linkBtn a{ display:inline-block; background-color:#6EBD14; padding:20px 30px; text-decoration:none; color:#fff; font-size:18px; border-radius:8px;}


/* ----- section01 */
.temporary .section01{ padding:80px 0; text-align:center;}
.temporary .lead{ font-size:30px; line-height:1.8;}

/* ----- section02 */
.temporary .section02{padding:80px 0; background-color:rgba(209,219,30,0.30);}
.temporary .section02 .floatBox .item{ width:224px; float:left; margin-right:144px;}
   .temporary .section02 .floatBox .item.last{ margin-right:0;}

.temporary .section02 .floatBox .item { width:224px; float:left; margin-right:144px;}

/* ----- section03 */
.temporary .section03{padding:80px 0; }
.temporary .section03 .mark{  display:inline-block;padding:5px 15px; border-radius:5px;  background-color:#006935; color:#fff; font-size:13px; line-height:1;}
.temporary .section03 .notice{ font-size:13px; line-height:1.5; color: red; text-align: left;}

.temporary .section03 table th{ width:120px;}
.temporary .section03 .subTtl{ display: inline-block; font-size:14px;}


@media only screen and (max-width: 780px){
   .temporary .floatBox .imgLeft,
   .temporary .floatBox .imgRight{ float:none; margin:0 auto 30px; text-align:center;}
   .temporary .boxArea .imgLeft{ width: inherit;}
   .temporary .boxArea { padding:30px 15px;}

   .temporary .section03 table th{ width: inherit;}
   .temporary .section02 .floatBox .item{ width: inherit; float:none; margin:0 0 30px; text-align:center;}
}
@media only screen and (max-width: 620px){
.temporary table th{ white-space: normal;}
}


/* morinoie
-------------------------------- */
/* bread */
.morinoie .bread{ height:0px; padding:0; position:relative; z-index:100;}
.morinoie .bread ul { padding-top:15px;}
.morinoie .bread ul li ,
.morinoie .bread ul li a{ color:#fff;}

/* pageTtl */
.morinoie .main h2.pageTtl{ position: inherit; top: inherit; left: inherit; width:100%; box-sizing:border-box; margin:0;  padding:120px 20px; background: url(/kinder/common/img/morinoie_ttlbg.jpg) no-repeat center center #ccc; background-size:cover; text-align:center; }
.morinoie .main h3.ttl2{ margin-bottom:30px; }

/* ----- section01 */
.morinoie .section01{ padding:80px 0; text-align:center;}
.morinoie .section01 h4{ font-size:24px; margin:40px 0; font-weight:normal;color:#006935;}

.morinoie .section01 .boxArea{ padding:60px; text-align:left; margin-top:40px;}
.morinoie .section01 .boxArea h4{ margin:0 30px 20px 0;}
.morinoie .section01 table{ width:100%; border-top:1px solid #eee; border-left:1px solid #eee;}
.morinoie .section01 table th,
.morinoie .section01 table td{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:15px;}
.morinoie .section01 table th{ background-color:#78c6e4; white-space:nowrap; text-align:left; vertical-align:top; color:#fff; font-weight:normal;}

/* ----- section02 */
.morinoie .section02{ padding:80px 0; background-color:rgba(209,219,30,0.30);}
.morinoie .section02 h3{ margin-bottom:30px;}
.morinoie .section02 .floatBox{ width:560px; box-sizing:border-box; margin:0 auto 1em; background-color:#fff; padding:25px;}
.morinoie .section02 .floatBox p.ttl{ font-size:24px; font-weight:normal; color:#006935;}

/* linkBtn */
.morinoie .linkBtn{ text-align:center; padding:40px 0;}
.morinoie .linkBtn a{ display:inline-block; background-color:#6EBD14; padding:20px 30px; text-decoration:none; color:#fff; font-size:18px; border-radius:8px;}

@media only screen and (max-width: 640px){
   .morinoie .section01 .boxArea{ padding:15px;}
   .morinoie .section02 .floatBox{ width: inherit; padding:15px;}
}


/* lab
-------------------------------- */
/* bread */
.lab .bread{ height:0px; padding:0; position:relative; z-index:100;}
.lab .bread ul { padding-top:15px;}
.lab .bread ul li ,
.lab .bread ul li a{ color:#fff;}

/* pageTtl */
.lab .main h2.pageTtl{ position: inherit; top: inherit; left: inherit; width:100%; box-sizing:border-box; margin:0;  padding:120px 20px; background: url(/kinder/common/img/lab_ttlbg.jpg) no-repeat center center #ccc; background-size:cover; text-align:center; }
.lab .main h3.ttl2{ margin-bottom:30px; }

/* ----- section01 */
.lab .section01{ padding:80px 0 40px;}
.lab .section01 .lab_img01{ width:360px;}
.lab .section01 .box{ background-color:#fff; background-color: rgba(255,255,255,0.80); padding:30px;}
.lab .section01 .box p{ margin-bottom:0;}

/* ----- section02 */
.lab .section02{ padding:80px 0 40px;}
.lab .section02 .boxArea{ padding:40px; margin-bottom:30px;}
.lab .section02 .boxArea p:last-child{ margin-bottom:0;}

/* ----- section03 */
.lab .section03{ padding:80px 0 40px;}
.lab .section03 .boxArea{ padding:40px; margin-bottom:30px;}
.lab .section03 .boxArea p:last-child{ margin-bottom:0;}


@media only screen and (max-width: 640px){
   .lab .section01 .lab_img01{ width: inherit;}
   .lab .section01 .box .imgLeft{ margin-bottom:20px;}
}


/* schedule
-------------------------------- */
/* linkBtn */
.schedule .linkBtn{ text-align:center;}
.schedule .linkBtn a{ display:inline-block; background-color:#6EBD14; padding:20px 30px; text-decoration:none; color:#fff; font-size:18px; border-radius:8px;}



/*  WordPress 画像配置用CSS
-------------------------------- */
.alignleft { float:left; margin:0 20px 20px 0;}
.alignright { float:right; margin: 0 0 20px 20px;}
.aligncenter { display:block; text-align:center; margin:20px auto;}
@media only screen and (max-width: 740px) {
    .alignleft ,
    .alignright ,
    .aligncenter { display:block; float:none; text-align:center; margin:20px auto;}
}

/* pano
-------------------------------- */
.pano #vrWindow { width: 100%; height: 600px; background-color: #fff; border: 16px solid #fff; box-sizing: border-box;box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.2);}
.pano .vrBtnSet { text-align: center; padding: 15px 0;}
.pano .vrBtnSet li{ list-style: none; display: inline-block; max-width: 30%; cursor: pointer;}
   .pano .vrBtnSet li:hover{ opacity: 0.7;}

/* home pano */
.home .pano { position: relative;}
.home .pano #vrWindow{ max-width: 500px; height: 300px;border: 10px solid #fff;}
.home .pano .mark{ position: absolute; top: 122px; left: 0;}

@media only screen and (max-width: 780px) {
   .pano #vrWindow { height: 400px; }
   .home .pano .mark{ position: relative; top: inherit; left: inherit; bottom: -30px;}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {    display: none !important;}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {    visibility: hidden;}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

/* clearfix */
.clearfix:before,
.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}
.clearfix:after {    clear: both;}


/*  floatBox
-------------------------------- */
.floatBox:before,
.floatBox:after {    content: " ";    display: table;}
.floatBox:after {    clear: both;}
.floatBox {    *zoom: 1;}

.floatBox .imgLeft{ float:left; margin:0 30px 30px 0;}
.floatBox .imgRight{ float:right; margin:0 0 30px 30px;}
.floatBox .txtFloat{}
.floatBox .txtStop{ overflow:hidden;}

@media (max-width: 640px) {
  .floatBox .imgLeft,
  .floatBox .imgRight{ float:none; margin:0 auto 30px; text-align:center;}
}


/*  align
-------------------------------- */
.txtAlignLeft{ text-align:left !important;}
.txtAlignRight{ text-align:right !important;}
.txtAlignCenter{ text-align:center !important;}


/*  font-size
-------------------------------- */
.font10{ font-size:10px !important;}
.font11{ font-size:11px !important;}
.font12{ font-size:12px !important;}
.font13{ font-size:13px !important;}
.font14{ font-size:14px !important;}
.font15{ font-size:15px !important;}
.font16{ font-size:16px !important;}
.font17{ font-size:17px !important;}
.font18{ font-size:18px !important;}
.font19{ font-size:19px !important;}
.font20{ font-size:20px !important;}
.font22{ font-size:22px !important;}
.font24{ font-size:24px !important;}
.font26{ font-size:26px !important;}
.font28{ font-size:28px !important;}
.font30{ font-size:30px !important;}
.font32{ font-size:32px !important;}
.font34{ font-size:34px !important;}
.font36{ font-size:36px !important;}
.font38{ font-size:38px !important;}
.font40{ font-size:40px !important;}

/*  margin
-------------------------------- */
/*top*/
.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

/*right*/
.mr00{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/*bottom*/
.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

/*left*/
.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/* both side */
.ms00{margin-left:0 !important; margin-right:0 !important;}
.ms05{margin-left:5px !important; margin-right:5px !important;}
.ms10{margin-left:10px !important; margin-right:10px !important;}
.ms15{margin-left:15px !important; margin-right:15px !important;}
.ms20{margin-left:20px !important; margin-right:20px !important;}
.ms25{margin-left:25px !important; margin-right:25px !important;}
.ms30{margin-left:30px !important; margin-right:30px !important;}
.ms35{margin-left:35px !important; margin-right:35px !important;}
.ms40{margin-left:40px !important; margin-right:40px !important;}
.ms45{margin-left:45px !important; margin-right:45px !important;}
.ms50{margin-left:50px !important; margin-right:50px !important;}

/*  padding
-------------------------------- */
/*top*/
.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

/*right*/
.pr00{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr08{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/*bottom*/
.pb00{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

/*left*/
.pl00{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* both side */
.ps00{padding-left:0 !important; padding-right:0 !important;}
.ps05{padding-left:5px !important; padding-right:5px !important;}
.ps10{padding-left:10px !important; padding-right:10px !important;}
.ps15{padding-left:15px !important; padding-right:15px !important;}
.ps20{padding-left:20px !important; padding-right:20px !important;}
.ps25{padding-left:25px !important; padding-right:25px !important;}
.ps30{padding-left:30px !important; padding-right:30px !important;}
.ps35{padding-left:35px !important; padding-right:35px !important;}
.ps40{padding-left:40px !important; padding-right:40px !important;}
.ps45{padding-left:45px !important; padding-right:45px !important;}
.ps50{padding-left:50px !important; padding-right:50px !important;}



.top_info {
	font-size:24px;
	color:#F00;
	text-align:center;
	line-height:1.5;
	margin-bottom: 80px;
}


/* 子育て支援 */
.support_childcare .photoEveryday{ position:absolute; top:40px;}


/* セクション別背景 */
.add_leaf { position: relative; z-index: 1; }
.add_leaf::before, .add_leaf::after { position: absolute; content: ""; width: 430px; height: 485px; background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; }
.add_leaf::before { left: 0; top: 0; background-image: url(../img/img_leaf-l.png);}
.add_leaf::after { right: 0; bottom: 0; background-image: url(../img/img_leaf-r.png);}
.home .section05.add_leaf::before { top: -100px;}
.home .section05.add_leaf::after { bottom: -140px;}
.about .section01::before { top: -90px; }
.about .section01::after { content: none; }
.about .section02::before { content: none; }
.about .section08 .boxArea { position: relative; z-index: 1; }
.about .section08 .boxArea::before {  position: absolute; width: 100px; height: 100px; right: 30px; bottom: 30px; background-image: url(../img/mgu_logo.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
@media (max-width: 640px) { .add_leaf::before, .add_leaf::after { width: 143px; height: 162px; } .about .section08 .boxArea { padding-bottom: 75px; } .about .section08 .boxArea::before { width: 60px; height: 60px; right: 15px; bottom: 15px; }  }