@charset "utf-8";
@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                                  sideBox
----------------------------------------------------------------------------*/
/*----- 【汎用型】 -----*/
#sideBox{background:#fff;position: fixed;top:0;left: -100%;visibility: hidden;display:block;}
#sideBox *{color:#fff;}
#sideBox nav > ul{border-bottom:1px solid #ccc;}
#sideBox nav > ul:last-child{border-bottom:none;}
#sideBox nav li{/* font-size: 1.25rem; *//* font-size: 125%; */}
#sideBox nav li *{font-size:100%;}

#sideBox .is-current{position: relative;}
#sideBox .is-current::after{top: 0 ;bottom: 0;margin: auto;right: 0em;content: "▶";display: block;height: 42%;position: absolute;font-size: 12px;}
#sideBox .otherContentsList .is-current::after{right: 10%;}

#sideBox .cvBtn{border-bottom:none;}
#sideBox .gnaviTaiken{width: 90%;margin: 1.0em auto;}
#sideBox .gnaviNyukai{width: 90%;margin: 1.0em auto;}

#sideBox #sidr_top{border-bottom:1px solid #ccc;}
#sideBox #sidr_bottom{overflow-y:auto;}
/*ロゴ画像*/
#sideBox #sidr_top .logoBox{display: none;}
/*HOMEボタン,CLOSEボタン*/
#sideBox #sidr_top .other{/* background:#000; */}
#sideBox .other .closeBox{display:table; width:100%; padding:2% 4% 2%; font-size:100%;}
#sideBox .other .closeBox .homeBtn{display:table-cell;width: 50%;padding: 0% 0% 0 0;text-align:left;vertical-align:middle;font-size: 150%;}
#sideBox .other .closeBox .homeBtn .txt01{display: inline-block;line-height:1;}
#sideBox .other .closeBox .homeBtn .txt01 img{width: auto;max-width: 130px;max-height: 34px;}
#sideBox .other .closeBox .homeBtn a{display:inline-block;line-height: 1;width: 100%;}
#sideBox .other .closeBox .btn.ico{width:40%;padding: 0 3%;}
#sideBox .other .closeBox .btn.ico img{max-width: 140px;}
#sideBox .other .closeBox .menuBtn{width: 10%;padding: 0% 0% 0% 2%;display:table-cell;line-height: 1;vertical-align: middle;}
/*タイトル*/
#sideBox .titleList{padding:3% 2%;}
#sideBox .titleList .titleBox{width: 100%;display: inline-block;text-align:left;padding:0% 0;}
#sideBox .titleList .titleBox .txt_title{font-weight:bold;/* font-size: 1rem; */}
/*無料体験レッスン・資料請求・スクールを探す・TEL*/
#sideBox .formBox{padding: 3% 5%;}
#sideBox .formBox li:last-child{border-bottom:none;}
#sideBox .formBox .list00{width: 100%;float:none; clear:both; margin: 2% 0;}
#sideBox .formBox .list00 p{font-weight: bold; text-align: center; font-size: 1.5rem;}
#sideBox .formBox .list01{width: 49%;/* float:left; */margin: 0 2% 0% 0;}
#sideBox .formBox .list02{width: 49%;/* float:left; */margin-bottom: 0%;}
#sideBox .formBox .list03{/* clear:both; */width: 100%;margin: 2% 0;}
#sideBox .formBox .list_tel{padding: 0 15%;}

#sideBox .list_school{padding:0 6%;}
#sideBox .list_school .txt.top{display:block;text-align:center;color:#ffe600;font-size: 85%;}
#sideBox .list_school .txt.bottom{display:block;text-align:center;font-weight:bold;font-size: 110%;line-height: 1.3;}

