@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年6月16日追記ここから*/
#kakikoushu .mousikomi{text-align: center; margin: 5px auto;}
#kakikoushu .gaibusei{margin-bottom: -2em;}
#kakikoushu .link{margin: 10px auto; width: 285px; font-size: 15px;}
/*2021年6月16日ここまで*/

/*2021年9月29日ここから*/
/*----------------------------------------------------------------------------
 ***                                               KIDSチャンネルフォーム画面用
----------------------------------------------------------------------------*/
.nativeKidsPage{}
.nativeKidsPage #titleImgBox{background-image: url(../images/nativekids/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nativeKidsPage #titleImgBox .titleBoxH2{ background:#f2be08;}

.nativeKidsPage .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nativeKidsPage .nagare {width:80%; margin: 0 auto;}

.nativeKidsPage .nagare .iosBtn{background-image: url(../images/nativekids/touroku_02_02_on.png); background-size: cover;}
/*2021年12月1日追記・修正*/
.nativeKidsPage .nagare .androidBtn{background-image: url(../images/nativekids/touroku1201_02_03_on.png); background-size: cover;}
/*2021年12月1日追記・修正end*/
.nativeKidsPage .nagare .iosBtn:hover img,
.nativeKidsPage .nagare .androidBtn:hover img{opacity: 0;}

.nativeKidsPage #startDate label {display: flex; flex-wrap: nowrap;}
.nativeKidsPage #startDate label input {margin-right: 0.5em;}
.nativeKidsPage #startDate label .leftBox {width: 6em;}
.nativeKidsPage #startDate label .rightBox {width: auto;}

.nativeKidsPage #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;}
.nativeKidsPage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nativeKidsPage #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nativeKidsPage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.nativeKidsPage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.nativeKidsPage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nativeKidsPage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.nativeKidsPage #kiyakuSec #titleBox {padding:0 23px;}

.nativeKidsPage #thanksAppBox{width: 100%;margin: 1.5em auto;max-width: 500px;background-color: #e0f6f6;padding: 1.5em 0 0.25em 0;}
.nativeKidsPage #thanksAppBox .appUl {width: 100%;margin: 1em auto 1.5em auto;max-width: 450px;display: flex;justify-content: space-around;}
.nativeKidsPage #thanksAppBox .appUl .ios{ width: 40%;}
.nativeKidsPage #thanksAppBox .appUl .android{ width: 45%;}
.nativeKidsPage #thanksAppBox .appUl .ttl{text-align: center; margin-bottom: 0.5em;}
.nativeKidsPage #thanksAppBox .appUl .btn {text-align: center;}
.nativeKidsPage #thanksAppBox .appUl .btn img{width: 100%; height: auto;}

/*2021年9月29日ここまで*/
/*2021年10月19日ここから*/

/*----------------------------------------------------------------------------
 ***                                               2021NBK冬期講習画面用
----------------------------------------------------------------------------*/
.nbkWinter2021Page{}
.nbkWinter2021Page #titleImgBox{background-image: url(../images/nbk_winter2021/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbkWinter2021Page #titleImgBox .titleBoxH2{ background:#6facd7;}
.nbkWinter2021Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbkWinter2021Page .nagare {width:80%; margin: 0 auto;}

.nbkWinter2021Page #kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.nbkWinter2021Page #kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.nbkWinter2021Page #kiyakuSec .kiyakuBox .btn{background: #ffebd6;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;}
.nbkWinter2021Page #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbkWinter2021Page #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbkWinter2021Page #kiyakuSec #riyouKiyaku {width: auto;height:300px;overflow-y: scroll;background-color: #fffdfb;margin-bottom: 10px;}
.nbkWinter2021Page #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #6facd7;padding: 10px 0 15px;}
.nbkWinter2021Page #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #6facd7;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbkWinter2021Page #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.nbkWinter2021Page #kiyakuSec #titleBox {padding:0 23px;}

.nbkWinter2021Page #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.nbkWinter2021Page #programListBox {margin-top: 3em;}
.nbkWinter2021Page #programListBox .programDateInner{border: 1px solid #6facd7;margin: 0.3em;box-sizing: border-box;}
.nbkWinter2021Page #programListBox .ttlDate {background-color: #6facd7;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.nbkWinter2021Page #programListBox .programUl {}
.nbkWinter2021Page #programListBox .programLi input {display: none;}
.nbkWinter2021Page #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #6facd7;}
.nbkWinter2021Page #programListBox .programLi span{display: block;}
.nbkWinter2021Page #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.nbkWinter2021Page #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.nbkWinter2021Page #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.nbkWinter2021Page #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.nbkWinter2021Page #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.nbkWinter2021Page #programListBox .programLi:last-Child {border-bottom: none;}
.nbkWinter2021Page #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff004f;font-weight: bold;}
.nbkWinter2021Page #programListBox .programLi .programLabel {display: block;}
.nbkWinter2021Page #programListBox .programLi .programLabel:hover {background: #e8f0f7; cursor: pointer;}
.nbkWinter2021Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #bdf9ff;}
.nbkWinter2021Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.nbkWinter2021Page #programListBox .programLi .yoyakuSumi .status {color: #1d5f8f;}
.nbkWinter2021Page #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.nbkWinter2021Page #programListBox .slick-prev:before,
.nbkWinter2021Page #programListBox .slick-next:before{color: #ff004f;}

.nbkWinter2021Page #sentakuChuBox{background-color: #f4faff;border: 1px solid #6facd7;padding: 0.5em;width: 80%;margin: 5em auto 0 auto;}
.nbkWinter2021Page #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #6facd7;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .date{width: 14%;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .time {width: 10%;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .programttl {width: 40%;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.nbkWinter2021Page .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.nbkWinter2021Page .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.nbkWinter2021Page .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.nbkWinter2021Page .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.nbkWinter2021Page #goToMyPage {width: 80%; margin: 0 auto;}
.nbkWinter2021Page #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}

/*2021年10月19日ここまで*/

/*2022年4月19日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2022NBK夏期講習画面用
----------------------------------------------------------------------------*/
.nbkSummer2022Page{}
.nbkSummer2022Page #titleImgBox{background-image: url(../images/nbk_summer2022/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbkSummer2022Page #titleImgBox .titleBoxH2{ background: #ea6d6d;}

.nbkSummer2022Page #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.nbkSummer2022Page #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.nbkSummer2022Page #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.nbkSummer2022Page #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;}
.nbkSummer2022Page #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbkSummer2022Page #livestation_seitoType .novaseito a {width: 100%;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;}
.nbkSummer2022Page #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;}


.nbkSummer2022Page .flowBox {width: 100%;}
.nbkSummer2022Page .flowBox img{width: 100%; height: auto;}
.nbkSummer2022Page #courseSelectBox {margin: 2em 0;}
.nbkSummer2022Page #courseSelectBox input {display: none;}
.nbkSummer2022Page #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #ea6d6d; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #ea6d6d; /* margin-bottom: 1em; */}
.nbkSummer2022Page #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.nbkSummer2022Page #courseSelectBox .sentakushi:hover {cursor: pointer;}
.nbkSummer2022Page #courseSelectBox .sentakushi {}

.nbkSummer2022Page .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}

.nbkSummer2022Page #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #ea6d6d; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.nbkSummer2022Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.nbkSummer2022Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.nbkSummer2022Page #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;}
.nbkSummer2022Page .nagareBtn:hover {cursor: pointer;}
.nbkSummer2022Page .nagareBtn:hover img{opacity: 0;}
.nbkSummer2022Page .nagareBtn.kcNormalProgram {background:url("../images/nbk_summer2022/ryoukin_01b_on.png"); background-size: cover;}
.nbkSummer2022Page .nagareBtn.kakikousyu {background:url("../images/nbk_summer2022/ryoukin_01c_on.png"); background-size: cover;}
.nbkSummer2022Page .nagareBtn.kakikousyu_b {background:url("../images/nbk_summer2022/ryoukin_02a_on.png"); background-size: cover;}

