/*
Theme Name: 2019 Early Child
Author: Author
Author URI: URI
Version: 1.0
*/

@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP:400,500');
/*
  font-family: 'Noto Sans JP';
  font-weight: 100,300,400,500,700,900;
*/
@import url('//cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp.min.css');
/*
  font-family: YakuHanJP;
*/


/* ===========================================================
   # BASE
=========================================================== */
* {
    border: none;
    box-sizing: border-box;
    font: inherit;
    outline: none;
    vertical-align: bottom;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    }

html       {font-size: 10px;}
html, body {width: 100%; height: 100%;}
body       {
    background: #fff;
    color: #727171;
    font: 400 1.5rem/1 YakuHanJP,'Noto Sans JP',sans-serif;
    font-feature-settings : "palt" 1;
    letter-spacing: 0.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }


strong {font-weight: 700}
img    {max-width: 100%; height: auto}
ol,ul  {list-style:none}
table  {border-collapse: collapse;}


/* CLASS */
.align_c {text-align: center}
.align_l {text-align: left}
.align_r {text-align: right}

.auto   {margin: auto}
.clear  {clear: both}
.hidden {overflow: hidden}
.serif  {font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;}

.posRe {position: relative}
.posAb {position: absolute}

.trans300 {transition: all 300ms 0s ease}

.boxradiusAll {border-radius: 10px;}
.boxradiusTop {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.boxShadow    {box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);}
.txtShadow    {text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);}

.flex {
    display: flex;
    flex-wrap: wrap;
    }
.flex li:before {
    display: none;
    }

.noSP, .onPC {display: none}


/* = @media width 768px -->
----------------------------------------------------------- */
@media (min-width: 768px) {

.alignleft  {float: left}
.alignright {float: right}

.onSP      {display: none!important}
.noSP      {display: block}
span.noSP  {display: inline}
.noSP.flex {display: flex}

}


/* = @media width 980px -->
----------------------------------------------------------- */
@media (min-width: 980px) {

.onPC       {display: block}
.noPC       {display: none!important}
strong.onPC {display: inline}

}


/* = @media width 1280px -->
----------------------------------------------------------- */
@media (min-width: 1280px) {

.no1280 {display: none!important}

}


/* ===========================================================
   # HREF
=========================================================== */
a {
    color: #727171;
    outline: none;
    text-decoration: none;
    }
a:hover {}