#sideBox .contentsList .classList{}
#sideBox .contentsList .classList .linkBtn .txt{display:table-cell; text-align:left;}
#sideBox .contentsList .classList .linkBtn .txt_L{width: 3em;}
#sideBox .contentsList .classList .linkBtn .txt_R{width: calc(100% - 3em);}
#sideBox .contentsList .classList .childList{/* background: #f2f2f2; */}
/*#sideBox .contentsList .itemActivities{padding-bottom: 1em;}*/

#sideBox .contentsList.basketballContentsList{width: 80%;margin: 0 auto;}
#sideBox .contentsList.basketballContentsList .linkBtn{padding-left: 0;padding-right: 0;}
#sideBox .contentsList.basketballContentsList .linkBtn a{justify-content: flex-start;padding-left: 1em;}
#sideBox .contentsList.basketballContentsList .childList{padding-left: 0;padding-right: 0;width: 77%;margin: 0 0 0 auto;}
#sideBox .contentsList.basketballContentsList .titleTxt{width: 100%;height: 5em;padding: 0 0 0 1.3em;line-height: 1;color: #fff;display: flex;justify-content: flex-start;align-items: center;text-decoration: none;text-align: left;flex-direction: row;}
#sideBox .contentsList.basketballContentsList .titleTxt:before{content:"";display:inline-block;width: 26px;height: 26px;background: url(/images/common/icon_ball.png) no-repeat left 3% center/ 100% auto;margin: 0 0.3em 0 0px;}

#sideBox .contentsList.otherContentsList .linkBtn a{display: flex;justify-content: center;align-items: center;width:100%;height: 5em;padding: 0 0;}

#sideBox .itemYouth{background: #b00201;}
#sideBox .itemSchool{background: #d31401;}
#sideBox .itemActivities{background: #e84709;}
#sideBox .contentsList li.linkBtn.itemYouth a{flex-direction: column;}
#sideBox .contentsList li.linkBtn.itemSchool a{flex-direction: column;}

#sideBox .gnaviTaiken{background: #fff000;border-radius: 50px;padding: 0.3em 1.0em;}
#sideBox .gnaviNyukai{background: #F7931E;border-radius: 50px;padding: 0.3em 1.0em;}





/*バナー*/
#sideBox .bannerList li{}
#sideBox .bannerList .link_img{padding-left:0;}
#sideBox .bannerList li .bannerBox{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#sideBox .bannerList li .bannerBox p{width:50%;padding: 2%;}

/*各コンテンツリスト*/
#sideBox .contentsList{/* background: #333; */}
#sideBox .contentsList > li{border-bottom:1px solid #ccc;}
#sideBox .contentsList li:last-child{border-bottom:none;}
#sideBox .contentsList .txt.top{font-size: 120%;display:block;width: 100%;}
#sideBox .contentsList .txt.bottom{font-size: 90%;display:block;}
#sideBox .contentsList .titleTxt{background: none;padding: 5% 5% 5% 5%;margin: 0;font-size: 100%;color: #fff;/* font-weight:bold; */position: relative;line-height: 1;text-align: center;}
#sideBox .contentsList .titleTxt:hover,#sideBox .contentsList .titleTxt:visited{opacity: 1;}
#sideBox .contentsList .titleTxt{
    width: 100%;
    height: 5em;
    padding: 0 0;
    line-height: 1.2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    flex-direction: column;
    }
