@charset "UTF-8";
/* ------------------------------------------------------
デスクトップ・スマホ共通
 ------------------------------------------------------ */

body {
  margin: 0;
  padding: 0;
  color: #333;
  background: #fff url("/share/images/bg.png") center top;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","ＭＳ ゴシック", "MS Gothic",  sans-serif;
  line-height: 1.5;
}
.inner {
  margin: 0 auto;
  zoom: 1;
}
.inner:before, .inner:after {
  content: "";
  display: table;
}
.inner:after {
  clear: both;
}

table{margin: 1em 0;width: 100%;font-size:110%;}
th,td{vertical-align: top;padding:0.4em;border: 1px dotted #5D3F37;}
th{text-align: left;}
td ol, td ul{margin: 0;}

dt{font-weight: bold;}
dd{margin: 0 0 1em;}

a{color: #EE6C00;}

/* ---------------------------
header
*/
header{
  text-align: center;
  background: url("/share/images/header.png") no-repeat center top;
  border-bottom:5px solid #FF9A00;
}
header .title a{display:block;height:237px;}
header .title span{text-indent:-9999px;display:block;}


/* ---------------------------
footer
*/


footer {
  text-align: center;
  color: #fff;
}
  footer a{color: #fff;}
#footer-wrap{
  background: #FFBE64;
  padding: 5px 0 ;
}
footer dl{
  margin-bottom: 15px;
}
footer dt{
  font-size: 120%;
  margin-bottom: 0.7em;
}
footer a.btn{
  background: rgba(0,0,0,0.2);
  display: inline-block;
  padding:4px 10px 3px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 13px;
  vertical-align: middle;
  margin-left: 0.5em
}
footer a.btn i{
  margin-right: 0.3em;
  font-size: 20px;
  vertical-align: top;
}
footer dd{
  font-size: 80%;
  margin-left: 0;
}
.copyright {
  font-size: 12px;
  text-align: center;
  color:rgba(255,255,255, 0.6);
}
#page-top {
  position: fixed;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
#page-top a {
  display: block;
  padding: 15px;
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  text-decoration: none;
  font-size: 10px;
  border-radius:5px 0 0 0;
}

.btn-top{
  width: 200px;
  margin: 60px auto;
  text-align: center;
}
.btn-top a{
  text-decoration: none;
  background: #333;
  color: #fff;
  display: block;
  padding:10px;
  border-radius: 50px;
  border:1px solid #333;
}
.btn-top a:hover{
  background: #fff;
  color: #333;
}

/* ---------------------------
etc
*/
/* floatを解除するおまじない */

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* スライダーの余白をトル */
.slider ul, .slider li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.bx-wrapper .bx-viewport{
  border:0;
  box-shadow: none;
  left:0;
}
/* ---------------------------
contents
*/
#contents{
  padding: 25px 0 60px;
}
#headline{background:#FF9800;border-radius:10px 10px 0 0;}
#headline h1{color: #fff;font-size: 24px;text-align: center;margin:0;padding:7px;}
.section {background: #fff;border-radius: 10px;margin:0 auto 40px;padding-bottom: 20px;}
.section .h-section{background: #FFC98B;box-sizing: border-box;}
.section h2{text-align: center;font-size: 18px; color: #30322B;margin:0; padding: 6px 0px;}
.section .b-section{padding: 0 20px;line-height: 1.6;}
.section .b-section p{line-height: 1.8;}
.section .b-section table{color:#5D3F37;}
#sub > div{background: #FFEA6C;border-radius: 10px;box-shadow: 0 2px 2px rgba(0,0,0,0.1);margin-bottom:15px;}
#sub a{color: #333;text-decoration:none;}
#sub .widget-p{padding:10px 20px;}
#sub div.btn{margin-bottom:10px;font-size: 15px;}
#sub div.btn a{display: block;padding:8px 12px 8px 8px;text-decoration: none;margin:10px 0;font-weight:bold;}
#sub h3{margin:0;padding: 5px 5px 5px 25px;font-size: 14px;}
#sub div.btn-home a{background:#EF6C0A;color:#fff;text-align: center;padding: 16px;margin:25px 0 ;}
#sub #info{margin-bottom: 18px;}
#sub #info span{display:block;}
#sub span#info-address{font-size: 13px;}
#sub #info-map img{width:100%;}
#sub span#info-tel{font-weight: bold;font-size: 105%;}
#sub div#info-top{font-weight: bold;font-size: 15px;text-align:center;}
#sub ul{background:#fff;padding: 4px 5px 6px;margin:0;border-radius:0 0 10px 10px;}
#sub ul li{list-style:none;}
#sub ul li + li{border-top:1px dashed #97961a;}
#sub ul li a{display:block;padding:6px 20px 4px 40px;color:#B96000;font-size: 15px;}
#sub div#detail h3{padding-left:0;}
#sub div#gallery h3{padding-left:15px;}
#sub div#gallery li{text-align:center;}
#sub div#gallery li a{padding-left:20px;}

  .inner {width: 960px;}
  div[class^="col"]{padding: 0 20px;box-sizing: border-box;}
  .col12 {width: 100%;}
  .col10, .col9, .col8, .col7, .col6, .col5, .col4, .col3, .col2, .col1 {float: left;}
  .col3{width: 25%;}
  .section .b-section .lead{padding:10px 20%;}


#main{float: left;width: 720px;padding: 0 20px;box-sizing: border-box;}
#sub{float: right;padding: 0 20px;box-sizing: border-box;width:240px;}

/* ---------------------------
ホーム
*/
.home header#site-id{position: relative;}
.home #gnav ul{margin-bottom: 20px;}
.home .slider-home{margin-bottom: 30px;}
.bx-wrapper .bx-viewport{
  background:transparent;
  padding-bottom:40px;
}
.bx-wrapper .bx-caption{background: #fff;bottom:-40px;border-radius: 0 0 10px 10px;}
.bx-wrapper .bx-caption span{color:#333;}
.home .bx-wrapper img{border-radius:10px 10px 0 0;width:680px;}

.home #contents{
  z-index: 9999 !important;
  position: relative;
}
.home footer{position: relative;}
.home #main #gallery{background:#FFF59D url("/uploads/home-gallery-camera.png") no-repeat center 10px;border-radius:10px;}
.home #gallery h2{padding-top:1em;text-align: center;font-size:30px;line-height:1.4;margin-bottom: 0.5em}
.home #gallery h2 a{text-decoration:none;color:#FF9800;}
.home #gallery h2 span{color:#333;font-size:14px;display:block;}

.home #gallery .col3{position: relative;padding: 0;}
.home #gallery .col3 img{width: 100%;}
.home #gallery .col3 span{position: absolute;box-sizing: border-box;width: 40px;height: 40px;border-radius: 20px;}
.home #gallery .col3:nth-child(4n+1) span{margin: -17px 0 0 10px;}
.home #gallery .col3:nth-child(4n+2) span{margin: 65% 0 0 110px;}
.home #gallery .col3:nth-child(4n+3) span{margin: 73% 0 0 120px;}
.home #gallery .col3:nth-child(4n) span{margin: -20px 0 0 30px;}
.home #gallery .col4{position: relative;padding: 0;}
.home #gallery .col4 img{width: 100%;}
.home #gallery .col4 span{color:rgba(255,255,255,0.7);font-size:72px;position:absolute;top:25%;left:0;right:0;text-align: center;display: block;}


.popup {
  background: #EF6C00;
  color: #fff;
  position: absolute;
    z-index: 9999;
    width: 100%;
    bottom: 0;
    text-align: center;
    padding:12px 0 30px;
    font-size: 80%
  }
  .popup br{
    display: none;
  }

/* ---------------------------
下層ページ共通
*/
.mfp-bg {background: #FFFCEB;opacity:0.6;}
button.mfp-arrow:before, button.mfp-arrow:after{border-color:transparent;}
.mfp-image-holder .mfp-close{color:#6D4C41;font-size: 30px;opacity: 1;}
button.mfp-arrow{font-size: 48px;color:#6D4C41;opacity: 1;}
.mfp-arrow:hover, .mfp-arrow:focus , button.mfp-close:hover, .mfp-close:focus{opacity: 0.8;}
div.mfp-bottom-bar{margin-top: -80px;}
div.mfp-bottom-bar .mfp-title{background: rgba(255,255,255,0.9);color:#8C6D63;font-size: 15px;text-align: center;padding: 10px;font-weight: bold;height: 40px;box-sizing: border-box;}
.mfp-counter{display: none;}



/* ---------------------------
園について
*/
.about #headline{padding:120px 0;}
.about-goal #headline{background: url("/uploads/about-goal-image.jpg") no-repeat;background-size:cover;}
.about-goal .section .b-section p.lead{margin-top:0;padding-top:25px;}
.about-outline #headline{background: url("/uploads/about-outline-image.jpg") no-repeat;background-size:cover;}
.about-outline .section{border-radius:0 0 10px 10px;padding-top:20px;}
.about-outline .section table{margin-top:0;}
.about-history #headline{background: url("/uploads/about-history-image.jpg") no-repeat;background-size:cover;}
.about-history .section{border-radius:0 0 10px 10px;padding-top: 5px;}
.about-entry #headline{background: url("/uploads/about-enter-image.jpg") no-repeat;background-size:cover;}
.about-entry .section .b-section .lead{padding:10px 15%;}
.about-entry #main p{text-align:center;}
.about-entry #main ul{float:left;padding-left:25px;}
.about-entry #main div.note{font-size:14px;float:right;background:#FFF5C5;padding:10px 20px;border-radius:30px;line-height:1.4;margin-top: 30px;}
.about-entry #main .fureai h3{font-size:18px; text-align:center;margin-bottom:10px;}
.about-entry #main dl{margin-top:5px;color: #333;padding:10px 20px 5px;width:32%;font-size:16px;flost:left;box-sizing:border-box;border:1px dotted #333;background:#EBFBD9;}
.about-entry #main dl+dl{margin-left:2%;}
.about-entry #main dl dt{text-align:center;border-bottom:1px dotted #666;padding-bottom:5px;margin-bottom:10px;}
.about td ol{margin-left: -0.8em;}
.about #institutes{margin:0 auto 10px;}
.about #institutes .institute{text-align: center;font-size:80%;}
.about #institutes .institute a{text-decoration: none;}
.about #institutes .institute img{border-radius: 50%;width: 100%;}
.about #institutes{width:100%;}
.about #institutes .institute{float:left;width: 130px;;margin:20px 20px 10px 0;}
.about-disclosure #headline{padding: 7px;}
.about-disclosure #disclosure ul{margin-top:0;padding-top: 1em;}
.about-disclosure .section{border-radius:0 0 10px 10px;padding-bottom:300px;}

/* ---------------------------
園の特色
*/

.features #yama, .features #book, .features #taisou{position: relative;}
.features .section-image img{width:50%;}
.features #kamishibai .section-image img{width:100%;}


/* ---------------------------
一日
*/
.day .section {padding-top: 40px;}
.day .section div.times{clear:both;}
.day .section div.times .time{margin:0 auto;}
.day .section div.times .time-left{text-align: right;float: left;margin-right: 10px;}
.day .section div.times .time-right{text-align: left;float: right;margin-left: 10px;}
.day .section div.times .time-left img, .day .section div.times .time-right img{width: auto !important;}
.day #tatewari{clear:both;background: #FAF4D8;padding: 2px 30px 5px;font-size: 80%;color: #8C6C63}
.day #tatewari dd{font-size:85%}
.day section img{width: 100%;}
  .day .section div.times .time{width:40px;}
  .day .section div.times .time-left{width:354px;}
  .day .section div.times .time-right{width:345px;}
  .day #tatewari{margin: 40px 80px 30px;}
  .day #time0700 a.time-left{margin-top:60px;}
  .day #time0700 img.time-right{margin-top: 45px}
  .day #time1000 img.time-left{margin-top:10px;}
  .day #time1000 img.time-right{margin-top: 30px}
  .day #time1130 img.time-left{margin-top:30px;margin-bottom: -20px}
  .day #time1130 img.time-right{margin-top:42px;}
  .day #time1300 img.time-left{margin-top:70px;}
  .day #time1300 img.time-right{margin-top:10px;margin-bottom:-20px;}
  .day #time1500 img.time-left{margin:10px 10px -20px 0;}
  .day #time1500 img.time-right{margin-top:64px;}
  .day #time1600 img.time-right{margin-top:20px;}
  .day #time1800 img.time-left{margin-top:60px;}
  .day .section div.times .time{width:5%;}
  .day .section div.times .time-left{width:42%;}
  .day .section div.times .time-right{width:42%;}
  .day .section div.times a.time-left img{width: 100% !important;}


/* ---------------------------
年間行事
*/
.year .section .b-section{padding-top: 20px;font-size: 105%;}
.year .section .season{position: relative;}
.year .section h2{position: absolute;top:0;left: 0;z-index: 9999 !important;}
.year .section ul{list-style: none;margin:0;padding:0;}
.year .section th{width:10%;box-sizing:border-box;}
.year .section td{width:40%;box-sizing:border-box;}
.year .section .event-index{margin:0 0 20px;}
.year .section .event-index li{display:inline-block;padding-right:0.5em;}
.year .section p.note{font-size:14px;text-align:center;margin:0 20px 20px;}
.year .section p.note-right{font-size:14px;text-align:right;margin:0;}
.year .section .slide ul{padding-top: 20px;}
.year .section sup{color: #C52727;font-size: 8px;vertical-align: text-bottom;}
.year .bx-viewport{padding-bottom: 0}
.year .bx-wrapper .bx-caption{background: #fff;position: relative;}
.year .bx-wrapper .bx-caption span{color: #5D3F37;font-size: 70%;padding: 3px 0;text-align: right;font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-weight: bold;}
.year .season h2{}
.season{width:50%;float:left;box-sizing:border-box;}
.year .season:nth-child(2n){padding-left:10px;}
.year .season:nth-child(2n+1){padding-right:10px;}


/* ---------------------------
ギャラリー
*/
.gallery #headline img{padding-top: 5px;display: block;margin:0 auto;}
.gallery #headline img.icon{margin-top: 8px;}
.gallery #headline a{text-decoration:none;}
.gallery #headline h1 a{color:#FF9800}
.gallery #photos .col3{width:33.333%;padding:0 10px;}
.gallery #photos .col3 h2{margin:0;padding:0;}
.gallery #photos .col3 img{border-radius: 100%;width: 100%;}
.gallery #headline {background:none;}
.gallery-popup #headline {background: url("/uploads/gallery-click.png") no-repeat right 50px;background-size: 33%;}
.gallery #photos .block{clear:both;}
.gallery #photos .block + .block{padding-top:40px;}
.gallery #photos .col3{margin-bottom:40px;}
.gallery #photos .block .col3:nth-child(1){float:none;margin:0 auto 40px;}

.gallery #headline h1{text-align: center;font-size:30px;line-height:1.4;margin-bottom: 0.5em;color:#FF9800;}
.gallery #headline h1 span{color:#333;font-size:14px;display:block;}

/* 年齢別 */
.gallery-a #photos {position: relative;height:860px;background-color:#fff;background-repeat: no-repeat;background-size:cover}
.gallery-a #photos .col3 {position: absolute;width:220px;}
.gallery-a #photos .col3 img {border-radius:0;max-height:100%;width:auto;}
.gallery-a #photos .col3 a {text-decoration: none;display: block}
.gallery-a #photos .col3 .comment {display: block;font-size: 12px;margin-top: 3px;padding-left:1em;}
.gallery0 #photos {background-image:url('/gallery/uploads/bg-age0.png');}
.gallery0 #photos a span.comment{color:#0000D9;}
.gallery0 #photos .col3:first-child {top: 60px;left: 70px;}
.gallery0 #photos .col3:nth-child(2) {top: 70px;right: 50px;}
.gallery0 #photos .col3:nth-child(3) {top: 350px;left: 20px;}
.gallery0 #photos .col3:nth-child(4) {top: 330px;right: 20px;}
.gallery0 #photos .col3:nth-child(5) {top: 500px;left: 230px;}
.gallery1 #photos {background-image:url('/gallery/uploads/bg-age1.png');}
.gallery1 #photos a span.comment{color:#FF5C26;}
.gallery1 #photos .col3:first-child {top: 100px;left: 80px;}
.gallery1 #photos .col3:nth-child(2) {top: 70px;right: 120px;}
.gallery1 #photos .col3:nth-child(3) {top: 350px;left: 20px;}
.gallery1 #photos .col3:nth-child(4) {top: 320px;right: 20px;}
.gallery1 #photos .col3:nth-child(5) {top: 530px;left: 250px;}
.gallery2 #photos {background-image:url('/gallery/uploads/bg-age2.png');}
.gallery2 #photos a span.comment{color:#B96000}
.gallery2 #photos .col3:first-child {top: 20px;right: 80px;}
.gallery2 #photos .col3:nth-child(2) {top: 260px;right: 20px;}
.gallery2 #photos .col3:nth-child(3) {top: 360px;left: 30px;}
.gallery2 #photos .col3:nth-child(4) {top: 500px;right: 50px;}
.gallery2 #photos .col3:nth-child(5) {top: 580px;left: 140px;}
.gallery2 #photos .col3:nth-child(5) img {width:160px;}
.gallery3 #photos {background-image:url('/gallery/uploads/bg-age3.png');}
.gallery3 #photos a span.comment{color:#060}
.gallery3 #photos .col3:first-child {top: 110px;left: 30px;}
.gallery3 #photos .col3:nth-child(2) {top:30px;right: 70px;}
.gallery3 #photos .col3:nth-child(3) {top: 420px;left: 60px;}
.gallery3 #photos .col3:nth-child(4) {top: 275px;right: 15px;}
.gallery3 #photos .col3:nth-child(5) {top: 520px;right: 90px;}
.gallery4 #photos {background-image:url('/gallery/uploads/bg-age4.png');}
.gallery4 #photos a span.comment{color:#B96000}
.gallery4 #photos .col3:first-child {top: 210px;left: 80px;}
.gallery4 #photos .col3:nth-child(2) {top:35px;right: 155px;}
.gallery4 #photos .col3:nth-child(3) {top: 460px;left: 25px;}
.gallery4 #photos .col3:nth-child(4) {top: 275px;right: 15px;}
.gallery4 #photos .col3:nth-child(5) {top: 540px;right: 165px;}
.gallery5 #photos {background-image:url('/gallery/uploads/bg-age5.png');}
.gallery5 #photos a span.comment{color:#060}
.gallery5 #photos .col3:first-child {top: 120px;left: 100px;}
.gallery5 #photos .col3:nth-child(2) {top: 165px;right: 70px;}
.gallery5 #photos .col3:nth-child(3) {top: 375px;left: 10px;}
.gallery5 #photos .col3:nth-child(4) {top: 410px;right: 20px;}
.gallery5 #photos .col3:nth-child(5) {top: 550px;left: 210px;}


/* ---------------------------
採用情報
*/
.recruit #recruit h3{margin-bottom: 0;}
.recruit #recruit h3 + table{margin-top: 0.2em;}