@charset "utf-8";
/* CSS Document */

a:hover{opacity: 0.8;}
/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea{position: absolute;top:0;/* left:0; */width:100%;z-index: 99;background: transparent;}
#headerArea #headerAreaInner{position:relative;padding: 6px 6px 6px;/* width: 50vw; */}
#headerArea .ttl{padding: 5px 0 5px;margin: 0;}
#headerArea .ttl img{/* margin: -10px 0 0 -10px; */}
#headerArea .logoBox{width: 25%;max-width: 240px;}
#headerArea #menuBtnBox{width: 30px;height: 20px;cursor: pointer;margin: 0 1em 0 0;/*background:#ccc;*//* position:  absolute; *//* top: 0; *//* right:  0; *//* z-index: 9999; */}
#headerArea #menuBtnBox .menuBtn{position:relative;width:100%;height:100%;display:block;}
#headerArea #menuBtnBox .line,
#headerArea #menuBtnBox .menuBtn:before,
#headerArea #menuBtnBox .menuBtn:after{content:"";display:block;width: 30px;height: 2px;background: #fff;position:absolute;right:0;border-radius: 20px;transform-origin: center;transition:all 0.5s ease;}

#headerArea #menuBtnBox .line{top: 0;}
#headerArea #menuBtnBox .menuBtn:before{top: calc(50% - 1px);}
#headerArea #menuBtnBox .menuBtn:after{bottom:0;}

#headerArea #menuBtnBox .menuBtn.open .line{top: calc(50% - 1px);transform:rotate(-45deg);}
#headerArea #menuBtnBox .menuBtn.open:before{top: calc(50% - 1px);opacity:0;}
#headerArea #menuBtnBox .menuBtn.open:after{bottom: calc(50% - 1px);transform: rotate(45deg);}


