@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
main#main.main{padding:0;border:none;margin:0 auto;}
div#content.content.cf{margin-top:0;}
.site-name-text-link {padding: 0;}
.logo-image{z-index:1;}
.header-in{align-items:center;}
.tagdiv{display:flex;align-items:center;z-index:1;position:relative;gap:10px;}
.school{font-size:120%;font-weight:bold;color:#fff;}
.tagline{font-size:100%;font-weight:bold;color:#fff;border: solid 2px #fff;border-radius: 30px;padding:5px 30px;margin: 0.6em 0;}
.home .header-container{height:0;}
body:not(.home) div#content.content.cf {margin-top:30px;}
body:not(.home) .logo-header img{width:180px;}
body:not(.home) .logo-image{top:10px;position:absolute;}
body:not(.home) .tagline{display:none;}
body:not(.home) .header-in {justify-content: flex-start;flex-direction: row;max-width:1200px;width:90%;}
.home div#content-in.content-in.wrap{width:100%;}
.content-in{justify-content:space-around;}
.wrap{width:100%;}
.top{position:relative;width:100%;height:100vh;background:url(https://ayumi-juku.com/wp-content/uploads/2026/01/top.webp);background-position:center;background-repeat:no-repeat;background-size: cover;}
.test{font-size:170%;left:100px;top:30px;position:absolute;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;color:#fff;}
.catch {color:#fff;position:absolute;bottom:0;font-size:200%;text-align:center;width:100%;margin:auto;}
ul.sns-box{position:absolute;bottom:20px;right:200px;display:flex;flex-direction:row;z-index:1;}
ul.sns-box li{list-style:none;}
ul.sns-box li a{font-size:200%;margin:0 20px;color:#fff;}
ul.sns-box li a:hover{transform:scale(1.5,1.5);transition:0.5s all;}
ul{padding-left:0;}
#news{padding:100px 0;background:#F8F8F8;}
ul.ul-news{width:70%;margin:auto;}
ul.ul-news li{list-style:none;margin-left:0;margin:20px 0;border-bottom:solid 1px #000;padding-bottom:10px;}
.ndate{margin-right:10px;background:#33adc7;color:#fff100;padding:5px 10px;margin-bottom:5px;}
#about{padding:100px 0;}
.inner{position:relative;max-width:1200px;width:80%;margin:auto;}
.message{width:80%;margin:auto;}
#feature{padding:100px 0;background:#F8F8F8;}
ul.ul-feature {line-height: 1.8;list-style-type: none;width: 50%;margin: auto;}
li.li-feature {position: relative;padding-left: 25px;font-size:120%;}
.blue{color:#33adc7;font-weight:bold;}
li.li-feature:before {content: "";position: absolute;width: 3px;height: 7px;top: .7em;left: 6px;-webkit-transform: rotate(50deg);-ms-transform: rotate(50deg);transform: rotate(50deg);border-right: 2px solid #000;border-bottom: 2px solid #000;}
li.li-feature:after {content: "";position: absolute;top: .5em;left: 0;width: 15px;height: 15px;border: 1px solid #000;border-radius: 2px;}
.feature-msg{width:80%;margin:auto;margin-top:50px;color:#33adc7;text-align:center;display:flex;flex-direction:row;justify-content:space-between;}
.teichaku{font-size:150%;}
.teichaku2{font-size:110%;margin-top:5px;}
.feature-msg1{width:80%;margin:auto;color:#33adc7;font-size:120%;}
.feature-msg2{width:80%;margin:auto;color:#33adc7;font-size:120%;}
.hund{text-decoration:underline;}
.feature-style{text-align:center;overflow-x: auto; -webkit-overflow-scrolling: touch; }
.feature-style img{width:80%;display: block; max-width: 100%; height: auto; margin:auto;}

.feature-box{display:flex;flex-direction:row;justify-content:space-between;margin:auto;margin-top:70px;gap:20px;width:80%;}
.circle-content{width:33%;height:270px;background:#33adc7;position:relative;}
.circle-text {padding:0 30px;position:absolute;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;width:100%;height:100%;}
#voice{padding:100px 0;}
.t-list{display:flex;flex-direction:row;justify-content:space-around;border-bottom: solid 1px #B0B0B0;margin-bottom: 30px;padding-bottom: 30px;}
.inner-voice{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;}
.inner-parents{position:relative;width:48%;}
.inner-students{position:relative;width:48%;}
.list-img{width:48%;}
.new{width:48%;margin-left:5px;}
.new a{color:#000;}
.new-title a{color:#000;}
#access{padding:100px 0;}
table.table-access{width:60%;margin:auto;margin-top:100px;}
table tr:nth-of-type(2n+1) {background:transparent;}
table th{width:30%;background:transparent;border-left:none;border-right:none;border-top:none;}
table td{width:70%;background:transparent;border-left:none;border-right:none;border-top:none;}
#blog{padding:100px 0;background:#F8F8F8;}
.slider1{display:flex;flex-direction:row;justify-content:space-between;margin: 100px 0; width:100%;}
.slick-slide {margin: 0 10px;overflow:hidden;}
.slick-slide img{width:100%;height:270px;object-fit:cover;}
.slide-arrow {bottom: 0;height: 0;margin: auto;position: absolute;top: 0;width: 0;}
.prev-arrow {cursor:pointer;left:20px;background:#33adc7;width:50px;height:50px;border-radius:50%;border:none;z-index:3;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;transition: transform ease-out 200ms;transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
.prev-arrow::before {font-family:"Font Awesome 5 Free";content:"\f104"; font-size:22px;font-weight:900;color:#fff;}
.next-arrow {cursor:pointer;right:20px;background:#33adc7;width:50px;height:50px;border-radius:50%;border:none;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;transition: transform ease-out 200ms;transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
.next-arrow::before {font-family:"Font Awesome 5 Free";content:"\f105"; font-size:22px;font-weight:900;color:#fff;}
.next-arrow:hover {-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);transform: scale(1.2, 1.2) translate3d(0, 0, 0);}
.prev-arrow:hover {-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);transform: scale(1.2, 1.2) translate3d(0, 0, 0);}

/*下層ページ*/
.bread{max-width:1200px;width:90%;margin:auto;}
.breadcrumb {margin: 1em 0;font-size: 1rem;color:#4D4D4D;}
.breadcrumb a{color:#4D4D4D;}
.page-fv{background:#33adc7;height:225px;position:relative;}
.page-ttl{font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);font-weight:bold;color: #FFF100;}
.h1-page{font-size:1rem;font-weight:normal;color:#4D4D4D;position:absolute;bottom:10px;left:0;color: #FFF100;}
.page-inner{position:relative;height:100%;max-width:1200px;width:90%;margin:auto;}

.under-inner{max-width:1200px;width:80%;padding:0 0 100px 0;margin:auto;}
.under-message{margin:auto;text-align:center;}
table.table-under{margin:auto;margin-bottom:50px;}
th.th-under{width:40%;}
td.td-under{width:60%;}
.h2-box{text-align:center;}
.img-box{width:70%;margin:auto;}
.table-contact{margin:auto;margin-bottom:50px;width:80%;}
.must{color:#33adc7;}
table.table-contact{width:70%;margin:auto;margin-bottom:50px;}
td img{width: 60%;margin-top: 20px;}
.list-inner{padding:0 10px;text-align:left;}
.new-list{display:grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-bottom: 50px;}
.new-list:after {content: "";display: block;width: 30%;height: 0;}
.new-list-box {overflow:hidden;}
.new-list-box img{width: 100%;height: 100%;object-fit: cover;transition:0.7s;}
.new-list-box a{text-decoration:none;display:inline-block;color:#666;width: 100%;}
.new-list-box a :hover{opacity:0.7;}
.pagination{margin:40px 0 0;display:block!important;}
.pagination-next {display:none;}
.pnavi{display:flex;flex-direction:row;justify-content:center;margin-bottom:80px;gap: 5px;}
.nav-links{display:flex;}
.pagination .page-numbers{display:inline-block;color:#33adc7;border:solid 1px #33adc7;background:#fff;margin:0;}
.pagination .current{color:#fff;background:#33adc7;border:solid 1px #33adc7;}
.pagination .next.page-numbers{width:46px;}
.pagination .prev.page-numbers{width:46px;}
.pagination a:hover{background:transparent;}
.single .content-in{justify-content:space-around;}
.single a:hover{background:transparent;}
.widget_categories ul li a:hover{background:transparent;}
.widget_archive ul li a:hover{background:transparent;}
.single-parents-voice .sidebar{display:none;}
.single-parents-voice .main{max-width:1200px;width:80%;}
.single-parents-voice .eye-catch-wrap {display: none;}
.single-students-voice .sidebar{display:none;}
.single-students-voice .main{max-width:1200px;width:80%;}
.single-students-voice .eye-catch-wrap {display: none;}
.page-id-50 .new-list-box img {width:360px;height:270px;object-fit: cover;}

.single-news .sidebar{display:none;}
.single-news .main{max-width:1200px;width:80%;}
ul.ul-pass {line-height: 1.8;list-style-type: none;width: 50%;margin: auto;}
li.li-pass {position: relative;padding-left: 25px;}
li.li-pass:before {content: "";position: absolute;width: 3px;height: 7px;top: .7em;left: 6px;-webkit-transform: rotate(50deg);-ms-transform: rotate(50deg);transform: rotate(50deg);border-right: 2px solid #000;border-bottom: 2px solid #000;}
li.li-pass:after {content: "";position: absolute;top: .5em;left: 0;width: 15px;height: 15px;border: 1px solid #000;border-radius: 2px;}
.hsc .ul-feature{width:45%;margin-top:20px;margin-bottom:20px;} 
.pass{display:flex;justify-content:center;gap:20px;margin:auto;margin-top:30px;}
.passttl{background:#33adc7;color:#FFF100;text-align:center;font-size:150%;padding:10px;width:60%;margin:auto;}
.passp{font-size:130%;text-align:center;font-weight:bold;color:#33adc7;margin-bottom:50px;}

/*見出し*/
.h1-tuition{text-align:center;margin-bottom:50px;font-size:1.5em;}
.h1-tuition::before{content:"Tuition";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h1-schedule{text-align:center;margin-bottom:50px;font-size:1.5em;}
.h1-schedule::before{content:"Schedule";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h1-contact{text-align:center;margin-bottom:50px;font-size:1.5em;}
.h1-contact::before{content:"Contact";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h1-parents-voice{text-align:center;margin-bottom:50px;font-size:1.5em;}
.h1-parents-voice::before{content:"Parents' Voice";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h1-students-voice{text-align:center;margin-bottom:50px;font-size:1.5em;}
.h1-students-voice::before{content:"Students' Voice";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h1-blog{text-align:center;margin-bottom:50px;font-size:1.5em;}
.h1-blog::before{content:"Blog";font-family: "Poppins", sans-seriffont-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h1-news{text-align:center;margin-bottom:50px;font-size:1.5em;}
.h1-news::before{content:"News";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h1-pass-record{text-align:center;margin-bottom:50px;font-size:1.5em;}
.h1-pass-record::before{content:"Pass Record";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}

.h2-under{margin:50px 0;position: relative;display: inline-block;padding: 0 55px;}
.h2-under:before, .h2-under:after {content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color: black;}
.h2-under:before {left:0;}
.h2-under:after {right: 0;}

.h2-news{text-align:center;margin-bottom:50px;}
.h2-news::before{content:"News";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h2-about{text-align:center;margin-bottom:50px;}
.h2-about::before{content:"About";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h2-feature{text-align:center;margin-bottom:50px;}
.h2-feature::before{content:"Feature";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h2-parents-voice{text-align:center;margin-bottom:50px;}
.h2-parents-voice::before{content:"Parents' Voice";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h2-students-voice{text-align:center;margin-bottom:50px;}
.h2-students-voice::before{content:"Students' Voice";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 70%;}
.h2-access{text-align:center;margin-bottom:50px;}
.h2-access::before{content:"Access";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.h2-blog{text-align:center;margin-bottom:50px;}
.h2-blog::before{content:"Blog";font-family: "Poppins", sans-serif;font-weight:normal;display:block;color:#33adc7;font-size: 60%;}
.sidebar h3 {background:#33adc7;color:#fff;}


/*ボタン*/
.btn-box{text-align:center;margin-top:50px;}
.btn{display: inline-block;border: 1px solid #33adc7;padding: 18px 80px;color:#fff;background:#33adc7;text-decoration: none;border-radius:0;font-weight:normal;}
.btn:hover{color:#33adc7;background:transparent;}
.btn-contact{display: inline-block;border: 1px solid #B0B0B0;color:#B0B0B0;background:transparent;text-decoration: none;border-radius:0;font-weight:normal;}
.btn-contact:hover{color:#fff;background:#B0B0B0;}
input[type='submit']{border:none;padding:0;display:block;background:transparent;width:100%;height:100%;color:#B0B0B0;width:240px;height:52px;font-size:90%;border-radius:0;}
input[type='submit']:hover{background:#B0B0B0;border:none;color:#fff;}
a:where(:not(.wp-element-button)) {text-decoration:none;}
.wpcf7-spinner {display:none;}

/*メニュー*/
.m-nav{display:block;}
.openbtn1{position:fixed;z-index: 9999;top:20px;right:100px;cursor: pointer;width: 50px;height:50px;}
.openbtn1 span{display: inline-block; transition: all .4s; position: absolute;left: 14px;height: 3px;background-color:#FFF100;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:#FFF100;}
.openbtn1.active span:nth-of-type(2) { opacity: 0;background:#FFF100;}
.openbtn1.active span:nth-of-type(3){ top: 30px;left: 18px; transform: translateY(-6px) rotate(45deg);width: 60%;background:#FFF100;}	
#g-nav{position:fixed;z-index:10;top:0;right: -120%;width:100%; height: 100vh;/*ナビの高さ*/background:#33adc7;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: absolute;z-index: 999;top:50%;left:50%;transform: translate(-50%,-50%);}
#g-nav li{ list-style: none;text-align: center;}
#g-nav li a{font-size:120%;color: #FFF100;text-decoration: none;margin-bottom:20px;display: block;letter-spacing: 0.1em;}
.footer-nav{position:relative;width:90%;max-width:1200px;margin:auto;margin-top:50px;}
.footer-nav ul{display:flex;flex-direction:row;justify-content:space-between;}
.footer-nav ul li{list-style:none;}
.footer-nav ul li a{text-decoration:none;color:#fff;transition:.3s;display: inline-block;position:relative;}

/*footer*/
div#footer-in.footer-in.wrap.cf{width:100%;}
.footer{margin-top:0;}
ul.sns-box-f{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin:50px auto;width:30%;}
ul.sns-box-f li a{color:#fff;font-size:120%;}
ul.sns-box-f li{list-style:none;margin:0 40px;}
ul.sns-box-f li a:hover{transform:scale(1.5,1.5);transition:0.5s all;}
.go-to-top{z-index:10;}
.go-to-top-button{border-radius:50%;}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1440px以下*/
@media screen and (max-width: 1440px){
  /*必要ならばここにコードを書く*/
ul.ul-feature{width:65%;}
.hover-text{font-size:90%;}
.tagline{font-size:100%;}
ul.sns-box{right:100px;}
.feature-msg1{font-size:100%;}
.feature-msg2{font-size:110%;}
.teichaku{font-size:130%;}
.teichaku2{font-size:100%;}
.under-inner{width:90%;}
}

/*1200px以下*/
@media screen and (max-width: 1200px){
.message{width:100%;margin:auto;}
.feature-msg{width:100%;}
.feature-msg1{width:100%;}
.feature-msg2{width:100%;}
.feature-style img{width:100%;}
.feature-box{width:100%;}
.inner-voice {width:90%;}
table.table-access {width:90%;}

}

/*1024px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
.header div.header-in {height:auto;}
body:not(.home) div#content.content.cf {margin-top:0;}
.logo-header img {width: 450px;}
.tagline{padding:5px 10px;}
.top{background-position:20%;}
.catch{bottom:100px;font-size:130%;}
.test{font-size:130%;text-align:center;top: 250px;left:auto;position: relative;-ms-writing-mode:initial;writing-mode: initial;}
.circle-text{font-size:90%;}
.openbtn1{right: 20px;}
.header-nav{display:none;}
body:not(.home) .header-container {height: 100px;}
.footer-nav{display:none;}
ul.sns-box{right:auto;width: 100%;justify-content: center;}
ul.ul-news{width:100%;}
.inner{width:90%;}
.inner-voice{width:90%;}
.message{width:100%;}
ul.ul-feature{width:100%;}
.inner-voice{flex-direction:column;}
.inner-parents{width:100%;}
.inner-students{width:100%; margin-top:50px;}
.new{margin-left:10px;}
table td{display:block;width:100%;text-align:center;border-bottom:none;padding: 10px 0;}
table th{display:block;width:100%;color:#fff;background:#33adc7;border-bottom:none;padding: 10px 0;}
.under-inner{padding:50px 0;width:90%;}
.under-message{width:100%;}
.img-box {width: 90%;}
table.table-under {width: 100%;}
th.th-under{width:100%;}
td.td-under{width:100%;}
table.table-contact{width:100%;}
.must{color:#fff;}
.single .main{width:90%;margin:auto;}
.single-parents-voice .main{width:90%;margin:auto;}
.single-students-voice .main{width:90%;margin:auto;}
.blog-inner{width:90%;margin:auto;}
.feature-box{flex-direction:column;}
.circle-content {width:100%;;margin:auto;height:200px;}
li.li-feature {font-size:100%;}
.feature-style { overflow-x: scroll; margin: 15px 0;}
.feature-style img { max-width: none; width: auto; min-width: 800px; }
ul.ul-pass {width: 80%;}
.new-list{grid-template-columns: repeat(2, 1fr);gap: 20px;}
ul.sns-box-f {justify-content: center;align-items: center;margin: 50px auto;width: 100%;}
.feature-msg{display:block;}
.teichaku{display:block;width:100%;font-size:130%;}
.teichaku2{display:block;width:100%;}
.hsc .ul-feature{width:100%;} 
.passttl{font-size:130%;width:100%;}
.pass{flex-direction:column;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.catch{bottom:100px;font-size:120%;}
.logo-image{top:80px;position:absolute;}
.test{font-size:100%;}
.tagline{right: 0;top: 80px;padding: 3px 7px; font-size: 75%;}
.feature-style img{width:100%;}

.feature-msg{width:100%;}
.feature-msg1{width:100%;}
.feature-msg2{width:100%;}
.pagination .next.page-numbers {width: 46px;}
.pagination .prev.page-numbers {width: 46px;}
}

/*389px以下*/
@media screen and (max-width: 389px){
.catch { bottom: 80px;font-size:100%;}
.tagline{top:50px;font-size:70%;}
.openbtn1{top:10px;}
}