/*#sideBox .contentsList .titleTxt:after{content:"＋";display: table-cell;width: 2em;height: 2em;color: #ffe600;line-height: 0;font-size: 115%;font-weight: bold;text-align:center;vertical-align: middle;padding: 1em 0;border:1px solid #ccc;border-radius:50%;box-sizing:border-box;position: absolute;top: 50%;right: 3%;transform: translate(0,-50%);}*/
/*#sideBox .contentsList .titleTxt.open:after{content:"－";}*/
/*#sideBox .contentsList .titleTxt.open{background: url(/nks/common_images/ico_minus.png) no-repeat right 3% center/ 10% auto;}*/
#sideBox .contentsList .childList{/* background:#f2f2f2; */padding-left: 10%;padding-right: 10%;border-top:1px solid #ccc;font-size: 0.875em;}
#sideBox .contentsList li.linkBtn{border-bottom:1px solid #ccc;}
#sideBox .contentsList li.linkBtn:last-child{border-bottom:none;}
#sideBox .contentsList li.linkBtn a{width: 100%;height: 5em;padding: 0 0;line-height: 1.2;color: #fff;display: flex;justify-content: center;align-items: center;text-decoration: none;text-align: center;}
#sideBox .contentsList li.linkBtn a{cursor: pointer;}
#sideBox .contentsList li.linkBtn a.pointernone{cursor: auto;color:#f3a384;}
#sideBox .contentsList li.linkBtn.logoHome img{width:1em; margin-right:0.3em; display:inline-block;}

#sideBox .contentsList li.gnaviTaiken a{color: #000;text-align: center;padding-right: 1.0em;}
#sideBox .contentsList li.gnaviNyukai a{color: #000;text-align: center;padding-right: 1.0em;}


/*PC版を表示*/
/*#sideBox .contentsList > li#pcLi{background: url(/common_images_sp/ico14.png) no-repeat left 3% center/10% auto;padding-left: 15%;}*/
/*生徒様ログイン*/
/*
#sideBox .contentsList > li#logLi{background: url(/common_images_sp/ico13.png) no-repeat left 3% center/10% auto;padding-left: 15%;}
#sideBox .contentsList > li#logLi a{color:#FF931E;}
*/
/*その他リスト*/
#sideBox .otherList li{padding-left: 5%;padding-right: 5%;/* font-weight:bold; */}

/*----- 【mode_A 縦長の時の挙動】 -----*/
body.mode_A.menuOpen{width:-webkit-fill-available; width:-moz-available; width:fill-available;}
body.mode_A #mainArea{padding-top: 0;}
body.mode_A #sideBox{max-width: 280px;width: 100%;height:100%;overflow-y: visible;transform-style:preserve-3d;transition: left 0.5s ease;box-shadow:-1px 1px 4px 0px #aaa;z-index: 99;visibility:visible;background: #000000;font-size: 14px;}
body.mode_A #sideBox.open{left: 0%;}
body.mode_A #sideBox .other .titleBox .txt_title{font-weight:bold;}

/*----- 【mode_B 横長の時の挙動】 -----*/
body.mode_B #dummyBox{}
body.mode_B #dummyBox img{width: 22%;}
body.mode_B .article{background:#f8f8f8;}
body.mode_B #headerArea #headerAreaInner{padding:1% 3% 1% 3%;}
body.mode_B #headerArea .trialBtn{padding:0 1% 0 11%;}
body.mode_B #headerArea .requestBtn{padding:0 3%;}
body.mode_B #headerArea #meinLogo{padding-right: 0%;width: 70%;}
body.mode_B #headerArea .logoBox p{width:13%;}
body.mode_B #headerArea .btn.ico{width:30%;}
body.mode_B #headerArea .menuBtn{display:none;}
body.mode_B #mainArea{float:left;padding-top: 8%;width:65%;background: #fff;}
body.mode_B #mainSlideBox #slBoxLP{width:65vw;}
body.mode_B #sideBox{width:35%;padding-top: 8%;transition:none;float:right;position:static;top:initial;right:initial;border-top:2px solid #e6e6e6;background:#f8f8f8;visibility: visible;}
body.mode_B #sideBox *{}
body.mode_B #sideBox .contentsList .childList{/*background:#fff;*/}
body.mode_B #sideBox.open{right:0%;}
body.mode_B #sideBox .other{display:none;}
body.mode_B #sideBox .titleList{display:none;}
body.mode_B #sideBox .formBox .list01{/* display:none; */}
body.mode_B #sideBox .formBox .list02{/* display:none; */}

#overlay{display:none; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.3); top:0; left:0; z-index:90;}
#sideBox.open + #overlay{display:block;}