/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
.colorfulBorderTop:before{
    content:"";
    display:block;
    width:100%;
    height:1em;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#91dab9+0,91dab9+20,fdf691+20,fdf691+40,fac98f+40,fac98f+60,f690bd+60,f690bd+80,c994c7+80,c994c7+100 */
    background: #91dab9; /* Old browsers */
    background: -moz-linear-gradient(left,  #91dab9 0%, #91dab9 20%, #fdf691 20%, #fdf691 40%, #fac98f 40%, #fac98f 60%, #f690bd 60%, #f690bd 80%, #c994c7 80%, #c994c7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #91dab9 0%,#91dab9 20%,#fdf691 20%,#fdf691 40%,#fac98f 40%,#fac98f 60%,#f690bd 60%,#f690bd 80%,#c994c7 80%,#c994c7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #91dab9 0%,#91dab9 20%,#fdf691 20%,#fdf691 40%,#fac98f 40%,#fac98f 60%,#f690bd 60%,#f690bd 80%,#c994c7 80%,#c994c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91dab9', endColorstr='#c994c7',GradientType=1 ); /* IE6-9 */

}
.bgGradationBottom{position:relative;}
.bgGradationBottom:after{content:"";display:block;width:100%;height: 11em;position:absolute;left:0;bottom:0;z-index:-1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(241,241,241,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(241,241,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(241,241,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}

.attention{ color:#ec1e79;font-weight: bold;}

.mfp-container{background:url('/images/renewal2020/popup/ico_loding4.gif') no-repeat center center;}
.mfp-container.load-stop{background:none;}
.mfp-fade.mfp-bg {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}


/*--- mainView ---*/
#mainView{margin: 0 auto;overflow: hidden;background: transparent;}
#mainView *{min-height: inherit;height: inherit;}
#mainView p{margin:0; padding:0;}
/*#mainView .sectionInner{margin:0 auto;padding: 0em 0em 0em;max-width:none;width: 100%;background: url(../../images/20210115/bg_main.jpg) no-repeat top center;}*/ /*base背景*/
#mainView .sectionInner{margin:0 auto;padding: 0em 0em 0em;max-width:none;width: 100%;background: url(../../images/202108/bg_main03.jpg) no-repeat top center;} /*春cpn用背景*/
#mainView .txtTtl{margin: 6% auto 0;width: 65%;}
body.appPage #mainView .txtTtl{margin:0 auto 16%; width:70%;}/*アプリ経由版*/
#mainView .bgBox{max-width: 1200px;margin: 0 auto;padding: 3em 2em 8em;position: relative;z-index: 0;}
#mainView .bgBox .imgBox{max-width: 485px;width: 485px;padding: 4.5em 0em 12em 0em;margin: 0 auto;position: relative;background: url(../../images/bg_tablet.png) no-repeat top center / 100% auto;}
#mainView .bgBox .icoTokuten{position:absolute;top: -7%;left: -53%;width: auto;margin:0;padding:0;}
#mainView .bgBox .fukidashi01{position:absolute;top: 10%;left: -20%;width: 200px;margin:0;padding:0;}
/*#mainView .bgBox .fukidashi02{position:absolute;top: -3%;right: -29%;width: 230px;margin:0;padding:0;}
#mainView .bgBox .fukidashi02{background: url("../../images/20210531/img_kaki02_hover.png") no-repeat;background-size: contain;}
#mainView .bgBox .fukidashi02 a{display: inline-block;}
#mainView .bgBox .fukidashi02 a:hover{background-color: transparent;}
#mainView .bgBox .fukidashi02 a:hover img{visibility: hidden;}*/
#mainView .bgBox .fukidashi03{position:absolute;top: 2%;right: -20%;width: 200px;margin:0;padding:0;}
#mainView .bgBox .fukidashi_cpn{position:absolute;top: 38%;right: -3%;width: 102px;margin:0;padding:0;}
#mainView .bgBox .icoUsagi{position:absolute;bottom: 2%;right: -21%;width: 47%;margin:0;padding:0;}
#mainView .imgMainBox{position:relative;margin:5% 0 7% 0;}
#mainView .imgMain {margin: 0 auto 0%;width: 96.7%;text-align: center;}
#mainView .imgFukidasi{position:absolute;}
#mainView .imgFukidashi01{top: -28%;left: -24%;z-index: 2;width: 51%;}
#mainView .imgFukidashi02{top: -21%;right: -22%;z-index: 1;width: 46%;}
#mainView .imgFukidashi03{top: 41%;right: 11%;width: 15%;}
#mainView .imgFukidashi04{top: 76%;left: -15%;width: 21%;z-index: 1;}
#mainView .imgFukidashi05{top: 42%;left: -17%;width: 20%;z-index: 1;}
#mainView .imgFukidashi06{top: 52%;left: 3%;width: 17%;z-index: 1;}
#mainView .imgFukidashi07{top: 60%;right: -10%;width: 24%;z-index: 1;}
#mainView .mainViewInner > .txtBox{background: transparent;padding: 0 2em 1.5em;margin: -5% 0 0;position: relative;z-index: 1;}
#mainView .mainViewInner > .txtBox .inTxtBox{width: 50vw;margin:0 auto;}
#mainView .mainViewInner > .txtBox .inTxtBox > p{width: 81%;margin:0 auto;}
#mainView .btnBox {width: 100%;margin-top: 2%;}
#mainView .btnBox .txtBox{margin-bottom: 0.27em;}
#mainView .btnBox li{text-align:center;margin: 0% auto 0;}
#mainView .btnBox li a span{display:inline-block; margin:5% 0 0 0;}
#mainView .btnBox .btnForm{width: 53%;}
#mainView .btnBox .btnSample{width: 33%;}
#mainView .videoBox{position: fixed;top: -12%;left: 0;width: 100%;padding-bottom: 56.25%;height: 0;overflow: hidden;z-index: -1;}
#mainView .videoBox:before{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(../../images/bk1.png) repeat center; opacity:0.6; z-index:1;}
#mainView .videoBox iframe {margin: 0 auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#mainView .videoBox video {margin: 0 auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#mainView .nengaBnrP{margin: -6em 0 8em 0;text-align: center;}

#breadcrumbArea{width: 930px;margin: 1em auto 0 auto;}
#breadcrumbArea li{display: inline-block; font-size: 75%;}

#midokoro{margin: 3em auto;}
#midokoro .midokoro_Ttl{margin-bottom: 1em;}

/*お知らせ*/
#oshiraseTel{margin-bottom: 9em;margin-top: -6em;}

/*--- 内部リンク ---*/
#menuBox01{margin: 0 auto;padding-bottom: 1em;margin-top: -6em;}
#menuBox01 > .sectionInner{max-width: calc(986px + 6em);margin: 0 auto;padding: 0 0.5em;}
#menuBox01 ul li{border-left:1px solid #4c4c4c;color:#4c4c4c;font-size:18px;position:relative;margin-bottom: 2em;width: calc(100% / 4);text-align: center;}
#menuBox01 ul li:last-child{ border-right:1px solid #4c4c4c;}
#menuBox01 ul li a:visited,
#menuBox01 ul li a:link{ color:#4c4c4c; text-decoration:none;}
#menuBox01 ul li a:hover{ color:#ED1E79;}
#menuBox01 ul li a:after{ content:""; display: inline-block; width: 15px; height: 15px; margin: 0 auto; border-bottom: 1px solid #4c4c4c; border-right: 1px solid #4c4c4c; transform: rotate(45deg); position:absolute; top:30px; left:0; right:0;}
#menuBox01 ul li a:hover:after{ content:""; display: inline-block; width: 15px; height: 15px; margin: 0 auto; border-bottom: 1px solid #f45221; border-right: 1px solid #f45221; transform: rotate(45deg); position:absolute; top:30px; left:0; right:0;}
/*--- 9月から新プログラム登場！ ---*/
#programUPdateSec{background: #F6921E;margin: 1em 0;}
#programUPdateSec p{margin: 0 0 3%;font-weight: 500;}
#programUPdateSec .txtColorWhite{color: #fff;}
#programUPdateSec .programUpdateBox{margin: 0 auto;position: relative; width: 100%;align-items: stretch;}
#programUPdateSec .programUpdateBox dl{width: 32%;padding: 2% 0;margin-bottom: 2%;filter: drop-shadow(0.15em 0.15em 0.15em #989898);background-color: #FFFFFF;/* height: 500px; */}
#programUPdateSec .programUpdateBox dd{padding: 0 2em;}
#programUPdateSec .programUpdateBox .namber{font-size: 200%;text-align: center;font-weight: bold;}
#programUPdateSec .programUpdateBox .n_program01 .namber{color:#7FCDEE; }
#programUPdateSec .programUpdateBox .n_program02 .namber{color:#B28EBB; }
#programUPdateSec .programUpdateBox .n_program03 .namber{color:#FB91B0; }
#programUPdateSec .programUpdateBox .title{padding: 0.5em;margin-bottom: 0.7em;}
#programUPdateSec .programUpdateBox .n_program01 .blue_t{background-color: #7FCDEE;display: block;font-size: 140%;}
#programUPdateSec .programUpdateBox .n_program02 .purple_t{background-color: #B28EBB;display: block;font-size: 140%;}
#programUPdateSec .programUpdateBox .n_program03 .pink_t{background-color: #FB91B0;display: block;font-size: 140%;}
#programUPdateSec .programUpdateBox .up_pink{color: #ED1E79;font-size: 150%;font-weight: bold;}
#programUPdateSec .programUpdateBox .n_program01 .programUPImg,#programUPdateSec .programUpdateBox .n_program02 .programUPImg{margin-top: 5em;}


/*--- 英語と出会うNOVA KIDSチャンネル ---*/
#eigotodeauSec{margin:0;position: relative;z-index: 1;background: transparent;}
#eigotodeauSec > .sectionInner{max-width: calc(986px + 6em);}
#eigotodeauSec .subTtl{margin: 0% 0 5%;}
#eigotodeauSec .txtBox .leftBox{width: 36%;}
#eigotodeauSec .txtBox .leftBox p{height: 100%;margin: 0;}
#eigotodeauSec .txtBox .leftBox p img{object-fit: cover; width: 95%; height: 95%;}
#eigotodeauSec .txtBox .rightBox{width: 64%;padding: 0 0 0 2%;}
#eigotodeauSec .txtBox .rightBox .imadake_campaign{margin-top:1em;}
#eigotodeauSec .txtBox .rightBox .imadake_campaign h4{font-size:26px;line-height:1.2;background: #ffff00;display: inline-block;}
#eigotodeauSec .txtBox .rightBox .imadake_campaign .txt01{color:#00a3c7;font-weight:bold;font-size: 26px;line-height:1.2;}
#eigotodeauSec .pointBox{margin: 2em auto 3em;position: relative; width: 89%;}
#eigotodeauSec .pointBox li{width: 32%;/*height: 300px;*/padding: 2%;text-align: center;margin-bottom: 2%;border: 1px solid #989898;border-radius: 3px;background-color: #fff;filter: drop-shadow(0.15em 0.15em 0.15em #989898);}
#eigotodeauSec .pointBox li img{display: block;margin: 2% auto 8%;}
#eigotodeauSec .pointBox .pointTitle{font-size: 145%;font-weight: bold;}
#eigotodeauSec .pointBox .pointTxt{text-align:left;display: inline-block; padding:3px 8px 0;}


/*--- KIDSチャンネルプログラム ---*/
#channelProgramSec{background:#2a9fc4;}
#channelProgramSec .sectionInner .titleBox{margin-bottom: 1em;}
#channelProgramSec .sectionInner .txtColorWhite{color: #FFFFFF;text-align: center}
#channelProgramSec .sectionInner .txtColorYe{color: yellow;;font-weight: bold;}
#channelProgramSec .sectionInner .txtColorLightBl{color: #2A9FC4;font-weight: bold;}
#channelProgramSec .sectionInner .txtColorRed{color: #E73828;font-weight: bold;}
#channelProgramSec .sectionInner .txtColorOrange{color: #F6921E;font-weight: bold;}
#channelProgramSec .sectionInner .txtColorPurple{color: #7F428D;font-weight: bold;}
#channelProgramSec .sectionInner .bkColorRed{background-color: #E73828;}
#channelProgramSec .sectionInner .bkColorOrange{background-color: #F6921E;}
#channelProgramSec .sectionInner .bkColorPurple{background-color: #7F428D;}
#channelProgramSec .programBoxArea{margin-top: 2.5em;}
#channelProgramSec .programBoxArea h4,
#channelProgramSec .programBoxArea .txtColorYe{margin: 0 auto 0.5em;}
#channelProgramSec .programBoxArea .txtColorYe{font-size: 120%;}
#channelProgramSec .programBox{min-width: 200px;background:#fff;padding: 2em 2em;margin: 0 0 5% 0;position:relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#channelProgramSec .programBox #target03{margin: 0 0 0 0;}
#channelProgramSec .programBox .txtBox{margin-bottom: 2em;}
#channelProgramSec .lessonBox{width:100%;padding-bottom: 2em; display:block;}
#channelProgramSec .lessonBox h4{text-align: center;font-size: 180%;}
#channelProgramSec .lessonBox h5{border-bottom: 1px solid;margin-bottom: 0.8em;padding-bottom: 0.2em;}
#channelProgramSec .lessonBox h6 span{border: 1px solid;padding: 0.2em;display: inline-block;margin-bottom: 0.1em;}
#channelProgramSec .lessonBox .txtBox{min-height: 0;width: 100%;}
#channelProgramSec .lessonBox .txtBox .txt03{width: 1000px;margin-right: auto;}
#channelProgramSec .lessonBox .txtBox .txt{margin-top: 0em;margin-right: 1em;}
#channelProgramSec .lessonBox .txtBox .img{width: 100%;}
#channelProgramSec #programSec .lessonBoxInner .inTitleBox{background-color: #2A9FC4;padding: 0.7em 0 0.8em;position: relative;margin-bottom: 0.8em;}
#channelProgramSec #programSec .lessonBoxInner .inTitleBox h5{text-align: center;border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
#channelProgramSec #programSec .lessonBoxInner .inTitleBox p{position: absolute;right: 1em;top: 0.6em;}
#channelProgramSec #programSec .lessonBoxInner .inTitleBox .regular{top:1.3em;}
#channelProgramSec #programSec .lessonBoxInner .txtBox p{margin-bottom: 0.8em;}
#channelProgramSec #programSec .lessonBoxInner .txtBox .dailyPro dt{border: 1px solid #2A9FC4; padding: 0.7em;margin-right: 0.5em;margin-bottom: 0.5em; width: 20%;text-align: center;}
#channelProgramSec #programSec .lessonBoxInner .txtBox .dailyPro dd{width: 75%;}
#channelProgramSec .regularLesson{margin-top: 1.5em;}
#channelProgramSec .regularLesson .shougakuMiman ul li,
#channelProgramSec .regularLesson .shougaku ul li,
#channelProgramSec .regularLesson .tyugaku ul li{text-indent: -1.7em;padding-left: 1.7em;}
#channelProgramSec .regularLesson .shougakuMiman ul li:before{content: "";display: inline-block;width: 1.2em;height: 1.2em;background: url(../../images/20210401/img_check01.png) no-repeat;background-size: contain;padding-right: 0.2em;vertical-align: baseline;}
#channelProgramSec .regularLesson .shougaku ul li:before{content: "";display: inline-block;width: 1.2em;height: 1.2em;background: url(../../images/20210401/img_check02.png) no-repeat;background-size: contain;padding-right: 0.2em;vertical-align: baseline;}
#channelProgramSec .regularLesson .tyugaku ul li:before{content: "";display: inline-block;width: 1.2em;height: 1.2em;background: url(../../images/20210401/img_check03.png) no-repeat;background-size: contain;padding-right: 0.2em;vertical-align: baseline;}
#channelProgramSec .specialLesson {margin-top: 4.5em;}
#channelProgramSec .specialLesson .spLesson{width:49%;padding: 1.6em;margin-top: 0em;}
#channelProgramSec .specialLesson .spLesson dt{margin-bottom:0.3em;}
#channelProgramSec .specialLesson .spLesson .setsumeiBox{}
#channelProgramSec .specialLesson .spLesson .setsumeiBox .imgKoushi{margin:0; left:0; bottom:0;text-align: center;}
#channelProgramSec #target02 .specialLesson .dispFlex{flex-wrap: wrap;}
#channelProgramSec #target01 .specialLesson .spLesson{background-color: #FDE6E4;}
#channelProgramSec #target02 .specialLesson .spLesson{background-color: #FDF0DF;}
#channelProgramSec #target02 .specialLesson .spLesson.bg_orange{background-color:#FBD8C1;}

#channelProgramSec #target02 .specialLesson .speachBox,#channelProgramSec #target02 .specialLesson .eikenBox{height: 70%;}
#channelProgramSec #target02 .specialLesson .courseBox{margin-top: 0em;}
#channelProgramSec #target02 .specialLesson .speachBox{padding-bottom: 4.5em;}

#channelProgramSec .specialLesson .newProBox{background-color: #FDE9F2;border: 3px solid #ED1E79;width:auto;margin-top: 3em;margin-bottom: 2em;position: relative;}
#channelProgramSec .specialLesson .newProBox h6{background-color: #ED1E79;padding: 0.5em 0 0.8em;text-align: center;margin-bottom: 0.8em;}
#channelProgramSec .specialLesson .newProBox h6 span{position: absolute;top:-2%;left: -1%;padding: 0;border: none;}
#channelProgramSec .specialLesson .newProBox .txt{padding-left: 2em;}
#channelProgramSec .specialLesson .newProBox .txtBox {margin: 0;padding: 1em 2em 2em;}
#channelProgramSec .specialLesson .newProBox .txtBox .txt{padding-left: 0; margin-top: 0;margin-bottom: 0;}
#channelProgramSec .specialLesson .skill {margin-top: 2em;}
#channelProgramSec .specialLesson .skill p{border-bottom: 1px solid #7F428D;width: 25%;font-size: 110%;}
#channelProgramSec .specialLesson .skill .tyugaku p{border-bottom: none; width: 100%;}
#channelProgramSec .specialLesson .skill .tyugaku .txt{font-size: 100%;padding-right: 1em;}


#channelProgramSec .movieBoxArea{width: 100%;max-width: 550px;margin: 0 auto;}
#channelProgramSec .movieBoxArea.movieRegular{max-width: 370px;margin-left: 1em;margin-top: 0.4em;}
#channelProgramSec .movieBox{margin: 0 auto 0em;width:100%;position: relative;padding-bottom: 56.25%;height: 0px;overflow: hidden;}
#channelProgramSec .movieBox .iframeBox{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:none;max-height:none;}
#channelProgramSec .movieBox .iframeBox img{width:100%;}
#channelProgramSec .progressBox{font-size:1rem;width:100%;height:0.5em;position:absolute;left:0;bottom:0;background:#989898;}
#channelProgramSec .progressBox .progressBar{width:0%;height:100%;position:relative;background:#e73828;transition: width .6s ease-out;}
#channelProgramSec .progressBox .progressBar .progressCircle{width:1em; height:1em; border-radius:50%; position:absolute; right:-0.5em; top:calc(50% - 0.5em); background:inherit;}
#channelProgramSec #target01 .progressBox .progressBar{background:#e73828;width:70%;}
#channelProgramSec #target02 .progressBox .progressBar{background:#f6921e;width:80%;}
#channelProgramSec #target03 .progressBox .progressBar{background:#7f428d;width:90%;}
/*2022年1月19追加*/
#channelProgramSec #target03 .specialLesson .example .txtColorPurple{position: relative;}
#channelProgramSec #target03 .specialLesson .example .txtColorPurple span{background-color: #E5D9E8;border-radius: 50vw;padding: 0.3em 1em 0.3em 1.7em;}
#channelProgramSec #target03 .specialLesson .example .txtColorPurple::before{content: "";background-color: #7F428D; display: block;width: 1em;height: 1.9em;position: absolute;top:-0.2em;}
#channelProgramSec #target03 .specialLesson .txt03{width: 175%;} 
#channelProgramSec #target03 .specialLesson .txt03 .txt_right1{padding: 0 0 0 0.5em;}
#channelProgramSec #target03 .specialLesson .txt03 .txt_right2{padding: 0 0 0 7em;}
#channelProgramSec #target03 .specialLesson .txt03 .txt_right3{padding: 0 0 0 2.8em;}
#channelProgramSec #target03 .specialLesson .txt03 .txt_right4{padding: 0 0 0 6.7em;}
#channelProgramSec #target03 .specialLesson .txt03 .txtPurple{color: #7F428D;font-weight: 500;}
#channelProgramSec .specialLesson .eiken .txtColorPurple{font-size: 110%;}
#channelProgramSec .specialLesson .eiken{padding: 1.5em 1em;background-color:#E5D9E8;}



#channelProgramSec .specialLesson .photo_flex li{width: calc(100%/3);padding: 5px}








/*--- プログラム内部リンク ---*/
#channelProgramSec #menuBox02{margin: 0 auto;margin-bottom: 4%;width: 100%;}
#channelProgramSec #menuBox02 > .sectionInner{max-width: calc(986px + 6em);margin: 0 auto;}
#channelProgramSec #menuBox02 ul li{ border:2px solid #fff; color:#fff;font-size:18px;font-weight: bold;position:relative;margin: 0 0.3em;border-radius: 45px;padding:20px 0 30px;filter: drop-shadow(0.15em 0.15em 0.15em #000);text-align: center;width: calc(100%/3);}
#channelProgramSec #menuBox02 ul li a:visited,
#channelProgramSec #menuBox02 ul li a:link{ color:#fff; text-decoration:none;}
#channelProgramSec #menuBox02 ul li a:hover{ color:#ED1E79;}
#channelProgramSec #menuBox02 ul li a:after{ content:""; display: inline-block; width: 15px; height: 15px; margin: 0 auto; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position:absolute; bottom: 17px; left:0; right:0;}
#channelProgramSec #menuBox02 ul li a:hover:after{ content:""; display: inline-block; width: 15px; height: 15px; margin: 0 auto; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position:absolute; bottom: 17px; left:0; right:0;}
/*--- endプログラム内部リンク ---*/

/*-レベルの目安20200819*/
#channelProgramSec .levelBox {max-width: 815px;margin: 5% auto 10px auto;}
#channelProgramSec .levelBox .pullBtnBox{width: 70%;margin: 0 auto;}
#channelProgramSec .levelBox .pullBtn{min-width: 150px;width: 40%;margin: 0% auto 0%;cursor: pointer;text-align: center;}
/*
#channelProgramSec .levelBox .up{display: none;}
#channelProgramSec .levelBox .open .down{display: none;}
#channelProgramSec .levelBox .open .up{display: block;}*/
#channelProgramSec .levelBox .contentsBox{background: #F3F7FF;padding: 0.5em 1em;margin: 3% 0 0 0;}
#channelProgramSec .levelBox .contentsBox table{margin-bottom: 0; margin: 0 auto; width: 100%;}
#channelProgramSec .levelBox .contentsBox tr{border: none; border-bottom: dotted 2px #263683;}
#channelProgramSec .levelBox .contentsBox tr:last-child{border-bottom: none;}
#channelProgramSec .levelBox .contentsBox th{border: none; font-size: 100%; color: #263683; font-weight: bold; padding: 0 1.5em; line-height: 1.2em;width: 22%}
#channelProgramSec .levelBox .contentsBox th .txtSizeS{font-size: 75%;}
#channelProgramSec .levelBox .contentsBox td{font-size: 90%; border: none;padding: 2% 0 1% 2%;}


/*--- 英語が初めてのお子様に ---*/
#hajimeteSec{}
#hajimeteSec p{margin: 0 0 3%;text-align: center;}
#hajimeteSec .hajimeteBox{margin: 0 auto;position: relative; width: 100%}
#hajimeteSec .hajimeteBox dl{width: 32%;padding: 3%;margin-bottom: 5%;border: 1px solid #989898;background-color: #fff;filter: drop-shadow(0.15em 0.15em 0.15em #989898);}
#hajimeteSec .hajimeteBox dt {margin-bottom: 8%;text-align: center;}
#hajimeteSec .hajimeteBox dt span{display: block;margin: 5% auto 8%;font-size: 145%;font-weight: bold;}
#hajimeteSec .hajimeteBox dd {text-align: center;}
#hajimeteSec .hajimeteBox .hajimeteTxt{border-top: 1px solid #989898;padding-top: 5%;margin-top: 8%;text-align: left;}
#hajimeteSec .hajimeteBox .hajimeteTxt span{color: #662D91;font-weight: bold;}


/*--- 生徒様の声 ---*/
#seitokoeSec{}
#seitokoeSec .seitokoeBox {padding: 2em 2.5em 3em; border-top: 9px solid #26b7c6;}
#seitokoeSec .seitokoeBox .subTtl{margin-bottom:1em;}
#seitokoeSec .seitokoeBox .txtBox{order: 2;width: calc(100% - 170px);padding: 0 0 0 1.5em;}
#seitokoeSec .seitokoeBox .imgBox{order: 1;width: 30%;max-width: 170px;}


/*--- ryoukinSec ---*/
#ryoukinSec{background: url(../../images/bg_gray02.png) repeat-x center bottom, #fff;}
#ryoukinSec:before{content:"";display:none;width:100%;height: 2em;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ee93ad+0,ee93ad+50,000000+50,000000+100 */background: #ee93ad; /* Old browsers */background: -moz-linear-gradient(left,  #ee93ad 0%, #ee93ad 50%, #000000 50%, #000000 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee93ad', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
#ryoukinSec .txtTtl{margin-bottom: 2em;}
#ryoukinSec .imgCampaign{margin: 0 0 2.5em 0;}
#ryoukinSec .jukouBox {max-width:815px; margin:0 auto;}
#ryoukinSec .jukouBox .rightBox{background:#fffede;padding:1.5em 1.5em;max-width: 614px;width: 76%;margin-left: 2%;}
#ryoukinSec .jukouBox .rightBox h3,
#ryoukinSec .jukouBox .rightBox h4{color:#ed1e79;}
#ryoukinSec .jukouBox .rightBox p{font-size:90%; font-weight:500;}
#ryoukinSec .studentsRyoukin{}

#ryoukinSec .slider *{outline:none;}
#ryoukinSec .slider .imgBox img{display:inline-block;}
#ryoukinSec .slider .slick-dots{bottom:0.5em;}
#ryoukinSec .contentsBox{position: relative;}

/*--- nagareSec ---*/
#nagareSec{background:#fcc8d9;}
#nagareSec .sectionInner{}
#nagareSec .stepBox {max-width:820px; margin:0 auto;}
#nagareSec .stepBox ul{width:100%;}
#nagareSec .stepBox li{font-size:120%;border: 4px solid #ee93ad;background:#fff;padding:1em 1em;border-radius: 10px;text-align: center;position: relative;}
#nagareSec .stepBox li:nth-child(1),
#nagareSec .stepBox li:nth-child(7),
#nagareSec .stepBox li:nth-child(8){/* padding:1em 1em 3em; */}
#nagareSec .stepBox .txtBtn{/* position:absolute; */right:0.5em;bottom: 1em;left: 0;right: 0;margin: 0.5em 0 0 0;display: block;}
#nagareSec .stepBox .txtBtn a{color:#fff;background:#ed1e79;display:block;margin: 0 auto;width:10em;border-radius:50px;line-height:1;padding:0.4em 0em 0.3em;}
#nagareSec .stepBox .notStudent{background:#ed1e79;color:#fff;margin-bottom:1.5em;}
#nagareSec .stepBox .notStudent .txtBtn a{color:#ed1e79;background:#fff;width: 11em;text-align: center;font-weight: bold;}
#nagareSec .stepBox .notStudent .usagiLogin .txtBtn{}
#nagareSec .stepBox .notStudent .usagiLogin .txtBtn a{color:#ed1e79; background:#fff;}
#nagareSec .stepBox .notStudent .georaLogin .txtBtn{}
#nagareSec .stepBox .notStudent .georaLogin .txtBtn a{color: #4cc3d2;background:#fff;}
#nagareSec .stepBox .currentStudent{background:#8cc63f; color:#fff; border-color:#cee2af;}
#nagareSec .stepBox .currentStudent .txtBtn a{color:#8cc63f; background:#fff;}
#nagareSec .stepBox .arrowBox{padding:0;border:0;background:none; }

/*--- cmMovieSec ---*/
#cmMovieSec{background:#2aa0c5;}
#cmMovieSec:before{content:"";display:block;width:100%;height: 2em;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ee93ad+0,ee93ad+50,000000+50,000000+100 */background: #ee93ad; /* Old browsers */background: -moz-linear-gradient(left,  #ee93ad 0%, #ee93ad 50%, #000000 50%, #000000 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee93ad', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
#cmMovieSec *{color:#fff;}
#cmMovieSec .sectionInner{max-width: calc(880px + 0em);padding-top:3.5em;}
#cmMovieSec .imgLogo {max-width:182px;} 
#cmMovieSec .titleBox .txtTtl { margin:0 0 0.5em 0;}
#cmMovieSec .titleBox .rightBox {width: 74%;margin-left: 3%;}
#cmMovieSec .movieBox .leftBox{width: 440px; padding-right: 20px;}
#cmMovieSec .movieBox .rightBox{width:440px; padding-left: 20px;}
#cmMovieSec .movieInBox{margin:0 auto 1em;max-width:635px;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
#cmMovieSec .movieInBox iframe{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:none;max-height:none;}
#cmMovieSec .movieBox dt{text-align:center;margin-bottom: 1em;font-size: 113%;}
#cmMovieSec .movieBox dt span{display:inline-block; border-bottom:2px solid #fff;}

/*--- footerSec ---*/
#footerSec{}
#footerSec .sectionInner{max-width:1200px;margin:0 auto;padding:0.5em 2em;width: 100%;/* font-size: calc(10px + 0.15vw); */}

/*--- sidemenu ---*/
#sideBox #sidr_top{max-width: 1200px;width: 50vw;margin: 0 auto;}
#sideBox #sidr_bottom{max-width: 1200px;width: 50vw;margin: 0 auto;/* box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3); */}



@media screen and (max-width:1150px){
    /*--- KIDSチャンネルプログラム ---*/
   /* #channelProgramSec .programBox .inTitleBox h4{font-size:26px;}*/
}
@media screen and (max-width:1100px){
	#eigotodeauSec .pointBox{width: 100%;}
	#eigotodeauSec .pointBox li{/* height: 310px; */}
	
    /*--- KIDSチャンネルプログラム ---*/
	#channelProgramSec #programSec .lessonBoxInner .inTitleBox h5{text-align: left;margin-left: 1em;}
	#channelProgramSec #programSec .lessonBoxInner .txtBox .dailyPro dt{width: 165px;}
	#channelProgramSec #programSec .lessonBoxInner .txtBox .dailyPro dd{width: auto;}
	#channelProgramSec .programBox{min-width:0;width: 100%;background:#fff;padding: 2em 2em;margin: 0 0 5% 0;position:relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
	#channelProgramSec .imgClockBox{position:absolute;top: -4%;right: -5%;width: 18%;text-align: right;margin: 0;}
	#channelProgramSec .specialLesson .skill p{width: auto;}
}