.homeNews a {color: #fff;}
.footNav a,
.homeCtt_link {color: #727171;}
.entryBody a,
.pageBody a {color: #00b9ef;}

/* IMG
a:hover img {
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
    } */


/* ===========================================================
   # LAYOUT
=========================================================== */
.wrap {}
.inner {
    width: 100%;
    max-width: 1600px;
    }


/* = HEAD
----------------------------------------------------------- */
.head {
    padding: 2rem 1rem 1.5rem;
    }
.logo {
    max-width: 50%;
    }

.btnMenu {
    right: 0; top: 20px;
    width: 40px; height: 40px;
    }


/* = CONTENT
----------------------------------------------------------- */
.main {}


/* = SIDE
----------------------------------------------------------- */
.side {}


/* = FOOT
----------------------------------------------------------- */
/* MAP */
.gMap {
    padding: 0 0 73%;
    width: 100%; height: 0;
    }
.gMap iframe {
    left: 0; top: 0;
    width: 100%; height: 100%;
    }

/* INFO */
.foot {
    font-size: 1.8rem;
    justify-content: space-between;
    padding-top: 2rem;
    width: 91%;
    }
.footInfo {
    background: url(./img/foot_bg.png) 50% 0/ 100% no-repeat;
    order: -1;
    padding-top: 4.5rem;
    width: 100%;
    }
.footInfo p {
    padding-bottom: 20px;
    }
.footInfo img {
    margin-top: 10px;
    }

.copy {
    display: inline-block;
    letter-spacing: 2px;
    padding: 1rem 0 2rem;
    }

.gotoTop {
    background: #6266ae url(./img/arrow_top.png) 50% 6px/28px no-repeat;
    color: #fff;
    font-size: .84rem;
    font-weight: 700;
    padding: 23px 0 0;
    width: 40px; height: 40px;
    position: fixed;
    right: 5px; bottom: 77px;
    z-index: 999;
    }


/* = @media width 980px -->
----------------------------------------------------------- */
@media (min-width: 980px) {

/* FOOT */
.foot     {
  font-size: 1.6rem;
}
.footInfo {
  order: 0;
  width: 54%;
}

}


/* = @media width 1280px -->
----------------------------------------------------------- */
@media (min-width: 1280px) {

/* HEAD */
.head {
    padding: 3rem 6rem 2.5rem;
    z-index: 1;
    }
.logo {float: left;}

/* FOOT */
.foot {font-size: 1.8rem;}
.gMap {padding-bottom: 33%;}
.copy {padding-bottom: 8rem;}

}


/* ===========================================================
   # NAVI
=========================================================== */
body.open {position: fixed}

.btnMenu {
    /* border-bottom: 1px solid #717172; */
    color: #717172;
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: 700;
    top: 38px;
    right: 5px;
    padding: 0 0 5px;
    width: 60px
    }

#spNav {
    background: #fff;
    display: none;
    overflow: auto;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 99999;
    -webkit-overflow-scrolling: touch;
    }
#spNavIn {
    min-height: 100%;
    overflow: auto;
    position: relative;
    }


/* = G NAVI
----------------------------------------------------------- */
.headNav > ul {
    display: flex;
    vertical-align: top;
    width: 70%;
    max-width: calc(100% - 13rem);
    }
.headNav > ul > li {
    border-top: 1px solid #333;
    width: 100%;
    }
.headNav > ul > li:first-child {
    border-top: none;
    }

.gNav > li a {
    color: #333;
    display: block;
    line-height: 70px;
    height: 70px;
    }

.menu-item-has-children > a {
    pointer-events: auto;
    }

.gNav li:hover ul {
    border-top: 1px solid #333;
    }
.gNav li li {
    border: none;
    height: 0;
    overflow: hidden;
    }
.gNav li:hover li {
    border-bottom: 1px dotted #ccc;
    height: 70px;
    overflow: visible;
    }
.gNav li li:last-child {
    border-bottom: none;
    }
.gNav li li a {
    font-size: .9em;
    height: auto;
    }

ul.snsNav li {
    padding: 20px 0;
    }


/* = FOOT NAVI
----------------------------------------------------------- */
.footNav {
  width: 50%;
}
.footNav.align_r {
  text-align: left;
}
.footNav li {
  padding: 5px 0 10px;
}
.footNav a {
  border-left: 1px solid #727171;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1em;
  padding-left: 5px;
}


/* = @media width 980px -->
----------------------------------------------------------- */
@media (min-width: 980px) {

/* = FOOT NAVI */
.footNav {
  width: auto;
}
.footNav.align_r {
  text-align: right;
}
.footNav li {
  padding: 25px 0 0 0;
}
.footNav a {
  border-right: 1px solid #727171;
  font-size: inherit;
  padding: 0 1em;
}

}


/* = @media width 1280px -->
----------------------------------------------------------- */
@media (min-width: 1280px) {

body.open {position: static}

/* G NAVI */
#spNav {
    display: block !important;
    padding: 17px 0 0;
    width: calc(100% - 258px);
    max-width: 1200px;
    overflow: visible;
    position: static;
    }
#spNavIn {overflow: visible;}
.headNav li {
    border: none !important;
    width: auto !important;
    }
ul.gNav {
    float: left;
    justify-content: space-around;
    text-align: left;
    width: 91.5%;
    }
ul.snsNav {
    float: right;
    justify-content: flex-end;
    width: 8.5%;
    max-width: 100px;
    }

.gNav > li a {
    color: #6db130;
    font-size: 1.6rem;
    height: 58px;
    line-height: 36px;
    }

.menu-item-has-children > a {pointer-events: auto;}
.gNav li ul {
    background: rgba(137, 187, 40, 0.8);
    border: none !important;
    min-width: 140px;
    position: absolute;
    top: 100%;
    white-space: nowrap;
    }
.gNav li li {transition: height .2s ease;}
.gNav li:hover li {height: 36px;}
.gNav li li a {
    color: #fff;
    padding: 0 5px;
    }
.gNav li li a:hover {background: rgba(255, 255, 255, 0.1)}

ul.snsNav li {padding: 0;}

.gNav li#menu-item-53 ul {
    background: rgba(251, 207, 87, 0.8);
}
.gNav li#menu-item-52 ul {
    background: rgba(186, 225, 227, 0.8);
}
.gNav li#menu-item-51 ul {
    background: rgba(244, 182, 209, 0.8);
}
.gNav li#menu-item-49 ul {
    background: rgba(203, 139, 186, 0.8);
}
.gNav li#menu-item-62 ul {
    background: rgba(245, 171, 133, 0.8);
}
.gNav li#menu-item-149 ul {
    background: rgba(196, 222, 144, 0.8);
}
.gNav li#menu-item-1622 ul {
    background: rgba(245, 171, 133, 0.75);
}
}


/* = @media width 1480px -->
----------------------------------------------------------- */
@media (min-width: 1480px) {

.gNav li a {font-size:  1.8rem;}

}


/* ===========================================================
   # HOME
=========================================================== */

/* = MV
----------------------------------------------------------- */
.homeMv_wrap {
    width: 100%;
    }
.homeMv_wrap:before {
    content:"";
    display: block;
    padding-top: 68%;
    }
.homeMv, .homeMv img {
    height: auto !important;
    position: absolute !important;
    left: 0; right: 0;
    top: 0; bottom: 0;
    }
.homeMv img {
    max-width: 40%;
    }

.vegas-animation-minori {
    animation: minori ease-out forwards;
    }
@keyframes minori {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}


/* = NEWS
----------------------------------------------------------- */
.homeNews {
    background: #6db130;
    color: #fff;
    padding: 4rem 0;
    }
.homeNews_ttl {
    font-size: 2.2rem;
    }
.homeNews_list {
    padding: 2rem 0;
    width: 90%;
    max-width: 60rem;
    }
