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

/*----------------------------------------------------------------------------
 ***                                                          Container共通用
----------------------------------------------------------------------------*/
body {}
#wrap { width:950px; margin:0 auto;}
.pcHidden{ display:none;}
.pcBlock{ display:block;}
.spHidden{ }
.spBlock{ display:none;}


.listParts{ display:none;}
.listAtten{ color:#999;}
.hide{display:none;}
/*----------------------------------------------------------------------------
 ***                                                             Header共通用
----------------------------------------------------------------------------*/
#headerArea { margin-bottom:1.6%; padding-top:1.8%;}
#headerAreaLogo { float:left;}
#headerAreaLink { float:right;}

/*----------------------------------------------------------------------------
 ***                                                       contentsArea共通用
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}

/*----------------------------------------------------------------------------
 ***                                                    　 mainsection共通用
----------------------------------------------------------------------------*/
#mainSection { border:#000 solid 15px; margin:0;}
/* ↓↓2005追記↓↓ */
#mainSectionInner, #mainSectionInnerCon, #mainSectionInnerErr,#confirmSectionInner { margin:3.5%;}
/* ↑↑2005追記↑↑ */
#mainSection h3, #mainSectionInnerCon h3, #mainSectionInnerErr h3{font-size:180%; line-height:1.1em; border-bottom:#D9D9D9 solid 2px; margin-bottom:2%;}
#mainSectionInner #pageTitle{ font-size:180%; line-height:1.2em; background:url(../images/common/icon_list09.png) left 4px no-repeat; padding:0 0 16px 28px; border-bottom:#eee solid 6px;}

#titleImgBox{ height:auto;}
#titleImgBox .titleBoxH2{ background:#29ABE2; width:392px; height:116px;}
#titleImgBox .titleBoxH2 h2{ color:#FFF; font-size:220%; padding:23px 0 0 30px; font-weight:normal; line-height:1.2em}
#titleImgBox .titleTxtBox{background: url(../common_images/ico_contents02.jpg) 30px 10px no-repeat;background-color:#000;background-size:50px auto;width:392px;height:71px;}
#titleImgBox .titleTxtBox p{ margin:0; color:#989898; font-size:120%; line-height:1.1em; padding:27px 0 0 90px}

/*----------------------------------------------------------------------------
 ***                                                             footer共通用
----------------------------------------------------------------------------*/
#footerArea { padding-top:2%;}
#footerArea p{ margin:0;}
#footerCopyright{ float:left; padding-top:0.5%;}
#footerAreaLogo{ float:right;}

/*----------------------------------------------------------------------------
 ***                                                            section共通用
----------------------------------------------------------------------------*/
section { margin-top:30px;}
.sectionInner { margin:0 20px;}
.sectionInner .sectionInner { margin:0 15px;}

/*----------------------------------------------------------------------------
 ***                                                    メインコンテンツ用
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                    requestフォーム画面用
----------------------------------------------------------------------------*/
.requestPage{}

.requestPage #titleImgBox .titleBoxH2{ background:#29ABE2;}
.requestPage #titleImgBox.nks .titleBoxH2{ background:#40b0c1;}
.requestPage #mainSection .normal{ background-image:url(../images/request/img_contents01.jpg); background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .nks{ background-image:url(../images/request/img_contents03.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .jmh{ background-image:url(../images/request/img_contents03_jmh.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .kids{ background-image:url(../images/common/kids/img_contents02.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .kids_eiken{ background-image:url(../images/common/kids/main_eiken.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .kids_ocha{ background-image:url(../images/common/kids/main_ocha.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .kids_mtom{ background-image:url(../images/common/kids/main_mtom.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}

.requestPage #reqHeadTxtSec_normal { position:relative; background-image:url(../images/request/back_contents01.png) ;background-position: left top ;background-repeat: no-repeat; height:128px; margin:0;}
.requestPage #reqHeadTxtSec_normal  .sectionInner {padding:18px 0 0 22px;width:630px;margin:0 10px; }
.requestPage #reqHeadTxtSec_normal  .sectionInner h3{ margin:5px 0 2px -10px; border:none; color:#EE1F7A; font-size:140%; line-height:1.22em;}
.requestPage #reqHeadTxtSec_normal  .sectionInner #msgP{width:630px;margin-top:0px;}
.requestPage #reqHeadTxtSec_normal  .sectionInner #usagiP{ position:absolute; right:-20px; top:-51px; margin:0;}
.requestPage #reqHeadTxtSec_kids { position:relative; height:160px; margin:0;}
.requestPage #reqHeadTxtSec_kids .sectionInner {padding:23px 0 23px 0; width:630px}


.requestPage  .actionCom{}
.requestPage  .actionCom .backBtn{ text-align:center; margin-top:6%;}
.requestPage  .actionCom li{ margin-top:3%; text-align:center;}

/*----------------------------------------------------------------------------
 ***                                                     trialフォーム画面用
----------------------------------------------------------------------------*/
.trialPage{}

.trialPage #titleImgBox .titleBoxH2{ background:#EE1F7A;}
.trialPage #mainSection .normal{ background-image:url(../images/trial/img_contents01.jpg); background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .nks{ background-image:url(../images/trial/img_contents03.jpg); background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .jmh{ background-image:url(../images/trial/img_contents03_jmh.jpg); background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .kids{ background-image:url(../images/common/kids/img_contents02.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .kids_eiken{ background-image:url(../images/common/kids/main_eiken.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .kids_ocha{ background-image:url(../images/common/kids/main_ocha.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .kids_mtom{ background-image:url(../images/common/kids/main_mtom.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #stepSec{}
.trialPage #stepSec .sectionInner{ margin:0 16px;}
/*
.trialPage #stepSec li{ float:left; background:url(../images/trial/ico_contents03.png) 150px 100px no-repeat; background-size:15px auto; width:164px; padding-right:18px;}
.trialPage #stepSec li#step4Li{ padding:0;background:none;}
 */
.trialPage #stepSec li{box-sizing:content-box;float:left;background:url(../trial/images/ico_contents03.png) 150px 100px no-repeat;background-size:15px auto;width: 225px;padding: 5px 24px;}
.trialPage #stepSec li#step5Li{/* padding:0; */}
.trialPage #stepSec li dt{ text-align:center; font-size:120%; color:#E81F7D;}
.trialPage #stepSec li dd.midashiDd{ text-align:center; margin-bottom:2px; font-weight:bold; font-size:85%;clear:both;}
/*
.trialPage #stepSec li dd.imgDd{ width:20%; float:left; margin-right:1%;clear:both;}
 */
.trialPage #stepSec .imgDd{text-align:center;}
.trialPage #stepSec li dd.commDd{ font-size:80%; margin-top:4px;clear:both;}
.trialPage #stepSec_nks{}
.trialPage #stepSec_nks .sectionInner{ margin:0 16px;}
.trialPage #stepSec_nks li{ float:left; background:url(../images/trial/ico_contents03.png) 193px 100px no-repeat; background-size:15px auto; width:187px; padding-right:25px; box-sizing: content-box;}
.trialPage #stepSec_nks li#step3Li{ padding-right:0;background:none;}
.trialPage #stepSec_nks li dt{ text-align:center; font-size:120%; color:#E81F7D;}
.trialPage #stepSec_nks li dd.midashiDd{ text-align:center; margin-bottom:10px; font-weight:bold; font-size:14px;clear:both;}
.trialPage #stepSec_nks li dd.imgDd{ text-align:center;}
.trialPage #stepSec_nks li dd.commDd{ font-size:13px; margin-top:10px;clear:both;}

.trialPage .actionCom{}
.trialPage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.trialPage .actionCom li{ margin-top:3%; text-align:center;}

/* ↓↓2006追記↓↓ */
/*----------------------------------------------------------------------------
 ***                                                     Liveフォーム画面用
----------------------------------------------------------------------------*/
/*2020年6月16日追記ここから*/
#livestation_seitoType {width: 100%; text-align: center; margin: 50px 0;}
#livestation_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
#livestation_seitoType .novaseito {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
#livestation_seitoType .shinki a {display: block; width: auto; height: 80px; line-height: 80px; background-color: #f469cd; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
#livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
#livestation_seitoType .novaseito a {display: block; width: auto; height: 80px; line-height: 80px; background-color: #00a1c9; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
#livestation_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}

/*2020年7月17日追記ここから*/
#kyukaishaSelectLesson {width: 100%;padding: 0;}
#kyukaishaSelectLesson .lessonSelect {width: 100%; margin: 30px 0;}
#kyukaishaSelectLesson .lessonSaikai a, .nlsOnly a {display: inline-block; width: 100%; padding: 10px 5px; background-color:#269BC3; color: #fff;border-radius: 5px;}
#kyukaishaSelectLesson .lessonSaikai, .nlsOnly {width: 49%; text-align: center; margin:0 0 1em 0;}
#kyukaishaSelectLesson .lessonSaikai {float: left;}
#kyukaishaSelectLesson .nlsOnly {float: right;}
#kyukaishaSelectLesson a:hover {text-decoration: none;}
#creditCardKaisuInput select {margin-bottom:1.5em;}
/*2020年7月17日追記ここまで*/

#formTb label{ font-size:100%;}
#formTb select,
#formTb input,
#formTb textarea{ font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px;}
#formTb select{ background:#F2F2F2;}
#formTb select.seleW2{ width:10%;}
#formTb input[type=radio]{margin-right: 1%;margin-bottom:1%;}

#formTb #levelInput input[type=radio]{ margin-right:1%; margin-bottom:1%;}
#formTb #levelInput label{ margin-right:4%; margin-bottom:1%;}
#levelmeyasu p {display: block;width: 120px;background-color: #f2f2f2;color: #4d4d4d;padding: 9px;text-align: center;border-radius: 5px;cursor: pointer;border: #bbb 1px solid;margin-top: 10px;}
#livestation_levelmeyasu .modalArea { display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
#livestation_levelmeyasu .modalBg { width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
#livestation_levelmeyasu .modalWrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 540px; padding: 10px 20px; background-color: #fff; height : 80%; max-height: 500px; overflow : auto;}
#livestation_levelmeyasu .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
#livestation_levelmeyasu .toptitle {text-align: center; font-size: 125%; font-weight: bold; color: #ED1E79; margin: 20px 0; position: relative;}
#livestation_levelmeyasu dd { margin: 10px 10px 10px 20px;}
#confBtnBox .komeTxt2{ font-size:90%; width: auto; text-align: center;margin-bottom: 20px;}
.livePage{}
.livePage #titleImgBox{ background-image:url(../images/livestation/img_contents01.png); background-position: right top ;background-repeat: no-repeat; height:auto;}
.livePage #titleImgBox .titleBoxH2{ background:#EE93AD;}

.livePage #kaisiInput{}
.livePage #kaisiInput li{ float:left; margin:0 2% 0 0; width:220px;}
.livePage #kiyakuSec{}
/*2020年7月1日追記ここから*/
.livePage #kiyakuSec .btn{background: #d7d7d7;color:#0e7ea4;padding:1%;width: 15em;text-align: center;margin: 0 auto 1.5em;display: block;font-size:140%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.livePage .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.livePage .nagare {width:80%; margin: 0 auto;}
.livePage .zeibetsu {padding-left: 1.5em;}
/*2020年7月1日追記ここまで*/

.livePage #ul_ryoukin dd{display: inline-block; margin: 0 0 10px 0; }
.livePage #ul_ryoukin dd input {margin-right: 10px;}
.livePage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.livePage #kiyakuSec #point_submitarea {width: auto; text-align: center;}

.livePage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.livePage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.livePage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.livePage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.livePage #kiyakuSec #titleBox {padding:0 23px;}


#creditCardKaisuInput dd {margin-bottom: 20px;}
#ul_course .point {margin-left: 10px;}
#ul_course dt {margin-bottom: 10px;}
#moushikomiSec dt {margin: 15px 0;}
#confirmKibou .btn {font-size: 100%; padding: 10px; border-radius: 5px; line-height: 1.2em; border: #bbb solid 1px; margin-bottom: 3%; background: #d7d7d7; width: 15em; text-align: center; margin: 0 auto 1.5em; display: inline-block; color: #0e7ea4;}
.livePage .actionCom{}
.livePage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.livePage .actionCom li{ margin-top:3%; text-align:center;}
#formTb #birthdayInput input, #formTb textarea { font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; width: 80px;vertical-align: middle;}
#formTb #birthdayInput select { font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; width: 65px;vertical-align: middle;}
#formTb #birthdayInput label {margin: 0 10px;vertical-align: middle;}
#formTb #birthdayInput span {margin-right: 10px;}
/*2020年6月16日追記ここから*/
/* ↑↑2006追記↑↑ */
/*2020年7月1日追記ここから*/
#moushikomiFlow {width: 500px;background-color: #fffaf5;font-size: 14px;padding: 10px;margin: 0 auto;}
#moushikomiFlow li {margin: 10px 0;padding-left: 30px;}
#moushikomiFlow li:first-child {font-size: 20px;font-weight: bold;color: #FF3E89;text-align: center;margin: 0;padding: 0;border-bottom: 1px dashed #666;}
#courseInput dd {margin: 10px 0;padding-left: 1.5em;}
#courseInput input[type=radio] {margin-right: 1%; margin-bottom: 0%;}
#courseInput label:hover { cursor: pointer;}
/*2020年7月1日追記ここまで*/
/*2020年8月21日ここから*/
#formTb #campaigncode input[type=button]{background: #f2f2f2;color: #4d4d4d;border: #bbb solid 1px;padding: 1%;width: 80px;max-width: 350px;text-align: center;height: 44px;cursor: pointer;}
#nlsIntroducer #introducerNameInput input {margin: 0 10px;}
#formTb #nlsIntroducer input[type=button]{ display: inline-block; background:#269BC3; color:#FFF; border:#ccc solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}
#formTb #nlsIntroducer #prevBtn { display: inline-block; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}
#formTb #nlsIntroducer #confBtnBox .confirmBtnBox {text-align: center;}
/*2020年8月21日ここまで*/

/*2020年10月20日追記ここから*/
/*----------------------------------------------------------------------------
 ***                                               KIDSチャンネルフォーム画面用
----------------------------------------------------------------------------*/
.liveKidsPage{}
.liveKidsPage #titleImgBox{background-image: url(../images/livestation_kids/img_contents01.jpg);background-position: right top;background-repeat: no-repeat;height:auto;}
.liveKidsPage #titleImgBox .titleBoxH2{ background:#EE93AD;}

.liveKidsPage .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.liveKidsPage .nagare {width:80%; margin: 0 auto;}
.liveKidsPage .zeibetsu {padding-left: 1.5em;}

.liveKidsPage #kiyakuSec .btn{background: #d7d7d7;color:#0e7ea4;padding:1%;width: 15em;text-align: center;margin: 0 auto 1.5em;display: block;font-size:140%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.liveKidsPage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.liveKidsPage #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.liveKidsPage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.liveKidsPage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.liveKidsPage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.liveKidsPage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.liveKidsPage #kiyakuSec #titleBox {padding:0 23px;}

.liveKidsPage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.liveKidsPage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.liveKidsPage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.liveKidsPage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.liveKidsPage #kiyakuSec #titleBox {padding:0 23px;}

.liveKidsPage #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.liveKidsPage #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;flex-wrap: wrap;}
.liveKidsPage #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px;width: auto;}
.liveKidsPage #livestation_seitoType .shinki a {display: block; width: auto; height: 80px; line-height: 80px; background-color: #f469cd; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
.liveKidsPage #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.liveKidsPage #livestation_seitoType .novaseito a {width: auto;vertical-align: middle;background-color: #00a1c9;border-radius: 10px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;padding: 10px 10px;display: inline-table;line-height: 30px;}
.liveKidsPage #livestation_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}

.liveKidsPage #livestation_schoolType {width: 100%; text-align: center; margin: 50px 0;}
.liveKidsPage #livestation_schoolType .nbk {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.liveKidsPage #livestation_schoolType .geos {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.liveKidsPage #livestation_schoolType .nbk a {display: block;width: 300px;height: 80px;line-height: 80px;background-color: #ffedf8;border-radius: 10px;color: #ff61a2;font-size: 18px;font-weight: bold;text-align: center;border: 3px solid #ff61a2;}
.liveKidsPage #livestation_schoolType .nbk a:hover {text-decoration: none; opacity: .7;}
.liveKidsPage #livestation_schoolType .geos a {width: 300px;vertical-align: middle;background-color: #deffff;border-radius: 10px;color: #4fc8d8;font-size: 16px;font-weight: bold;text-align: center;border: 3px solid #4fc8d8;padding: 10px 10px;display: inline-table;line-height: 30px;}


.liveKidsPage #livestation_schoolType .geos a:hover {text-decoration: none; opacity: .7;}

.liveKidsPage #kyukaishaSelectLesson {width: 100%;padding: 0;}
.liveKidsPage #kyukaishaSelectLesson .lessonSelect {width: 100%; margin: 30px 0;}
.liveKidsPage #kyukaishaSelectLesson .lessonSaikai a, .nlsOnly a {display: inline-block; width: 100%; padding: 10px 5px; background-color:#269BC3; color: #fff;border-radius: 5px;}
.liveKidsPage #kyukaishaSelectLesson .lessonSaikai, .nlsOnly {width: 49%; text-align: center; margin:0 0 1em 0;}
.liveKidsPage #kyukaishaSelectLesson .lessonSaikai {float: left;}
.liveKidsPage #kyukaishaSelectLesson .nlsOnly {float: right;}
.liveKidsPage #kyukaishaSelectLesson a:hover {text-decoration: none;}
.liveKidsPage #creditCardKaisuInput select {margin-bottom:1.5em;}


.liveKidsPage #formTb label{ font-size:100%;}
.liveKidsPage #formTb select,
.liveKidsPage #formTb input,
.liveKidsPage #formTb textarea{ font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px;}
.liveKidsPage #formTb select{ background:#F2F2F2;}
.liveKidsPage #formTb select.seleW2{ width:10%;}
.liveKidsPage #formTb input[type=radio]{margin-right: 1%;margin-bottom:1%;}

.liveKidsPage #formTb #levelInput input[type=radio]{ margin-right:1%; margin-bottom:1%;}
.liveKidsPage #formTb #levelInput label{ margin-right:4%; margin-bottom:1%;}
/*2020年10月28日ここから*/
.liveKidsPage #moushikomiSec .levelmeyasu {display: inline-block;}
.liveKidsPage #moushikomiSec .levelmeyasu .popupbtn {display: block;max-width: 300px;background-color: #f2f2f2;color: #4d4d4d;padding: 9px;text-align: center;border-radius: 5px;cursor: pointer;border: #bbb 1px solid;margin-top: 0;}
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .modalArea,
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .modalArea2 { display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .modalBg,
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .modalBg2 { width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .modalWrapper{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 540px; padding: 10px 20px; background-color: #fff; height : 80%; max-height: 500px; overflow : auto;}
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .modalWrapper2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 540px; padding: 10px 20px 30px 20px; background-color: #fff; height : auto; max-height: 500px; overflow : auto;}

.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .closeModal,
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .closeModal2 { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .toptitle {text-align: center;font-size: 125%;font-weight: bold;margin: 20px 0;position: relative;}
.liveKidsPage #moushikomiSec #courseInput .select {font-weight: bold;margin: 10px 0;}
.liveKidsPage #moushikomiSec #courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.liveKidsPage #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}

/*2020年10月28日ここまで*/
.liveKidsPage #confBtnBox .komeTxt2{ font-size:90%; width: auto; text-align: center;margin-bottom: 20px;}


.liveKidsPage #kaisiInput{}
.liveKidsPage #kaisiInput li{ float:left; margin:0 2% 0 0; width:220px;}

.liveKidsPage #kiyakuSec{}
.liveKidsPage #ul_ryoukin dd{display: inline-block; margin: 0 0 10px 0; }
.liveKidsPage #ul_ryoukin dd input {margin-right: 10px;}
.liveKidsPage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.liveKidsPage #kiyakuSec #point_submitarea {width: auto; text-align: center;}

.liveKidsPage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.liveKidsPage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.liveKidsPage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.liveKidsPage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.liveKidsPage #kiyakuSec #titleBox {padding: 0 23px 25px 23px;}


.liveKidsPage #ul_ryoukin dd{display: inline-block; margin: 0 0 10px 0; }
.liveKidsPage #ul_ryoukin dd input {margin-right: 10px;}



.liveKidsPage #creditCardKaisuInput dd {margin-bottom: 20px;}
.liveKidsPage #ul_course .point {margin-left: 10px;}
.liveKidsPage #ul_course dt {margin-bottom: 10px;}
.liveKidsPage #moushikomiSec dt {margin: 15px 0;}
/*2020年10月28日ここから*/
.liveKidsPage #moushikomiSec #courseInput .kidschannel_levelmeyasu dt {margin: 5px 0;}
/*2020年11月5日ここから*/
.liveKidsPage #moushikomiSec #courseInput .kidschannel_levelmeyasu .blue {font-weight:bold; color:#337fc0;display: inline-block;margin: 2px 0;}
/*2020年11月5日ここまで*/
/*2020年10月28日ここまで*/
.liveKidsPage #confirmKibou .btn {font-size: 100%; padding: 10px; border-radius: 5px; line-height: 1.2em; border: #bbb solid 1px; margin-bottom: 3%; background: #d7d7d7; width: 15em; text-align: center; margin: 0 auto 1.5em; display: inline-block; color: #0e7ea4;}
.liveKidsPage .actionCom{}
.liveKidsPage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.liveKidsPage .actionCom li{ margin-top:3%; text-align:center;}
.liveKidsPage #formTb #birthdayInput input, #formTb textarea { font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; width: 80px;vertical-align: middle;}
.liveKidsPage #formTb #birthdayInput select { font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; width: 65px;vertical-align: middle;}
.liveKidsPage #formTb #birthdayInput label {margin: 0 10px;vertical-align: middle;}
.liveKidsPage #formTb #birthdayInput span {margin-right: 10px;}

.liveKidsPage #moushikomiFlow {width: 500px;background-color: #fffaf5;font-size: 14px;padding: 10px;margin: 0 auto;}
.liveKidsPage #moushikomiFlow li {margin: 10px 0;padding-left: 30px;}
.liveKidsPage #moushikomiFlow li:first-child {font-size: 20px;font-weight: bold;color: #FF3E89;text-align: center;margin: 0;padding: 0;border-bottom: 1px dashed #666;}
.liveKidsPage #courseInput dd {margin: 10px 0;padding-left: 1.5em;}
.liveKidsPage #courseInput input[type=radio] {margin-right: 1%; margin-bottom: 0%;}
.liveKidsPage #courseInput label:hover { cursor: pointer;}

.liveKidsPage #formTb #courseInput input[type=checkbox]{ margin-right:0.5%; margin-bottom:0.1%;}
.liveKidsPage #formTb #courseInput label {margin-right: 1em;}


.liveKidsPage #formTb #campaigncode input[type=button]{background: #f2f2f2;color: #4d4d4d;border: #bbb solid 1px;padding: 1%;width: 80px;max-width: 350px;text-align: center;height: 44px;cursor: pointer;}
.liveKidsPage #nlsIntroducer #introducerNameInput input {margin: 0 10px;}
.liveKidsPage #formTb #nlsIntroducer input[type=button]{ display: inline-block; background:#269BC3; color:#FFF; border:#ccc solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}
.liveKidsPage #formTb #nlsIntroducer #prevBtn { display: inline-block; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}
.liveKidsPage #formTb #nlsIntroducer #confBtnBox .confirmBtnBox {text-align: center;}

.liveKidsPage #goToMyPage {margin:2em auto 1em auto; text-align: center;}
/*2020年10月20日ここまで*/

/*2021年5月追記ここから*/
/*----------------------------------------------------------------------------
 ***                                               KIDSチャンネル 夏期講習お申込みフォーム画面用
----------------------------------------------------------------------------*/
.liveKidsKakikoshuPage .nagare {width: 685px;margin: 0 auto;}

.liveKidsKakikoshuPage{}
.liveKidsKakikoshuPage #titleImgBox{background-image: url(../images/speach/img_contents01.jpg);background-position: right top;background-repeat: no-repeat;height:auto;}
.liveKidsKakikoshuPage #titleImgBox .titleBoxH2{ background:#fe245e;}

.liveKidsKakikoshuPage .kakikoshuSelectCourseBox{font-size: 130%;font-weight: bold;width: 685px;margin: 0 auto;}
.liveKidsKakikoshuPage .kakikoshuSelectCourseBox .kakikoshuTtl{font-size: 1.2em;margin-bottom: 0.5em; border-bottom: 1px solid #000;}
.liveKidsKakikoshuPage .kakikoshuSelectCourseBox .txt3course{margin-top: 15px;}
.liveKidsKakikoshuPage .kakikoshuSelectCourseBox .kakikoshuSelectItem{margin-bottom:0.3em;padding-left: 1.9em;text-indent: -1.9em;}
/*.liveKidsKakikoshuPage .kakikoshuSelectCourseBox .doujiMoshikomi{margin:15px 0 0;}*/
.liveKidsKakikoshuPage .kakikoshuSelectCourseBox input{margin-right: 1em;}

.liveKidsKakikoshuPage #kakikoshuSelectBtnBox{}

.liveKidsKakikoshuPage #kakikoshuSelectBtnBox .kakikoshuSelectBtnBox{width:90%;margin: 6% auto 0;position:relative;}
.liveKidsKakikoshuPage #kakikoshuSelectBtnBox input{ font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px;}
.liveKidsKakikoshuPage #kakikoshuSelectBtnBox input[type=button]{ background:#269BC3; color:#FFF; border:#DEEBFE solid 1px; padding:1%;}
.liveKidsKakikoshuPage #kakikoshuSelectBtnBox #prevBtn{background:#888;font-size: 85%;position:absolute;left:0;max-width: 120px;width: auto;height: auto;}
.liveKidsKakikoshuPage #kakikoshuSelectBtnBox #submit-area{ text-align:center; margin-bottom:2%;}
.liveKidsKakikoshuPage #kakikoshuSelectBtnBox #ppSslUl li{ text-align:center; line-height:1.2em; margin:1.5% 0;}

.liveKidsPage #kiyakuSec #riyouKiyakuNatsu {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.liveKidsPage #kiyakuSec #riyouKiyakuNatsu .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.liveKidsPage #kiyakuSec #riyouKiyakuNatsu .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.liveKidsPage #kiyakuSec #riyouKiyakuNatsu section {border-bottom: none;}

.liveKidsPage #kiyakuSec .btn{width: 15em;}
/*2021年5月追記追記ここまで*/


/*----------------------------------------------------------------------------
 ***                                                              form共通用
----------------------------------------------------------------------------*/
#formTb{}
#formTb .formBox1{}
#formTb input[type=checkbox]{ margin-right:1%; margin-bottom:0.7%;}
#formTb input[type=button]{ background:#269BC3; color:#FFF; border:#DEEBFE solid 1px; padding:1%; width: 100%; max-width: 350px;text-align: center;height: 50px;}
#formTb input[type=submit]{ background:#269BC3; color:#FFF; border:#DEEBFE solid 1px; padding:1%;}
#formTb .radioChoice label{ display:block; padding:5%; border-radius:5px; line-height:1.2em; background:#F2F2F2; border:#bbb solid 1px;}
#formTb h4{ border-left:#D9E021 solid 7px; line-height:1.2em; padding:1% 0 0.5% 1.5%; margin-bottom:2%; font-weight:normal; font-size:140%;}
#formTb h4 label{ font-size:100%;}

#formTb section{ border-bottom:#999 dotted 1px; padding-bottom:3%;}
#formTb section section{ margin:0 3%; padding-bottom:3%; border-bottom:#CCC solid 1px;}
#formTb section section .sectionInner{ margin-left:3%;}

#formTb .titleBoxForm{}
#formTb .titleBoxForm h4,
#formTb .titleBoxForm h5{ float:left; padding-right:2%; margin-bottom:2%;}
#formTb .formAtten{ float:left; padding-top:0.8%; color:#ED1E79;font-weight:bold;}
#formTb .formAttenS{ font-weight:nomal;color:#ED1E79;}

#formTb #formNaiyoInput{}
#formTb #formNaiyoInput li{ float:left; margin:0 2% 0 0; width:230px;}

#formTb #formSchoolInput{}
#formTb #formSchoolInput li{ float:left; margin:0 1.5% 0 0; }

#formTb #formGengo1Input{}
#formTb #formGengo1Input li{ float:left; width:160px; margin:1.5% 0;}
#formTb #formGengo1Input input{}

#formTb #formLevel1Input{}
#formTb #formLevel1Input li{ float:left; margin:0 2% 0 0; width:150px;}

#formTb #formKeitaiInput{}
#formTb #formKeitaiInput li{ float:left; margin:0 2% 0 0; width:200px;}

#formTb #formKeitaiInput{}
#formTb #formKeitaiInput li{ float:left; margin:0 2% 0 0; width:200px;}

#formTb #formNichiji1Input{}
#formTb #formNichiji1Input li.nichijiLi{ margin-bottom:1.5%;}
#formTb #formNichiji1Input li.nichijiLi p{ margin:0;}
#formTb #formNichiji1Input dt{ float:left; width:100px; font-size:140%; padding-top:1.5%;}
#formTb #formNichiji1Input select{ line-height:1.2em; padding:10px; font-size:140%; margin:0 0.5% 0 0;}
#formTb #formNichiji1Input label{ margin:0 1% 0 0;}
#formTb #formNichiji1Input .komeUl{ clear:both;}
#formTb #formNichiji1Input .komeUl li{ font-size:90%; margin:0; line-height:1.2em;}
#formTb #formNichiji1Input .komeUl .attentionR{}
#formTb #formNichiji1Input .komeUl .notice{ color:#000000;}
#formTb #formNichiji1Input .label {line-height: 1.4em;font-weight: bold;line-height: 1.6em;margin: 0px;padding: 0px;text-align: left;vertical-align: top;}

#formTb #formNichiji1Input .specialDateUl{ clear:both;}
#formTb #formNichiji1Input .specialDateUl li{ font-size:100%; margin:0 0 1% 0; }
#formTb #formNichiji1Input .specialDateUl .attentionR{}
#formTb #formNichiji1Input .komeUl .attentionR{ font-size:105%;}

#formTb #formMokuteki1Input{}

#formTb #formGengoLv1Input{}
#formTb #formGengoLv1Input textarea{ width:70%;}

#formTb #formJob1Input{}

#formTb #shiryouKibouUl{}
#formTb #shiryouKibouUl li{ float:left; margin:0 3% 0 0; width:200px;}

#formTb #kokyakuSec{}
#formTb #kokyakuSec #nameInput input,
#formTb #kokyakuSec #furiganaInput input,
#formTb #kokyakuSec #nameInputJr input{ margin:0 1.5%;}
#formTb #kokyakuSec dt{ font-size:100%; color:#000; margin-bottom:1.5%;}
#formTb #kokyakuSec dt label{ font-size:100%;}
#formTb #kokyakuSec dd{ margin-top:1.5%;}
#formTb #kokyakuSec li{ margin-bottom:3%;}
#formTb #kokyakuSec #Post1,
#formTb #kokyakuSec #Post2{ width:13%;}
#formTb #kokyakuSec #zip-code input{ margin:0 5px;}Post1
#formTb #kokyakuSec li#formNameLi input,
#formTb #kokyakuSec li#formFuriganaLi input{ margin:0 1.5%;}
#formTb #kokyakuSec .komeTxt{ font-size:90%;}
#formTb #kokyakuSec #mailConInput{ margin-top:2%;}
#formTb #kokyakuSec #mailConInput label{ font-size:100%;}
#formTb #kokyakuSec #add1Input,
#formTb #kokyakuSec #add2Input{ margin-top:2%;}
#formTb #kokyakuSec #add1Input label,
#formTb #kokyakuSec #add2Input label{ font-size:100%;}

#formTb #addressSec{}
#formTb #addressSec #zip-code { margin-bottom:3%;}
#formTb #addressSec #post1,
#formTb #addressSec #post2{ width:18%; margin:0 1.5%;}
#formTb #addressSec #addr1,
#formTb #addressSec #addr2{ width:90%; margin-bottom:3%;}
#formTb #addressSec .komeTxt{ font-size:80%;}


#formTb #toiawaseAddSec h4{ border-left:#269BC3 solid 7px;}

#formTb .addContInput{ background:#E6E6E6; border:#CCC solid 1px; padding:1% 2%; margin-top:2%;}
#formTb .addContInput section:last-Child{ border:none;}
#formTb .addContInput h5{ color:#666; margin-bottom:3%;}
#formTb .addContInput section{ margin-top:3%;}

#formTb #confBtnBox{margin-top:4%;/* text-align: center; */}
#formTb #confBtnBox #submit-area{ text-align:center; margin-bottom:2%;}
#formTb #confBtnBox #ppSslUl li{ text-align:center; line-height:1.2em; margin:1.5% 0;}

#formTb #addressLi {}
#formTb #formSonohoka1Input textarea{ width:90%;}

#formTb #formcCurseInput{}
#formTb #formcCurseInput li{ float:left; margin:0 2% 0 0; width:220px;}

/*　一覧用　*/

#formid001a{}
#formid001a li{ float:left; margin:0 2% 3% 0; width:48%;}

/*----------------------------------------------------------------------------
 ***                                                             テンプレート用
----------------------------------------------------------------------------*/
/*　追加パーツ　*/

topImgBox1{ margin-top:-20px;}
.topImgBox1 p{ margin:0;}

#mainSectionInnerCon p#thanksTitle,#mainSectionInnerErr p#errorTitle{font-weight:bold;margin-bottom:10px;}
#mainSectionInnerCon #sectionTitle,#mainSectionInnerErr #sectionTitle{text-align:center;}
#mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;}
#mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;}


		a.header_logo{
			background-image:	url("../images/common/logo_header01.png");
			display:block;
			-moz-background-size:250px	42px;
			background-size:250px	42px;
			width:250px;
			height:42px;
		}
		a.logo_normal{
			background-image:	url("../images/common/logo_header01.png");
			display:block;
			-moz-background-size:250px	42px;
			background-size:250px	42px;
			width:250px;
			height:42px;
		}
		a.logo_kids{
			background-image:	url("../images/common/kids/logo_header01.png");
			display:block;
			-moz-background-size:212px	54px;
			background-size:212px	54px;
			width:212px;
			height:54px;
		}
		a.logo_nks{
			background-image:	url("../images/common/kids/logo_header_nks.png");
			display:block;
			-moz-background-size:215	58px;
			background-size:215px	58px;
			width:215px;
			height:58px;
		}
		a.logo_jmh{
			background-image:	url("../images/common/kids/logo_header_jmh.png");
			display:block;
			-moz-background-size:215	58px;
			background-size:215px	58px;
			width:215px;
			height:58px;
		}
		a.back_normal{
			background-image:	url("../images/common/btn_header01_off.png");
			display:block;
			-moz-background-size:135px	32px;
			background-size:135px	32px;
			width:135px;
			height:32px;
		}
		a.back_kids{
			background-image:	url("../images/common/kids/btn_header01_off.png");
			display:block;
			-moz-background-size:135px	32px;
			background-size:135px	32px;
			width:135px;
			height:32px;
		}
		a.footer_normal{
			background-image:	url("../images/common/logo_footer01.png");
			display:block;
			-moz-background-size:82px	26px;
			background-size:82px	26px;
			width:82px;
			height:26px;
		}
		a.footer_kids{
			background-image:	url("../images/common/kids/logo_footer01.png");
			display:block;
			-moz-background-size:119px	30px;
			background-size:119px	 30px;
			width:119px;
			height:30px;
		}
		a.footer_nks{
			background-image:	url("../images/common/kids/logo_footer_nks.png");
			display:block;
			-moz-background-size:219px	26px;
			background-size:219px	 26px;
			width:219px;
			height:26px;
		}
		a.footer_jmh{
			background-image:	url("../images/common/kids/logo_footer_jmh.png");
			display:block;
			-moz-background-size:219px	26px;
			background-size:219px	 26px;
			width:219px;
			height:26px;
		}

/*----------------------------------------------------------------------------
 ***                                                             a8タグ非表示
----------------------------------------------------------------------------*/
#a8sales img{width:0; height:0;}

#formArea #formTb .bgGray{background:#F2F2F2;}
#formArea #formTb .ui-widget.ui-widget-content{box-shadow:1px 1px 4px 1px rgba(50, 50, 50, 0.4); /*transition:top 0.2s ease; */}
#formArea #formTb .ui-datepicker .ui-datepicker-title{line-height:1; display:flex; justify-content:center; align-items:center;}
#formArea #formTb .ui-datepicker select.ui-datepicker-month{font-size:100%; padding:0 0.2em; border-radius:5px; line-height:1; height:2em; border:#bbb solid 1px;}
/* 日曜日のカラー設定 */
#formArea #formTb td.ui-datepicker-week-end:first-child a.ui-state-default{background-color:#ffecec;  color:#f00!important;}
/* 土曜日のカラー設定 */
#formArea #formTb td.ui-datepicker-week-end:last-child a.ui-state-default{background-color:#eaeaff; color:#00f!important;}
/* ホバー時の動作 */
#formArea #formTb td.ui-datepicker-week-end a.ui-state-hover{opacity:0.8;}
/* 当日を示す色はそのまま */
#formArea #formTb td.ui-datepicker-week-end a.ui-state-highlight{background-color:#fffa90!important;}
/* カーソルをポインターに変更 */
#formArea #formTb #datepickerId_box{position:relative;  display:inline-block;  margin-right:1%;}
#formArea #formTb #datepickerId{position:absolute;  top:100%;  left:0;  display:none;}
#formArea #formTb #datepickerId_output{cursor:pointer;}
#formArea #formTb .hasDatepicker{}
#formArea #formTb .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{cursor:pointer; top:calc(50% - 0.9em);}

.attentionR {
    color: #ED1E79;
}

a:link {
    text-decoration: none;
    color: #006699;
}

/*  @media (max-width: 600px) {

    } */

    /* @media (max-width: 600px) {
      #contentsArea { max-width: 312px; }
      #titleImgBox{ width: 15%; }
      .titleBoxH2 { max-width: 282px; }
      .titleTxtBox { max-width: 283px; background-image : url(../images/speach/img_contents01.jpg); }
      #titleImgBox .titleBoxH2 h2 { font-size: 20px; }
    } */