@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.tagline{text-align:left;}
.logo-image {text-align:left;}
.wrap{width:70%;}
.header-img{position:absolute;top:30px;right:20px;}
.header-img2{position:absolute;top:150px;left:20px;z-index:10;}
.header-menu {padding-bottom:30px;}
.header-menu ul{display:flex;flex-direction:row;justify-content:space-between;padding-left:0;width:70%;margin:auto;}
.header-menu ul li{list-style:none;font-size:100%;flex: 1;text-align:center;}
.header-menu ul li a{text-decoration:none;color:#000;transition:0.5s;}
.header-menu ul li a:hover{opacity:0.5;}
.icbx{text-align:center;}
#g-nav{display:none;}
div#header-in.header-in.wrap.cf{width:50%;}
.header-bx{display:flex;flex-direction:row;justify-content:space-between;width:70%;margin:auto;align-items:center;}
.contact-bx{width:50%;display:flex;flex-direction:column;text-align:right;}
.tel-bx{font-size:230%;color:#EC85B1;font-weight:bold;text-decoration:none;}
.mail-bx{font-size:150%;color:#fff;font-weight:bold;background:#EC85B1;border-radius:10px;padding:5px 20px;}
.mail-bx a{text-decoration:none;color:#fff;display:block;transition:0.7s;}
.mail-bx a:hover{opacity:0.5;}

.content{margin-top:0;}
.content-in.wrap{width:100%;}
main#main.main{padding:0;background:#FCF5F8;border:0;}
.top{position:relative;text-align:center;}

#blog{padding:100px 0;}
.h2-news{text-align:center;margin:50px 0;}
.h2-news::after{content:"News / Blog";color:#EC85B1;display:block;text-align:center;font-size:80%;}
.inner{width:80%;margin:auto;}
.blog-bx{display:flex;flex-direction:row;justify-content:space-between;}
.blog-ctt{width:30%;}
.list-img{position:relative;}
.catn{position:absolute;background:#EC85B1;color:#fff;padding:3px 10px;}
.more-btn{text-align:center;width:15%;margin: auto;margin-top:100px;border-bottom: dashed 1px;}
.more-btn a{text-decoration:none;color:#000;transition:0.5s;}
.more-btn a:hover{opacity:0.5;}
.new a{color:#000;}

#feature{padding:50px 0 100px 0;}
.feature-img{width:60%;margin:auto;position:relative;top:100px;z-index:1;}
.feature-bg{background:url(img/feature-bg.png);width:80%;padding:100px 50px;margin:auto;position:relative;}
.feature-middle{margin: 0 calc(50% - 40vw);width: 80vw;}
.feature-ex{color:#EC85B1;font-size:150%;font-weight:bold;margin:20px 0;}
.feature-txt{text-align:center;display: block;margin-top:50px;}
.feature-txt ul{text-align:left;display: inline-block;list-style-type: none;padding-left:0;font-weight:bold;}
.feature-txt ul li+li {margin-top: 5px;}
.feature-txt ul li { position: relative;padding-left: 25px;font-size:110%;}
.feature-txt ul li:before {content: "";position: absolute; width: 3px;height: 7px; top: .35em;left: 6px; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg);  border-right: 2px solid #000; border-bottom: 2px solid #000;}
.feature-txt ul li:after { content: ""; position: absolute; top: .2em; left: 0; width: 15px; height: 15px; border: 1px solid #000; border-radius: 2px;}

#point{padding:150px 0 100px 0;}
.point-bx{display:flex;flex-direction:row;justify-content:space-between;}
.point-ctt{width:30%;position:relative;text-decoration:none;color:#000;transition:0.5s;}
.point-ctt:hover{color:#000;opacity:0.5;}
.point-ctt p{margin-top:20px;}
.point-img{position:relative;}
.point-lbl{position:absolute;bottom:-10px;background:#EC85B1;color:#fff;padding:0 10px;}
.point-ctt:nth-child(2){top:-100px;}

#slide-bx{padding:100px 0 50px 0;}

#sakura{padding:100px 0 150px 0;}
.h2-sakura{text-align:center;margin:50px 0;}
.sakura-bx{display:flex;flex-direction:row;}
.sakura-ctt{width:50%;}
.sakura-ctt2{width:33%;background:#EC85B1;}
.sakura-table{width:80%;margin:auto;}
.sakura-table th{color:#EC85B1;font-weight:bold;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #EC85B1;background:transparent;}
.sakura-table td{border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #EC85B1;background:transparent;}
table tr:nth-of-type(2n+1) {background-color:transparent;}
.map-bx{margin:auto;margin-top:30px;width:80%;}

.footer{margin-top:0;padding:0;}
.footer-bottom {margin-top:0;background:#EC85B1;color:#fff;}
.footer-in{width:100%;}
.footer-area{background:url(img/footer-bg.png);padding:50px 0;}
.footer-ctt{display:flex;flex-direction:row;justify-content:center;}
.footer-contact{background:#fff;border-radius:10px;padding:30px;text-align:center;}
.footer-menu{margin-left:50px;}
.footer-menu ul li{list-style:none;}
.footer-menu ul li a{text-decoration:none;color:#000;font-size:120%;transition:0.5s;}
.footer-menu ul li a:hover{opacity:0.5;}
.c-right{margin-right:5px;color:#EC85B1;}


/*お問い合わせ*/
.under-top{position:relative;}
.under-h1-bx{text-align:center;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.h1-contact{color:#fff;text-shadow: 4px 4px 4px #808080; }
.h1-contact:after{content:"Contact";display:block;font-size:80%;}
.breadcrumb {margin-bottom:20px;}
.under-inner{margin:auto;padding-top:50px;padding-bottom:100px;width:70%;}
.must{font-size:80%;color:#fff;border-radius:5px;background:#EC85B1;padding:5px 10px;margin-left:5px;}
.under-spc{background:#fff;border-radius:10px;box-shadow: 4px 4px 4px #808080;padding:30px;}
.table-contact th{color:#EC85B1;font-weight:bold;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #EC85B1;background:transparent;padding:2em 0.5em;}
.table-contact td{border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #EC85B1;background:transparent;}
.c-button{text-align:center;margin-top:50px;}
input[type=submit] {width:20%;background:#EC85B1;color:#fff;border-radius:10px;}
.wpcf7-spinner {display:none;}

/*ニュース・ブログ*/
.h1-news{color:#fff;text-shadow: 4px 4px 4px #808080; }
.h1-news:after{content:"News / Blog";display:block;font-size:80%;}
.new-list{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.new-list-box{width:30%;margin-bottom:20px;}
.new-list-box a{text-decoration:none;color:#000;}
.pnavi{text-align:center;margin:50px 0;}
.page-numbers.current{background:#EC85B1;color:#fff;}

/*入園のご案内*/
.h1-guidance{color:#fff;text-shadow: 4px 4px 4px #808080; }
.h1-guidance:after{content:"Guidance";display:block;font-size:80%;}
.guidance-table th{width:30%;color:#EC85B1;font-weight:bold;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #EC85B1;background:transparent;}
.guidance-table td{width:70%;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #EC85B1;background:transparent;}
#slide-bx2{padding-bottom:100px;}

/*年間行事予定表*/
.h1-schedule{color:#fff;text-shadow: 4px 4px 4px #808080; }
.h1-schedule:after{content:"Schedule";display:block;font-size:80%;}
.schedule-bx{background:#fff;border-radius:10px;box-shadow: 4px 4px 4px #808080;padding:30px;margin-bottom:30px;}
.season-bx{display:flex;flex-direction:row;justify-content:space-between;}
.month-bx{width:30%;height:200px;}
.h2-spring{text-align:center;color:#EC85B1;line-height:1.3;margin-bottom:10px;}
.h2-spring:after{content:"Spiring";display:block;color:#f7cbe8;font-size:80%;}
.h2-summer{text-align:center;color:#75b733;line-height:1.3;margin-bottom:10px;}
.h2-summer:after{content:"Summer";display:block;color:#c7e3a7;font-size:80%;}
.h2-autumn{text-align:center;color:#956027;line-height:1.3;margin-bottom:10px;}
.h2-autumn:after{content:"Autumn";display:block;color:#d5bfa6;font-size:80%;}
.h2-winter{text-align:center;color:#0071be;line-height:1.3;margin-bottom:10px;}
.h2-winter:after{content:"Winter";display:block;color:#99c5e6;font-size:80%;}
.h3-spring{text-align:center;background:#EC85B1;color:#fff;margin-bottom:10px;}
.h3-summer{text-align:center;background:#75b733;color:#fff;margin-bottom:10px;}
.h3-autumn{text-align:center;background:#956027;color:#fff;margin-bottom:10px;}
.h3-winter{text-align:center;background:#0071be;color:#fff;margin-bottom:10px;}
.march-bx{background:url(img/march-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.april-bx{background:url(img/april-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.may-bx{background:url(img/may-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.june-bx{background:url(img/june-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.july-bx{background:url(img/july-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.august-bx{background:url(img/august-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.september-bx{background:url(img/september-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.october-bx{background:url(img/october-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.november-bx{background:url(img/november-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.december-bx{background:url(img/december-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.january-bx{background:url(img/january-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.february-bx{background:url(img/february-bg.png);background-size:40%;background-repeat:no-repeat;background-position:right bottom;}
.schedule-img-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;height:200px;}
.schedule-img-bx2{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;height:200px;}
.schedule-img-bx3{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;height:200px;}
.schedule-img-bx4{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;height:200px;}
.schedule-img-bx div:first-child{width:25%;margin-top:10px;background:url(img/s-img1.JPG);background-size:cover;}
.schedule-img-bx div:nth-child(2){width:25%;margin-top:10px;background:url(img/s-img2.JPG);background-size:cover;}
.schedule-img-bx div:nth-child(3){width:25%;margin-top:10px;background:url(img/s-img3.JPG);background-size:cover;}
.schedule-img-bx div:nth-child(4){width:25%;margin-top:10px;background:url(img/s-img4.JPG);background-size:cover;}
.schedule-img-bx2 div:first-child{width:25%;margin-top:10px;background:url(img/s-img5.JPG);background-size:cover;}
.schedule-img-bx2 div:nth-child(2){width:25%;margin-top:10px;background:url(img/s-img6.JPG);background-size:cover;}
.schedule-img-bx2 div:nth-child(3){width:25%;margin-top:10px;background:url(img/s-img7.JPG);background-size:cover;}
.schedule-img-bx2 div:nth-child(4){width:25%;margin-top:10px;background:url(img/s-img8.JPG);background-size:cover;}
.schedule-img-bx3 div:first-child{width:25%;margin-top:10px;background:url(img/s-img9.JPG);background-size:cover;}
.schedule-img-bx3 div:nth-child(2){width:25%;margin-top:10px;background:url(img/s-img10.JPG);background-size:cover;}
.schedule-img-bx3 div:nth-child(3){width:25%;margin-top:10px;background:url(img/s-img11.JPG);background-size:cover;}
.schedule-img-bx3 div:nth-child(4){width:25%;margin-top:10px;background:url(img/s-img12.JPG);background-size:cover;}
.schedule-img-bx4 div:first-child{width:25%;margin-top:10px;background:url(img/s-img13.JPG);background-size:cover;}
.schedule-img-bx4 div:nth-child(2){width:25%;margin-top:10px;background:url(img/s-img14.JPG);background-size:cover;}
.schedule-img-bx4 div:nth-child(3){width:25%;margin-top:10px;background:url(img/s-img15.JPG);background-size:cover;}
.schedule-img-bx4 div:nth-child(4){width:25%;margin-top:10px;background:url(img/s-img16.JPG);background-size:cover;}

/*こだわり*/
.h1-feature{color:#fff;text-shadow: 4px 4px 4px #808080; }
.h1-feature:after{content:"Feature";display:block;font-size:80%;}
.h2-under-feature{text-align:center;color:#EC85B1;margin:30px 0 10px 0;}
.h2-under-feature2{text-align:center;color:#2e805a;margin:10px 0;}
.under-feature-img{margin:auto;width:60%;}
.h3-feature{border-bottom:solid 1px #EC85B1;margin-top:30px;}
.feature-ctt{width:90%;margin:auto;margin-top:20px;margin-bottom:50px;}
.feature-conc{background:#fcf5f8;padding:20px;margin:50px 0;color:#EC85B1;font-size:130%;font-weight:bold;}
.under-feature-txt{text-align:center;display: block;margin-top:50px;}
.under-feature-txt ul{text-align:left;display:inline-block;list-style-type:none;padding-left:0;;}
.under-feature-txt ul li+li {margin-top: 5px;}
.under-feature-txt ul li { position: relative;padding-left:25px;}
.under-feature-txt ul li:before {content: "";position: absolute; width: 3px;height: 7px; top: .35em;left: 6px; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg);  border-right: 2px solid #000; border-bottom: 2px solid #000;}
.under-feature-txt ul li:after { content: ""; position: absolute; top: .2em; left: 0; width: 15px; height: 15px; border: 1px solid #000; border-radius: 2px;}

/*保育内容について*/
.h1-about{color:#fff;text-shadow: 4px 4px 4px #808080; }
.h1-about:after{content:"About";display:block;font-size:80%;}

/*園長あいさつ*/
.h1-greeting{color:#fff;text-shadow: 4px 4px 4px #808080; }
.h1-greeting:after{content:"Greeting";display:block;font-size:80%;}

/*行事写真*/
.h1-event{color:#fff;text-shadow: 4px 4px 4px #808080; }
.h1-event:after{content:"Event";display:block;font-size:80%;}
.img-bx{display:flex;flex-direction:row;justify-content:space-between;}
.event-img{width:32%;}
.event-info{display:flex;flex-direction:row;justify-content:flex-start;}
.event-title{margin-left:5px;}
.event-img img {max-width: 100%;height: 100%;object-fit: cover;}

/*こだわりの給食*/
.h1-lunch{color:#fff;text-shadow: 4px 4px 4px #808080; }
.h1-lunch:after{content:"Lunch";display:block;font-size:80%;}
.lunch-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.lunch-img{width:32%;}
.lunch-p{margin-bottom:30px;}

/*投稿ページ*/
.sidebar h2, .sidebar h3 {background:#EC85B1;color:#fff;}
#sidebar{background:#fcf5f8;}
.single .content{background:#fcf5f8;padding-top:20px;}
.single .content-in.wrap {width: 90%;}
.single .content-in {justify-content: space-around;}
.author-info{display:none;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

@media (min-width: 834px) {
.footer .tel-bx{margin-right:0;pointer-events:none;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.header-bx{width:100%;}
.logo-image {text-align:center;}
div#header-in.header-in.wrap.cf {width:100%;}
.logo-image span, .logo-image a {width:80%;}
.header-img, .header-img2 {display:none;}
.header-menu{display:none;}
.contact-bx{display:none;}
main#main.main { margin-top: 0;}
.footer-ctt {flex-direction: column-reverse;}
.footer-menu {display: none;}
.footer-area {padding:30px 0;}	
.footer-contact {padding:30px;width:90%;margin: auto;}
.footer-contact img{width:70%;}
.address{font-size:90%;text-align:center;}
.tel-bx {font-size:120%;margin-right:0;text-align:center;margin-bottom:20px;}
.tel-bx a{color:#EC85B1;text-decoration:none;}
.mail-bx {font-size:120%;}
#g-nav{display:block;position:fixed;z-index:10;top:0;right: -120%;width:100%; height: 100vh;background:url(img/footer-bg.png);transition: all 0.6s;}
#g-nav.panelactive{right: 0;}
#g-nav.panelactive #g-nav-list{position: fixed;z-index: 999; width: 100%; height: 100vh;overflow: auto;-webkit-overflow-scrolling: touch;}
#g-nav ul { position:relative;z-index: 999;padding-left:0;width:100%;margin:15px 0;}
#g-nav li{ list-style: none;text-align: center;}
#g-nav li a{color:#EC85B1;font-size:120%;text-decoration: none;margin-bottom:20px;letter-spacing: 0.1em;}
.openbtn1{position:fixed;z-index: 9999;top:30px;right: 20px;cursor: pointer;width: 50px;height:50px;}
.openbtn1 span{display: inline-block; transition: all .4s; position: absolute;left: 14px;height:2px;background-color:#000;width: 60%;}
.openbtn1 span:nth-of-type(1) {top:15px; }
.openbtn1 span:nth-of-type(2) {top:23px;}
.openbtn1 span:nth-of-type(3) { top:31px;}
.openbtn1.active span:nth-of-type(1) { top: 18px;left: 18px;transform: translateY(6px) rotate(-45deg); width: 60%;background:#000;}
.openbtn1.active span:nth-of-type(2) { opacity: 0;background:#000;}
.openbtn1.active span:nth-of-type(3){ top: 30px;left: 18px; transform: translateY(-6px) rotate(45deg);width: 60%;background:#000;}	
.nav-bg {box-shadow: 4px 4px 4px #808080;background: #fff;border-radius: 10px;width:90%;padding:20px;margin: auto;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.tel-bx{text-align:center;margin-right:0;}
.mail-bx{text-align:center;}
.point-bx{flex-wrap:wrap;}
.point-ctt{width:100%;}
.point-ctt:nth-child(2){top:0;}
.logo-img img{width:60%;}
.logo-img {text-align:center;}
.map-bx{width:100%;}
	
.h1-about{font-size:130%;}
.h1-feature{font-size:130%;}
.h1-guidance{font-size:130%;}
.h1-greeting{font-size:130%;}
.h1-schedule{font-size:130%;}
.h1-lunch{font-size:130%;}
.h1-news{font-size:130%;}
.h1-event{font-size:130%;}
.h1-contact{font-size:130%;}
	
.under-h1-bx {width:100%;}	
.under-inner{width:90%;padding-top:0;padding-bottom:50px;}
.under-spc {padding:5px;}
.guidance-table th {display:block;width:100%;background:#EC85B1;color:#fff;font-size:100%;}
.guidance-table td {display:block;width:100%;border-bottom:none;font-size:100%;}	
.feature-img{width:100%;}
.under-feature-img{width:80%;}
	
#blog{padding:20px 0;}
.inner{width:90%;}
.blog-ctt{width:100%;}
.blog-bx{flex-wrap:wrap;}
.more-btn{width:50%;margin-top:30px;}
.h2-news{margin:30px 0;}
.new-list-box {width:100%;}
#feature .inner{width:100%;}
.feature-middle {margin: 0 calc(50% - 50vw);width: 100vw;}
.event-img {width:100%;}	
.img-bx{flex-wrap:wrap;}	
.sakura-table {width:100%;}	
.sakura-table th {display:block;width:100%;background:#EC85B1;color:#fff;font-size:100%;}
.sakura-table td {display:block;width:100%;border-bottom:none;font-size:100%;}
.lunch-img {width: 100%;}
.table-contact th {display:block;width:100%;background:#EC85B1;color:#fff;padding:3px;font-size:100%;}
.table-contact td {display:block;width:100%;border-bottom:none;font-size:100%;}
.must{background:#fff;color:#EC85B1;}
.c-button {margin-top:30px;}
input[type=submit] {width: 30%;}
.season-bx{flex-wrap:wrap;width: 90%;margin: auto;}
.feature-bg{padding:100px 10px 20px 10px;}
.feature-ex{font-size:120%;}
.month-bx{width:100%;}
.schedule-bx {padding:10px;}
.feature-conc{font-size:100%;}
.feature-ctt{margin:20px 0 50px 0 auto;}
.feature-txt{margin-top:20px;}
#point{padding:20px 0;}
#sakura{padding:20px 0 50px 0;}
.schedule-img-bx div{width:50%!important;margin-top:0!important;}
.schedule-img-bx2 div{width:50%!important;margin-top:0!important;}
.schedule-img-bx3 div{width:50%!important;margin-top:0!important;}
.schedule-img-bx4 div{width:50%!important;margin-top:0!important;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}