/*ポップアップ系*/
.nbkSummer2022Page #moushikomiSec .levelmeyasu {display: inline-block;}
.nbkSummer2022Page #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;}
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .modalArea,
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .modalArea2,
.nbkSummer2022Page .nkcKakikousyu_detail .modalArea{ display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .modalBg,
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .modalBg2,
.nbkSummer2022Page .nkcKakikousyu_detail .modalBg{ width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.nbkSummer2022Page #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;}
.nbkSummer2022Page #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;}
.nbkSummer2022Page .nkcKakikousyu_detail .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: 330px; overflow : auto;}
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .closeModal,
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .closeModal2,
.nbkSummer2022Page .nkcKakikousyu_detail .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .toptitle,
.nbkSummer2022Page .nkcKakikousyu_detail .toptitle {text-align: center;font-size: 125%;font-weight: bold;margin: 20px 0;position: relative;}
.nbkSummer2022Page #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.nbkSummer2022Page #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.nbkSummer2022Page #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.nbkSummer2022Page #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #ea6d6d;}
.nbkSummer2022Page #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.nbkSummer2022Page #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.nbkSummer2022Page #moushikomiSec .courseSelectDt {color: #e50012; font-size: 120%; border-bottom: 1px solid #ccc;}
.nbkSummer2022Page .nkcKakikousyu_detail .toptitle {color: #e50012; font-size: 140%;}
.nbkSummer2022Page #formTb .kakiCourseSelectDt label{color: #e50012; font-size: 120%;}

.nbkSummer2022Page .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.nbkSummer2022Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbkSummer2022Page .nagare {width:80%; margin: 0 auto;}

.nbkSummer2022Page .kikanLinkBox {margin: 1em auto 1em;}
.nbkSummer2022Page .kikanLinkBox li {width: 20%; margin-right: 2%;}
.nbkSummer2022Page .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #e53030;text-align: center;color: #e53030;}
.nbkSummer2022Page .kikanLinkBox li a:hover {background-color:#e53030; color: #fff;}
.nbkSummer2022Page .kikanLinkBox li.select a {background-color:#e53030; color: #fff;}
.nbkSummer2022Page .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.nbkSummer2022Page .couseTypeBtnBox li {width: 48%;}
.nbkSummer2022Page .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.nbkSummer2022Page .couseTypeBtnBox li.nkcSet a {background-color: #1785a8;}
.nbkSummer2022Page .couseTypeBtnBox li.kakiOnly a {background-color: #e53030;}

.nbkSummer2022Page .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.nbkSummer2022Page .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.nbkSummer2022Page .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 20em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 120%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.nbkSummer2022Page .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbkSummer2022Page .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbkSummer2022Page .kiyakuSec #riyouKiyaku,
.nbkSummer2022Page .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.nbkSummer2022Page .kiyakuSec #riyouKiyaku .kiyakutitle,
.nbkSummer2022Page .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #ea6d6d;padding: 10px 0 15px;}
.nbkSummer2022Page .kiyakuSec #riyouKiyaku .title,
.nbkSummer2022Page .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbkSummer2022Page .kiyakuSec #riyouKiyaku section,
.nbkSummer2022Page .kiyakuSec #riyouKiyaku2 section{border-bottom: none;}
.nbkSummer2022Page .kiyakuSec #titleBox,
.nbkSummer2022Page .kiyakuSec #titleBox2{padding:0 23px;}

.nbkSummer2022Page #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.nbkSummer2022Page #programListBox {margin-top: 3em;}
.nbkSummer2022Page #programListBox.mgt0 {margin-top: 0;}
.nbkSummer2022Page #programListBox .programDateInner{border: 1px solid #ea6d6d;margin: 0.3em;box-sizing: border-box;}
.nbkSummer2022Page #programListBox .ttlDate {background-color: #ea6d6d;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.nbkSummer2022Page #programListBox .programUl {}
.nbkSummer2022Page #programListBox .programLi input {display: none;}
.nbkSummer2022Page #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #ea6d6d;}
.nbkSummer2022Page #programListBox .programLi span{display: block;}
.nbkSummer2022Page #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.nbkSummer2022Page #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.nbkSummer2022Page #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.nbkSummer2022Page #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.nbkSummer2022Page #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.nbkSummer2022Page #programListBox .programLi:last-Child {border-bottom: none;}
.nbkSummer2022Page #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff004f;font-weight: bold;}
.nbkSummer2022Page #programListBox .programLi .programLabel {display: block;}
.nbkSummer2022Page #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.nbkSummer2022Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.nbkSummer2022Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.nbkSummer2022Page #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.nbkSummer2022Page #programListBox .programLi .yoyakuSumi .status {color: #ea6d6d;}
.nbkSummer2022Page #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.nbkSummer2022Page #programListBox .slick-prev:before,
.nbkSummer2022Page #programListBox .slick-next:before{color: #ff004f;}

.nbkSummer2022Page #sentakuChuBox{background-color: #fff4f4;border: 1px solid #ea6d6d;padding: 0.5em;width: 70%;margin: 5em auto 0 auto;}
.nbkSummer2022Page #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #ea6d6d;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi .date{width: 25%;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi .time {width: 14%;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi .programttl {width: 47%;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.nbkSummer2022Page .confirmCourse{margin: 0 auto 3em auto;}
.nbkSummer2022Page #sentakuChuBox {margin-top: 1em;}

.nbkSummer2022Page .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.nbkSummer2022Page .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.nbkSummer2022Page .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.nbkSummer2022Page .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.nbkSummer2022Page #goToMyPage {width: 100%; margin: 0 auto;}
.nbkSummer2022Page #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.nbkSummer2022Page #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.nbkSummer2022Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbkSummer2022Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.nbkSummer2022Page .confirmBox{margin:0 auto; width:95%;}
.nbkSummer2022Page .confirmBox table{width:100%; border:none;}
.nbkSummer2022Page .confirmBox table th,
.nbkSummer2022Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbkSummer2022Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbkSummer2022Page .confirmBox table td{width:75%;}

.nbkSummer2022Page .confirmBox .hColor0,
.nbkSummer2022Page .confirmBox .hColor1{position:relative;}
.nbkSummer2022Page .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.nbkSummer2022Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}


/*2022年4月19日ここまで*/

/*2022年2月4日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2022テキトレ申込画面用
----------------------------------------------------------------------------*/
.text_trainingPage{}
.text_trainingPage #titleImgBox{background-image: url(../images/text_training/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.text_trainingPage #titleImgBox .titleBoxH2{ background:#F3992B;}

.text_trainingPage .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.text_trainingPage .nagare {width:80%; margin: 0 auto;}

.text_trainingPage .nagare .iosBtn{background-image: url(../images/text_training/touroku_02_02_on.png); background-size: cover;}
/*2021年12月1日追記・修正*/
.text_trainingPage .nagare .androidBtn{background-image: url(../images/text_training/touroku_02_03_on.png); background-size: cover;}
/*2021年12月1日追記・修正end*/
.text_trainingPage .nagare .iosBtn:hover img,
.text_trainingPage .nagare .androidBtn:hover img{opacity: 0;}

.text_trainingPage #startDate label {display: flex; flex-wrap: nowrap;}
.text_trainingPage #startDate label input {margin-right: 0.5em;}
.text_trainingPage #startDate label .leftBox {width: 6em;}
.text_trainingPage #startDate label .rightBox {width: auto;}

.text_trainingPage #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;}
.text_trainingPage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.text_trainingPage #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.text_trainingPage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.text_trainingPage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.text_trainingPage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.text_trainingPage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.text_trainingPage #kiyakuSec #titleBox {padding:0 23px;}

.text_trainingPage #thanksAppBox {width: 100%;margin: 0.5em auto 1.5em;max-width: 500px;background-color: #fff6ec;padding: 0.5em 0 0.25em 0;}
.text_trainingPage #thanksAppBox .appUl {width: 100%;margin: 1em auto 1.5em auto;max-width: 450px;display: flex;justify-content: space-around;}
.text_trainingPage #thanksAppBox .appUl .ios{ width: 40%;}
.text_trainingPage #thanksAppBox .appUl .android{ width: 45%;}
.text_trainingPage #thanksAppBox .appUl .ttl{text-align: center; margin-bottom: 0.5em;}
.text_trainingPage #thanksAppBox .appUl .btn {text-align: center;}
.text_trainingPage #thanksAppBox .appUl .btn img{width: 100%; height: auto;}
.text_trainingPage #thanksAppBox .appUl p.ttl {font-size: 0.85em;}

/*2022年2月4日ここまで*/

/*2022年7月19日ここから*/
/*----------------------------------------------------------------------------
 ***                                      NBK　NOVAうさぎとGotoSTEAM申込画面用
----------------------------------------------------------------------------*/
.nbk_gotoSteamPage{}
.nbk_gotoSteamPage #titleImgBox{background-image: url(../images/nbk_gotosteam/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbk_gotoSteamPage #titleImgBox .titleBoxH2{ background:#3989c1;}
.nbk_gotoSteamPage #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 25px 0 0 20px;line-height: 1.3em;}
.nbk_gotoSteamPage .flowBox img {width: 100%;height: auto;}

.nbk_gotoSteamPage #gotoSteam_seitoType {width: 100%; text-align: center; margin: 50px 0;}
.nbk_gotoSteamPage #gotoSteam_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_gotoSteamPage #gotoSteam_seitoType .novaseito {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_gotoSteamPage #gotoSteam_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;}
.nbk_gotoSteamPage #gotoSteam_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbk_gotoSteamPage #gotoSteam_seitoType .novaseito a {height: 80px;width: 100%;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;}
.nbk_gotoSteamPage #gotoSteam_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi:last-Child {border-bottom: none;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi.midashi {background-color: #f2f2f2;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .course,
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .kikan,
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .zanseki{border-right: 1px solid #bbb;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .course:not(.midashi .course) {text-align: left;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .detailBox:not(.kibouCourseLi.fullBox .detailBox, .kibouCourseLi.midashi .detailBox):hover{background-color: #FFE4E4;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi.fullBox .detailBox{background-color:#dcdcdc;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi.midashi{background-color: #f2f2f2;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .course{width: 40%;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .kikan{width: 40%;}
.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi .zanseki{width:20%;}
.nbk_gotoSteamPage #formKibouCourseInput2 .notfull .zanseki{color:#356BFF;}
.nbk_gotoSteamPage #formKibouCourseInput2 .fullBox .zanseki{color:#FF181C;}
.nbk_gotoSteamPage #formTb #kokyakuSec li {margin-bottom: 0%;}
.nbk_gotoSteamPage #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;}
.nbk_gotoSteamPage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbk_gotoSteamPage #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbk_gotoSteamPage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.nbk_gotoSteamPage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.nbk_gotoSteamPage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbk_gotoSteamPage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.nbk_gotoSteamPage #kiyakuSec #titleBox {padding:0 23px;}

.nbk_gotoSteamPage .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbk_gotoSteamPage .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}
.nbk_gotoSteamPage .confirmBox{margin:0 auto; width:95%;}
.nbk_gotoSteamPage .confirmBox table{width:100%; border:none;}
.nbk_gotoSteamPage .confirmBox table th,
.nbk_gotoSteamPage .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbk_gotoSteamPage .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbk_gotoSteamPage .confirmBox table td{width:75%;}
.nbk_gotoSteamPage .confirmBox .hColor0,
.nbk_gotoSteamPage .confirmBox .hColor1{position:relative;}
.nbk_gotoSteamPage .confirmBox .hColor0::before{content: "";display: block;width: 5px;height: calc(100% - 10px);background: #aaab9f;position: absolute;top: 5px;left: 0;}
.nbk_gotoSteamPage .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}
.nbk_gotoSteamPage section#creditCardFormTb{margin-top:5em;}

.nbk_gotoSteamPage #confirmSection #prevBtn {width: 45%;}
.nbk_gotoSteamPage #confirmSection .nkcCourse .confirmCourseDl dt.priceTxt {font-size: 120%;}
.nbk_gotoSteamPage #confirmSection .infoBox dl {margin-top: 0.8em;}
.nbk_gotoSteamPage #confirmSection .infoBox dl dt {margin-bottom: 0.3em;}
.nbk_gotoSteamPage #confirmSection .infoBox input {margin: 0 1%;}


.nbk_gotoSteamPage #formKibouCourseInput2 .kibouCourseLi input[type=radio]:checked ~ label .detailBox {background-color: #ffbcbc;}
.nbk_gotoSteamPage #formTb input[type=radio] {position: absolute;top: 1em;left: -1em;}
.nbk_gotoSteamPage #formTb #kokyakuSec li {margin-bottom: 5%;}
.nbk_gotoSteamPage #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}
.nbk_gotoSteamPage #creditCardFormTb #other-area .btn, .nbk_gotoSteamPage #creditCardFormTb input[type=button] {width: 45%;}
.nbk_gotoSteamPage #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}

/*2022年7月19日ここまで*/

/*2022年10月5日ここから*/
/*----------------------------------------------------------------------------
 ***                                      NBK　クリスマスイベント2022申し込み画面
----------------------------------------------------------------------------*/
.nbk_christmas2022Page{}
.nbk_christmas2022Page #titleImgBox{background-image: url(../images/nbk_christmas2022/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbk_christmas2022Page #titleImgBox .titleBoxH2{ background:#08441b;}
.nbk_christmas2022Page #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 25px 0 0 20px;line-height: 1.3em;}
.nbk_christmas2022Page .flowBox img {width: 100%;height: auto;}

.nbk_christmas2022Page #gotoSteam_seitoType {width: 100%; text-align: center; margin: 50px 0;}
.nbk_christmas2022Page #gotoSteam_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_christmas2022Page #gotoSteam_seitoType .novaseito {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_christmas2022Page #gotoSteam_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;}
.nbk_christmas2022Page #gotoSteam_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbk_christmas2022Page #gotoSteam_seitoType .novaseito a {height: 80px;width: 100%;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;}
.nbk_christmas2022Page #gotoSteam_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}
.nbk_christmas2022Page .programListBox{margin: 2em 0;}
.nbk_christmas2022Page .partDetailBox.kinder{background-color: #fef5db;}
.nbk_christmas2022Page .partDetailBox.elementary{background-color: #dbecdb;}
.nbk_christmas2022Page .partDetailBox{padding: 1em;width: 100%;/* max-width: 400px; */margin: 2em auto;}
.nbk_christmas2022Page .partDetailBox .partDetailDl{font-size: 110%;}

.nbk_christmas2022Page .formKibouCourseInput .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi:last-Child {border-bottom: none;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi.midashi {background-color: #f2f2f2;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .kaijo,
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .kaijoAdd,
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .zanseki{border-right: 1px solid #bbb;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .kaijo:not(.midashi .kaijo) {text-align: left; padding: 0.5em;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .kaijoAdd:not(.midashi .kaijoAdd) {text-align: left; padding: 0.5em;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .detailBox:not(.kibouCourseLi.fullBox .detailBox, .kibouCourseLi.midashi .detailBox):hover{background-color: #FFE4E4;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi.fullBox .detailBox{background-color:#dcdcdc;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi.midashi{background-color: #f2f2f2;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .kaijo{width: 35%;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .kaijoAdd{width: 55%;}
.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi .zanseki{width: 10%;}
.nbk_christmas2022Page .formKibouCourseInput .notfull .zanseki{color:#356BFF;}
.nbk_christmas2022Page .formKibouCourseInput .fullBox .zanseki{color:#FF181C;}
.nbk_christmas2022Page #formTb #kokyakuSec li {margin-bottom: 0%;}
.nbk_christmas2022Page #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;}
.nbk_christmas2022Page #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbk_christmas2022Page #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbk_christmas2022Page #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.nbk_christmas2022Page #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.nbk_christmas2022Page #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbk_christmas2022Page #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.nbk_christmas2022Page #kiyakuSec #titleBox {padding:0 23px;}

.nbk_christmas2022Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbk_christmas2022Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}
.nbk_christmas2022Page .confirmBox{margin:0 auto; width:95%;}
.nbk_christmas2022Page .confirmBox table{width:100%; border:none;}
.nbk_christmas2022Page .confirmBox table th,
.nbk_christmas2022Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbk_christmas2022Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbk_christmas2022Page .confirmBox table td{width:75%;}
.nbk_christmas2022Page .confirmBox .hColor0,
.nbk_christmas2022Page .confirmBox .hColor1{position:relative;}
.nbk_christmas2022Page .confirmBox .hColor0::before{content: "";display: block;width: 5px;height: calc(100% - 10px);background: #aaab9f;position: absolute;top: 5px;left: 0;}
.nbk_christmas2022Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}
.nbk_christmas2022Page section#creditCardFormTb{margin-top:5em;}

.nbk_christmas2022Page #confirmSection #prevBtn {width: 45%;}
.nbk_christmas2022Page #confirmSection .nkcCourse .confirmCourseDl dt.priceTxt {font-size: 120%;}
.nbk_christmas2022Page #confirmSection .infoBox dl {margin-top: 0.8em;}
.nbk_christmas2022Page #confirmSection .infoBox dl dt {margin-bottom: 0.3em;}
.nbk_christmas2022Page #confirmSection .infoBox input {margin: 0 1%;}


.nbk_christmas2022Page .formKibouCourseInput .kibouCourseLi input[type=radio]:checked ~ label .detailBox {background-color: #ffbcbc;}
.nbk_christmas2022Page #formTb input[type=radio] {position: absolute;top: 50%;left: -1em;transform: translate(-50%,-50%);margin: 0;}
.nbk_christmas2022Page #formTb #kokyakuSec li {margin-bottom: 5%;}
.nbk_christmas2022Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}
.nbk_christmas2022Page #creditCardFormTb #other-area .btn, .nbk_christmas2022Page #creditCardFormTb input[type=button] {width: 45%;}
.nbk_christmas2022Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}

/*2022年10月5日ここまで*/

/*2023年5月2日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2023NBK夏期講習画面用
----------------------------------------------------------------------------*/
.nbkSummer2023Page{}
.nbkSummer2023Page #titleImgBox{background-image: url(../images/nbk_summer2023/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbkSummer2023Page #titleImgBox .titleBoxH2{ background: #ea6d6d;}

.nbkSummer2023Page #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.nbkSummer2023Page #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.nbkSummer2023Page #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.nbkSummer2023Page #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;}
.nbkSummer2023Page #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbkSummer2023Page #livestation_seitoType .novaseito a {width: 100%;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;}
.nbkSummer2023Page #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;}


.nbkSummer2023Page .flowBox {width: 100%;}
.nbkSummer2023Page .flowBox img{width: 100%; height: auto;}
.nbkSummer2023Page #courseSelectBox {margin: 2em 0;}
.nbkSummer2023Page #courseSelectBox input {display: none;}
.nbkSummer2023Page #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #ea6d6d; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #ea6d6d; /* margin-bottom: 1em; */}
.nbkSummer2023Page #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.nbkSummer2023Page #courseSelectBox .sentakushi:hover {cursor: pointer;}
.nbkSummer2023Page #courseSelectBox .sentakushi {}

.nbkSummer2023Page .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}

.nbkSummer2023Page #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #ea6d6d; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.nbkSummer2023Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.nbkSummer2023Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.nbkSummer2023Page #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;}
.nbkSummer2023Page .nagareBtn:hover {cursor: pointer;}
.nbkSummer2023Page .nagareBtn:hover img{opacity: 0;}
.nbkSummer2023Page .nagareBtn.kcNormalProgram {background:url("../images/nbk_summer2023/ryoukin_01b_on.png"); background-size: cover;}
.nbkSummer2023Page .nagareBtn.kakikousyu {background:url("../images/nbk_summer2023/ryoukin_01c_on.png"); background-size: cover;}
.nbkSummer2023Page .nagareBtn.kakikousyu_b {background:url("../images/nbk_summer2023/ryoukin_02a_on.png"); background-size: cover;}

/*ポップアップ系*/
.nbkSummer2023Page #moushikomiSec .levelmeyasu {display: inline-block;}
.nbkSummer2023Page #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;}
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .modalArea,
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .modalArea2,
.nbkSummer2023Page .nkcKakikousyu_detail .modalArea{ display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .modalBg,
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .modalBg2,
.nbkSummer2023Page .nkcKakikousyu_detail .modalBg{ width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.nbkSummer2023Page #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;}
.nbkSummer2023Page #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;}
.nbkSummer2023Page .nkcKakikousyu_detail .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: 330px; overflow : auto;}
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .closeModal,
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .closeModal2,
.nbkSummer2023Page .nkcKakikousyu_detail .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .toptitle,
.nbkSummer2023Page .nkcKakikousyu_detail .toptitle {text-align: center;font-size: 125%;font-weight: bold;margin: 20px 0;position: relative;}
.nbkSummer2023Page #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.nbkSummer2023Page #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.nbkSummer2023Page #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.nbkSummer2023Page #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #ea6d6d;}
.nbkSummer2023Page #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.nbkSummer2023Page #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.nbkSummer2023Page #moushikomiSec .courseSelectDt {color: #e50012; font-size: 120%; border-bottom: 1px solid #ccc;}
.nbkSummer2023Page .nkcKakikousyu_detail .toptitle {color: #e50012; font-size: 140%;}
.nbkSummer2023Page #formTb .kakiCourseSelectDt label{color: #e50012; font-size: 120%;}

.nbkSummer2023Page .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.nbkSummer2023Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbkSummer2023Page .nagare {width:80%; margin: 0 auto;}

.nbkSummer2023Page .kikanLinkBox {margin: 1em auto 1em;}
.nbkSummer2023Page .kikanLinkBox li {width: 20%; margin-right: 2%;}
.nbkSummer2023Page .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #e53030;text-align: center;color: #e53030;}
.nbkSummer2023Page .kikanLinkBox li a:hover {background-color:#e53030; color: #fff;}
.nbkSummer2023Page .kikanLinkBox li.select a {background-color:#e53030; color: #fff;}
.nbkSummer2023Page .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.nbkSummer2023Page .couseTypeBtnBox li {width: 48%;}
.nbkSummer2023Page .couseTypeBtnBox li.only4,
.nbkSummer2023Page .couseTypeBtnBox li.onlyKaki {width: 30%;}
.nbkSummer2023Page .couseTypeBtnBox li.ukehoudai,
.nbkSummer2023Page .couseTypeBtnBox li.setMoushikomi{width: 65%;}
.nbkSummer2023Page .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.nbkSummer2023Page .couseTypeBtnBox li.only4 a,
.nbkSummer2023Page .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.nbkSummer2023Page .couseTypeBtnBox li.kakiOnly a,
.nbkSummer2023Page .couseTypeBtnBox li.setMoushikomi a,
.nbkSummer2023Page .couseTypeBtnBox li.ukehoudai a{background-color: #e53030; font-size: 130%;}

.nbkSummer2023Page .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.nbkSummer2023Page .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.nbkSummer2023Page .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 20em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 120%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.nbkSummer2023Page .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbkSummer2023Page .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbkSummer2023Page .kiyakuSec #riyouKiyaku,
.nbkSummer2023Page .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.nbkSummer2023Page .kiyakuSec #riyouKiyaku .kiyakutitle,
.nbkSummer2023Page .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #ea6d6d;padding: 10px 0 15px;}
.nbkSummer2023Page .kiyakuSec #riyouKiyaku .title,
.nbkSummer2023Page .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbkSummer2023Page .kiyakuSec #riyouKiyaku section,
.nbkSummer2023Page .kiyakuSec #riyouKiyaku2 section{border-bottom: none;}
.nbkSummer2023Page .kiyakuSec #titleBox,
.nbkSummer2023Page .kiyakuSec #titleBox2{padding:0 23px;}

.nbkSummer2023Page #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.nbkSummer2023Page #programListBox {margin-top: 3em;}
.nbkSummer2023Page #programListBox.mgt0 {margin-top: 0;}
.nbkSummer2023Page #programListBox .programDateInner{border: 1px solid #ea6d6d;margin: 0.3em;box-sizing: border-box;}
.nbkSummer2023Page #programListBox .ttlDate {background-color: #ea6d6d;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.nbkSummer2023Page #programListBox .programUl {}
.nbkSummer2023Page #programListBox .programLi input {display: none;}
.nbkSummer2023Page #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #ea6d6d;}
.nbkSummer2023Page #programListBox .programLi span{display: block;}
.nbkSummer2023Page #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.nbkSummer2023Page #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.nbkSummer2023Page #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.nbkSummer2023Page #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.nbkSummer2023Page #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.nbkSummer2023Page #programListBox .programLi:last-Child {border-bottom: none;}
.nbkSummer2023Page #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff004f;font-weight: bold;}
.nbkSummer2023Page #programListBox .programLi .programLabel {display: block;}
.nbkSummer2023Page #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.nbkSummer2023Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.nbkSummer2023Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.nbkSummer2023Page #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.nbkSummer2023Page #programListBox .programLi .yoyakuSumi .status {color: #ea6d6d;}
.nbkSummer2023Page #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.nbkSummer2023Page #programListBox .slick-prev:before,
.nbkSummer2023Page #programListBox .slick-next:before{color: #ff004f;}

.nbkSummer2023Page #sentakuChuBox{background-color: #fff4f4;border: 1px solid #ea6d6d;padding: 0.5em;width: 70%;margin: 5em auto 0 auto;}
.nbkSummer2023Page #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #ea6d6d;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi .date{width: 25%;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi .time {width: 14%;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi .programttl {width: 47%;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.nbkSummer2023Page .confirmCourse{margin: 0 auto 3em auto;}
.nbkSummer2023Page #sentakuChuBox {margin-top: 1em;}

.nbkSummer2023Page .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.nbkSummer2023Page .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.nbkSummer2023Page .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.nbkSummer2023Page .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.nbkSummer2023Page #goToMyPage {width: 100%; margin: 0 auto;}
.nbkSummer2023Page #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.nbkSummer2023Page #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.nbkSummer2023Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbkSummer2023Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.nbkSummer2023Page .confirmBox{margin:0 auto; width:95%;}
.nbkSummer2023Page .confirmBox table{width:100%; border:none;}
.nbkSummer2023Page .confirmBox table th,
.nbkSummer2023Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbkSummer2023Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbkSummer2023Page .confirmBox table td{width:75%;}

.nbkSummer2023Page .confirmBox .hColor0,
.nbkSummer2023Page .confirmBox .hColor1{position:relative;}
.nbkSummer2023Page .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.nbkSummer2023Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}


/*2023年5月2日ここまで*/


/*2023年5月30日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2023新お茶セブオンライン
----------------------------------------------------------------------------*/
/*夏の完全パック*/
.cebonlineSummer2023aPage #titleImgBox .titleBoxH2 h2{font-size: 175%; line-height: 1.5;}
.cebonlineSummer2023aPage{}
.cebonlineSummer2023aPage #titleImgBox{background-image: url(../images/cebonline_summer2023_a/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.cebonlineSummer2023aPage #titleImgBox .titleBoxH2{ background: #00b1a7;}

.cebonlineSummer2023aPage #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.cebonlineSummer2023aPage #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.cebonlineSummer2023aPage #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.cebonlineSummer2023aPage #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;}
.cebonlineSummer2023aPage #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.cebonlineSummer2023aPage #livestation_seitoType .novaseito a {width: 100%;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;}
.cebonlineSummer2023aPage #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;}

.cebonlineSummer2023aPage .flowBox {width: 100%;}
.cebonlineSummer2023aPage .flowBox img{width: 100%; height: auto;}
.cebonlineSummer2023aPage #courseSelectBox {margin: 2em 0;}
.cebonlineSummer2023aPage #courseSelectBox input {display: none;}
.cebonlineSummer2023aPage #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #00b1a7; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #00b1a7; /* margin-bottom: 1em; */}
.cebonlineSummer2023aPage #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.cebonlineSummer2023aPage #courseSelectBox .sentakushi:hover {cursor: pointer;}
.cebonlineSummer2023aPage #courseSelectBox .sentakushi {}

.cebonlineSummer2023aPage .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}

.cebonlineSummer2023aPage #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #00b1a7; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.cebonlineSummer2023aPage #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.cebonlineSummer2023aPage #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.cebonlineSummer2023aPage #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;}
.cebonlineSummer2023aPage #formTb #kakikousyuSec .kakiCourseSelectDt  label{color: #008175; font-size: 120%;}

.cebonlineSummer2023aPage #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.cebonlineSummer2023aPage #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.cebonlineSummer2023aPage #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.cebonlineSummer2023aPage #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.cebonlineSummer2023aPage #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.cebonlineSummer2023aPage #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.cebonlineSummer2023aPage #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #00b1a7;}
.cebonlineSummer2023aPage #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.cebonlineSummer2023aPage #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.cebonlineSummer2023aPage #moushikomiSec .courseSelectDt {color: #008175; font-size: 120%; border-bottom: 1px solid #ccc;}
.cebonlineSummer2023aPage .nkcKakikousyu_detail .toptitle {color: #008175; font-size: 140%;}

.cebonlineSummer2023aPage .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.cebonlineSummer2023aPage .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.cebonlineSummer2023aPage .nagare {width:80%; margin: 0 auto;}

.cebonlineSummer2023aPage .kikanLinkBox {margin: 1em auto 1em;}
.cebonlineSummer2023aPage .kikanLinkBox li {width: 20%; margin-right: 2%;}
.cebonlineSummer2023aPage .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #008175;text-align: center;color: #008175;}
.cebonlineSummer2023aPage .kikanLinkBox li a:hover {background-color:#008175; color: #fff;}
.cebonlineSummer2023aPage .kikanLinkBox li.select a {background-color:#008175; color: #fff;}
.cebonlineSummer2023aPage .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.cebonlineSummer2023aPage .couseTypeBtnBox li {width: 48%;}
.cebonlineSummer2023aPage .couseTypeBtnBox li.only4,
.cebonlineSummer2023aPage .couseTypeBtnBox li.onlyKaki {width: 30%;}
.cebonlineSummer2023aPage .couseTypeBtnBox li.ukehoudai,
.cebonlineSummer2023aPage .couseTypeBtnBox li.setMoushikomi{width: 65%;}
.cebonlineSummer2023aPage .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.cebonlineSummer2023aPage .couseTypeBtnBox li.only4 a,
.cebonlineSummer2023aPage .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.cebonlineSummer2023aPage .couseTypeBtnBox li.kakiOnly a,
.cebonlineSummer2023aPage .couseTypeBtnBox li.setMoushikomi a,
.cebonlineSummer2023aPage .couseTypeBtnBox li.ukehoudai a{background-color: #008175; font-size: 130%;}

.cebonlineSummer2023aPage .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.cebonlineSummer2023aPage .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.cebonlineSummer2023aPage .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 20em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 120%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.cebonlineSummer2023aPage .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.cebonlineSummer2023aPage .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.cebonlineSummer2023aPage .kiyakuSec #riyouKiyaku,
.cebonlineSummer2023aPage .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.cebonlineSummer2023aPage .kiyakuSec #riyouKiyaku .kiyakutitle,
.cebonlineSummer2023aPage .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #00b1a7;padding: 10px 0 15px;}
.cebonlineSummer2023aPage .kiyakuSec #riyouKiyaku .title,
.cebonlineSummer2023aPage .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.cebonlineSummer2023aPage .kiyakuSec #riyouKiyaku section,
.cebonlineSummer2023aPage .kiyakuSec #riyouKiyaku2 section{border-bottom: none;}
.cebonlineSummer2023aPage .kiyakuSec #titleBox,
.cebonlineSummer2023aPage .kiyakuSec #titleBox2{padding:0 23px;}
.cebonlineSummer2023aPage .kiyakuSec .btn{background: #d7d7d7;color:#0e7ea4;padding:1%;width: 15em;text-align: center;margin: 0 auto 0.5em;display: block;font-size:140%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.cebonlineSummer2023aPage #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.cebonlineSummer2023aPage #programListBox {margin-top: 3em;}
.cebonlineSummer2023aPage #programListBox.mgt0 {margin-top: 0;}
.cebonlineSummer2023aPage #programListBox .programDateInner{border: 1px solid #00b1a7;margin: 0.3em;box-sizing: border-box;}
.cebonlineSummer2023aPage #programListBox .ttlDate {background-color: #00b1a7;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.cebonlineSummer2023aPage #programListBox .programUl {}
.cebonlineSummer2023aPage #programListBox .programLi input {display: none;}
.cebonlineSummer2023aPage #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #00b1a7;}
.cebonlineSummer2023aPage #programListBox .programLi span{display: block;}
.cebonlineSummer2023aPage #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.cebonlineSummer2023aPage #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.cebonlineSummer2023aPage #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.cebonlineSummer2023aPage #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.cebonlineSummer2023aPage #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.cebonlineSummer2023aPage #programListBox .programLi:last-Child {border-bottom: none;}
.cebonlineSummer2023aPage #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff4981;font-weight: bold;}
.cebonlineSummer2023aPage #programListBox .programLi .programLabel {display: block;}
.cebonlineSummer2023aPage #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.cebonlineSummer2023aPage #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.cebonlineSummer2023aPage #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.cebonlineSummer2023aPage #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.cebonlineSummer2023aPage #programListBox .programLi .yoyakuSumi .status {color: #00b1a7;}
.cebonlineSummer2023aPage #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.cebonlineSummer2023aPage #programListBox .slick-prev:before,
.cebonlineSummer2023aPage #programListBox .slick-next:before{color: #32beb7;}

.cebonlineSummer2023aPage #sentakuChuBox{background-color: #e0f9f8;border: 1px solid #00b1a7;padding: 0.5em;width: 70%;margin: 5em auto 0 auto;}
.cebonlineSummer2023aPage #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #00b1a7;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi .date{width: 25%;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi .time {width: 14%;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi .programttl {width: 47%;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.cebonlineSummer2023aPage .confirmCourse{margin: 0 auto 3em auto;}
.cebonlineSummer2023aPage #sentakuChuBox {margin-top: 1em;}

.cebonlineSummer2023aPage .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.cebonlineSummer2023aPage .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.cebonlineSummer2023aPage .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.cebonlineSummer2023aPage .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.cebonlineSummer2023aPage #goToMyPage {width: 100%; margin: 0 auto;}
.cebonlineSummer2023aPage #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.cebonlineSummer2023aPage #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.cebonlineSummer2023aPage .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.cebonlineSummer2023aPage .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.cebonlineSummer2023aPage .confirmBox{margin:0 auto; width:95%;}
.cebonlineSummer2023aPage .confirmBox table{width:100%; border:none;}
.cebonlineSummer2023aPage .confirmBox table th,
.cebonlineSummer2023aPage .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.cebonlineSummer2023aPage .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.cebonlineSummer2023aPage .confirmBox table td{width:75%;}

.cebonlineSummer2023aPage .confirmBox .hColor0,
.cebonlineSummer2023aPage .confirmBox .hColor1{position:relative;}
.cebonlineSummer2023aPage .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.cebonlineSummer2023aPage .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}


/*英会話集中パック*/
.cebonlineSummer2023bPage #titleImgBox .titleBoxH2 h2{font-size: 165%; line-height: 1.5;}
.cebonlineSummer2023bPage{}
.cebonlineSummer2023bPage #titleImgBox{background-image: url(../images/cebonline_summer2023_b/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.cebonlineSummer2023bPage #titleImgBox .titleBoxH2{ background: #00b1a7;}

.cebonlineSummer2023bPage #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.cebonlineSummer2023bPage #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.cebonlineSummer2023bPage #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.cebonlineSummer2023bPage #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;}
.cebonlineSummer2023bPage #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.cebonlineSummer2023bPage #livestation_seitoType .novaseito a {width: 100%;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;}
.cebonlineSummer2023bPage #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;}

.cebonlineSummer2023bPage .flowBox {width: 100%;}
.cebonlineSummer2023bPage .flowBox img{width: 100%; height: auto;}
.cebonlineSummer2023bPage #courseSelectBox {margin: 2em 0;}
.cebonlineSummer2023bPage #courseSelectBox input {display: none;}
.cebonlineSummer2023bPage #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #00b1a7; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #00b1a7; /* margin-bottom: 1em; */}
.cebonlineSummer2023bPage #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.cebonlineSummer2023bPage #courseSelectBox .sentakushi:hover {cursor: pointer;}
.cebonlineSummer2023bPage #courseSelectBox .sentakushi {}

.cebonlineSummer2023bPage .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}

.cebonlineSummer2023bPage #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #00b1a7; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.cebonlineSummer2023bPage #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.cebonlineSummer2023bPage #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.cebonlineSummer2023bPage #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;}

.cebonlineSummer2023bPage #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.cebonlineSummer2023bPage #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.cebonlineSummer2023bPage #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.cebonlineSummer2023bPage #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.cebonlineSummer2023bPage #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.cebonlineSummer2023bPage #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.cebonlineSummer2023bPage #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #00b1a7;}
.cebonlineSummer2023bPage #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.cebonlineSummer2023bPage #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.cebonlineSummer2023bPage #moushikomiSec .courseSelectDt {color: #008175; font-size: 120%; border-bottom: 1px solid #ccc;}
.cebonlineSummer2023bPage .nkcKakikousyu_detail .toptitle {color: #008175; font-size: 140%;}
.cebonlineSummer2023bPage #formTb #kakikousyuSec .kakiCourseSelectDt  label{color: #008175; font-size: 120%;}

.cebonlineSummer2023bPage .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.cebonlineSummer2023bPage .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.cebonlineSummer2023bPage .nagare {width:80%; margin: 0 auto;}

.cebonlineSummer2023bPage .kikanLinkBox {margin: 1em auto 1em;}
.cebonlineSummer2023bPage .kikanLinkBox li {width: 20%; margin-right: 2%;}
.cebonlineSummer2023bPage .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #00919d;text-align: center;color: #00919d;}
.cebonlineSummer2023bPage .kikanLinkBox li a:hover {background-color:#00919d; color: #fff;}
.cebonlineSummer2023bPage .kikanLinkBox li.select a {background-color:#00919d; color: #fff;}
.cebonlineSummer2023bPage .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.cebonlineSummer2023bPage .couseTypeBtnBox li {width: 48%;}
.cebonlineSummer2023bPage .couseTypeBtnBox li.only4,
.cebonlineSummer2023bPage .couseTypeBtnBox li.onlyKaki {width: 30%;}
.cebonlineSummer2023bPage .couseTypeBtnBox li.ukehoudai,
.cebonlineSummer2023bPage .couseTypeBtnBox li.setMoushikomi{width: 65%;}
.cebonlineSummer2023bPage .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.cebonlineSummer2023bPage .couseTypeBtnBox li.only4 a,
.cebonlineSummer2023bPage .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.cebonlineSummer2023bPage .couseTypeBtnBox li.kakiOnly a,
.cebonlineSummer2023bPage .couseTypeBtnBox li.setMoushikomi a,
.cebonlineSummer2023bPage .couseTypeBtnBox li.ukehoudai a{background-color: #00919d; font-size: 130%;}

.cebonlineSummer2023bPage .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.cebonlineSummer2023bPage .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.cebonlineSummer2023bPage .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 20em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 120%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.cebonlineSummer2023bPage .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.cebonlineSummer2023bPage .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.cebonlineSummer2023bPage .kiyakuSec #riyouKiyaku,
.cebonlineSummer2023bPage .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.cebonlineSummer2023bPage .kiyakuSec #riyouKiyaku .kiyakutitle,
.cebonlineSummer2023bPage .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #00b1a7;padding: 10px 0 15px;}
.cebonlineSummer2023bPage .kiyakuSec #riyouKiyaku .title,
.cebonlineSummer2023bPage .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.cebonlineSummer2023bPage .kiyakuSec #riyouKiyaku section,
.cebonlineSummer2023bPage .kiyakuSec #riyouKiyaku2 section{border-bottom: none;}
.cebonlineSummer2023bPage .kiyakuSec #titleBox,
.cebonlineSummer2023bPage .kiyakuSec #titleBox2{padding:0 23px;}
.cebonlineSummer2023bPage .kiyakuSec .btn{background: #d7d7d7;color:#0e7ea4;padding:1%;width: 15em;text-align: center;margin: 0 auto 0.5em;display: block;font-size:140%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}

.cebonlineSummer2023bPage #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.cebonlineSummer2023bPage #programListBox {margin-top: 3em;}
.cebonlineSummer2023bPage #programListBox.mgt0 {margin-top: 0;}
.cebonlineSummer2023bPage #programListBox .programDateInner{border: 1px solid #00b1a7;margin: 0.3em;box-sizing: border-box;}
.cebonlineSummer2023bPage #programListBox .ttlDate {background-color: #00b1a7;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.cebonlineSummer2023bPage #programListBox .programUl {}
.cebonlineSummer2023bPage #programListBox .programLi input {display: none;}
.cebonlineSummer2023bPage #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #00b1a7;}
.cebonlineSummer2023bPage #programListBox .programLi span{display: block;}
.cebonlineSummer2023bPage #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.cebonlineSummer2023bPage #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.cebonlineSummer2023bPage #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.cebonlineSummer2023bPage #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.cebonlineSummer2023bPage #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.cebonlineSummer2023bPage #programListBox .programLi:last-Child {border-bottom: none;}
.cebonlineSummer2023bPage #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff4981;font-weight: bold;}
.cebonlineSummer2023bPage #programListBox .programLi .programLabel {display: block;}
.cebonlineSummer2023bPage #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.cebonlineSummer2023bPage #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.cebonlineSummer2023bPage #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.cebonlineSummer2023bPage #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.cebonlineSummer2023bPage #programListBox .programLi .yoyakuSumi .status {color: #00b1a7;}
.cebonlineSummer2023bPage #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.cebonlineSummer2023bPage #programListBox .slick-prev:before,
.cebonlineSummer2023bPage #programListBox .slick-next:before{color: #32beb7;}

.cebonlineSummer2023bPage #sentakuChuBox{background-color: #e0f9f8;border: 1px solid #00b1a7;padding: 0.5em;width: 70%;margin: 5em auto 0 auto;}
.cebonlineSummer2023bPage #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #00b1a7;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi .date{width: 25%;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi .time {width: 14%;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi .programttl {width: 47%;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.cebonlineSummer2023bPage .confirmCourse{margin: 0 auto 3em auto;}
.cebonlineSummer2023bPage #sentakuChuBox {margin-top: 1em;}

.cebonlineSummer2023bPage .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.cebonlineSummer2023bPage .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.cebonlineSummer2023bPage .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.cebonlineSummer2023bPage .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.cebonlineSummer2023bPage #goToMyPage {width: 100%; margin: 0 auto;}
.cebonlineSummer2023bPage #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.cebonlineSummer2023bPage #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.cebonlineSummer2023bPage .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.cebonlineSummer2023bPage .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.cebonlineSummer2023bPage .confirmBox{margin:0 auto; width:95%;}
.cebonlineSummer2023bPage .confirmBox table{width:100%; border:none;}
.cebonlineSummer2023bPage .confirmBox table th,
.cebonlineSummer2023bPage .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.cebonlineSummer2023bPage .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.cebonlineSummer2023bPage .confirmBox table td{width:75%;}

.cebonlineSummer2023bPage .confirmBox .hColor0,
.cebonlineSummer2023bPage .confirmBox .hColor1{position:relative;}
.cebonlineSummer2023bPage .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.cebonlineSummer2023bPage .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}
/*2023年5月30日ここまで*/

/*2023年7月9日ここから*/
/*----------------------------------------------------------------------------
 ***                                      NBK　NOVAうさぎとGotoSTEAM2023申込画面用
----------------------------------------------------------------------------*/
.nbk_gotoSteam2023Page{}
.nbk_gotoSteam2023Page #titleImgBox{background-image: url(../images/nbk_gotosteam2023/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbk_gotoSteam2023Page #titleImgBox .titleBoxH2{ /*background:#3989c1;*/background:#ff768e;}
.nbk_gotoSteam2023Page #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 25px 0 0 20px;line-height: 1.3em;}
.nbk_gotoSteam2023Page .flowBox img {width: 100%;height: auto;}
.nbk_gotoSteam2023Page #gotoSteam_seitoType {width: 100%; text-align: center; margin: 50px 0;}
.nbk_gotoSteam2023Page #gotoSteam_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_gotoSteam2023Page #gotoSteam_seitoType .novaseito {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_gotoSteam2023Page #gotoSteam_seitoType .shinki a {display: block;width: 100%;height: 80px;background-color: #f469cd;border-radius: 10px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;display: inline-table;padding: 10px 10px;line-height: 30px;}
.nbk_gotoSteam2023Page #gotoSteam_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbk_gotoSteam2023Page #gotoSteam_seitoType .novaseito a {height: 80px;width: 100%;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;}
.nbk_gotoSteam2023Page #gotoSteam_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi:last-Child {border-bottom: none;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi.midashi {background-color: #f2f2f2;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .course,
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .kikan,
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .zanseki{border-right: 1px solid #bbb;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .course:not(.midashi .course) {text-align: left;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .detailBox:not(.kibouCourseLi.fullBox .detailBox, .kibouCourseLi.midashi .detailBox):hover{background-color: #FFE4E4;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi.fullBox .detailBox{background-color:#dcdcdc;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi.midashi{background-color: #f2f2f2;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .course{width: 40%;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .kikan{width: 40%;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi .zanseki{width:20%;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .notfull .zanseki{color:#356BFF;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .fullBox .zanseki{color:#FF181C;}
.nbk_gotoSteam2023Page #formTb #kokyakuSec li {margin-bottom: 0%;}
.nbk_gotoSteam2023Page #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;}
.nbk_gotoSteam2023Page #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbk_gotoSteam2023Page #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbk_gotoSteam2023Page #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.nbk_gotoSteam2023Page #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.nbk_gotoSteam2023Page #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbk_gotoSteam2023Page #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.nbk_gotoSteam2023Page #kiyakuSec #titleBox {padding:0 23px;}
.nbk_gotoSteam2023Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbk_gotoSteam2023Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}
.nbk_gotoSteam2023Page .confirmBox{margin:0 auto; width:95%;}
.nbk_gotoSteam2023Page .confirmBox table{width:100%; border:none;}
.nbk_gotoSteam2023Page .confirmBox table th,
.nbk_gotoSteam2023Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbk_gotoSteam2023Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbk_gotoSteam2023Page .confirmBox table td{width:75%;}
.nbk_gotoSteam2023Page .confirmBox .hColor0,
.nbk_gotoSteam2023Page .confirmBox .hColor1{position:relative;}
.nbk_gotoSteam2023Page .confirmBox .hColor0::before{content: "";display: block;width: 5px;height: calc(100% - 10px);background: #aaab9f;position: absolute;top: 5px;left: 0;}
.nbk_gotoSteam2023Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}
.nbk_gotoSteam2023Page section#creditCardFormTb{margin-top:5em;}
.nbk_gotoSteam2023Page #confirmSection #prevBtn {width: 45%;}
.nbk_gotoSteam2023Page #confirmSection .nkcCourse .confirmCourseDl dt.priceTxt {font-size: 120%;}
.nbk_gotoSteam2023Page #confirmSection .infoBox dl {margin-top: 0.8em;}
.nbk_gotoSteam2023Page #confirmSection .infoBox dl dt {margin-bottom: 0.3em;}
.nbk_gotoSteam2023Page #confirmSection .infoBox input {margin: 0 1%;}
.nbk_gotoSteam2023Page #formKibouCourseInput2 .kibouCourseLi input[type=radio]:checked ~ label .detailBox {background-color: #ffbcbc;}
.nbk_gotoSteam2023Page #formTb input[type=radio] {position: absolute;top: 1em;left: -1em;}
.nbk_gotoSteam2023Page #formTb #kokyakuSec li {margin-bottom: 5%;}
.nbk_gotoSteam2023Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}
.nbk_gotoSteam2023Page #creditCardFormTb #other-area .btn, .nbk_gotoSteam2023Page #creditCardFormTb input[type=button] {width: 45%;}
.nbk_gotoSteam2023Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.nbk_gotoSteam2023Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbk_gotoSteam2023Page .nagare {width:80%; margin: 0 auto;}
.nbkSummer2023Page .couseTypeBtnBox li.only4 a,
.nbkSummer2023Page .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.nbkSummer2023Page .couseTypeBtnBox li.kakiOnly a,
.nbkSummer2023Page .couseTypeBtnBox li.setMoushikomi a,
.nbkSummer2023Page .couseTypeBtnBox li.ukehoudai a{background-color: #e53030; font-size: 130%;}
/*2023年7月9日ここまで*/

/*2023年8月22日ここから*/
/*----------------------------------------------------------------------------
 ***                                      　　　NOVA　英語de大人の社会見学2023用
----------------------------------------------------------------------------*/
.FieldTrip2023Page{}
.FieldTrip2023Page #titleImgBox{background-image: url(../images/fieldtrip2023/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.FieldTrip2023Page #titleImgBox .titleBoxH2{ background:#f69722;}
.FieldTrip2023Page #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 25px 0 0 20px;line-height: 1.3em;}
/*start*/
.FieldTrip2023Page #gotoSteam_seitoType {width: 100%; text-align: center; margin: 50px 0;}
.FieldTrip2023Page #gotoSteam_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.FieldTrip2023Page #gotoSteam_seitoType .novaseito {display: inline-block;margin: 10px;border-radius: 10px;width: 300px;flex-wrap: wrap;}
.FieldTrip2023Page #gotoSteam_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;}
.FieldTrip2023Page #gotoSteam_seitoType .novaseito a {height: 80px;width: auto;background-color: #00a1c9;color: #fff;display: block;border-radius: 10px;font-size: 18px;font-weight: bold;text-align: center;line-height: 80px;}
/*index*/
.FieldTrip2023Page .flowBox img {width: 100%;height: auto;}
.FieldTrip2023Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.FieldTrip2023Page #formTb input#prevBtn[type=button]{background:#888;}
.FieldTrip2023Page #formTb .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px;font-size: 120%;}
.FieldTrip2023Page #formTb .priceBox .itemName{display:inline-block;width: 6em;font-weight: bold;}
.FieldTrip2023Page #formTb .priceBox .itemContents{display:inline-block;padding-left:1em;}
.FieldTrip2023Page #formTb .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
.FieldTrip2023Page .infoBox input {margin: 0 1%;}
.FieldTrip2023Page .infoBox dl dt {margin-bottom: 0.3em;}
.FieldTrip2023Page .infoBox dl {margin-top: 0.8em;}
.FieldTrip2023Page .yoyakuListUl {width: 100%;margin: 1em auto 1em auto;box-sizing: border-box;}
.FieldTrip2023Page .yoyakuListUl,
.FieldTrip2023Page .yoyakuListUl li {width: 100%;box-sizing: border-box; }
.FieldTrip2023Page .yoyakuListUl li {border: 1px solid #000;padding: 1%;border-top: none;}
.FieldTrip2023Page .yoyakuListUl li:first-child{background-color: #242b5e;}
.FieldTrip2023Page .yoyakuListUl li:first-child .detail {color: #fff;}
.FieldTrip2023Page .yoyakuListUl .detail {width: 80%;text-align: center;}
.FieldTrip2023Page .yoyakuListUl .date {width: 50%; text-align: center;}
.FieldTrip2023Page .yoyakuListUl .course {width: 50%;text-align: center;}
.FieldTrip2023Page #formTb .courseSelectionBox h3{font-size: 130%;display: flex;align-items: center;border-bottom: none;margin-bottom: 2%;}
.FieldTrip2023Page #formTb .courseSelectionBox h3:before{content:"";display:inline-block;width: 14px;height: 16px;background:url(../images/toeic/icon_contents02.png) no-repeat center/100% auto;}
.FieldTrip2023Page .hColor0,
.FieldTrip2023Page .cardBox .hColor2{position:relative;}
.FieldTrip2023Page .cardBox .hColor2::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.FieldTrip2023Page .cardBox table{width:100%}
.FieldTrip2023Page .cardBox table th, .cardBox table td {border: none;border-bottom: 1px dotted #ccc;vertical-align: middle;line-height: 1.2;padding: 15px;}
.FieldTrip2023Page .cardBox table th{width:15%;}
.FieldTrip2023Page .cardBox table td{width:85%;}
.FieldTrip2023Page #formTb .attentionBox dt{font-weight:bold;}
.FieldTrip2023Page #formTb .attentionBox dt:before{content:""; display:inline-block; width:1em; height:1em; margin-right:0.3em; background:url(../images/hospitality_tour2022/icon_contents01.png) no-repeat center/100% auto;}
.FieldTrip2023Page #formTb .attentionBox dd{text-indent: -1em;padding-left: 2.3em;font-size:85%;line-height:1.8;}
.FieldTrip2023Page #formTb .attentionBox{margin:0 0 3.5em}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi:last-Child {border-bottom: none;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi.midashi {background-color: #f2f2f2;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .course,
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .kikan,
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .zanseki{border-right: 1px solid #bbb;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .course:not(.midashi .course) {text-align: center;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .detailBox:not(.kibouCourseLi.fullBox .detailBox, .kibouCourseLi.midashi .detailBox):hover{background-color: #FFE4E4;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi.fullBox .detailBox{background-color:#dcdcdc;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi.midashi{background-color: #f2f2f2;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .course{width: 30%;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .kikan{width: 50%;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi .zanseki{width:20%;}
.FieldTrip2023Page #formKibouCourseInput2 .notfull .zanseki{color:#356BFF;}
.FieldTrip2023Page #formKibouCourseInput2 .fullBox .zanseki{color:#FF181C;}
.FieldTrip2023Page #formKibouCourseInput2 .kibouCourseLi input[type=radio]:checked ~ label .detailBox {background-color: #ffbcbc;}
.FieldTrip2023Page #formTb input[type=radio] {position: absolute;top: 1em;left: -1em;}
.mgt25em{margin-top:2.5em;}
/*index*/
/*confirm*/
.FieldTrip2023Page #confirmSection #prevBtn {width: 45%;}
.FieldTrip2023Page .sectionInner .sectionInner.naiyou{margin:0 10% 3em;}
.FieldTrip2023Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}
.FieldTrip2023Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.FieldTrip2023Page #formTb input#prevBtn[type=button]{background:#888;}
.FieldTrip2023Page #formTb .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px;font-size: 120%;}
.FieldTrip2023Page #formTb .priceBox .itemName{display:inline-block;width: 6em;font-weight: bold;}
.FieldTrip2023Page #formTb .priceBox .itemContents{display:inline-block;padding-left:1em;}
.FieldTrip2023Page #formTb .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
.FieldTrip2023Page #formTb .courseSelectionBox h3{font-size: 130%;display: flex;align-items: center;border-bottom: none;margin-bottom: 2%;}
.FieldTrip2023Page #formTb .courseSelectionBox h3:before{content:"";display:inline-block;width: 14px;height: 16px;background:url(../images/toeic/icon_contents02.png) no-repeat center/100% auto;}
.FieldTrip2023Page .hColor0,
.FieldTrip2023Page .cardBox .hColor2{position:relative;}
.FieldTrip2023Page .tbBox .hColor0,
.FieldTrip2023Page .tbBox .hColor2{position:relative;}
.FieldTrip2023Page .tbBox .hColor2::before, .FieldTrip2023Page .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.FieldTrip2023Page .tbBox table{width:100%}
.FieldTrip2023Page .tbBox table th, .tbBox table td {border: none;border-bottom: 1px dotted #ccc;vertical-align: middle;line-height: 1.2;padding: 15px;}
.FieldTrip2023Page .tbBox table th{width:20%;vertical-align: baseline;}
.FieldTrip2023Page .tbBox table td {width: 80%;}
/*confirm*/
/*credit*/
.FieldTrip2023Page{}
.FieldTrip2023Page #titleImgBox{background-image: url(../images/fieldtrip2023/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.FieldTrip2023Page #titleImgBox .titleBoxH2{ background:#f69722;}
.FieldTrip2023Page #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 25px 0 0 20px;line-height: 1.3em;}
.FieldTrip2023Page .flowBox img {width: 100%;height: auto;}
.FieldTrip2023Page section#creditCardFormTb{margin-top:5em;}
.FieldTrip2023Page #creditCardFormTb #other-area .btn, .FieldTrip2023Page #creditCardFormTb input[type=button] {width: 45%;}
.FieldTrip2023Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.FieldTrip2023Page #formTb input#prevBtn[type=button]{background:#888;}
.FieldTrip2023Page　.sectionInner .sectionInner.naiyou {margin: 0 13% 5%;}
.FieldTrip2023Page #creditCardFormTb  input#backBtn[type=button] {background: #888;}
.FieldTrip2023Page #creditCardFormTb .formBox1{}
.FieldTrip2023Page #creditCardFormTb label{ font-size:120%;}
.FieldTrip2023Page #creditCardFormTb .btn,
.FieldTrip2023Page #creditCardFormTb select,
.FieldTrip2023Page #creditCardFormTb input,
.FieldTrip2023Page #creditCardFormTb textarea{ font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px;}
.FieldTrip2023Page #creditCardFormTb input[type=checkbox]{ margin-right:1%; margin-bottom:0.7%;}
.FieldTrip2023Page #creditCardFormTb input[type=button]{background:#269BC3;color:#FFF;border:#aaa solid 1px;padding:1%;/* max-width: 20em; */text-align: center;margin: 0 auto 0.5em;display:inline;height: 2.5em;}
.FieldTrip2023Page #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;}
.FieldTrip2023Page #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.FieldTrip2023Page #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.FieldTrip2023Page #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.FieldTrip2023Page #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.FieldTrip2023Page #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.FieldTrip2023Page #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.FieldTrip2023Page #kiyakuSec #titleBox {padding:0 23px;}
.FieldTrip2023Page #creditCardFormTb section{ border-bottom:#999 dotted 1px;padding-bottom:3%;}
.FieldTrip2023Page #creditCardFormTb section section{ margin:0 3%; padding-bottom:3%; border-bottom:#CCC solid 1px;}
.FieldTrip2023Page #creditCardFormTb section section .sectionInner{ margin-left:3%;}
.FieldTrip2023Page #creditCardFormTb #creditCardSec{}
.FieldTrip2023Page #creditCardFormTb #creditCardSec #creditCardNameInput input,
.FieldTrip2023Page #creditCardFormTb #creditCardSec #creditCardYukouInput input{ margin:0 1.5%;}
.FieldTrip2023Page #creditCardFormTb #creditCardSec #creditCardYukouInput dd input:first-child{margin-left:0;}
.FieldTrip2023Page #creditCardFormTb #creditCardSec dt{ font-size:100%; color:#000; margin-bottom:1.5%;}
.FieldTrip2023Page #creditCardFormTb #creditCardSec dt label{ font-size:100%;}
.FieldTrip2023Page #creditCardFormTb #creditCardSec dd{ margin-top:1.5%;}
.FieldTrip2023Page #creditCardFormTb #creditCardSec li{ margin-bottom:3%;}
.FieldTrip2023Page #creditCardSubmit-area.confirmBtnBox{width:100%;margin: 2em auto 3em;position:relative;}
.FieldTrip2023Page #creditCardFormTb #backBtn{background:#888;/* font-size: 100%; */left:0;color:#fff;height: 2.5em;width: 100%;}
.FieldTrip2023Page #creditCardConfBtnBox{ margin-top:4%;}
/*credit*/
/*touroku*/
.FieldTrip2023Page #formTb #kokyakuSec li {margin-bottom: 0%;}
.FieldTrip2023Page #formTb #kokyakuSec li {margin-bottom: 5%;}
.FieldTrip2023Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}
.FieldTrip2023Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.FieldTrip2023Page #formTb input#prevBtn[type=button]{background:#888;}
/*touroku*/
/*thanks*/
.FieldTrip2023Page .actionCom .backBtn {text-align: center;width: auto;margin: 8% 2% 4% 2%;}
/*thanks*/
.FieldTrip2023Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.FieldTrip2023Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}
.FieldTrip2023Page .confirmBox{margin:0 auto; width:95%;}
.FieldTrip2023Page .confirmBox table{width:100%; border:none;}
.FieldTrip2023Page .confirmBox table th,
.FieldTrip2023Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.FieldTrip2023Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.FieldTrip2023Page .confirmBox table td{width:75%;}
.FieldTrip2023Page .confirmBox .hColor0,
.FieldTrip2023Page .confirmBox .hColor1{position:relative;}
.FieldTrip2023Page .confirmBox .hColor0::before{content: "";display: block;width: 5px;height: calc(100% - 10px);background: #aaab9f;position: absolute;top: 5px;left: 0;}
.FieldTrip2023Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}

/*2023年8月22日ここまで*/

/*2023年10月12日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2023NBK夏期講習画面用
----------------------------------------------------------------------------*/
.nbkWinter2023Page{}
.nbkWinter2023Page #titleImgBox{background-image: url(../images/nbk_winter2023/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbkWinter2023Page #titleImgBox .titleBoxH2{ background: #f7931e;}

.nbkWinter2023Page #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.nbkWinter2023Page #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
/*2023年10月20日ここから*/
.nbkWinter2023Page #livestation_seitoType .usagiId {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.nbkWinter2023Page #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.nbkWinter2023Page #livestation_seitoType .gabaseito {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.nbkWinter2023Page #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;}
.nbkWinter2023Page #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbkWinter2023Page #livestation_seitoType .usagiId a {width: 100%;vertical-align: middle;background-color: #f469cd;border-radius: 10px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;padding: 10px 10px;display: inline-table;line-height: 30px;}
.nbkWinter2023Page #livestation_seitoType .usagiId a:hover {text-decoration: none; opacity: .7;}
/*2023年10月20日ここまで*/
.nbkWinter2023Page #livestation_seitoType .novaseito a {width: 100%;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;}
.nbkWinter2023Page #livestation_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}
.nbkWinter2023Page #livestation_seitoType .gabaseito a {display: block; width: auto; height: 80px; line-height: 80px; background-color: #c1d614; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
.nbkWinter2023Page #livestation_seitoType .gabaseito 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;}


.nbkWinter2023Page .flowBox {width: 100%;}
.nbkWinter2023Page .flowBox img{width: 100%; height: auto;}
.nbkWinter2023Page #courseSelectBox {margin: 2em 0;}
.nbkWinter2023Page #courseSelectBox input {display: none;}
.nbkWinter2023Page #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #f7931e; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #f7931e; /* margin-bottom: 1em; */}
.nbkWinter2023Page #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.nbkWinter2023Page #courseSelectBox .sentakushi:hover {cursor: pointer;}
.nbkWinter2023Page #courseSelectBox .sentakushi {}

.nbkWinter2023Page .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}

.nbkWinter2023Page #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #f7931e; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.nbkWinter2023Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.nbkWinter2023Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.nbkWinter2023Page #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;}
.nbkWinter2023Page .nagareBtn:hover {cursor: pointer;}

.nbkWinter2023Page .nagareBtn:hover img{opacity: 0;}
.nbkWinter2023Page .nagareBtn.kcNormalProgram {background:url("../images/nbk_winter2023/ryoukin_01b_on.png"); background-size: cover;}
.nbkWinter2023Page .nagareBtn.kakikousyu {background:url("../images/nbk_winter2023/ryoukin_01c_on.png"); background-size: cover;}
.nbkWinter2023Page .nagareBtn.kakikousyu_b {background:url("../images/nbk_winter2023/ryoukin_02a_on.png"); background-size: cover;}

/*ポップアップ系*/
.nbkWinter2023Page #moushikomiSec .levelmeyasu {display: inline-block;}
.nbkWinter2023Page #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;}
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .modalArea,
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .modalArea2,
.nbkWinter2023Page .nkcKakikousyu_detail .modalArea{ display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .modalBg,
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .modalBg2,
.nbkWinter2023Page .nkcKakikousyu_detail .modalBg{ width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.nbkWinter2023Page #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;}
.nbkWinter2023Page #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;}
.nbkWinter2023Page .nkcKakikousyu_detail .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: 330px; overflow : auto;}
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .closeModal,
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .closeModal2,
.nbkWinter2023Page .nkcKakikousyu_detail .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .toptitle,
.nbkWinter2023Page .nkcKakikousyu_detail .toptitle {text-align: center;font-size: 125%;font-weight: bold;margin: 20px 0;position: relative;}
.nbkWinter2023Page #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.nbkWinter2023Page #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.nbkWinter2023Page #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.nbkWinter2023Page #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #f7931e;}
.nbkWinter2023Page #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.nbkWinter2023Page #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.nbkWinter2023Page #moushikomiSec .courseSelectDt {color: #e50012; font-size: 120%; border-bottom: 1px solid #ccc;}
.nbkWinter2023Page .nkcKakikousyu_detail .toptitle {color: #e50012; font-size: 140%;}
.nbkWinter2023Page #formTb .kakiCourseSelectDt label{color: #e50012; font-size: 120%;}

.nbkWinter2023Page .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.nbkWinter2023Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbkWinter2023Page .nagare {width:80%; margin: 0 auto;}

.nbkWinter2023Page .kikanLinkBox {margin: 1em auto 1em;}
.nbkWinter2023Page .kikanLinkBox li {width: 20%; margin-right: 2%;}
.nbkWinter2023Page .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #f7931e;text-align: center;color: #f7931e;}
.nbkWinter2023Page .kikanLinkBox li a:hover {background-color:#f7931e; color: #fff;}
.nbkWinter2023Page .kikanLinkBox li.select a {background-color:#f7931e; color: #fff;}
.nbkWinter2023Page .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.nbkWinter2023Page .couseTypeBtnBox li {width: 48%;}
.nbkWinter2023Page .couseTypeBtnBox li.only4,
.nbkWinter2023Page .couseTypeBtnBox li.onlyKaki {width: 30%;}
.nbkWinter2023Page .couseTypeBtnBox li.ukehoudai,
.nbkWinter2023Page .couseTypeBtnBox li.setMoushikomi{width: 65%;}
.nbkWinter2023Page .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.nbkWinter2023Page .couseTypeBtnBox li.only4 a,
.nbkWinter2023Page .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.nbkWinter2023Page .couseTypeBtnBox li.kakiOnly a,
.nbkWinter2023Page .couseTypeBtnBox li.setMoushikomi a,
.nbkWinter2023Page .couseTypeBtnBox li.ukehoudai a{background-color: #f7931e; font-size: 130%;}

.nbkWinter2023Page .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.nbkWinter2023Page .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.nbkWinter2023Page .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 20em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 120%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.nbkWinter2023Page .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbkWinter2023Page .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbkWinter2023Page .kiyakuSec #riyouKiyaku,
.nbkWinter2023Page .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.nbkWinter2023Page .kiyakuSec #riyouKiyaku .kiyakutitle,
.nbkWinter2023Page .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #f7931e;padding: 10px 0 15px;}
.nbkWinter2023Page .kiyakuSec #riyouKiyaku .title,
.nbkWinter2023Page .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbkWinter2023Page .kiyakuSec #riyouKiyaku section,
.nbkWinter2023Page .kiyakuSec #riyouKiyaku2 section{border-bottom: none;}
.nbkWinter2023Page .kiyakuSec #titleBox,
.nbkWinter2023Page .kiyakuSec #titleBox2{padding:0 23px;}

.nbkWinter2023Page #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.nbkWinter2023Page #programListBox {margin-top: 3em;}
.nbkWinter2023Page #programListBox.mgt0 {margin-top: 0;}
.nbkWinter2023Page #programListBox .programDateInner{border: 1px solid #f7931e;margin: 0.3em;box-sizing: border-box;}
.nbkWinter2023Page #programListBox .ttlDate {background-color: #f7931e;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.nbkWinter2023Page #programListBox .programUl {}
.nbkWinter2023Page #programListBox .programLi input {display: none;}
.nbkWinter2023Page #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #f7931e;}
.nbkWinter2023Page #programListBox .programLi span{display: block;}
.nbkWinter2023Page #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.nbkWinter2023Page #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.nbkWinter2023Page #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.nbkWinter2023Page #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.nbkWinter2023Page #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.nbkWinter2023Page #programListBox .programLi:last-Child {border-bottom: none;}
.nbkWinter2023Page #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff004f;font-weight: bold;}
.nbkWinter2023Page #programListBox .programLi .programLabel {display: block;}
.nbkWinter2023Page #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.nbkWinter2023Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.nbkWinter2023Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.nbkWinter2023Page #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.nbkWinter2023Page #programListBox .programLi .yoyakuSumi .status {color: #f7931e;}
.nbkWinter2023Page #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.nbkWinter2023Page #programListBox .slick-prev:before,
.nbkWinter2023Page #programListBox .slick-next:before{color: #ff004f;}

.nbkWinter2023Page #sentakuChuBox{background-color: #fff4f4;border: 1px solid #f7931e;padding: 0.5em;width: 70%;margin: 5em auto 0 auto;}
.nbkWinter2023Page #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #f7931e;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi .date{width: 25%;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi .time {width: 14%;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi .programttl {width: 47%;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.nbkWinter2023Page .confirmCourse{margin: 0 auto 3em auto;}
.nbkWinter2023Page #sentakuChuBox {margin-top: 1em;}

.nbkWinter2023Page .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.nbkWinter2023Page .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.nbkWinter2023Page .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.nbkWinter2023Page .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.nbkWinter2023Page #goToMyPage {width: 100%; margin: 0 auto;}
.nbkWinter2023Page #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.nbkWinter2023Page #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.nbkWinter2023Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbkWinter2023Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.nbkWinter2023Page .confirmBox{margin:0 auto; width:95%;}
.nbkWinter2023Page .confirmBox table{width:100%; border:none;}
.nbkWinter2023Page .confirmBox table th,
.nbkWinter2023Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbkWinter2023Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbkWinter2023Page .confirmBox table td{width:75%;}

.nbkWinter2023Page .confirmBox .hColor0,
.nbkWinter2023Page .confirmBox .hColor1{position:relative;}
.nbkWinter2023Page .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.nbkWinter2023Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}

/*2023年10月12日ここまで*/

/*2024年1月19日ここから*/
/*----------------------------------------------------------------------------
 ***                                      					NBK英検チャンネル用
----------------------------------------------------------------------------*/
.nbk_eikenchannelPage{}
.nbk_eikenchannelPage #titleImgBox{background-image: url(../images/nbk_eikenchannel/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbk_eikenchannelPage #titleImgBox .titleBoxH2{ /*background:#3989c1;*/background:#ea6d6d;}
.nbk_eikenchannelPage #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 25px 0 0 20px;line-height: 1.3em;}
.nbk_eikenchannelPage .flowBox img {width: 100%;height: auto;}
.nbk_eikenchannelPage #eikenchannel_seitoType {width: 100%; text-align: center; margin: 50px 0;}
.nbk_eikenchannelPage #eikenchannel_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_eikenchannelPage #eikenchannel_seitoType .novaseito {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_eikenchannelPage #eikenchannel_seitoType .shinki a {display: block;width: 100%;height: 80px;background-color: #f469cd;border-radius: 10px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;display: inline-table;padding: 10px 10px;line-height: 30px;}
.nbk_eikenchannelPage #eikenchannel_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbk_eikenchannelPage #eikenchannel_seitoType .novaseito a {height: 80px;width: 100%;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;}
.nbk_eikenchannelPage #eikenchannel_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi:last-Child {border-bottom: none;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi.midashi {background-color: #f2f2f2;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .course,
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .kikan,
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .zanseki{border-right: 1px solid #bbb;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .course:not(.midashi .course) {text-align: center;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .detailBox:not(.kibouCourseLi.fullBox .detailBox, .kibouCourseLi.midashi .detailBox):hover{background-color: #FFE4E4;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi.fullBox .detailBox{background-color:#dcdcdc;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi.midashi{background-color: #f2f2f2;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .course{width: 50%;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .kikan{width: 50%;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi .zanseki{width:20%;}
.nbk_eikenchannelPage #formKibouCourseInput2 .notfull .zanseki{color:#356BFF;}
.nbk_eikenchannelPage #formKibouCourseInput2 .fullBox .zanseki{color:#FF181C;}
.nbk_eikenchannelPage #formTb #kokyakuSec li {margin-bottom: 0%;}
.nbk_eikenchannelPage #formTb .kibouGradeUl input[type=radio] {position: initial;}
.nbk_eikenchannelPage #formTb .kibouGradeUl .kibouGradeLi {font-size: 130%;padding:0.7em 0;}
.nbk_eikenchannelPage #formTb .kibouGradeUl .kibouGradeLi:first-child{padding-top:0;}
.nbk_eikenchannelPage #formTb .kibouGradeUl .kibouGradeLi:not(:last-child){border-bottom:1px dotted #cdcdcd;}
/* 2025年1月31日ここから */
.nbk_eikenchannelPage #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;}
.nbk_eikenchannelPage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbk_eikenchannelPage #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbk_eikenchannelPage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.nbk_eikenchannelPage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.nbk_eikenchannelPage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbk_eikenchannelPage #kiyakuSec #riyouKiyaku section {border-bottom: none; padding: 0 3%;}
.nbk_eikenchannelPage #kiyakuSec #titleBox {padding:0 23px;}
/* 2025年1月31日ここまで */
.nbk_eikenchannelPage .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbk_eikenchannelPage .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}
.nbk_eikenchannelPage .confirmBox{margin:0 auto; width:95%;}
.nbk_eikenchannelPage .confirmBox table{width:100%; border:none;}
.nbk_eikenchannelPage .confirmBox table th,
.nbk_eikenchannelPage .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbk_eikenchannelPage .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbk_eikenchannelPage .confirmBox table td{width:75%;}
.nbk_eikenchannelPage .confirmBox .hColor0,
.nbk_eikenchannelPage .confirmBox .hColor1{position:relative;}
.nbk_eikenchannelPage .confirmBox .hColor0::before{content: "";display: block;width: 5px;height: calc(100% - 10px);background: #aaab9f;position: absolute;top: 5px;left: 0;}
.nbk_eikenchannelPage .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}
.nbk_eikenchannelPage .confirmCourse .nkcCourse {background: #fff9e9;padding: 1.5em 5em 1.5em 2em;font-size:109%;}
.nbk_eikenchannelPage section#creditCardFormTb{margin-top: 2em;border-top: 5px solid #ebebeb;padding: 3em 0 0;}
.nbk_eikenchannelPage #confirmSection #prevBtn {width: 45%;}
.nbk_eikenchannelPage #confirmSection .nkcCourse .confirmCourseDl dt.priceTxt {font-size: 120%;}
.nbk_eikenchannelPage #confirmSection .infoBox dl {margin-top: 0.8em;}
.nbk_eikenchannelPage #confirmSection .infoBox dl dt {margin-bottom: 0.3em;}
.nbk_eikenchannelPage #confirmSection .infoBox input {margin: 0 1%;}
.nbk_eikenchannelPage #formKibouCourseInput2 .kibouCourseLi input[type=radio]:checked ~ label .detailBox {background-color: #ffbcbc;}
.nbk_eikenchannelPage #formTb input[type=radio] {position: absolute;top: 0.5em;left: -1em;}
.nbk_eikenchannelPage #formTb #kokyakuSec li {margin-bottom: 5%;}
.nbk_eikenchannelPage #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}
.nbk_eikenchannelPage #creditCardFormTb #other-area .btn, .nbk_eikenchannelPage #creditCardFormTb input[type=button] {width: 45%;}
.nbk_eikenchannelPage #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.nbk_eikenchannelPage .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbk_eikenchannelPage .nagare {width:80%; margin: 0 auto;}
.nbk_eikenchannelPage .nkcCourse dl.confirmCourseDl dd.priceTxt {/* column-gap: 1em; */width: 100%;border-bottom: dotted 2px #bbbbbb;padding: 0.2em 0 0.6em;}
.nbk_eikenchannelPage  .nkcCourse dl.confirmCourseDl dd.priceTxt .price {color: #f00000;}

.nbk_eikenchannelPage #goToMyPage {width: 100%;margin: 0 auto;}
.nbk_eikenchannelPage #goToMyPage .goToMyPageUl {display: flex;justify-content: space-around;margin-bottom: 3em;}
.nbk_eikenchannelPage #goToMyPage .goToMyPageUl li {width: 48%;max-width: 269px;}
.nbk_eikenchannelPage .yoyakuKikan {border-top: dotted 3px #adadad;padding-top: 3em;margin-bottom: 2.5em;}
/*2024年1月19日ここまで*/

/*2024年5月2日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2024NBK夏期講習画面用
----------------------------------------------------------------------------*/
.nbkSummer2024Page{}
.nbkSummer2024Page #titleImgBox{background-image: url(../images/nbk_summer2024/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbkSummer2024Page #titleImgBox .titleBoxH2{ background: #ea6d6d;}

.nbkSummer2024Page #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.nbkSummer2024Page #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.nbkSummer2024Page #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.nbkSummer2024Page #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;}
.nbkSummer2024Page #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbkSummer2024Page #livestation_seitoType .novaseito a {width: 100%;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;}
.nbkSummer2024Page #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;}


.nbkSummer2024Page .flowBox {width: 100%;}
.nbkSummer2024Page .flowBox img{width: 100%; height: auto;}
.nbkSummer2024Page #courseSelectBox {margin: 2em 0;}
.nbkSummer2024Page #courseSelectBox input {display: none;}
.nbkSummer2024Page #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #ea6d6d; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #ea6d6d; /* margin-bottom: 1em; */}
.nbkSummer2024Page #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.nbkSummer2024Page #courseSelectBox .sentakushi:hover {cursor: pointer;}
.nbkSummer2024Page #courseSelectBox .sentakushi {}

.nbkSummer2024Page .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}

.nbkSummer2024Page #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #ea6d6d; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.nbkSummer2024Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.nbkSummer2024Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.nbkSummer2024Page #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;}
.nbkSummer2024Page .nagareBtn:hover {cursor: pointer;}
.nbkSummer2024Page .nagareBtn:hover img{opacity: 0;}
.nbkSummer2024Page .nagareBtn.kcNormalProgram {background:url("../images/nbk_summer2024/ryoukin_01b_on.png"); background-size: cover;}
.nbkSummer2024Page .nagareBtn.kakikousyu {background:url("../images/nbk_summer2024/ryoukin_01c_on.png"); background-size: cover;}
.nbkSummer2024Page .nagareBtn.kakikousyu_b {background:url("../images/nbk_summer2024/ryoukin_02a_on.png"); background-size: cover;}

/*ポップアップ系*/
.nbkSummer2024Page #moushikomiSec .levelmeyasu {display: inline-block;}
.nbkSummer2024Page #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;}
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .modalArea,
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .modalArea2,
.nbkSummer2024Page .nkcKakikousyu_detail .modalArea{ display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .modalBg,
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .modalBg2,
.nbkSummer2024Page .nkcKakikousyu_detail .modalBg{ width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.nbkSummer2024Page #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;}
.nbkSummer2024Page #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;}
.nbkSummer2024Page .nkcKakikousyu_detail .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: 330px; overflow : auto;}
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .closeModal,
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .closeModal2,
.nbkSummer2024Page .nkcKakikousyu_detail .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .toptitle,
.nbkSummer2024Page .nkcKakikousyu_detail .toptitle {text-align: center;font-size: 125%;font-weight: bold;margin: 20px 0;position: relative;}
.nbkSummer2024Page #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.nbkSummer2024Page #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.nbkSummer2024Page #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.nbkSummer2024Page #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #ea6d6d;}
.nbkSummer2024Page #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.nbkSummer2024Page #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.nbkSummer2024Page #moushikomiSec .courseSelectDt {color: #e50012; font-size: 120%; border-bottom: 1px solid #ccc;}
.nbkSummer2024Page .nkcKakikousyu_detail .toptitle {color: #e50012; font-size: 140%;}
.nbkSummer2024Page #formTb .kakiCourseSelectDt label{color: #e50012; font-size: 120%;}

.nbkSummer2024Page .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.nbkSummer2024Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbkSummer2024Page .nagare {width:80%; margin: 0 auto;}

.nbkSummer2024Page .kikanLinkBox {margin: 1em auto 1em;}
.nbkSummer2024Page .kikanLinkBox li {width: 20%; margin-right: 2%;}
.nbkSummer2024Page .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #e53030;text-align: center;color: #e53030;}
.nbkSummer2024Page .kikanLinkBox li a:hover {background-color:#e53030; color: #fff;}
.nbkSummer2024Page .kikanLinkBox li.select a {background-color:#e53030; color: #fff;}
.nbkSummer2024Page .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.nbkSummer2024Page .couseTypeBtnBox li {width: 48%;}
.nbkSummer2024Page .couseTypeBtnBox li.only4,
.nbkSummer2024Page .couseTypeBtnBox li.onlyKaki {width: 30%;}
.nbkSummer2024Page .couseTypeBtnBox li.ukehoudai,
.nbkSummer2024Page .couseTypeBtnBox li.setMoushikomi{width: 65%;}
.nbkSummer2024Page .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.nbkSummer2024Page .couseTypeBtnBox li.only4 a,
.nbkSummer2024Page .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.nbkSummer2024Page .couseTypeBtnBox li.kakiOnly a,
.nbkSummer2024Page .couseTypeBtnBox li.setMoushikomi a,
.nbkSummer2024Page .couseTypeBtnBox li.ukehoudai a{background-color: #e53030; font-size: 130%;}

.nbkSummer2024Page .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.nbkSummer2024Page .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.nbkSummer2024Page .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 20em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 120%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.nbkSummer2024Page .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbkSummer2024Page .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbkSummer2024Page .kiyakuSec #riyouKiyaku,
.nbkSummer2024Page .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.nbkSummer2024Page .kiyakuSec #riyouKiyaku .kiyakutitle,
.nbkSummer2024Page .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #ea6d6d;padding: 10px 0 15px;}
.nbkSummer2024Page .kiyakuSec #riyouKiyaku .title,
.nbkSummer2024Page .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbkSummer2024Page .kiyakuSec #riyouKiyaku section,
.nbkSummer2024Page .kiyakuSec #riyouKiyaku2 section{border-bottom: none;}
.nbkSummer2024Page .kiyakuSec #titleBox,
.nbkSummer2024Page .kiyakuSec #titleBox2{padding:0 23px;}

.nbkSummer2024Page #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.nbkSummer2024Page #programListBox {margin-top: 3em;}
.nbkSummer2024Page #programListBox.mgt0 {margin-top: 0;}
.nbkSummer2024Page #programListBox .programDateInner{border: 1px solid #ea6d6d;margin: 0.3em;box-sizing: border-box;}
.nbkSummer2024Page #programListBox .ttlDate {background-color: #ea6d6d;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.nbkSummer2024Page #programListBox .programUl {}
.nbkSummer2024Page #programListBox .programLi input {display: none;}
.nbkSummer2024Page #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #ea6d6d;}
.nbkSummer2024Page #programListBox .programLi span{display: block;}
.nbkSummer2024Page #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.nbkSummer2024Page #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.nbkSummer2024Page #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.nbkSummer2024Page #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.nbkSummer2024Page #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.nbkSummer2024Page #programListBox .programLi:last-Child {border-bottom: none;}
.nbkSummer2024Page #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff004f;font-weight: bold;}
.nbkSummer2024Page #programListBox .programLi .programLabel {display: block;}
.nbkSummer2024Page #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.nbkSummer2024Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.nbkSummer2024Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.nbkSummer2024Page #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.nbkSummer2024Page #programListBox .programLi .yoyakuSumi .status {color: #ea6d6d;}
.nbkSummer2024Page #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.nbkSummer2024Page #programListBox .slick-prev:before,
.nbkSummer2024Page #programListBox .slick-next:before{color: #ff004f;}

.nbkSummer2024Page #sentakuChuBox{background-color: #fff4f4;border: 1px solid #ea6d6d;padding: 0.5em;width: 70%;margin: 5em auto 0 auto;}
.nbkSummer2024Page #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #ea6d6d;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi .date{width: 25%;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi .time {width: 14%;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi .programttl {width: 47%;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.nbkSummer2024Page .confirmCourse{margin: 0 auto 3em auto;}
.nbkSummer2024Page #sentakuChuBox {margin-top: 1em;}

.nbkSummer2024Page .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.nbkSummer2024Page .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.nbkSummer2024Page .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.nbkSummer2024Page .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.nbkSummer2024Page #goToMyPage {width: 100%; margin: 0 auto;}
.nbkSummer2024Page #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.nbkSummer2024Page #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.nbkSummer2024Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbkSummer2024Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.nbkSummer2024Page .confirmBox{margin:0 auto; width:95%;}
.nbkSummer2024Page .confirmBox table{width:100%; border:none;}
.nbkSummer2024Page .confirmBox table th,
.nbkSummer2024Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbkSummer2024Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbkSummer2024Page .confirmBox table td{width:75%;}

.nbkSummer2024Page .confirmBox .hColor0,
.nbkSummer2024Page .confirmBox .hColor1{position:relative;}
.nbkSummer2024Page .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.nbkSummer2024Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}


/*2024年5月2日ここまで*/

/* 2024年5月24日ここから */


/*----------------------------------------------------------------------------
 ***                                 2024NBKレベルアップコンテスト画面用
----------------------------------------------------------------------------*/
.nbkLevelup2024Page{}
.nbkLevelup2024Page #titleImgBox{background-image: url(../images/nbk_levelup2024/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbkLevelup2024Page #titleImgBox .titleBoxH2{ background: #ea6d6d;}
.nbkLevelup2024Page #titleImgBox .titleBoxH2 h2{font-size: 165%; padding: 25px 0 0 20px; line-height: 1.3em;}

.nbkLevelup2024Page #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.nbkLevelup2024Page #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.nbkLevelup2024Page #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.nbkLevelup2024Page #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;}
.nbkLevelup2024Page #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbkLevelup2024Page #livestation_seitoType .novaseito a {width: 100%;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;}
.nbkLevelup2024Page #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;}


.nbkLevelup2024Page .flowBox {width: 100%;}
.nbkLevelup2024Page .flowBox img{width: 100%; height: auto;}
.nbkLevelup2024Page #courseSelectBox {margin: 2em 0;}
.nbkLevelup2024Page #courseSelectBox input {display: none;}
.nbkLevelup2024Page #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #ea6d6d; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #ea6d6d; /* margin-bottom: 1em; */}
.nbkLevelup2024Page #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.nbkLevelup2024Page #courseSelectBox .sentakushi:hover {cursor: pointer;}
.nbkLevelup2024Page #courseSelectBox .sentakushi {}

.nbkLevelup2024Page .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}


/* .nbkLevelup2024Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;cursor: pointer;height: 50px;}

.nbkLevelup2024Page #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #ea6d6d; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.nbkLevelup2024Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.nbkLevelup2024Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.nbkLevelup2024Page #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;} */


.nbkLevelup2024Page .nagareBtn:hover {cursor: pointer;}
.nbkLevelup2024Page .nagareBtn:hover img{opacity: 0;}
.nbkLevelup2024Page .nagareBtn.kcNormalProgram {background:url("../images/nbk_Levelup2024/ryoukin_01b_on.png"); background-size: cover;}
.nbkLevelup2024Page .nagareBtn.kakikousyu {background:url("../images/nbk_Levelup2024/ryoukin_01c_on.png"); background-size: cover;}
.nbkLevelup2024Page .nagareBtn.kakikousyu_b {background:url("../images/nbk_Levelup2024/ryoukin_02a_on.png"); background-size: cover;}

/*ポップアップ系*/
.nbkLevelup2024Page #moushikomiSec .levelmeyasu {display: inline-block;}
.nbkLevelup2024Page #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;}
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .modalArea,
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .modalArea2,
.nbkLevelup2024Page .nkcKakikousyu_detail .modalArea{ display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .modalBg,
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .modalBg2,
.nbkLevelup2024Page .nkcKakikousyu_detail .modalBg{ width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.nbkLevelup2024Page #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;}
.nbkLevelup2024Page #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;}
.nbkLevelup2024Page .nkcKakikousyu_detail .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: 330px; overflow : auto;}
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .closeModal,
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .closeModal2,
.nbkLevelup2024Page .nkcKakikousyu_detail .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .toptitle,
.nbkLevelup2024Page .nkcKakikousyu_detail .toptitle {text-align: center;font-size: 125%;font-weight: bold;margin: 20px 0;position: relative;}
.nbkLevelup2024Page #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.nbkLevelup2024Page #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.nbkLevelup2024Page #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.nbkLevelup2024Page #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #ea6d6d;}
.nbkLevelup2024Page #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.nbkLevelup2024Page #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.nbkLevelup2024Page #moushikomiSec .courseSelectDt {color: #e50012; font-size: 120%; border-bottom: 1px solid #ccc;}
.nbkLevelup2024Page .nkcKakikousyu_detail .toptitle {color: #e50012; font-size: 140%;}
.nbkLevelup2024Page #formTb .kakiCourseSelectDt label{color: #e50012; font-size: 120%;}

.nbkLevelup2024Page .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.nbkLevelup2024Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbkLevelup2024Page .nagare {width:80%; margin: 0 auto;}

.nbkLevelup2024Page .kikanLinkBox {margin: 1em auto 1em;}
.nbkLevelup2024Page .kikanLinkBox li {width: 20%; margin-right: 2%;}
.nbkLevelup2024Page .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #e53030;text-align: center;color: #e53030;}
.nbkLevelup2024Page .kikanLinkBox li a:hover {background-color:#e53030; color: #fff;}
.nbkLevelup2024Page .kikanLinkBox li.select a {background-color:#e53030; color: #fff;}
.nbkLevelup2024Page .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.nbkLevelup2024Page .couseTypeBtnBox li {width: 48%;}
.nbkLevelup2024Page .couseTypeBtnBox li.only4,
.nbkLevelup2024Page .couseTypeBtnBox li.onlyKaki {width: 30%;}
.nbkLevelup2024Page .couseTypeBtnBox li.ukehoudai,
.nbkLevelup2024Page .couseTypeBtnBox li.setMoushikomi{width: 65%;}
.nbkLevelup2024Page .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.nbkLevelup2024Page .couseTypeBtnBox li.only4 a,
.nbkLevelup2024Page .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.nbkLevelup2024Page .couseTypeBtnBox li.kakiOnly a,
.nbkLevelup2024Page .couseTypeBtnBox li.setMoushikomi a,
.nbkLevelup2024Page .couseTypeBtnBox li.ukehoudai a{background-color: #e53030; font-size: 130%;}

.nbkLevelup2024Page .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.nbkLevelup2024Page .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.nbkLevelup2024Page .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 23em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 110%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.nbkLevelup2024Page .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbkLevelup2024Page .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbkLevelup2024Page .kiyakuSec #riyouKiyaku,
.nbkLevelup2024Page .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.nbkLevelup2024Page .kiyakuSec #riyouKiyaku .kiyakutitle,
.nbkLevelup2024Page .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #ea6d6d;padding: 10px 0 15px;}
.nbkLevelup2024Page .kiyakuSec #riyouKiyaku .title,
.nbkLevelup2024Page .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbkLevelup2024Page .kiyakuSec #riyouKiyaku section,
.nbkLevelup2024Page .kiyakuSec #riyouKiyaku2 section{border-bottom: none;}
.nbkLevelup2024Page .kiyakuSec #titleBox,
.nbkLevelup2024Page .kiyakuSec #titleBox2{padding:0 23px;}

.nbkLevelup2024Page #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.nbkLevelup2024Page #programListBox {margin-top: 3em;}
.nbkLevelup2024Page #programListBox.mgt0 {margin-top: 0;}
.nbkLevelup2024Page #programListBox .programDateInner{border: 1px solid #ea6d6d;margin: 0.3em;box-sizing: border-box;}
.nbkLevelup2024Page #programListBox .ttlDate {background-color: #ea6d6d;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.nbkLevelup2024Page #programListBox .programUl {}
.nbkLevelup2024Page #programListBox .programLi input {display: none;}
.nbkLevelup2024Page #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #ea6d6d;}
.nbkLevelup2024Page #programListBox .programLi span{display: block;}
.nbkLevelup2024Page #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.nbkLevelup2024Page #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.nbkLevelup2024Page #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.nbkLevelup2024Page #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.nbkLevelup2024Page #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.nbkLevelup2024Page #programListBox .programLi:last-Child {border-bottom: none;}
.nbkLevelup2024Page #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff004f;font-weight: bold;}
.nbkLevelup2024Page #programListBox .programLi .programLabel {display: block;}
.nbkLevelup2024Page #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.nbkLevelup2024Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.nbkLevelup2024Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.nbkLevelup2024Page #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.nbkLevelup2024Page #programListBox .programLi .yoyakuSumi .status {color: #ea6d6d;}
.nbkLevelup2024Page #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.nbkLevelup2024Page #programListBox .slick-prev:before,
.nbkLevelup2024Page #programListBox .slick-next:before{color: #ff004f;}

.nbkLevelup2024Page #sentakuChuBox{background-color: #fff4f4;border: 1px solid #ea6d6d;padding: 0.5em;width: 70%;margin: 5em auto 0 auto;}
.nbkLevelup2024Page #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #ea6d6d;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi .date{width: 25%;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi .time {width: 14%;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi .programttl {width: 47%;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.nbkLevelup2024Page .confirmCourse{margin: 0 auto 3em auto;}
.nbkLevelup2024Page #sentakuChuBox {margin-top: 1em; margin-bottom:1em;}

.nbkLevelup2024Page .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.nbkLevelup2024Page .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.nbkLevelup2024Page .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.nbkLevelup2024Page .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.nbkLevelup2024Page #goToMyPage {width: 100%; margin: 0 auto;}
.nbkLevelup2024Page #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.nbkLevelup2024Page #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.nbkLevelup2024Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbkLevelup2024Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.nbkLevelup2024Page .confirmBox{margin:0 auto; width:95%;}
.nbkLevelup2024Page .confirmBox table{width:100%; border:none;}
.nbkLevelup2024Page .confirmBox table th,
.nbkLevelup2024Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbkLevelup2024Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbkLevelup2024Page .confirmBox table td{width:75%;}

.nbkLevelup2024Page .confirmBox .hColor0,
.nbkLevelup2024Page .confirmBox .hColor1{position:relative;}
.nbkLevelup2024Page .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.nbkLevelup2024Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}

.nbkLevelup2024Page #formTb .height50{display: inline-block; background: #269BC3; color: #FFF; border: #ccc solid 1px; padding: 1%;width: 280px;text-align: center; margin: 10px;cursor: pointer;height: 50px;}
.nbkLevelup2024Page #goToMyPage .goToMyPageUl p{width: 48%;max-width: 269px;}

.nbkLevelup2024Page span.marker{background-color: #ffff9a;}

/*-------------注意事項---------------*/
.nbkLevelup2024Page #noteSec .txtBox .dot{margin-left: -1em;}
.nbkLevelup2024Page #noteSec .txtBox{position: relative; padding: 5px 0 5px 18px;}
/*---------------規約-----------------*/
.nbkLevelup2024Page #nlcKiyakuSec .txtBox .dot{margin-left: -1em;}
.nbkLevelup2024Page #nlcKiyakuSec .txtBox{position: relative; padding: 5px 0 5px 18px;}

/*-------------日時選択---------------*/
.shinochataikenPage #dateSection .sectionInner{width: 100%;}
.nbkLevelup2024Page #dateSection .sectionInner{width: 100%;}

.nbkLevelup2024Page #lefelupyoyakumenu {width:40%;font-size: 12px;/*float: left;*/margin:0 auto;}
.nbkLevelup2024Page #lefelupyoyakumenu h4{display: block;	width: auto;background-color: #808080;	/*height: 12px;*/font-size: 12px;color: #fff;line-height: 12px;font-weight: bold;text-align: center;	padding-left: 0;margin: 0 0 10px 0;	padding: 9px 0 8px; border-left:none;}
.nbkLevelup2024Page #lefelupyoyakumenu .dateSec{margin-bottom: 1em;}
.nbkLevelup2024Page #lefelupyoyakumenu .date {float: left;/*width: 100px*/;margin-right:2%; margin-left: 2%;}
.nbkLevelup2024Page #lefelupyoyakumenu .date label {width: 130px;height: 25px;display: block;text-align: center;line-height: 25px;padding-left: 5px;transition: all ease .3s;border-top: 0.5px solid #eee;border-left: 0.5px solid #eee;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;border-radius: 4px;margin-bottom: 1px;cursor: pointer;}

.nbkLevelup2024Page #lefelupyoyakumenu .date label:hover {background-color: #9cd307;}
.nbkLevelup2024Page #lefelupyoyakumenu .time {float: left;/*width: 155px;*/width: 52%; text-align: center;/*margin-bottom: 30px;*/margin-left: 3%;}
.nbkLevelup2024Page #lefelupyoyakumenu .time label {width: 160px;height: 20px;display: block;text-align: center;line-height: 20px;border: solid 0.5px #a7db77;/*border-top: 0.5px solid #bbeaff;border-left: 0.5px solid #bbeaff;border-bottom: 1px solid #87cbf9;border-right: 1px solid #87cbf9;*/margin-bottom: 2px;background-color: #d5eac3;border-radius: 3px;transition: all ease .3s;cursor: pointer;}
.nbkLevelup2024Page #lefelupyoyakumenu .time label:hover {background-color: #9cd307;}
.nbkLevelup2024Page #lefelupyoyakumenu .time li:nth-child(odd) {width: 75px;/*margin-right: 2px;*/}
.nbkLevelup2024Page #lefelupyoyakumenu .time li:nth-child(even) {width: 75px;}
.nbkLevelup2024Page #lefelupyoyakumenu .saturday {color: #1166a5;}
.nbkLevelup2024Page #lefelupyoyakumenu .sunday {color: #ea3f4c;}
.nbkLevelup2024Page #lefelupyoyakumenu input[type=radio] {display: none;}
.nbkLevelup2024Page #lefelupyoyakumenu input[type=radio]:checked + label {background-color: #a7db77;}
.nbkLevelup2024Page #lefelupyoyakumenu .time .full label{background-color: #efefef;border-top: 0.5px solid transparent;border-left: 0.5px solid transparent;border-bottom: 1px solid transparent;border-right: 1px solid transparent;color: #999;}
.nbkLevelup2024Page #lefelupyoyakumenu .none {width: 50px;height: 20px;margin-bottom: 1px;background-color: #fff;border-top: 0.5px solid transparent;border-left: 0.5px solid transparent;border-bottom: 1px solid transparent;border-right: 1px solid transparent;}
.nbkLevelup2024Page #lefelupyoyakumenu .time li:last-child {/*width: 162px;*/text-align: left;margin-top: 25px; float: right;width: 90%; margin-left: 8%;}
.nbkLevelup2024Page #lefelupyoyakumenu .konzatsu1, .konzatsu2 {/*margin-left: 30px;*/width: 75px;position: relative;margin-bottom: 20px;font-weight: normal;}
.nbkLevelup2024Page #lefelupyoyakumenu .konzatsu1::before {content: '';display: block;position: absolute;left: -20px;top: 0;width: 15px;height: 35px;background: #d5eac3;margin-right: 5px;}
.nbkLevelup2024Page #lefelupyoyakumenu .konzatsu2::before {content: '';display: block;position: absolute;left: -20px;top: 0;width: 15px;height: 35px;background: #efefef;margin-right: 5px;}

.nbkLevelup2024Page #lefelupyoyakumenu .koushibtn{text-align: center;}
.nbkLevelup2024Page #lefelupyoyakumenu .koushibtn a{display: inline-block; background: #9cd307;color: #fff;padding: 10px 15px 9px;font-weight: bold; border-radius: 7px;font-size: 1.2em; text-decoration: none; width: 85%; text-align: center;}
.nbkLevelup2024Page #lefelupyoyakumenu .koushibtn a:hover{background: #badd99;}

.nbkLevelup2024Page #lefelupyoyakumenu .time li:last-child dl{display: flex;}

/*-------------表　開催日程・受付期間---------------*/
.nbkLevelup2024Page table.schedule{width: 100%;}
.nbkLevelup2024Page .schedule .bgcLightGray{background-color: #f2f2f2;}
.nbkLevelup2024Page .schedule td.course.bgcLightPink{width: 35%;}
.nbkLevelup2024Page .schedule .bgcLightPink {background-color: #ffe9f2;}
.nbkLevelup2024Page .schedule th, .nbkLevelup2024Page .schedule td {vertical-align: middle; font-size: 90%;}
/* 2024年5月24日ここまで */

/*2024年7月17日ここから*/
/*----------------------------------------------------------------------------
 ***                            NBK　NOVAうさぎとGo! Go! Day Trip!2024申込画面用
----------------------------------------------------------------------------*/
.nbk_gogoDaytrip2024Page{}
.nbk_gogoDaytrip2024Page #titleImgBox{background-image: url(../images/nbk_gogodaytrip2024/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbk_gogoDaytrip2024Page #titleImgBox .titleBoxH2{ /*background:#3989c1;*/background:#ff768e;}
.nbk_gogoDaytrip2024Page #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 16px 0 0 20px;line-height: 1.3em;}
.nbk_gogoDaytrip2024Page .flowBox img {width: 100%;height: auto;}
.nbk_gogoDaytrip2024Page #gogodaytrip_seitoType {width: 100%; text-align: center; margin: 50px 0;}
.nbk_gogoDaytrip2024Page #gogodaytrip_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_gogoDaytrip2024Page #gogodaytrip_seitoType .novaseito {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_gogoDaytrip2024Page #gogodaytrip_seitoType .shinki a {display: block;width: 100%;height: 80px;background-color: #f469cd;border-radius: 10px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;display: inline-table;padding: 10px 10px;line-height: 30px;}
.nbk_gogoDaytrip2024Page #gogodaytrip_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbk_gogoDaytrip2024Page #gogodaytrip_seitoType .novaseito a {height: 80px;width: 100%;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;}
.nbk_gogoDaytrip2024Page #gogodaytrip_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi:last-Child {border-bottom: none;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi.midashi {background-color: #f2f2f2;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .course,
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .kikan,
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .zanseki{border-right: 1px solid #bbb;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .course:not(.midashi .course) {text-align: left;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .detailBox:not(.kibouCourseLi.fullBox .detailBox, .kibouCourseLi.midashi .detailBox):hover{background-color: #FFE4E4;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi.fullBox .detailBox{background-color:#dcdcdc;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi.midashi{background-color: #f2f2f2;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .course{width: 40%;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .kikan{width: 40%;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi .zanseki{width:20%;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .notfull .zanseki{color:#356BFF;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .fullBox .zanseki{color:#FF181C;}
.nbk_gogoDaytrip2024Page #formTb #kokyakuSec li {margin-bottom: 0%;}
.nbk_gogoDaytrip2024Page #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;}
.nbk_gogoDaytrip2024Page #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbk_gogoDaytrip2024Page #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbk_gogoDaytrip2024Page #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.nbk_gogoDaytrip2024Page #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.nbk_gogoDaytrip2024Page #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbk_gogoDaytrip2024Page #kiyakuSec #riyouKiyaku section {border-bottom: none; margin: 0 3%;}
.nbk_gogoDaytrip2024Page #kiyakuSec #titleBox {margin:0 3%}
.nbk_gogoDaytrip2024Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbk_gogoDaytrip2024Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}
.nbk_gogoDaytrip2024Page .confirmBox{margin:0 auto; width:95%;}
.nbk_gogoDaytrip2024Page .confirmBox table{width:100%; border:none;}
.nbk_gogoDaytrip2024Page .confirmBox table th,
.nbk_gogoDaytrip2024Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbk_gogoDaytrip2024Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbk_gogoDaytrip2024Page .confirmBox table td{width:75%;}
.nbk_gogoDaytrip2024Page .confirmBox .hColor0,
.nbk_gogoDaytrip2024Page .confirmBox .hColor1{position:relative;}
.nbk_gogoDaytrip2024Page .confirmBox .hColor0::before{content: "";display: block;width: 5px;height: calc(100% - 10px);background: #aaab9f;position: absolute;top: 5px;left: 0;}
.nbk_gogoDaytrip2024Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}
.nbk_gogoDaytrip2024Page section#creditCardFormTb{margin-top:5em;}
.nbk_gogoDaytrip2024Page #confirmSection #prevBtn {width: 45%;}
.nbk_gogoDaytrip2024Page #confirmSection .nkcCourse .confirmCourseDl dt.priceTxt {font-size: 120%;}
.nbk_gogoDaytrip2024Page #confirmSection .infoBox dl {margin-top: 0.8em;}
.nbk_gogoDaytrip2024Page #confirmSection .infoBox dl dt {margin-bottom: 0.3em;}
.nbk_gogoDaytrip2024Page #confirmSection .infoBox input {margin: 0 1%;}
.nbk_gogoDaytrip2024Page #formKibouCourseInput2 .kibouCourseLi input[type=radio]:checked ~ label .detailBox {background-color: #ffbcbc;}
.nbk_gogoDaytrip2024Page #formTb input[type=radio] {position: absolute;top: 1em;left: -1em;}
.nbk_gogoDaytrip2024Page #formTb #kokyakuSec li {margin-bottom: 5%;}
.nbk_gogoDaytrip2024Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}
.nbk_gogoDaytrip2024Page #creditCardFormTb #other-area .btn, .nbk_gogoDaytrip2024Page #creditCardFormTb input[type=button] {width: 45%;}
.nbk_gogoDaytrip2024Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.nbk_gogoDaytrip2024Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbk_gogoDaytrip2024Page .nagare {width:80%; margin: 0 auto;}

/*---------------規約-----------------*/
.nbk_gogoDaytrip2024Page #kiyakuSec .txtBox .dot{margin-left: -1em;}
.nbk_gogoDaytrip2024Page #kiyakuSec .txtBox .num{margin-left: -1.5em;}
.nbk_gogoDaytrip2024Page #kiyakuSec .txtBox{position: relative; padding: 0 0 5px 18px;}

/*2024年7月17日ここまで*/


/*2024年8月20日日ここから*/
/*----------------------------------------------------------------------------
 ***                                      　　　NOVA　英語de大人のバスツアー2024用
----------------------------------------------------------------------------*/
.FieldTrip2024Page{}
.FieldTrip2024Page #titleImgBox{background-image: url(../images/fieldtrip2024/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.FieldTrip2024Page #titleImgBox .titleBoxH2{ background:#fc5d54;}
.FieldTrip2024Page #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 25px 0 0 20px;line-height: 1.3em;}
/*start*/
.FieldTrip2024Page #gotoSteam_seitoType {width: 100%; text-align: center; margin: 50px 0;}
.FieldTrip2024Page #gotoSteam_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.FieldTrip2024Page #gotoSteam_seitoType .novaseito {display: inline-block;margin: 10px;border-radius: 10px;width: 300px;flex-wrap: wrap;}
.FieldTrip2024Page #gotoSteam_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;}
.FieldTrip2024Page #gotoSteam_seitoType .novaseito a {height: 80px;width: auto;background-color: #00a1c9;color: #fff;display: block;border-radius: 10px;font-size: 18px;font-weight: bold;text-align: center;line-height: 80px;}
/*index*/
.FieldTrip2024Page .flowBox img {width: 100%;height: auto;}
.FieldTrip2024Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.FieldTrip2024Page #formTb input#prevBtn[type=button]{background:#888;}
.FieldTrip2024Page #formTb .priceBox{background:#f2f2f2;padding:20px 30px; margin-bottom: 20px;font-size: 120%;}
.FieldTrip2024Page #formTb .priceBox .itemName{display:inline-block;width: 6em;font-weight: bold;}
.FieldTrip2024Page #formTb .priceBox .itemContents{display:inline-block;padding-left:1em;}
.FieldTrip2024Page #formTb .priceBox .totalListItem{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.FieldTrip2024Page .infoBox input {margin: 0 1%;}
.FieldTrip2024Page .infoBox dl dt {margin-bottom: 0.3em;}
.FieldTrip2024Page .infoBox dl {margin-top: 0.8em;}
.FieldTrip2024Page .yoyakuListUl {width: 100%;margin: 1em auto 1em auto;box-sizing: border-box;}
.FieldTrip2024Page .yoyakuListUl,
.FieldTrip2024Page .yoyakuListUl li {width: 100%;box-sizing: border-box; }
.FieldTrip2024Page .yoyakuListUl li {border: 1px solid #000;padding: 1%;border-top: none;}
.FieldTrip2024Page .yoyakuListUl li:first-child{background-color: #242b5e;}
.FieldTrip2024Page .yoyakuListUl li:first-child .detail {color: #fff;}
.FieldTrip2024Page .yoyakuListUl .detail {width: 80%;text-align: center;}
.FieldTrip2024Page .yoyakuListUl .date {width: 50%; text-align: center;}
.FieldTrip2024Page .yoyakuListUl .course {width: 50%;text-align: center;}
.FieldTrip2024Page #formTb .courseSelectionBox h3{font-size: 130%;display: flex;align-items: center;border-bottom: none;margin-bottom: 2%;}
.FieldTrip2024Page #formTb .courseSelectionBox h3:before{content:"";display:inline-block;width: 14px;height: 16px;background:url(../images/toeic/icon_contents02.png) no-repeat center/100% auto;}
.FieldTrip2024Page .hColor0,
.FieldTrip2024Page .cardBox .hColor2{position:relative;}
.FieldTrip2024Page .cardBox .hColor2::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.FieldTrip2024Page .cardBox table{width:100%}
.FieldTrip2024Page .cardBox table th, .cardBox table td {border: none;border-bottom: 1px dotted #ccc;vertical-align: middle;line-height: 1.2;padding: 15px;}
.FieldTrip2024Page .cardBox table th{width:15%;}
.FieldTrip2024Page .cardBox table td{width:85%;}
.FieldTrip2024Page #formTb .attentionBox dt{font-weight:bold;}
.FieldTrip2024Page #formTb .attentionBox dt:before{content:""; display:inline-block; width:1em; height:1em; margin-right:0.3em; background:url(../images/hospitality_tour2022/icon_contents01.png) no-repeat center/100% auto;}
.FieldTrip2024Page #formTb .attentionBox dd{text-indent: -1em;padding-left: 2.3em;font-size:85%;line-height:1.8;}
.FieldTrip2024Page #formTb .attentionBox{margin:0 0 3.5em}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi:last-Child {border-bottom: none;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi.midashi {background-color: #f2f2f2;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .course,
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .kikan,
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .zanseki{border-right: 1px solid #bbb;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .course:not(.midashi .course) {text-align: center;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .detailBox:not(.kibouCourseLi.fullBox .detailBox, .kibouCourseLi.midashi .detailBox):hover{background-color: #FFE4E4;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi.fullBox .detailBox{background-color:#dcdcdc;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi.midashi{background-color: #f2f2f2;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .course{width: 30%;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .kikan{width: 50%;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi .zanseki{width:20%;}
.FieldTrip2024Page #formKibouCourseInput2 .notfull .zanseki{color:#356BFF;}
.FieldTrip2024Page #formKibouCourseInput2 .fullBox .zanseki{color:#FF181C;}
.FieldTrip2024Page #formKibouCourseInput2 .kibouCourseLi input[type=radio]:checked ~ label .detailBox {background-color: #ffbcbc;}
.FieldTrip2024Page #formTb input[type=radio] {position: absolute;top: 1em;left: -1em;}
.mgt25em{margin-top:2.5em;}
/*index*/
/*confirm*/
.FieldTrip2024Page #confirmSection #prevBtn {width: 45%;}
.FieldTrip2024Page .sectionInner .sectionInner.naiyou{margin:0 10% 3em;}
.FieldTrip2024Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}

.FieldTrip2024Page #formTb .priceBox .itemName{display:inline-block;width: 8em;font-weight: bold;}

.FieldTrip2024Page .tbBox .hColor0,
.FieldTrip2024Page .tbBox .hColor2{position:relative;}
.FieldTrip2024Page .tbBox .hColor2::before, .FieldTrip2024Page .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.FieldTrip2024Page .tbBox table{width:100%}
.FieldTrip2024Page .tbBox table th, .tbBox table td {border: none;border-bottom: 1px dotted #ccc;vertical-align: middle;line-height: 1.2;padding: 15px;}
.FieldTrip2024Page .tbBox table th{width:20%;vertical-align: baseline;}
.FieldTrip2024Page .tbBox table td {width: 80%;}
/*confirm*/
/*credit*/
.FieldTrip2024Page{}
.FieldTrip2024Page #titleImgBox{background-image: url(../images/fieldtrip2024/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.FieldTrip2024Page #titleImgBox .titleBoxH2{ background:#fc5d54;}
.FieldTrip2024Page #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 25px 0 0 20px;line-height: 1.3em;}
.FieldTrip2024Page .flowBox img {width: 100%;height: auto;}
.FieldTrip2024Page #creditCardFormTb #other-area .btn, .FieldTrip2024Page #creditCardFormTb input[type=button] {width: 45%;}
.FieldTrip2024Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.FieldTrip2024Page #formTb input#prevBtn[type=button]{background:#888;}
.FieldTrip2024Page　.sectionInner .sectionInner.naiyou {margin: 0 13% 5%;}
.FieldTrip2024Page span.marker{background-color: #ffff9a; font-weight: bold;}
.FieldTrip2024Page #creditCardFormTb  input#backBtn[type=button] {background: #888;}
.FieldTrip2024Page #creditCardFormTb .formBox1{}
.FieldTrip2024Page #creditCardFormTb label{ font-size:120%;}
.FieldTrip2024Page #creditCardFormTb .btn,
.FieldTrip2024Page #creditCardFormTb select,
.FieldTrip2024Page #creditCardFormTb input,
.FieldTrip2024Page #creditCardFormTb textarea{ font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px;}
.FieldTrip2024Page #creditCardFormTb input[type=checkbox]{ margin-right:1%; margin-bottom:0.7%;}
.FieldTrip2024Page #creditCardFormTb input[type=button]{background:#269BC3;color:#FFF;border:#aaa solid 1px;padding:1%;/* max-width: 20em; */text-align: center;margin: 0 auto 0.5em;display:inline;height: 2.5em;}
.FieldTrip2024Page #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;}
.FieldTrip2024Page #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.FieldTrip2024Page #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.FieldTrip2024Page #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.FieldTrip2024Page #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.FieldTrip2024Page #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.FieldTrip2024Page #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.FieldTrip2024Page #kiyakuSec #titleBox {padding:0 23px;}
/*---------------規約-----------------*/
.FieldTrip2024Page #kiyakuSec .txtBox .dot{margin-left: -1em;}
.FieldTrip2024Page #kiyakuSec .txtBox .num{margin-left: -1.5em;}
.FieldTrip2024Page #kiyakuSec .txtBox{position: relative; padding: 0 0 5px 18px;}

.FieldTrip2024Page #creditCardFormTb section{ border-bottom:#999 dotted 1px;padding-bottom:3%;}
.FieldTrip2024Page #creditCardFormTb section section{ margin:0 3%; padding-bottom:3%; border-bottom:#CCC solid 1px;}
.FieldTrip2024Page #creditCardFormTb section section .sectionInner{ margin-left:3%;}
.FieldTrip2024Page #creditCardFormTb #creditCardSec{}
.FieldTrip2024Page #creditCardFormTb #creditCardSec #creditCardNameInput input,
.FieldTrip2024Page #creditCardFormTb #creditCardSec #creditCardYukouInput input{ margin:0 1.5%;}
.FieldTrip2024Page #creditCardFormTb #creditCardSec #creditCardYukouInput dd input:first-child{margin-left:0;}
.FieldTrip2024Page #creditCardFormTb #creditCardSec dt{ font-size:100%; color:#000; margin-bottom:1.5%;}
.FieldTrip2024Page #creditCardFormTb #creditCardSec dt label{ font-size:100%;}
.FieldTrip2024Page #creditCardFormTb #creditCardSec dd{ margin-top:1.5%;}
.FieldTrip2024Page #creditCardFormTb #creditCardSec li{ margin-bottom:3%;}
.FieldTrip2024Page #creditCardSubmit-area.confirmBtnBox{width:100%;margin: 2em auto 3em;position:relative;}
.FieldTrip2024Page #creditCardFormTb #backBtn{background:#888;/* font-size: 100%; */left:0;color:#fff;height: 2.5em;width: 100%;}
.FieldTrip2024Page #creditCardConfBtnBox{ margin-top:4%;}
/*credit*/
/*touroku*/
.FieldTrip2024Page #formTb #kokyakuSec li {margin-bottom: 0%;}
.FieldTrip2024Page #formTb #kokyakuSec li {margin-bottom: 5%;}
.FieldTrip2024Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}
.FieldTrip2024Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.FieldTrip2024Page #formTb input#prevBtn[type=button]{background:#888;}
/*touroku*/
/*thanks*/
.FieldTrip2024Page .actionCom .backBtn {text-align: center;width: auto;margin: 8% 2% 4% 2%;}
/*thanks*/
.FieldTrip2024Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.FieldTrip2024Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}
.FieldTrip2024Page .confirmBox{margin:0 auto; width:95%;}
.FieldTrip2024Page .confirmBox table{width:100%; border:none;}
.FieldTrip2024Page .confirmBox table th,
.FieldTrip2024Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.FieldTrip2024Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.FieldTrip2024Page .confirmBox table td{width:75%;}
.FieldTrip2024Page .confirmBox .hColor0,
.FieldTrip2024Page .confirmBox .hColor1{position:relative;}
.FieldTrip2024Page .confirmBox .hColor0::before{content: "";display: block;width: 5px;height: calc(100% - 10px);background: #aaab9f;position: absolute;top: 5px;left: 0;}
.FieldTrip2024Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}
.FieldTrip2024Page #thanksSection .courseSelectionBox h3{font-size: 130%;display: flex;align-items: center;border-bottom: none;margin-bottom: 2%;}
.FieldTrip2024Page #thanksSection .courseSelectionBox h3:before{content:"";display:inline-block;width: 14px;height: 16px;background:url(../images/toeic/icon_contents02.png) no-repeat center/100% auto;}
.FieldTrip2024Page #thanksSection .naiyou {margin: 20px 5%;}
.FieldTrip2024Page #thanksSection input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}
.FieldTrip2024Page #thanksSection input#prevBtn[type=button]{background:#888;}
.FieldTrip2024Page #thanksSection .priceBox{background:#f2f2f2;padding:20px 30px; margin-bottom: 20px;font-size: 120%;}
.FieldTrip2024Page #thanksSection .priceBox .itemName{display:inline-block;width: 8em;font-weight: bold;}
.FieldTrip2024Page #thanksSection .priceBox .itemContents{display:inline-block;padding-left:1em;}

/*2024年8月20日日ここまで*/

/*2024年10月22日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2024NBK冬期講習画面用
----------------------------------------------------------------------------*/
.nbkWinter2024Page{}
.nbkWinter2024Page #titleImgBox{background-image: url(../images/nbk_winter2024/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbkWinter2024Page #titleImgBox .titleBoxH2{ background: #f7931e;}

.nbkWinter2024Page #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.nbkWinter2024Page #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}

.nbkWinter2024Page #livestation_seitoType .usagiId {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.nbkWinter2024Page #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.nbkWinter2024Page #livestation_seitoType .gabaseito {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.nbkWinter2024Page #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;}
.nbkWinter2024Page #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbkWinter2024Page #livestation_seitoType .usagiId a {width: 100%;vertical-align: middle;background-color: #f469cd;border-radius: 10px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;padding: 10px 10px;display: inline-table;line-height: 30px;}
.nbkWinter2024Page #livestation_seitoType .usagiId a:hover {text-decoration: none; opacity: .7;}

.nbkWinter2024Page #livestation_seitoType .novaseito a {width: 100%;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;}
.nbkWinter2024Page #livestation_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}
.nbkWinter2024Page #livestation_seitoType .gabaseito a {display: block; width: auto; height: 80px; line-height: 80px; background-color: #c1d614; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
.nbkWinter2024Page #livestation_seitoType .gabaseito 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;}


.nbkWinter2024Page .flowBox {width: 100%;}
.nbkWinter2024Page .flowBox img{width: 100%; height: auto;}
.nbkWinter2024Page #courseSelectBox {margin: 2em 0;}
.nbkWinter2024Page #courseSelectBox input {display: none;}
.nbkWinter2024Page #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #f7931e; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #f7931e; /* margin-bottom: 1em; */}
.nbkWinter2024Page #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.nbkWinter2024Page #courseSelectBox .sentakushi:hover {cursor: pointer;}
.nbkWinter2024Page #courseSelectBox .sentakushi {}
.nbkWinter2024Page #courseSelectBox .onebutton{max-width: 340px;}
.nbkWinter2024Page .couseTypeBtnBox .center{margin: 0 auto;}

.nbkWinter2024Page .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}

.nbkWinter2024Page #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #f7931e; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.nbkWinter2024Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.nbkWinter2024Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.nbkWinter2024Page #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;}
.nbkWinter2024Page .nagareBtn:hover {cursor: pointer;}

.nbkWinter2024Page .nagareBtn:hover img{opacity: 0;}
.nbkWinter2024Page .nagareBtn.kcNormalProgram {background:url("../images/nbk_winter2024/ryoukin_01b_on.png"); background-size: cover;}
.nbkWinter2024Page .nagareBtn.kakikousyu {background:url("../images/nbk_winter2024/ryoukin_01c_on.png"); background-size: cover;}
.nbkWinter2024Page .nagareBtn.kakikousyu_b {background:url("../images/nbk_winter2024/ryoukin_02a_on.png"); background-size: cover;}

/*ポップアップ系*/
.nbkWinter2024Page #moushikomiSec .levelmeyasu {display: inline-block;}
.nbkWinter2024Page #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;}
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .modalArea,
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .modalArea2,
.nbkWinter2024Page .nkcKakikousyu_detail .modalArea{ display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .modalBg,
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .modalBg2,
.nbkWinter2024Page .nkcKakikousyu_detail .modalBg{ width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.nbkWinter2024Page #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;}
.nbkWinter2024Page #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;}
.nbkWinter2024Page .nkcKakikousyu_detail .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: 330px; overflow : auto;}
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .closeModal,
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .closeModal2,
.nbkWinter2024Page .nkcKakikousyu_detail .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .toptitle,
.nbkWinter2024Page .nkcKakikousyu_detail .toptitle {text-align: center;font-size: 125%;font-weight: bold;margin: 20px 0;position: relative;}
.nbkWinter2024Page #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.nbkWinter2024Page #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.nbkWinter2024Page #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.nbkWinter2024Page #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #f7931e;}
.nbkWinter2024Page #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.nbkWinter2024Page #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.nbkWinter2024Page #moushikomiSec .courseSelectDt {color: #e50012; font-size: 120%; border-bottom: 1px solid #ccc;}
.nbkWinter2024Page .nkcKakikousyu_detail .toptitle {color: #e50012; font-size: 140%;}
.nbkWinter2024Page #formTb .kakiCourseSelectDt label{color: #e50012; font-size: 120%;}

.nbkWinter2024Page .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.nbkWinter2024Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbkWinter2024Page .nagare {width:80%; margin: 0 auto;}
.nbkWinter2024Page .nagare.kidschannel{font-size: 17px;}
.nbkWinter2024Page .nagare.kidschannel .pink{font-weight: bold; color: #ed1e79;}
.nbkWinter2024Page .nagare.whatis{border: solid 5px #ed1e79; padding: 1em 1em 0; margin: 1em auto 1em;}
.nbkWinter2024Page .nagare.whatis .nagareBtn{margin-left: -1em;}

.nbkWinter2024Page .kikanLinkBox {margin: 1em auto 1em;}
.nbkWinter2024Page .kikanLinkBox li {width: 20%; margin-right: 2%;}
.nbkWinter2024Page .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #f7931e;text-align: center;color: #f7931e;}
.nbkWinter2024Page .kikanLinkBox li a:hover {background-color:#f7931e; color: #fff;}
.nbkWinter2024Page .kikanLinkBox li.select a {background-color:#f7931e; color: #fff;}
.nbkWinter2024Page .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.nbkWinter2024Page .couseTypeBtnBox li {width: 48%;}
.nbkWinter2024Page .couseTypeBtnBox li.only4,
.nbkWinter2024Page .couseTypeBtnBox li.onlyKaki {width: 30%;}
.nbkWinter2024Page .couseTypeBtnBox li.ukehoudai,
.nbkWinter2024Page .couseTypeBtnBox li.setMoushikomi{width: 65%;}
.nbkWinter2024Page .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.nbkWinter2024Page .couseTypeBtnBox li.only4 a,
.nbkWinter2024Page .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.nbkWinter2024Page .couseTypeBtnBox li.kakiOnly a,
.nbkWinter2024Page .couseTypeBtnBox li.setMoushikomi a,
.nbkWinter2024Page .couseTypeBtnBox li.ukehoudai a{background-color: #f7931e; font-size: 130%;}

.nbkWinter2024Page .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.nbkWinter2024Page .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.nbkWinter2024Page .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 20em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 120%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.nbkWinter2024Page .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbkWinter2024Page .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbkWinter2024Page .kiyakuSec #riyouKiyaku,
.nbkWinter2024Page .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.nbkWinter2024Page .kiyakuSec #riyouKiyaku .kiyakutitle,
.nbkWinter2024Page .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #f7931e;padding: 10px 0 15px;}
.nbkWinter2024Page .kiyakuSec #riyouKiyaku .title,
.nbkWinter2024Page .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbkWinter2024Page .kiyakuSec #riyouKiyaku section,
.nbkWinter2024Page .kiyakuSec #riyouKiyaku2 section{border-bottom: none; padding: 0 3%;}
.nbkWinter2024Page .kiyakuSec #titleBox,
.nbkWinter2024Page .kiyakuSec #titleBox2{padding:0 3%}

.nbkWinter2024Page #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.nbkWinter2024Page #programListBox {margin-top: 3em;}
.nbkWinter2024Page #programListBox.mgt0 {margin-top: 0;}
.nbkWinter2024Page #programListBox .programDateInner{border: 1px solid #f7931e;margin: 0.3em;box-sizing: border-box;}
.nbkWinter2024Page #programListBox .ttlDate {background-color: #f7931e;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.nbkWinter2024Page #programListBox .small{font-size: 90%;}
.nbkWinter2024Page #programListBox .programUl {}
.nbkWinter2024Page #programListBox .programLi input {display: none;}
.nbkWinter2024Page #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #f7931e;}
.nbkWinter2024Page #programListBox .programLi span{display: block;}
.nbkWinter2024Page #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.nbkWinter2024Page #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.nbkWinter2024Page #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.nbkWinter2024Page #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.nbkWinter2024Page #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.nbkWinter2024Page #programListBox .programLi:last-Child {border-bottom: none;}
.nbkWinter2024Page #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff004f;font-weight: bold;}
.nbkWinter2024Page #programListBox .programLi .programLabel {display: block;}
.nbkWinter2024Page #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.nbkWinter2024Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.nbkWinter2024Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.nbkWinter2024Page #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.nbkWinter2024Page #programListBox .programLi .yoyakuSumi .status {color: #f7931e;}
.nbkWinter2024Page #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.nbkWinter2024Page #programListBox .slick-prev:before,
.nbkWinter2024Page #programListBox .slick-next:before{color: #ff004f;}

.nbkWinter2024Page #sentakuChuBox{background-color: #fff4f4;border: 1px solid #f7931e;padding: 0.5em;width: 70%;margin: 5em auto 0 auto;}
.nbkWinter2024Page #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #f7931e;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi .date{width: 25%;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi .time {width: 14%;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi .programttl {width: 47%;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.nbkWinter2024Page .confirmCourse{margin: 0 auto 3em auto;}
.nbkWinter2024Page #sentakuChuBox {margin-top: 1em;}

.nbkWinter2024Page .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.nbkWinter2024Page .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.nbkWinter2024Page .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.nbkWinter2024Page .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.nbkWinter2024Page #goToMyPage {width: 100%; margin: 0 auto;}
.nbkWinter2024Page #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.nbkWinter2024Page #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.nbkWinter2024Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbkWinter2024Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.nbkWinter2024Page .confirmBox{margin:0 auto; width:95%;}
.nbkWinter2024Page .confirmBox table{width:100%; border:none;}
.nbkWinter2024Page .confirmBox table th,
.nbkWinter2024Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbkWinter2024Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbkWinter2024Page .confirmBox table td{width:75%;}

.nbkWinter2024Page .confirmBox .hColor0,
.nbkWinter2024Page .confirmBox .hColor1{position:relative;}
.nbkWinter2024Page .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.nbkWinter2024Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}


/*2024年10月22日ここまで*/

/*2024年11月7日ここから*/
/*----------------------------------------------------------------------------
 ***                                      NBK　クリスマスイベント2024申し込み画面
----------------------------------------------------------------------------*/
.nbk_christmas2024Page{}
.nbk_christmas2024Page #titleImgBox{background-image: url(../images/nbk_christmas2024/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbk_christmas2024Page #titleImgBox .titleBoxH2{ background:#c11c00;}
.nbk_christmas2024Page #titleImgBox .titleBoxH2 h2{font-size: 165%;padding: 25px 0 0 20px;line-height: 1.3em;}
.nbk_christmas2024Page .flowBox img {width: 100%;height: auto;}

.nbk_christmas2024Page #gotoSteam_seitoType {width: 100%; text-align: center; margin: 50px 0;}
.nbk_christmas2024Page #gotoSteam_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_christmas2024Page #gotoSteam_seitoType .novaseito {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.nbk_christmas2024Page #gotoSteam_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;}
.nbk_christmas2024Page #gotoSteam_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbk_christmas2024Page #gotoSteam_seitoType .novaseito a {height: 80px;width: 100%;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;}
.nbk_christmas2024Page #gotoSteam_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}
.nbk_christmas2024Page .programListBox{margin: 2em 0;}
.nbk_christmas2024Page .partDetailBox.kinder{background-color: #fef5db;}
.nbk_christmas2024Page .partDetailBox.elementary{background-color: #dbecdb;}
.nbk_christmas2024Page .partDetailBox.middleHigh{background-color: #d3e7f5;}
.nbk_christmas2024Page .partDetailBox{padding: 1em;width: 100%;/* max-width: 400px; */margin: 2em auto;}
.nbk_christmas2024Page .partDetailBox .partDetailDl{font-size: 110%;}

.nbk_christmas2024Page .formKibouCourseInput .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi:last-Child {border-bottom: none;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi.midashi {background-color: #f2f2f2;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .kaijo,
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .kaijoAdd,
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .zanseki{border-right: 1px solid #bbb;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .kaijo:not(.midashi .kaijo) {text-align: left; padding: 0.5em;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .kaijoAdd:not(.midashi .kaijoAdd) {text-align: left; padding: 0.5em;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .detailBox:not(.kibouCourseLi.fullBox .detailBox, .kibouCourseLi.midashi .detailBox):hover{background-color: #FFE4E4;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi.fullBox .detailBox{background-color:#dcdcdc;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi.midashi{background-color: #f2f2f2;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .kaijo{width: 48%;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .kaijoAdd{width: 41%;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .zanseki{width: 11%;}
.nbk_christmas2024Page .formKibouCourseInput .notfull .zanseki{color:#356BFF;}
.nbk_christmas2024Page .formKibouCourseInput .fullBox .zanseki{color:#FF181C;}
.nbk_christmas2024Page #formTb #kokyakuSec li {margin-bottom: 0%;}
.nbk_christmas2024Page #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;}
.nbk_christmas2024Page #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbk_christmas2024Page #kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbk_christmas2024Page #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.nbk_christmas2024Page #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.nbk_christmas2024Page #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbk_christmas2024Page #kiyakuSec #riyouKiyaku section {border-bottom: none; padding: 0 3%;}
.nbk_christmas2024Page #kiyakuSec #titleBox {padding:0 23px;}

.nbk_christmas2024Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbk_christmas2024Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}
.nbk_christmas2024Page .confirmBox{margin:0 auto; width:95%;}
.nbk_christmas2024Page .confirmBox table{width:100%; border:none;}
.nbk_christmas2024Page .confirmBox table th,
.nbk_christmas2024Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbk_christmas2024Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbk_christmas2024Page .confirmBox table td{width:75%;}
.nbk_christmas2024Page .confirmBox .hColor0,
.nbk_christmas2024Page .confirmBox .hColor1{position:relative;}
.nbk_christmas2024Page .confirmBox .hColor0::before{content: "";display: block;width: 5px;height: calc(100% - 10px);background: #aaab9f;position: absolute;top: 5px;left: 0;}
.nbk_christmas2024Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}
.nbk_christmas2024Page section#creditCardFormTb{margin-top:5em;}

.nbk_christmas2024Page #confirmSection #prevBtn {width: 45%;}
.nbk_christmas2024Page #confirmSection .nkcCourse .confirmCourseDl dt.priceTxt {font-size: 120%;}
.nbk_christmas2024Page #confirmSection .infoBox dl {margin-top: 0.8em;}
.nbk_christmas2024Page #confirmSection .infoBox dl dt {margin-bottom: 0.3em;}
.nbk_christmas2024Page #confirmSection .infoBox input {margin: 0 1%;}


.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi input[type=radio]:checked ~ label .detailBox {background-color: #ffbcbc;}
.nbk_christmas2024Page #formTb input[type=radio] {position: absolute;top: 50%;left: -1em;transform: translate(-50%,-50%);margin: 0;}
.nbk_christmas2024Page #formTb #kokyakuSec li {margin-bottom: 5%;}
.nbk_christmas2024Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;margin-top: 10px;cursor: pointer;height: 50px;}
.nbk_christmas2024Page #creditCardFormTb #other-area .btn, .nbk_christmas2024Page #creditCardFormTb input[type=button] {width: 45%;}
.nbk_christmas2024Page #formTb input[type=button] {width: 45%;margin-top: 10px;height:50px;display: inline-block;}

/*2024年11月7日ここまで*/





/* 2024年12月3日ここから */
/*----------------------------------------------------------------------------
 ***                                 2025冬NBKレベルアップコンテスト画面用
----------------------------------------------------------------------------*/
.nbkLevelup2025Page{}
.nbkLevelup2025Page #titleImgBox{background-image: url(../images/nbk_levelup2025_winter/bgi_contents01.png);background-position: right top;background-repeat: no-repeat;height:auto;}
.nbkLevelup2025Page #titleImgBox .titleBoxH2{ background: #EA6056;}
.nbkLevelup2025Page #titleImgBox .titleBoxH2 h2{font-size: 165%; padding: 25px 0 0 20px; line-height: 1.3em;}

.nbkLevelup2025Page #livestation_seitoType {width: 100%;margin: 50px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.nbkLevelup2025Page #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.nbkLevelup2025Page #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.nbkLevelup2025Page #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;}
.nbkLevelup2025Page #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.nbkLevelup2025Page #livestation_seitoType .novaseito a {width: 100%;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;}
.nbkLevelup2025Page #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;}


.nbkLevelup2025Page .flowBox {width: 100%;}
.nbkLevelup2025Page .flowBox img{width: 100%; height: auto;}
.nbkLevelup2025Page #courseSelectBox {margin: 2em 0;}
.nbkLevelup2025Page #courseSelectBox input {display: none;}
.nbkLevelup2025Page #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #EA6056; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #EA6056; /* margin-bottom: 1em; */}
.nbkLevelup2025Page #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.nbkLevelup2025Page #courseSelectBox .sentakushi:hover {cursor: pointer;}
.nbkLevelup2025Page #courseSelectBox .sentakushi {}

.nbkLevelup2025Page .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}


/* .nbkLevelup2025Page #formTb .confirmBtnBox #prevBtn {display: inline-block;background: #888;color: #FFF;border: #aaa solid 1px;padding: 1%;width: 45%;text-align: center;cursor: pointer;height: 50px;}

.nbkLevelup2025Page #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #ea6d6d; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.nbkLevelup2025Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.nbkLevelup2025Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.nbkLevelup2025Page #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;} */


.nbkLevelup2025Page .nagareBtn:hover {cursor: pointer;}
.nbkLevelup2025Page .nagareBtn:hover img{opacity: 0;}
.nbkLevelup2025Page .nagareBtn.kcNormalProgram {background:url("../images/nbk_levelup2025_winter/ryoukin_01b_on.png"); background-size: cover;}
.nbkLevelup2025Page .nagareBtn.kakikousyu {background:url("../images/nbk_levelup2025_winter/ryoukin_01c_on.png"); background-size: cover;}
.nbkLevelup2025Page .nagareBtn.kakikousyu_b {background:url("../images/nbk_levelup2025_winter/ryoukin_02a_on.png"); background-size: cover;}

/*ポップアップ系*/
.nbkLevelup2025Page #moushikomiSec .levelmeyasu {display: inline-block;}
.nbkLevelup2025Page #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;}
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .modalArea,
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .modalArea2,
.nbkLevelup2025Page .nkcKakikousyu_detail .modalArea{ display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .modalBg,
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .modalBg2,
.nbkLevelup2025Page .nkcKakikousyu_detail .modalBg{ width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.nbkLevelup2025Page #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;}
.nbkLevelup2025Page #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;}
.nbkLevelup2025Page .nkcKakikousyu_detail .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: 330px; overflow : auto;}
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .closeModal,
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .closeModal2,
.nbkLevelup2025Page .nkcKakikousyu_detail .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .toptitle,
.nbkLevelup2025Page .nkcKakikousyu_detail .toptitle {text-align: center;font-size: 125%;font-weight: bold;margin: 20px 0;position: relative;}
.nbkLevelup2025Page #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.nbkLevelup2025Page #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.nbkLevelup2025Page #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.nbkLevelup2025Page #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #EA6056;}
.nbkLevelup2025Page #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.nbkLevelup2025Page #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.nbkLevelup2025Page #moushikomiSec .courseSelectDt {color: #e50012; font-size: 120%; border-bottom: 1px solid #ccc;}
.nbkLevelup2025Page .nkcKakikousyu_detail .toptitle {color: #e50012; font-size: 140%;}
.nbkLevelup2025Page #formTb .kakiCourseSelectDt label{color: #e50012; font-size: 120%;}

.nbkLevelup2025Page .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.nbkLevelup2025Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.nbkLevelup2025Page .nagare {width:80%; margin: 0 auto;}

.nbkLevelup2025Page .kikanLinkBox {margin: 1em auto 1em;}
.nbkLevelup2025Page .kikanLinkBox li {width: 20%; margin-right: 2%;}
.nbkLevelup2025Page .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #e53030;text-align: center;color: #e53030;}
.nbkLevelup2025Page .kikanLinkBox li a:hover {background-color:#e53030; color: #fff;}
.nbkLevelup2025Page .kikanLinkBox li.select a {background-color:#e53030; color: #fff;}
.nbkLevelup2025Page .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.nbkLevelup2025Page .couseTypeBtnBox li {width: 48%;}
.nbkLevelup2025Page .couseTypeBtnBox li.only4,
.nbkLevelup2025Page .couseTypeBtnBox li.onlyKaki {width: 30%;}
.nbkLevelup2025Page .couseTypeBtnBox li.ukehoudai,
.nbkLevelup2025Page .couseTypeBtnBox li.setMoushikomi{width: 65%;}
.nbkLevelup2025Page .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.nbkLevelup2025Page .couseTypeBtnBox li.only4 a,
.nbkLevelup2025Page .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.nbkLevelup2025Page .couseTypeBtnBox li.kakiOnly a,
.nbkLevelup2025Page .couseTypeBtnBox li.setMoushikomi a,
.nbkLevelup2025Page .couseTypeBtnBox li.ukehoudai a{background-color: #e53030; font-size: 130%;}

.nbkLevelup2025Page .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.nbkLevelup2025Page .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.nbkLevelup2025Page .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 23em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 110%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.nbkLevelup2025Page .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.nbkLevelup2025Page .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.nbkLevelup2025Page .kiyakuSec #riyouKiyaku,
.nbkLevelup2025Page .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.nbkLevelup2025Page .kiyakuSec #riyouKiyaku .kiyakutitle,
.nbkLevelup2025Page .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #EA6056;padding: 10px 0 15px;}
.nbkLevelup2025Page .kiyakuSec #riyouKiyaku .title,
.nbkLevelup2025Page .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.nbkLevelup2025Page .kiyakuSec #riyouKiyaku section,
.nbkLevelup2025Page .kiyakuSec #riyouKiyaku2 section{border-bottom: none;}
.nbkLevelup2025Page .kiyakuSec #titleBox,
.nbkLevelup2025Page .kiyakuSec #titleBox2{padding:0 23px;}

.nbkLevelup2025Page #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.nbkLevelup2025Page #programListBox {margin-top: 3em;}
.nbkLevelup2025Page #programListBox.mgt0 {margin-top: 0;}
.nbkLevelup2025Page #programListBox .programDateInner{border: 1px solid #EA6056;margin: 0.3em;box-sizing: border-box;}
.nbkLevelup2025Page #programListBox .ttlDate {background-color: #EA6056;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.nbkLevelup2025Page #programListBox .programUl {}
.nbkLevelup2025Page #programListBox .programLi input {display: none;}
.nbkLevelup2025Page #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #EA6056;}
.nbkLevelup2025Page #programListBox .programLi span{display: block;}
.nbkLevelup2025Page #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.nbkLevelup2025Page #programListBox .programLi .status{width: 18%;text-align: center;display: flex;justify-content: center;align-items: center;}
.nbkLevelup2025Page #programListBox .programLi .dateAndClass{width: 25%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.nbkLevelup2025Page #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.nbkLevelup2025Page #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.nbkLevelup2025Page #programListBox .programLi:last-Child {border-bottom: none;}
.nbkLevelup2025Page #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff004f;font-weight: bold;}
.nbkLevelup2025Page #programListBox .programLi .programLabel {display: block;}
.nbkLevelup2025Page #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.nbkLevelup2025Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.nbkLevelup2025Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.nbkLevelup2025Page #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.nbkLevelup2025Page #programListBox .programLi .yoyakuSumi .status {color:#EA6056;}
.nbkLevelup2025Page #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.nbkLevelup2025Page #programListBox .slick-prev:before,
.nbkLevelup2025Page #programListBox .slick-next:before{color: #ff004f;}

.nbkLevelup2025Page #sentakuChuBox{background-color: #fff4f4;border: 1px solid #EA6056;padding: 0.5em;width: 70%;margin: 5em auto 0 auto;}
.nbkLevelup2025Page #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #EA6056;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi .date{width: 25%;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi .time {width: 14%;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi .level {width: 14%;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi .programttl {width: 47%;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.nbkLevelup2025Page .confirmCourse{margin: 0 auto 3em auto;}
.nbkLevelup2025Page #sentakuChuBox {margin-top: 1em; margin-bottom:1em;}

.nbkLevelup2025Page .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.nbkLevelup2025Page .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.nbkLevelup2025Page .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.nbkLevelup2025Page .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.nbkLevelup2025Page #goToMyPage {width: 100%; margin: 0 auto;}
.nbkLevelup2025Page #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.nbkLevelup2025Page #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.nbkLevelup2025Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbkLevelup2025Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.nbkLevelup2025Page .confirmBox{margin:0 auto; width:95%;}
.nbkLevelup2025Page .confirmBox table{width:100%; border:none;}
.nbkLevelup2025Page .confirmBox table th,
.nbkLevelup2025Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.nbkLevelup2025Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.nbkLevelup2025Page .confirmBox table td{width:75%;}

.nbkLevelup2025Page .confirmBox .hColor0,
.nbkLevelup2025Page .confirmBox .hColor1{position:relative;}
.nbkLevelup2025Page .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.nbkLevelup2025Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}

.nbkLevelup2025Page #formTb .height50{display: inline-block; background: #269BC3; color: #FFF; border: #ccc solid 1px; padding: 1%;width: 280px;text-align: center; margin: 10px 10px 28px;cursor: pointer;height: 50px;}
.nbkLevelup2025Page #goToMyPage .goToMyPageUl p{width: 48%;max-width: 269px;}

.nbkLevelup2025Page span.marker{background-color: #ffff9a;}

/*-------------注意事項---------------*/
.nbkLevelup2025Page #noteSec .txtBox .dot{margin-left: -1em;}
.nbkLevelup2025Page #noteSec .txtBox{position: relative; padding: 5px 0 5px 18px;}
/*---------------規約-----------------*/
.nbkLevelup2025Page #nlcKiyakuSec .txtBox .dot{margin-left: -1em;}
.nbkLevelup2025Page #nlcKiyakuSec .txtBox{position: relative; padding: 5px 0 5px 18px;}

/*-------------日時選択---------------*/
.shinochataikenPage #dateSection .sectionInner{width: 100%;}
.nbkLevelup2025Page #dateSection .sectionInner{width: 100%;}

.nbkLevelup2025Page #lefelupyoyakumenu {width:40%;font-size: 12px;/*float: left;*/margin:0 auto;}
.nbkLevelup2025Page #lefelupyoyakumenu h4{display: block;	width: auto;background-color: #808080;	/*height: 12px;*/font-size: 12px;color: #fff;line-height: 12px;font-weight: bold;text-align: center;	padding-left: 0;margin: 0 0 10px 0;	padding: 9px 0 8px; border-left:none;}
.nbkLevelup2025Page #lefelupyoyakumenu .dateSec{margin-bottom: 1em;}
.nbkLevelup2025Page #lefelupyoyakumenu .date {float: left;/*width: 100px*/;margin-right:2%; margin-left: 2%;}
.nbkLevelup2025Page #lefelupyoyakumenu .date label {width: 130px;height: 25px;display: block;text-align: center;line-height: 25px;padding-left: 5px;transition: all ease .3s;border-top: 0.5px solid #eee;border-left: 0.5px solid #eee;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;border-radius: 4px;margin-bottom: 1px;cursor: pointer;}

.nbkLevelup2025Page #lefelupyoyakumenu .date label:hover {background-color: #9cd307;}
.nbkLevelup2025Page #lefelupyoyakumenu .time {float: left;/*width: 155px;*/width: 52%; text-align: center;/*margin-bottom: 30px;*/margin-left: 3%;}
.nbkLevelup2025Page #lefelupyoyakumenu .time label {width: 160px;height: 20px;display: block;text-align: center;line-height: 20px;border: solid 0.5px #a7db77;/*border-top: 0.5px solid #bbeaff;border-left: 0.5px solid #bbeaff;border-bottom: 1px solid #87cbf9;border-right: 1px solid #87cbf9;*/margin-bottom: 2px;background-color: #d5eac3;border-radius: 3px;transition: all ease .3s;cursor: pointer;}
.nbkLevelup2025Page #lefelupyoyakumenu .time label:hover {background-color: #9cd307;}
.nbkLevelup2025Page #lefelupyoyakumenu .time li:nth-child(odd) {width: 75px;/*margin-right: 2px;*/}
.nbkLevelup2025Page #lefelupyoyakumenu .time li:nth-child(even) {width: 75px;}
.nbkLevelup2025Page #lefelupyoyakumenu .saturday {color: #1166a5;}
.nbkLevelup2025Page #lefelupyoyakumenu .sunday {color: #ea3f4c;}
.nbkLevelup2025Page #lefelupyoyakumenu input[type=radio] {display: none;}
.nbkLevelup2025Page #lefelupyoyakumenu input[type=radio]:checked + label {background-color: #a7db77;}
.nbkLevelup2025Page #lefelupyoyakumenu .time .full label{background-color: #efefef;border-top: 0.5px solid transparent;border-left: 0.5px solid transparent;border-bottom: 1px solid transparent;border-right: 1px solid transparent;color: #999;}
.nbkLevelup2025Page #lefelupyoyakumenu .none {width: 50px;height: 20px;margin-bottom: 1px;background-color: #fff;border-top: 0.5px solid transparent;border-left: 0.5px solid transparent;border-bottom: 1px solid transparent;border-right: 1px solid transparent;}
.nbkLevelup2025Page #lefelupyoyakumenu .time li:last-child {/*width: 162px;*/text-align: left;margin-top: 25px; float: right;width: 90%; margin-left: 8%;}
.nbkLevelup2025Page #lefelupyoyakumenu .konzatsu1, .konzatsu2 {/*margin-left: 30px;*/width: 75px;position: relative;margin-bottom: 20px;font-weight: normal;}
.nbkLevelup2025Page #lefelupyoyakumenu .konzatsu1::before {content: '';display: block;position: absolute;left: -20px;top: 0;width: 15px;height: 35px;background: #d5eac3;margin-right: 5px;}
.nbkLevelup2025Page #lefelupyoyakumenu .konzatsu2::before {content: '';display: block;position: absolute;left: -20px;top: 0;width: 15px;height: 35px;background: #efefef;margin-right: 5px;}

.nbkLevelup2025Page #lefelupyoyakumenu .koushibtn{text-align: center;}
.nbkLevelup2025Page #lefelupyoyakumenu .koushibtn a{display: inline-block; background: #9cd307;color: #fff;padding: 10px 15px 9px;font-weight: bold; border-radius: 7px;font-size: 1.2em; text-decoration: none; width: 85%; text-align: center;}
.nbkLevelup2025Page #lefelupyoyakumenu .koushibtn a:hover{background: #badd99;}

.nbkLevelup2025Page #lefelupyoyakumenu .time li:last-child dl{display: flex;}
section section .sectionInner .btnHome{margin: 2em auto 1em;text-align: center;}

/*-------------表　開催日程・受付期間---------------*/
.nbkLevelup2025Page table.schedule{width: 100%;}
.nbkLevelup2025Page .schedule .bgcLightGray{background-color: #f2f2f2;}
.nbkLevelup2025Page .schedule td.course.bgcLightPink{width: 35%;}
.nbkLevelup2025Page .schedule .bgcLightPink {background-color: #ffe9f2;}
.nbkLevelup2025Page .schedule th, .nbkLevelup2025Page .schedule td {vertical-align: middle; font-size: 90%;}
/* 2024年11月25日ここまで */
/* 2024年12月3日ここまで */


/* 2025年3月18日ここから */
/*----------------------------------------------------------------------------
 ***                                                      2025toeic画面
----------------------------------------------------------------------------*/
.toeicPage #titleImgBox{background-image: url(../../images/toeic2025/img_contents01c.jpg);background-position: right top;background-repeat: no-repeat;height:auto;}
.toeicPage #titleImgBox .titleBoxH2{ background:#6BAF00;}
.toeicPage #toeic_seitoType {width: 100%; text-align: center; margin: 50px 0;}
.toeicPage #toeic_seitoType .type {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
.toeicPage #toeic_seitoType a {display: block; width: auto; height: 80px; line-height: 80px; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
.toeicPage #toeic_seitoType .novaseito a {background-color: #00a1c9;}
.toeicPage #toeic_seitoType .shinki a {background-color: #f469cd;}
.toeicPage #toeic_seitoType .gabaseito a {background-color: #00AF28;}

.toeicPage #kiyakuSec .btn{background: #d7d7d7;color:#0e7ea4;padding:1%;width: 19em;text-align: center;margin: 0 auto 1.5em;display: block;font-size: 141%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.toeicPage .nagare img {max-width: 684px;width: 100%;height: auto;/* margin: 0 auto; */}
.toeicPage .nagare {width: 80%;margin: 0 auto 0px;text-align: center;}

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

.toeicPage #formTb .courseSelectionBox .sectionInner{margin: 0 auto;}
.toeicPage #formTb .courseSelectionBox h3{font-size: 130%;display: flex;align-items: center;border-bottom: none;margin-bottom: 2%;}
.toeicPage #formTb .courseSelectionBox h3:before{content:"";display:inline-block;width: 14px;height: 16px;background:url(../../images/toeic2025/icon_contents02.png) no-repeat center/100% auto;}
.toeicPage #formTb .courseSelectionBox .formBox1 .radioChoice{width: 190px;float: left;margin: 0 2% 0 0;}
.toeicPage #formTb .courseSelectionBox .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px;font-size: 120%;}
.toeicPage #formTb .courseSelectionBox .priceBox .itemName{display:inline-block;width: 6em;font-weight: bold;}
.toeicPage #formTb .courseSelectionBox .priceBox .itemContents{display:inline-block;padding-left:1em;}
.toeicPage #formTb .courseSelectionBox .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.toeicPage #formTb .courseSelectionBox .tableBox{margin-top: 20px;}
.toeicPage #formTb .courseSelectionBox .tableBox table{width:100%;}
.toeicPage #formTb .courseSelectionBox .tableBox table th{background:#f2f2f2;text-align:left;font-weight:bold;vertical-align:middle;padding: 10px;border: 1px solid #ccc;}
.toeicPage #formTb .courseSelectionBox .tableBox table td{vertical-align:middle;padding: 10px;border: 1px solid #ccc;}

.toeicPage #formTb .courseSelectionBox .attentionBox dt{font-weight:bold;}
.toeicPage #formTb .courseSelectionBox .attentionBox dt:before{content:""; display:inline-block; width:1em; height:1em; margin-right:0.3em; background:url(../../images/toeic2025/icon_contents01.png) no-repeat center/100% auto;}
.toeicPage #formTb .courseSelectionBox .attentionBox dd{text-indent: -1em;padding-left: 2.3em;font-size:85%;line-height:1.8;}
.toeicPage #formTb .courseSelectionBox .attentionBox dd .txtLabel{background: linear-gradient(transparent 60%, #f8ed79 0%);}


.toeicPage #mainSectionInnerCon p#thanksTitle,#mainSectionInnerErr p#errorTitle{font-weight:bold;margin-bottom:20px;}
.toeicPage #mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;}
.toeicPage #mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;margin-left: 2em;}
.toeicPage #mainSectionInnerCon .message li{text-indent: -2em;padding-left: 1em;margin-bottom: 0.5em;}
.toeicPage #mainSectionInnerCon .message li a{border-bottom: 1px solid #006699;font-weight: bold;text-decoration: none;}
.toeicPage #mainSectionInnerCon .message li a.boxBtn{ border: none; cursor: pointer; display: block; text-indent: 0em;}

.toeicPage .actionCom .backBtn{ text-align:center; margin-top:6%;width: 60%;margin: 6% auto;}

.toeicPage #formTb #kokyakuSec #zip-code #btnSearchAddress{width:auto; height:auto;}

.toeicPage #confirmSectionInner{ margin:3.5%;}

.toeicPage #confirmArea{margin:0 auto; width:95%;}
.toeicPage #confirmArea table{width:100%; border:none;}
.toeicPage #confirmArea table th,
.toeicPage #confirmArea table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.toeicPage #confirmArea table th{width:30%; text-align:left; padding-left:1.2em;}
.toeicPage #confirmArea table td{width:75%;}

.toeicPage #submit-area.confirmBtnBox{width:90%; margin:0 auto; position:relative;}
.toeicPage #confirmSection input{ font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px;}
.toeicPage #confirmSection #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;}

.toeicPage #confirmSection #confBtnBox{ margin-top:4%;}
.toeicPage #confirmSection #confBtnBox #submit-area{ text-align:center; margin-bottom:2%;margin-top: 2%;}
.toeicPage #confirmSection #confBtnBox #ppSslUl li{ text-align:center; line-height:1.2em; margin:1.5% 0;}
.toeicPage #confirmSection #confBtnBox #ppSslUl li:nth-child(2),
.toeicPage #confirmSection #confBtnBox #ppSslUl li:nth-child(3){ margin:1% 0;}

.toeicPage #confirmArea .hColor0,
.toeicPage #confirmArea .hColor1,
.toeicPage #confirmArea .hColor2{position:relative;}
.toeicPage #confirmArea .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.toeicPage #confirmArea .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}
.toeicPage #confirmArea .hColor2::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#6baf01; position:absolute; top:5px; left:0;}

.toeicPage #confirmSection .confirmBtnBox{text-align: center;}
.toeicPage #formTb .courseSelectionBox{margin: 40px auto 30px;max-width: 685px;}

.toeicPage #confirmArea table#pointRiyou {margin: 1em 0 1.5em; border: none;}
.toeicPage #confirmArea table#pointRiyou th,
.toeicPage #confirmArea table#pointRiyou td {border-collapse:collapse;box-sizing: border-box; border: solid 1px #ccc;}
.toeicPage #confirmArea table#pointRiyou th,
.toeicPage #confirmArea table#pointRiyou td{width: auto;text-align: center;padding: 2% 0;}
.toeicPage #confirmArea table#pointRiyou th {background-color: #f2f2f2;}
.toeicPage #confirmArea table#pointRiyou .family td{ background-color: #66cdaa;}
.toeicPage #confirmArea table#pointRiyou .extra td{ background-color: #f0e68c;}
.toeicPage #confirmArea table#pointRiyou .check {width: 8%;}
.toeicPage #confirmArea table#pointRiyou .type {width: 12%;}
.toeicPage #confirmArea table#pointRiyou .course {width: 30%;}
.toeicPage #confirmArea table#pointRiyou .pointNokori {width: 25%;}
.toeicPage #confirmArea table#pointRiyou .kigen {width: 25%;}

.toeicPage #creditCardConfirmArea{margin:0 auto; width:95%;}
.toeicPage #creditCardConfirmArea table{width:100%; border:none;}
.toeicPage #creditCardConfirmArea table th,
.toeicPage #creditCardConfirmArea table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.toeicPage #creditCardConfirmArea table th{width:25%; text-align:left; padding-left:1.2em;}
.toeicPage #creditCardConfirmArea table td{width:75%;}

.toeicPage #creditCardConfirmArea .hColor0,
.toeicPage #creditCardConfirmArea .hColor1,
.toeicPage #creditCardConfirmArea .hColor2{position:relative;}
.toeicPage #creditCardConfirmArea .hColor2::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#6baf01; position:absolute; top:5px; left:0;}

.toeicPage #creditCardFormTb label{ font-size:120%;}
.toeicPage #creditCardFormTb .btn,
.toeicPage #creditCardFormTb select,
.toeicPage #creditCardFormTb input,
.toeicPage #creditCardFormTb textarea{ font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px;}
.toeicPage #creditCardFormTb input[type=checkbox]{ margin-right:1%; margin-bottom:0.7%;}
.toeicPage #creditCardFormTb #other-area .btn,
.toeicPage #creditCardFormTb input[type=button]{background:#269BC3;color:#FFF;border:#aaa solid 1px;padding:1%;width: 100%;max-width: 20em; text-align: center;margin: 0 auto 0.5em;display: block; height: 2.5em}

.toeicPage #creditCardFormTb section{ border-bottom:#999 dotted 1px; padding-bottom:3%;}

.toeicPage #creditCardFormTb #creditCardSec #creditCardNameInput input,
.toeicPage #creditCardFormTb #creditCardSec #creditCardYukouInput input{ margin:0 1.5%;}
.toeicPage #creditCardFormTb #creditCardSec #creditCardYukouInput dd input:first-child{margin-left:0;}
.toeicPage #creditCardFormTb #creditCardSec dt{ font-size:100%; color:#000; margin-bottom:1.5%;}
.toeicPage #creditCardFormTb #creditCardSec dt label{ font-size:100%;}
.toeicPage #creditCardFormTb #creditCardSec dd{ margin-top:1.5%;}
.toeicPage #creditCardFormTb #creditCardSec li{ margin-bottom:3%;}

.toeicPage #creditCardSubmit-area.confirmBtnBox{width:100%;margin: 2em auto 3em;position:relative;}
.toeicPage #creditCardFormTb #backBtn{background:#888;font-size: 100%;left:0;color:#fff;height: 40px;}
.toeicPage #creditCardFormTb #creditCardConfBtnBox input[type=checkbox]{ margin-right:1%; margin-bottom:0.7%;}
.toeicPage #creditCardConfBtnBox{ margin-top:4%;}
.toeicPage #creditCardConfBtnBox #ppSslUl li{ text-align:center; line-height:1.2em; margin:1.5% 0;}
.toeicPage #creditCardConfBtnBox #ppSslUl li:nth-child(2),
.toeicPage #creditCardConfBtnBox #ppSslUl li:nth-child(3){ margin:1% 0;}

.toeicPage #creditCardFormTb #other-area .btn,
.toeicPage #creditCardFormTb input[type=button]{background:#269BC3;color:#FFF;border:#aaa solid 1px;padding:1%;width: 100%;max-width: 20em; text-align: center;margin: 0 auto 0.5em;display: block; height: 2.5em}

.toeicPage #formKibouCourseInput2 .kibouCourseUl{margin-left:25px;border:1px solid #bbb;}
/* .toeicPage #formKibouCourseInput2 .kibouCourseUl .detailBox span{padding:0.5em;} */
.toeicPage #formKibouCourseInput2 .kibouCourseLi{position:relative;border-bottom:1px solid #bbb;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi:last-Child{border-bottom:none;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi span{display:block;padding:0.5em 0;text-align:center;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .region,.toeicPage #formKibouCourseInput2 .kibouCourseLi .course,.toeicPage #formKibouCourseInput2 .kibouCourseLi .kikan,.toeicPage #formKibouCourseInput2 .kibouCourseLi .youbi,.toeicPage #formKibouCourseInput2 .kibouCourseLi .time,.toeicPage #formKibouCourseInput2 .kibouCourseLi .level,.toeicPage #formKibouCourseInput2 .kibouCourseLi .nedan{border-right:1px solid #bbb;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .inputBtn{width:25px;position:absolute;left:-25px;top:50%;transform:translateY(-50%);}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .detailBox{display:flex;justify-content:space-between;padding:0;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .region, .toeicPage #formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .course{line-height:2.7;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .kikan{width:17em;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .time{width:10em;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .time{line-height:2.6;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .kaijo{width:calc(100% - 37em);}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .kaijo span{padding:0;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .kaijo .detail{font-size:110%;padding-top:0.1em;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi.midashi,.toeicPage #formKibouCourseInput2 .kibouCourseLi.midashi .detailBox:hover{background-color:#f2f2f2;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .course,.toeicPage #formKibouCourseInput2 .kibouCourseLi .nedan{width:7em;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .region{width:4em;}
.toeicPage #kiyakuSec #riyouKiyaku ul.txtBox{padding-bottom: 1em;}
.toeicPage #kiyakuSec #riyouKiyaku ul.txtBox:last-child{padding-bottom: 0;}
.toeicPage #kiyakuSec #riyouKiyaku table{margin: 1em auto 0;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .detailBox:not(.kibouCourseLi.fullBox .detailBox, .kibouCourseLi.midashi .detailBox):hover{background-color: #FFE4E4;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi.fullBox .detailBox{background-color:#dcdcdc;}
/* 2025年3月18日ここまで */


/* 2025年5月20日ここから */
/*----------------------------------------------------------------------------
 ***                                               2025中学英語専科夏期講習画面用
----------------------------------------------------------------------------*/
.eigosenkaSummer2025Page{}
.eigosenkaSummer2025Page #titleImgBox{background-image: url(../../images/summerCourse2025/bgi_contents01.jpg);background-position: right top;background-repeat: no-repeat;height:auto;}
.eigosenkaSummer2025Page #titleImgBox .titleBoxH2{ background: #ea6d6d;}

.eigosenkaSummer2025Page #livestation_seitoType {width: 100%;margin: 10px 0 0;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;}
.eigosenkaSummer2025Page #livestation_seitoType .shinki {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.eigosenkaSummer2025Page #livestation_seitoType .novaseito {display: block;margin: 10px;border-radius: 10px; width: 45%;max-width: 300px;}
.eigosenkaSummer2025Page #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;}
.eigosenkaSummer2025Page #livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
.eigosenkaSummer2025Page #livestation_seitoType .novaseito a {width: 100%;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;}
.eigosenkaSummer2025Page #livestation_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}
.eigosenkaSummer2025Page #livestation_seitoType .novaseito .note{display: inline-block; margin-top: 0.5em;}

.eigosenkaSummer2025Page .taimenBox a:hover {text-decoration: none; opacity: .7;}
.eigosenkaSummer2025Page .taimenBox .schoolSearchBtn{background-color: #532e8e; padding: 0.3em 1em; color: #fff; display: inline-block; border-radius: 4px}
.eigosenkaSummer2025Page .taimenBox .schoolSearchBtn::after{content: url(../../images/summerCourse2025/icon_schoolsearch.png); background-repeat: no-repeat; margin: 0.3em; vertical-align: text-bottom;;}

.eigosenkaSummer2025Page .taimenBox .taimenTel,
.eigosenkaSummer2025Page .taimenBox .taimenLesson {display: inline-block;margin: 10px;border-radius: 10px;max-width: 300px;width: 45%;flex-wrap: wrap;}
.eigosenkaSummer2025Page .taimenBox .taimenTel a,
.eigosenkaSummer2025Page .taimenBox .taimenLesson a{display: block; width: auto; height: 80px; line-height: 80px;  border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
.eigosenkaSummer2025Page .taimenBox .taimenTel a{border: solid #532e8e;}
.eigosenkaSummer2025Page .taimenBox .taimenLesson a{background-color: #f7931e;}
.eigosenkaSummer2025Page .taimenBox .taimenTel a:hover,
.eigosenkaSummer2025Page .taimenBox .taimenLesson 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;}


.eigosenkaSummer2025Page .flowBox {width: 100%;}
.eigosenkaSummer2025Page .flowBox img{width: 100%; height: auto;}

.eigosenkaSummer2025Page .kikanLinkBox {margin: 1em auto 1em;}
.eigosenkaSummer2025Page .kikanLinkBox li {width: 20%; margin-right: 2%;}
.eigosenkaSummer2025Page .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #e53030;text-align: center;color: #e53030;}
.eigosenkaSummer2025Page .kikanLinkBox li a:hover {background-color:#e53030; color: #fff;}
.eigosenkaSummer2025Page .kikanLinkBox li.select a {background-color:#e53030; color: #fff;}

.eigosenkaSummer2025Page #courseSelectBox {margin: 2em 0;}
.eigosenkaSummer2025Page #courseSelectBox input {display: none;}
.eigosenkaSummer2025Page #courseSelectBox .sentakushi {display: block; padding: 1em; border: 2px solid #ea6d6d; background-color: #ffe5e5;border-radius: 10px;font-size: 130%;font-weight: bold;color: #ea6d6d; /* margin-bottom: 1em; */}
.eigosenkaSummer2025Page #courseSelectBox .kakiOnlyCourseBox .sentakushi {border: 2px solid #2ca6e0; background-color: #daf4ff;color: #2ca6e0;}
.eigosenkaSummer2025Page #courseSelectBox .sentakushi:hover {cursor: pointer;}
.eigosenkaSummer2025Page #courseSelectBox .sentakushi {}

.eigosenkaSummer2025Page .planudBlock {text-decoration: underline; border-bottom: none;color: #ff8a00;}

.eigosenkaSummer2025Page #formTb #kokyakuSec #courseSelectBox .priceListDl dt {border-left: 5px solid #ea6d6d; padding-left: 0.5em; font-size: 120%;margin-top: 1em;}
.eigosenkaSummer2025Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd {padding-left: 1em;}
.eigosenkaSummer2025Page #formTb #kokyakuSec #courseSelectBox .priceListDl dd .course {display: inline-block; width: 13em;}
.eigosenkaSummer2025Page #formTb #kokyakuSec #courseSelectBox .shousai a {display: block; background: #ccc; text-align: center;}
.eigosenkaSummer2025Page .nagareBtn:hover {cursor: pointer;}
.eigosenkaSummer2025Page .nagareBtn:hover img{opacity: 0;}
.eigosenkaSummer2025Page .nagareBtn.kcNormalProgram {background:url("../../images/summerCourse2025/ryoukin_01b_on.png"); background-size: cover;}
.eigosenkaSummer2025Page .nagareBtn.kakikousyu {background:url("../../images/summerCourse2025/ryoukin_01c_on.png"); background-size: cover;}
.eigosenkaSummer2025Page .nagareBtn.kakikousyu_b {background:url("../../images/summerCourse2025/ryoukin_02a_on.png"); background-size: cover;}

/*ポップアップ系*/
.eigosenkaSummer2025Page #moushikomiSec .levelmeyasu {display: inline-block;}
.eigosenkaSummer2025Page #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;}
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .modalArea,
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .modalArea2,
.eigosenkaSummer2025Page .nkcKakikousyu_detail .modalArea{ display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .modalBg,
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .modalBg2,
.eigosenkaSummer2025Page .nkcKakikousyu_detail .modalBg{ width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.eigosenkaSummer2025Page #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;}
.eigosenkaSummer2025Page #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;}
.eigosenkaSummer2025Page .nkcKakikousyu_detail .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: 330px; overflow : auto;}
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .closeModal,
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .closeModal2,
.eigosenkaSummer2025Page .nkcKakikousyu_detail .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .toptitle,
.eigosenkaSummer2025Page .nkcKakikousyu_detail .toptitle {text-align: center;font-size: 125%;font-weight: bold;margin: 20px 0;position: relative;}
.eigosenkaSummer2025Page #moushikomiSec .courseInput .select {font-weight: bold;margin: 10px 0;}
.eigosenkaSummer2025Page #moushikomiSec .courseInput .select label {display: block;margin: 5px 0;font-size: 105%;}
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu dd {margin: 10px 0px;}
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .standardCourse {color: #0cb0cf;}
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .advancedCourse {color: #fe7faf;}
.eigosenkaSummer2025Page #moushikomiSec .kidschannel_levelmeyasu .underLine {padding-bottom: 10px;border-bottom: 1px dashed #aaa;}
.eigosenkaSummer2025Page #formTb #kokyakuSec .nkcKakikousyu_detail dt {font-size: 130%; padding-left: 0.5em; border-left: 5px solid #ea6d6d;}
.eigosenkaSummer2025Page #formTb #kokyakuSec .nkcKakikousyu_detail .ryouhouDD{ margin-top: 20px; font-weight: bold;}
.eigosenkaSummer2025Page #formTb #kokyakuSec .nkcKakikousyu_detail .ukehoudaiDD {margin-bottom: 1em;}
.eigosenkaSummer2025Page #moushikomiSec .courseSelectDt {color: #e50012; font-size: 120%; border-bottom: 1px solid #ccc;}
.eigosenkaSummer2025Page .nkcKakikousyu_detail .toptitle {color: #e50012; font-size: 140%;}
.eigosenkaSummer2025Page #formTb .kakiCourseSelectDt label{color: #e50012; font-size: 120%;}


.eigosenkaSummer2025Page .backBtnBox a { display: inline-block; border-radius: 7px; background:#888; color:#FFF; border:#aaa solid 1px; padding:1%; width: 280px; text-align: center;margin: 10px; cursor: pointer; height: 40px;}

.eigosenkaSummer2025Page .nagare img {width:100%;height: auto;/* margin: 0 auto; */}
.eigosenkaSummer2025Page .nagare {width:80%; margin: 0 auto;}

/* .eigosenkaSummer2025Page .kikanLinkBox {margin: 1em auto 1em;}
.eigosenkaSummer2025Page .kikanLinkBox li {width: 20%; margin-right: 2%;}
.eigosenkaSummer2025Page .kikanLinkBox li a {width: 100%; border-radius: 5px; display: block; padding: 0.25em 0; text-decoration: none; border: 1px solid #e53030;text-align: center;color: #e53030;}
.eigosenkaSummer2025Page .kikanLinkBox li a:hover {background-color:#e53030; color: #fff;}
.eigosenkaSummer2025Page .kikanLinkBox li.select a {background-color:#e53030; color: #fff;} */
.eigosenkaSummer2025Page .couseTypeBtnBox {width: 80%; margin: 0 auto;}
.eigosenkaSummer2025Page .couseTypeBtnBox li {width: 48%;}
.eigosenkaSummer2025Page .couseTypeBtnBox li.only4,
.eigosenkaSummer2025Page .couseTypeBtnBox li.onlyKaki {width: 30%;}
.eigosenkaSummer2025Page .couseTypeBtnBox li.ukehoudai,
.eigosenkaSummer2025Page .couseTypeBtnBox li.setMoushikomi{width: 65%;}
.eigosenkaSummer2025Page .couseTypeBtnBox li a {display: flex; align-items: center; justify-content: center; height: 3.5em; vertical-align: middle; width: 100%; text-align: center;  color: #fff;padding: 0.5em; border-radius: 0.5em;font-weight: bold;}
.eigosenkaSummer2025Page .couseTypeBtnBox li.only4 a,
.eigosenkaSummer2025Page .couseTypeBtnBox li.onlyKaki a{background-color: #1785a8;}
.eigosenkaSummer2025Page .couseTypeBtnBox li.kakiOnly a,
.eigosenkaSummer2025Page .couseTypeBtnBox li.setMoushikomi a,
.eigosenkaSummer2025Page .couseTypeBtnBox li.ukehoudai a{background-color: #e53030; font-size: 130%;}

.eigosenkaSummer2025Page .kiyakuSec .onegaiImg {max-width: 260px; margin: 0 auto;}
.eigosenkaSummer2025Page .kiyakuSec .onegaiImg img{width: 100%;height: auto;}
.eigosenkaSummer2025Page .kiyakuSec .kiyakuBox .btn{background: #ffebd6;color:#0e7ea4;padding:1%;width: 23em;text-align: center;margin: 1em auto 0.5em;display: block;font-size: 120%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.eigosenkaSummer2025Page .kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.eigosenkaSummer2025Page .kiyakuSec #point_submitarea {width: auto; text-align: center;}
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku,
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku2{width: auto;height:300px;overflow-y: scroll;background-color: #fffbf7;margin-bottom: 10px;}
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku .kiyakutitle,
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku2 .kiyakutitle{text-align: center;font-size: 24px;color: #ea6d6d;padding: 10px 0 15px;}
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku .title,
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku2 .title{font-size: 17px;border-left: 10px solid #ffd2d2;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku section,
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku2 section{border-bottom: none;}
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku section,
.eigosenkaSummer2025Page .kiyakuSec #riyouKiyaku2 section{border-bottom: none; padding: 0 3%;}
.eigosenkaSummer2025Page .kiyakuSec #titleBox,
.eigosenkaSummer2025Page .kiyakuSec #titleBox2{padding:0 23px;}

.eigosenkaSummer2025Page #creditCardFormTb #other-area .btn {background-color: #ffebd6;}

.eigosenkaSummer2025Page #programListBox {margin-top: 3em;}
.eigosenkaSummer2025Page #programListBox.mgt0 {margin-top: 0;}
.eigosenkaSummer2025Page #programListBox .programDateInner{border: 1px solid #ea6d6d;margin: 0.3em;box-sizing: border-box;}
.eigosenkaSummer2025Page #programListBox .ttlDate {background-color: #ea6d6d;margin: 0;padding: 0.4em;text-align: center;color: #fff;font-size: 115%;font-weight: bold;}
.eigosenkaSummer2025Page #programListBox .programUl {}
.eigosenkaSummer2025Page #programListBox .programLi input {display: none;}
.eigosenkaSummer2025Page #programListBox .programLi{font-size: 90%;border-bottom: 1px dashed #ea6d6d;}
.eigosenkaSummer2025Page #programListBox .programLi span{display: block;}
.eigosenkaSummer2025Page #programListBox .programLi .programBtn{padding: 0.4em 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.eigosenkaSummer2025Page #programListBox .programLi .status{width: 17%;text-align: center;display: flex;justify-content: center;align-items: center; margin-right: -6px;}
.eigosenkaSummer2025Page #programListBox .programLi .dateAndClass{width: 26%;max-width: 5em;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content:center;}
.eigosenkaSummer2025Page #programListBox .programLi .ttl{width: 57%;display: flex;justify-content: center;align-items: center;}
.eigosenkaSummer2025Page #programListBox .setOk {color: #ff6d00;}
#formTb #kokyakuSec #programListBox li{margin-bottom: 0;}
.eigosenkaSummer2025Page #programListBox .programLi:last-Child {border-bottom: none;}
.eigosenkaSummer2025Page #programListBox .programLi .selectOk .sentakuBtn{display: inline-block;border: 1px solid #ff4981;padding: 0.2em 0.3em 0.1em 0.3em;border-radius: 5px;background-color: #ffeef3;color: #ff004f;font-weight: bold;}
.eigosenkaSummer2025Page #programListBox .programLi .programLabel {display: block;}
.eigosenkaSummer2025Page #programListBox .programLi .programLabel:hover {background: #fffad1; cursor: pointer;}
.eigosenkaSummer2025Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn {background-color: #fffad1;}
.eigosenkaSummer2025Page #programListBox .programLi .programLabel input[type=checkbox].programCheck:checked + .programBtn .sentakuBtn {background-color: #ff417c;color: #ffeef3;}
.eigosenkaSummer2025Page #programListBox .programLi .yoyakuSumi {background-color: #fff9f9;}
.eigosenkaSummer2025Page #programListBox .programLi .yoyakuSumi .status {color: #ea6d6d;}
.eigosenkaSummer2025Page #programListBox .programLi .selectFull {background-color: #eee; color: #888;}
.eigosenkaSummer2025Page #programListBox .slick-dots{display: none;}
.eigosenkaSummer2025Page #programListBox .programDateUl.slick-dotted.slick-slider{margin-bottom: 0;}


.eigosenkaSummer2025Page #sentakuChuBox{background-color: #fff4f4;border: 1px solid #ea6d6d;padding: 0.5em;width: 75%;margin: 5em auto 0 auto;}
.eigosenkaSummer2025Page #sentakuChuBox .ttl {font-size: 120%;text-align: center;margin: 0.5em 0;font-weight: bold;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi {padding: 0.2em 1em 0.2em 1.5em;position: relative;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi:before {content: ""; width: 6px; height: 6px; border-radius: 50%; display:block; position: absolute; top: 0.6em; left: 0.7em;; background-color: #ea6d6d;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi .date{width: 21%;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi .time {width: 13%;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi .level {width: 17%;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi .programttl {width: 49%;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi .setTaisho {width:22%; text-align: right;font-weight: bold; color: #ff6d00;}

.eigosenkaSummer2025Page .confirmCourse{margin: 0 auto 3em auto;}
.eigosenkaSummer2025Page #sentakuChuBox {margin-top: 1em;}

.eigosenkaSummer2025Page .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px; width: 80%; margin: 2em auto;}
.eigosenkaSummer2025Page .priceBox .itemName{display:inline-block;width: 65%;font-weight: bold;}
.eigosenkaSummer2025Page .priceBox .itemContents{display:inline-block;text-align:right; width: 30%;}
.eigosenkaSummer2025Page .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.eigosenkaSummer2025Page #goToMyPage {width: 100%; margin: 0 auto;}
.eigosenkaSummer2025Page #goToMyPage .goToMyPageUl{display: flex;justify-content: space-around;margin-bottom: 3em;}
.eigosenkaSummer2025Page #goToMyPage .goToMyPageUl li{width: 48%;max-width: 269px;}

.eigosenkaSummer2025Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.eigosenkaSummer2025Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}

.eigosenkaSummer2025Page .confirmBox{margin:0 auto; width:95%;}
.eigosenkaSummer2025Page .confirmBox table{width:100%; border:none;}
.eigosenkaSummer2025Page .confirmBox table th,
.eigosenkaSummer2025Page .confirmBox table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
.eigosenkaSummer2025Page .confirmBox table th{width:25%; text-align:left; padding-left:1.2em;}
.eigosenkaSummer2025Page .confirmBox table td{width:75%;}

.eigosenkaSummer2025Page .confirmBox .hColor0,
.eigosenkaSummer2025Page .confirmBox .hColor1{position:relative;}
.eigosenkaSummer2025Page .confirmBox .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
.eigosenkaSummer2025Page .confirmBox .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}

/*2025年5月20日ここまで*/


/*----------------------------------------------------------------------------
 ***                                                              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,
#formTb #kokyakuSec #furiganaInput2 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;}

/* 2024年5月29日ここから */
#formTb #prevBtn{background-color: #888;}
#creditCardFormTb #prevBtn{background-color: #888;}
/* 2024年5月29日ここまで */


/*　一覧用　*/

#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);}