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



/*----------------------------------------------------------------------------
***                                                                  sideBox
----------------------------------------------------------------------------*/
/*----- 【汎用型】 -----*/
#sideBox{background:#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%;margin: 0;line-height: 1;}
#sideBox #sidr_top{border-bottom:1px solid #ccc;}
#sideBox #sidr_bottom{overflow-y:auto;}
/*HOMEボタン,CLOSEボタン*/
#sideBox .other .closeBox{display:table; width: 100%;}
#sideBox .other .closeBox .homeBtn{display:table-cell; width:80%; padding-left:2%; text-align:left; vertical-align:middle;}
#sideBox .other .closeBox .homeBtn a{display:inline-block;width: 48%;}
#sideBox .other .closeBox .menuBtn{width: 20%;padding: 4% 2% 4% 0;display:table-cell;line-height: 1;}
/*タイトル*/
#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: 140%;color: #666;}
#sideBox .formBox .list01{width: 43%;float:left;margin: 0% 2% 2% 6%;}
#sideBox .formBox .list02{width: 43%;float:left;margin: 0% 6% 2% 0%;}
#sideBox .formBox .list03{clear:both;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 li.linkBtn a{display:table; width:100%;}
#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 .bannerList li{}
#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: #fff;}
#sideBox .contentsList > li{border-bottom:1px solid #ccc;}
#sideBox .contentsList li:last-child{border-bottom:none;}
#sideBox .contentsList .titleTxt{background: url(/teachinjapan/images/ico_plus.png) no-repeat right 3% center/ 10% auto;padding: 5% 0% 5% 5%;font-size: 100%;color: #00a4c8;font-weight: normal;position: relative;}
/*#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(/teachinjapan/images/ico_minus.png) no-repeat right 3% center/ 10% auto;}
#sideBox .contentsList .childList{background:#f2f2f2;padding-left: 15%;border-top:1px solid #ccc;}
#sideBox .contentsList li.linkBtn{border-bottom:1px solid #ccc;}
#sideBox .contentsList li.linkBtn:last-child{border-bottom:none;}
#sideBox .contentsList li.linkBtn a{padding: 5% 0;line-height: 1;color: #00a4c8;display: block;text-decoration: none;background: url(/teachinjapan/images/ico_sideArrow.png) no-repeat right 5% center /auto 50%;}
/*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%;/* font-weight:bold; */}

/*----- 【mode_A 縦長の時の挙動】 -----*/
body.mode_A #mainArea{}
body.mode_A #sideBox{width: 100%;height: 100%;overflow-y: scroll;transform-style: preserve-3d;transition:right 0.5s ease;position: fixed;top:0;right: -100%;box-shadow: -1px 1px 4px 0px #aaa;z-index: 99999;display: block;}
body.mode_A #sideBox.open{right: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 #headerArea #headerAreaInner{padding: 1% 3% 1% 3%;}
body.mode_B #headerArea .trialBtn{padding: 0 1% 0 11%;}
body.mode_B #headerArea .requestBtn{padding: 0 11% 0 1%;}
body.mode_B #headerArea #meinLogo{padding-right:10%;}
body.mode_B #headerArea .logoBox p{width: 13%;}
body.mode_B #headerArea .menuBtn{display:none;}
body.mode_B #mainArea{float:left; width:65%;}
body.mode_B #mainSlideBox #slBoxLP{width:65vw;}
body.mode_B #sideBox{width:35%;transition:none;float:right;border-top:2px solid #e6e6e6; background:#f8f8f8;}
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; */}