.homeNews_item {
    border-bottom: 1px solid #fff;
    line-height: 1.2;
    padding: 15px 0;
    }
.homeNews_item:last-child {
    border-width: 0;
    }
.homeNews_date {
    display: block;
    padding-bottom: 5px;
    }

.homeNews_more {
    border: 3px solid #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 74px;
    width: 82px; height: 82px;
    }


/* = CONTENT
----------------------------------------------------------- */
.homeCtt {
    margin-bottom: 4rem;
    }
.homeCtt_item {
    width: 50%;
    }

.homeCtt_leaf {
    display: none;
    }

.homeCtt_link {
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    padding: 15px 0 8px 0;
    width: 80%;
    max-width: 240px;
    }
.homeCtt_link:before,
.homeCtt_link:after {
    content: "";
    position: absolute;
    width: 30%; height: 30%;
    }
.homeCtt_link:before {
    border-top: 2px solid #6db130;
    border-left: 2px solid #6db130;
    top: -1px; left: -1px;
    }
.homeCtt_link:after {
    border-right: 2px solid #6db130;
    border-bottom: 2px solid #6db130;
    bottom: -1px; right: -1px;
    }
.homeCtt_item:nth-child(-n+2) .homeCtt_link:before,
.homeCtt_item:nth-child(odd) .homeCtt_link:before,
.homeCtt_item:nth-child(n+10) .homeCtt_link:after,
.homeCtt_item:nth-child(even) .homeCtt_link:after {
    display: none;
    }


/* = @media width 768px -->
----------------------------------------------------------- */
@media (min-width: 768px) {

/* CONTENT */
.homeCtt_item {width: 33.33%;}

.homeCtt_leaf {
    display: inline;
    max-width: 55px;
    }
.homeCtt_item:nth-child(1) .homeCtt_leaf {top: 36%; left: 70%;}
.homeCtt_item:nth-child(2) .homeCtt_leaf {top: 53%; left: 7%;}
.homeCtt_item:nth-child(3) .homeCtt_leaf {top: 11%; left: 5%;}
.homeCtt_item:nth-child(4) .homeCtt_leaf {top: 49%; left: 70%;}
.homeCtt_item:nth-child(5) .homeCtt_leaf {top: 62%;left: 70%;}
.homeCtt_item:nth-child(6) .homeCtt_leaf {
    top: 24%; left: 74%;
    width: 70px;
    }
.homeCtt_item:nth-child(7) .homeCtt_leaf {top: 53%; left: 70%;}
.homeCtt_item:nth-child(8) .homeCtt_leaf {
    top: 26%; left: 9%;
    width: 75px;
    }
.homeCtt_item:nth-child(9) .homeCtt_leaf {
    top: 15%; left: 23%;
    transform: rotate(-80deg);
    width: 60px;
    }
.homeCtt_item:nth-child(10) .homeCtt_leaf {
    top: 30%; left: 73%;
    transform: rotate(80deg);
    width: 70px;
    }
.homeCtt_item:nth-child(11) .homeCtt_leaf {
    top: 56%; left: 10%;
    transform: rotate(-80deg);
    width: 70px;
    }
.homeCtt_item:nth-child(12) .homeCtt_leaf {
    top: 53%; left: 68%;
    transform: rotate(-90deg);
    }

.homeCtt_link {
    line-height: 1.4;
    padding: 35px 0 15px 0;
    }
.homeCtt_item:nth-child(odd) .homeCtt_link:before,
.homeCtt_item:nth-child(even) .homeCtt_link:after {
    display: block;
    }
.homeCtt_item:nth-child(-n+4) .homeCtt_link:before,
.homeCtt_item:nth-child(3n+1) .homeCtt_link:before,
.homeCtt_item:nth-child(n+9) .homeCtt_link:after,
.homeCtt_item:nth-child(3n) .homeCtt_link:after {
    display: none;
    }

}


/* = @media width 980px -->
----------------------------------------------------------- */
@media (min-width: 980px) {

/* NEWS */
.homeNews_list {width: 77.4%;}
.homeNews_item {padding: 15px 1rem;}
.homeNews_date {
    display: inline;
    padding-right: 5rem;
    }

}


/* = @media width 1280px -->
----------------------------------------------------------- */
@media (min-width: 1280px) {

/* CONTENT */
.homeCtt_item {width: 25%;}
..homeCtt_leaf {max-width: none;}

.homeCtt_link {padding: 80px 0 55px 0;}
.homeCtt_item:nth-child(3n+1) .homeCtt_link:before,
.homeCtt_item:nth-child(3n) .homeCtt_link:after {
    display: block;
    }
.homeCtt_item:nth-child(-n+4) .homeCtt_link:before,
.homeCtt_item:nth-child(4n+1) .homeCtt_link:before,
.homeCtt_item:nth-child(n+8) .homeCtt_link:after,
.homeCtt_item:nth-child(4n) .homeCtt_link:after {
    display: none;
    }

}
.enshoukaiBnr {
	text-align: center;
	padding: 10px 3%;
}
.enshoukaiBnr a:hover {
	opacity: 0.8;
}