@charset "utf-8";
/* CSS Document */
/* メディアクエリー関係
------------------------------------------------------------ */
body{-webkit-text-size-adjust:100%;}
html { font-size: 90%;}
@media screen and (max-width: 320px) {html { font-size: 100%;} body{ font-size:80%;}}
@media screen and (min-width: 321px) {html { font-size: 100%;} body{ font-size:90%;}}


/*----------------------------------------------------------------------------
 ***                                                          Container共通用
----------------------------------------------------------------------------*/

html,
body,
#wrap{width:100%;}
img{ width:100%; height:auto;}
.pcHidden{ display:block;}
.pcBlock{ display:none;}
.spHidden{ display:none;}
.spBlock{ display:block;}
.listParts{ display:none;}
.listAtten{ color:#999;}
.hide{display:none;}

/*----------------------------------------------------------------------------
 ***                                                             Header共通用
----------------------------------------------------------------------------*/
#headerAreaLogo{ width:50%; padding-top:1%;}
#headerAreaLogo h1{ font-size:100%; line-height:1.0em;}
#headerAreaLink{ width:27%; padding-top:1%;}
#headerAreaLogo img,
#headerAreaLink img{ width:100%; height:auto;}


/*----------------------------------------------------------------------------
 ***                                                       contentsArea共通用
----------------------------------------------------------------------------*/
#contentsArea { width:100%; margin:0 auto;}
#contentsAreaInner {}

/*----------------------------------------------------------------------------
 ***                                                    　 mainsection共通用
----------------------------------------------------------------------------*/
#mainSection { border:none; border-top:#000 solid 10px; margin:0;}
#mainSectionInner, #mainSectionInnerCon, #mainSectionInnerErr { margin:0 3%; box-sizing: border-box;}/*2022年10月5日*/
#mainSection h3, #mainSectionInnerCon h3, #mainSectionInnerErr h3{ font-size:130%; line-height:1,1em; border-bottom:#D9D9D9 solid 2px; margin-bottom:3%;}
#mainSectionInner #pageTitle{ font-size:100%; line-height:1.6em; background:url(../images/common/icon_list09.png) left 2px no-repeat; padding:0 0 0 25px; border-bottom:#eee solid 6px;}

#titleImgBox{ background-size:auto 100%; height:auto;}
#titleImgBox .titleBoxH2{ width:60%; height:auto;}
#titleImgBox .titleBoxH2 h2{ color:#FFF; font-size:120%; padding:7.5% 0 7.5% 5%; font-weight:normal; line-height:1.2em}
#titleImgBox .titleTxtBox{background: url(../../../common_images/ico_contents02.jpg) 5% 50% no-repeat;background-color:#000;background-size:auto 50%;width:60%;height:auto;}
#titleImgBox .titleTxtBox p{ margin:0; color:#989898; font-size:90%; line-height:1.1em; padding:5% 0 5% 16%;}


/*----------------------------------------------------------------------------
 ***                                                             footer共通用
----------------------------------------------------------------------------*/
#footerArea { width:100%; padding:2% 2.5% 0.5% 2.5%; border-top:#000 solid 10px; margin-top:2%;}
#footerArea p{ }
#footerCopyright p{ font-size:70%;}
#footerAreaLogo{ width:20%;margin-right:10%}


/*----------------------------------------------------------------------------
 ***                                                            section共通用
----------------------------------------------------------------------------*/
section { margin-top:5%;}
.sectionInner { margin:0 2%;}
.sectionInner .sectionInner { margin:0 2%;}


/*----------------------------------------------------------------------------
 ***                                                    requestフォーム画面用
----------------------------------------------------------------------------*/
.requestPage{}
.requestPage #titleImgBox .titleBoxH2{ background:#29ABE2;}
.requestPage #mainSection .normal {  height:auto;background-position:right 50%; background-image:url(../images/request/img_contents01sp.jpg); }
.requestPage #mainSection .nks {  height:auto;background-position:right 50%; background-image:url(../images/request/img_contents03.jpg); }
.requestPage #mainSection .jmh {  height:auto;background-position:right 50%; background-image:url(../images/request/img_contents03_jmh.jpg); }
.requestPage #mainSection .kids { height:auto;background-position:right 50%; background-image:url(../images/common/kids/img_contents02sp.jpg); }
.requestPage #mainSection .kids_eiken { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_eiken.jpg); }
.requestPage #mainSection .kids_mtom { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_mtom.jpg); }
.requestPage #mainSection .kids_ocha { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_ocha.jpg); }
.requestPage button{ font-size:120%; padding:10px;}
.requestPage #reqHeadTxtSec_normal{ position:relative; background:none; height:auto; margin-top:4%;}
.requestPage #reqHeadTxtSec_normal .sectionInner{ padding:0; width:auto;}
.requestPage #reqHeadTxtSec_normal .sectionInner h3{ margin:0 0 0.5% 0; border:none; color:#EE1F7A; font-size:120%; line-height:1.2em; text-align:center;}
.requestPage #reqHeadTxtSec_normal .sectionInner #msgP{width:100%;margin-top:0px;}
.requestPage #reqHeadTxtSec_normal .sectionInner #usagiP{ position:relative; right:auto; top:auto; margin:0; float:right; width:20%;}

.requestPage #reqHeadTxtSec_kids { position:relative; background:none; height:auto; margin-top:4%;}
.requestPage #reqHeadTxtSec_kids .sectionInner{ padding:0; width:auto;}
.requestPage #reqHeadTxtSec_kids .sectionInner {padding:23px 0 23px 0; width:630px}
.requestPage #reqHeadTxtSec_kids .sectionInner img{ width:100%; height:auto;}
.requestPage .actionCom{ margin-bottom:7%;}
.requestPage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.requestPage .actionCom .backBtn img{ width:70%;}
.requestPage .actionCom li{ margin-top:3%; text-align:center;}
/*----------------------------------------------------------------------------
 ***                                                     trialフォーム画面用
----------------------------------------------------------------------------*/
.trialPage{}

.trialPage #titleImgBox .titleBoxH2{ background:#EE1F7A;}
.trialPage #mainSection .normal {  height:auto;background-position:right 50%; background-image:url(../images/trial/img_contents01sp.jpg); }
.trialPage #mainSection .nks {  height:auto;background-position:150% 50%; background-image:url(../images/trial/img_contents03.jpg); }
.trialPage #mainSection .jmh {  height:auto;background-position:150% 50%; background-image:url(../images/trial/img_contents03_jmh.jpg); }
.trialPage #mainSection .kids { height:auto;background-position:right 50%; background-image:url(../images/common/kids/img_contents02sp.jpg) }
.trialPage #mainSection .kids_eiken { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_eiken.jpg); }
.trialPage #mainSection .kids_mtom { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_mtom.jpg); }
.trialPage #mainSection .kids_ocha { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_ocha.jpg); }

.trialPage #stepSec{}
.trialPage #stepSec .sectionInner{ margin:0;}
.trialPage #stepSec li{ float:none; background:none; width:auto; padding-right:0; overflow:hidden; margin-bottom:3%;}
.trialPage #stepSec li dt{ float:left; text-align:left; font-size:110%; color:#E81F7D; margin-right:2%;}
.trialPage #stepSec li dd.midashiDd{ text-align:left; font-size:100%; margin-bottom:2px; font-weight:bold;clear:none;}
.trialPage #stepSec li dd.imgDd{ width:20%; float:left; margin-right:1%;clear:none;}
.trialPage #stepSec li dd.commDd{ font-size:80%; margin-top:4px;clear:none;}

.trialPage #stepSec_nks{}
.trialPage #stepSec_nks .sectionInner{ margin:0;}
.trialPage #stepSec_nks li{ float:none; background:none; width:auto; padding-right:0; overflow:hidden; margin-bottom:3%;}
.trialPage #stepSec_nks li dt{ float:left; text-align:left; font-size:110%; color:#E81F7D; margin-right:2%;}
.trialPage #stepSec_nks li dd.midashiDd{ text-align:left; font-size:100%; margin-bottom:2px; font-weight:bold;clear:none;}
.trialPage #stepSec_nks li dd.imgDd{ width:20%; float:left; margin-right:1%;clear:none;}
.trialPage #stepSec_nks li dd.commDd{ font-size:80%; margin-top:4px;clear:none;}

.trialPage .actionCom{ margin-bottom:7%;}
.trialPage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.trialPage .actionCom .backBtn img{ width:70%;}
.trialPage .actionCom li{ margin-top:3%; text-align:center;}

/* ↓↓2005追記↓↓ */
/*----------------------------------------------------------------------------
 ***                                                     Skypeフォーム画面用
----------------------------------------------------------------------------*/
.skypePage{}
.skypePage #titleImgBox{background-position: center right -60%;background-image: url(../images/splp/img_contents01.png);height:auto;}
.skypePage #titleImgBox .titleBoxH2{ background:#00B2BC;}

.skypePage #creditCardSec #creditCardNameInput input,
.skypePage #creditCardSec #creditCardYukouInput input{ width:35%;}

.skypePage #creditCardFormTb{}
.skypePage #creditCardFormTb label{ font-size:100%;}
.skypePage #creditCardFormTb #other-area .btn,
.skypePage #creditCardFormTb select,
.skypePage #creditCardFormTb input,
.skypePage #creditCardFormTb textarea{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.skypePage #creditCardFormTb textarea{ width:90%}
.skypePage #creditCardFormTb select{ font-size:110%;}
.skypePage #creditCardFormTb .radioChoice label{ padding:10px;}
.skypePage #creditCardFormTb input[type=text]{ width:90%;}
.skypePage #creditCardFormTb select.seleW2{ width:22%;}

.skypePage #confirmSection .creditcardBtn{margin-top: 11%;}

.skypePage #creditCardFormTb #backBtn{background:#888;font-size: 80%;left:0;color:#fff;}

.skypePage #kiyakuSec .btn{font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}

/* ↑↑2005追記↑↑ */
/* 2020年7月1日追記ここから */
/*----------------------------------------------------------------------------
 ***                                                     LIVESTATIONフォーム画面用
----------------------------------------------------------------------------*/
.livePage .nagare {width: 100%;padding: 0em;}
.livePage #courseInput dd {padding-left: 0;}
.livePage .zeibetsu {padding-left: 0;}
/* 2020年7月1日追記ここまで */
/*2020年7月17日追記ここから*/
#kyukaishaSelectLesson {margin: 1.5em 0;}
#kyukaishaSelectLesson .lessonSaikai , .nlsOnly {width: 100%;}
#kyukaishaSelectLesson .lessonSaikai a, .nlsOnly a {width: 100%;}
.spNone {display: none;}
/*2020年7月17日追記ここまで*/
/*2020年8月21日ここから*/
#formTb #campaigncode input[type=button] {width: 20%;margin: 0 auto; height: 40px;margin-top: -0.6em;}
#formTb #campaigncode input[type=text] {width:70%}
/*2020年8月21日ここから*/

/*2020年10月20日追記ここから*/
/*----------------------------------------------------------------------------
 ***                                               KIDSチャンネルフォーム画面用
----------------------------------------------------------------------------*/
.liveKidsPage #goToMyPage {width: 80%; margin: 2em auto;}
.liveKidsPage #formTb #birthdayInput label {margin: 0 0.5%;vertical-align: middle;}
.liveKidsPage #moushikomiSec #courseInput .select label {margin-bottom: 1em;}
.liveKidsPage #formTb #courseInput label {display: block;margin-right:0; margin-top: 0.5em;}

/*2020年10月20日追記ここまで*/
/*2021年10月19日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2021NBK冬期講習画面用
----------------------------------------------------------------------------*/
.nbkWinter2021Page #programListBox .slick-next{right: -20px;}
.nbkWinter2021Page #programListBox .slick-prev{left: -20px;}

.nbkWinter2021Page #sentakuChuBox{width: 100%;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi {padding: 0.1em 0 0.1em 0.5em; margin-bottom: 0.75em; position: relative; border-left: 5px solid #6facd7; background-color:#fff;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi:last-child {margin-bottom: 0.1em;}
#formTb #kokyakuSec #programListBox li.sentakuChuLi {margin-bottom: 0.75em;}
#formTb #kokyakuSec #programListBox li.sentakuChuLi:last-child {margin-bottom: 0.1em;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi:before {display: none;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi span {display: inline-block;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .date{width: 30%;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .time {width: 25%;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .level {width: 30%;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .programttl {width: 100%;}
.nbkWinter2021Page #sentakuChuBox .sentakuChuLi .setTaisho {width: 100%;text-align: left;font-weight: normal;color: #ff6d00;}

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

.nbkWinter2021Page #goToMyPage {width: 100%; margin: 0 auto;}
.nbkWinter2021Page #goToMyPage .goToMyPageUl{flex-wrap: wrap;}
.nbkWinter2021Page #goToMyPage .goToMyPageLi {width: 70%; margin-bottom: 1em;}
.nbkWinter2021Page #goToMyPage .goToMyPageLi:last-child {width: 70%; max-width:240px; margin-bottom: 0;}

#creditCardConfirmArea table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
#creditCardConfirmArea table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
#creditCardConfirmArea .hColor0::before,
#creditCardConfirmArea .hColor1::before{height:calc(100% - 1.3em); top:1em;}

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

/*2021年10月19日ここまで*/
/*2022年4月19日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2022NBK夏期講習画面用
----------------------------------------------------------------------------*/
.nbkSummer2022Page #livestation_seitoType .shinki {width:100%;}
.nbkSummer2022Page #livestation_seitoType .novaseito{width:100%;}

.nbkSummer2022Page .flowBox {margin-top: 1em;}
.nbkSummer2022Page .nagare{width:100%;}
.nbkSummer2022Page .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.nbkSummer2022Page .kikanLinkBox li {width: 25%; font-size: 11px;}
.nbkSummer2022Page .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.nbkSummer2022Page .couseTypeBtnBox li {width: 100%;}
.nbkSummer2022Page .couseTypeBtnBox li a{width: 100%;}
.nbkSummer2022Page .programDateUl {width: 90%; margin: 0 auto;}
.nbkSummer2022Page #sentakuChuBox {width: 100%;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi .time,
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.nbkSummer2022Page #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

.nbkSummer2022Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbkSummer2022Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbkSummer2022Page .confirmBox .hColor0::before,
.nbkSummer2022Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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%;}

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


/*2022年7月19日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2022NBKGotoSTEAM用
----------------------------------------------------------------------------*/
.nbk_gotoSteamPage{}
.nbk_gotoSteamPage #titleImgBox{background-image: url(../images/nbk_gotosteam/bgi_contents01.png);height:auto;background-size: contain;background-position-x: 13em;}
.nbk_gotoSteamPage #titleImgBox .titleBoxH2 h2{font-size:110%;padding: 13px 0 13px 12px;}
.nbk_gotoSteamPage .flowBox{margin-top:1em;}

.nbk_gotoSteamPage #formTb input[type=radio] {position: absolute;top: 1em;left: -3em;}
.nbk_gotoSteamPage #courseSelectBox{margin-top:1em;}
.nbk_gotoSteamPage #formTb .confirmBtnBox #prevBtn {width: 49%;}
.nbk_gotoSteamPage .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbk_gotoSteamPage .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbk_gotoSteamPage .confirmBox .hColor0::before,
.nbk_gotoSteamPage .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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 #formTb input[type=button]{width: 49%;}
/*2022年7月19日ここまで*/

/*2022年10月5日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2022NBKGotoSTEAM用
----------------------------------------------------------------------------*/
.nbk_christmas2023Page{}
.nbk_christmas2023Page #mainSectionInner{margin: 3.5%;}
.nbk_christmas2023Page #titleImgBox{background-image: url(../images/nbk_christmas2022/bgi_contents01.png);height:auto;background-size: contain;background-position-x: 13em;}
.nbk_christmas2023Page #titleImgBox .titleBoxH2 h2{font-size:110%;padding: 13px 0 13px 12px;}
.nbk_christmas2023Page .flowBox{margin-top:1em;}

.nbk_christmas2023Page #formTb input[type=radio] {position: absolute;top: 50%;left: -2em; transform: translateY(-50%);}
.nbk_christmas2023Page #courseSelectBox{margin-top:1em;}
.nbk_christmas2023Page #formTb .confirmBtnBox #prevBtn {width: 49%;}
.nbk_christmas2023Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbk_christmas2023Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbk_christmas2023Page .confirmBox .hColor0::before,
.nbk_christmas2023Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.nbk_christmas2023Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.nbk_christmas2023Page .confirmBox #confBtnBox #ppSslUl li{ font-size:78%;}
.nbk_christmas2023Page #formTb input[type=button]{width: 49%;}

.nbk_christmas2023Page .formKibouCourseInput .kibouCourseUl{border: none; margin-left: 0;}
.nbk_christmas2023Page .formKibouCourseInput .kibouCourseLi{margin-bottom: 5px; border: 1px solid #ccc;}
.nbk_christmas2023Page .formKibouCourseInput .kibouCourseLi .kaijoAdd, .nbk_christmas2023Page .formKibouCourseInput .kibouCourseLi .zanseki{border-right: none;}
.nbk_christmas2023Page .formKibouCourseInput .kibouCourseLi .detailBox{flex-wrap: wrap;}
.nbk_christmas2023Page .formKibouCourseInput .kibouCourseLi .kaijo {width: 70%; order: 1;}
.nbk_christmas2023Page .formKibouCourseInput .kibouCourseLi .kaijoAdd {width: 100%; order: 3; border-top: 1px solid #ccc;}
.nbk_christmas2023Page .formKibouCourseInput .kibouCourseLi .zanseki {width: 30%; order: 2;}
.nbk_christmas2023Page .goToMyPageUl{max-width: 300px; margin: 1em auto;}
.nbk_christmas2023Page .goToMyPageLi,
.nbk_christmas2023Page .goToMyPageLi img{width: 100%;height: auto;}
/*2022年10月5日ここまで*/

/*2023年5月2日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2023NBK夏期講習画面用
----------------------------------------------------------------------------*/
.nbkSummer2023Page #livestation_seitoType .shinki {width:100%;}
.nbkSummer2023Page #livestation_seitoType .novaseito{width:100%;}

.nbkSummer2023Page .flowBox {margin-top: 1em;}
.nbkSummer2023Page .nagare{width:100%;}
.nbkSummer2023Page .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.nbkSummer2023Page .kikanLinkBox li {width: 25%; font-size: 11px;}
.nbkSummer2023Page .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.nbkSummer2023Page .couseTypeBtnBox li {width: 100%;}
.nbkSummer2023Page .couseTypeBtnBox li a{width: 100%;}
.nbkSummer2023Page .programDateUl {width: 90%; margin: 0 auto;}
.nbkSummer2023Page #sentakuChuBox {width: 100%;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi .time,
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.nbkSummer2023Page #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

.nbkSummer2023Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbkSummer2023Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbkSummer2023Page .confirmBox .hColor0::before,
.nbkSummer2023Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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%;}

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

/*2023年5月30日ここから*/
/*----------------------------------------------------------------------------
 ***                                                2023新お茶セブオンライン
----------------------------------------------------------------------------*/
/*夏の完全パック*/
.cebonlineSummer2023aPage #livestation_seitoType .shinki {width:100%;}
.cebonlineSummer2023aPage #livestation_seitoType .novaseito{width:100%;}

.cebonlineSummer2023aPage .flowBox {margin-top: 1em;}
.cebonlineSummer2023aPage .nagare{width:100%;}
.cebonlineSummer2023aPage .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.cebonlineSummer2023aPage .kikanLinkBox li {width: 25%; font-size: 11px;}
.cebonlineSummer2023aPage .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.cebonlineSummer2023aPage .couseTypeBtnBox li {width: 100%;}
.cebonlineSummer2023aPage .couseTypeBtnBox li a{width: 100%;}
.cebonlineSummer2023aPage .programDateUl {width: 90%; margin: 0 auto;}
.cebonlineSummer2023aPage #sentakuChuBox {width: 100%;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi .time,
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.cebonlineSummer2023aPage #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

.cebonlineSummer2023aPage .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.cebonlineSummer2023aPage .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.cebonlineSummer2023aPage .confirmBox .hColor0::before,
.cebonlineSummer2023aPage .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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%;}

/*英会話集中パック*/
.cebonlineSummer2023bPage #livestation_seitoType .shinki {width:100%;}
.cebonlineSummer2023bPage #livestation_seitoType .novaseito{width:100%;}

.cebonlineSummer2023bPage .flowBox {margin-top: 1em;}
.cebonlineSummer2023bPage .nagare{width:100%;}
.cebonlineSummer2023bPage .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.cebonlineSummer2023bPage .kikanLinkBox li {width: 25%; font-size: 11px;}
.cebonlineSummer2023bPage .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.cebonlineSummer2023bPage .couseTypeBtnBox li {width: 100%;}
.cebonlineSummer2023bPage .couseTypeBtnBox li a{width: 100%;}
.cebonlineSummer2023bPage .programDateUl {width: 90%; margin: 0 auto;}
.cebonlineSummer2023bPage #sentakuChuBox {width: 100%;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi .time,
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.cebonlineSummer2023bPage #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

.cebonlineSummer2023bPage .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.cebonlineSummer2023bPage .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.cebonlineSummer2023bPage .confirmBox .hColor0::before,
.cebonlineSummer2023bPage .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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%;}

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


/*2023年7月7日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2023NBKGotoSTEAM用
----------------------------------------------------------------------------*/
.nbk_gotoSteam2023Page{}
.nbk_gotoSteam2023Page #titleImgBox{background-image: url(../images/nbk_gotosteam2023/bgi_contents01.png);height:auto;background-size: contain;background-position-x: 13em;}
.nbk_gotoSteam2023Page #titleImgBox .titleBoxH2 h2{font-size:110%;padding: 13px 0 13px 12px;}
.nbk_gotoSteam2023Page .flowBox{margin-top:1em;}

.nbk_gotoSteam2023Page #formTb input[type=radio] {position: absolute;top: 1em;left: -3em;}
.nbk_gotoSteam2023Page #courseSelectBox{margin-top:1em;}
.nbk_gotoSteam2023Page #formTb .confirmBtnBox #prevBtn {width: 49%;}
.nbk_gotoSteam2023Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbk_gotoSteam2023Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbk_gotoSteam2023Page .confirmBox .hColor0::before,
.nbk_gotoSteam2023Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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 #formTb input[type=button]{width: 49%;}
/*2023年7月7日ここまで*/

/*2023年8月22日ここから*/
/*----------------------------------------------------------------------------
 ***                                           NOVA　英語de大人の社会見学2023用
----------------------------------------------------------------------------*/
.FieldTrip2023Page{}
.FieldTrip2023Page #titleImgBox{background-image: url(../images/fieldtrip2023/bgi_contents01.png);height:auto;background-size: contain;background-position-x: 13em;}
.FieldTrip2023Page #titleImgBox .titleBoxH2 h2{font-size:110%;padding: 13px 13px 13px 12px;}
.FieldTrip2023Page .flowBox {margin-top: 1em;}

/*index*/
.FieldTrip2023Page #formTb input[type=button]{width: 49%;}
.FieldTrip2023Page .cardBox table th {display: block;width: 100%;border-bottom:none;text-align:left;padding:10px 15px;}
.FieldTrip2023Page .cardBox table td {display: block;width: 100%;padding:0 0 6px 1em;}
.FieldTrip2023Page #formTb .courseSelectionBox .priceBox {background: #f2f2f2;padding: 10px 10px;margin-top: 20px;font-size: 90%;}
.FieldTrip2023Page #formTb .priceBox .totalListItem {margin-top: 10px;padding-top: 10px;border-top: 1px solid #ccc;}
.FieldTrip2023Page #formTb .priceBox .itemContents {display: inline-block;padding-left: 1em;}
.FieldTrip2023Page #formTb .priceBox .itemName {display: inline-block;width: 3.2em;font-weight: bold;}
.FieldTrip2023Page #formTb input[type=radio] {position: absolute;top: 1em;left: -3em;}
/*index*/
/*confirm*/
.FieldTrip2023Page #formTb .confirmBtnBox #prevBtn {width: 49%;}
.FieldTrip2023Page #formTb input[type=button]{width: 49%;}
.FieldTrip2023Page .tbBox table td{width:100%;display: block;padding: 0 0 6px 1em;}
.FieldTrip2023Page .tbBox table th {width: 100%;text-align: left;border-bottom: none;display:block;padding: 10px 15px;}
.FieldTrip2023Page #formTb .courseSelectionBox .priceBox {background: #f2f2f2;padding: 10px 10px;margin-top: 20px;font-size: 90%;}
.FieldTrip2023Page #formTb .priceBox .totalListItem {margin-top: 10px;padding-top: 10px;border-top: 1px solid #ccc;}
.FieldTrip2023Page #formTb .priceBox .itemContents {display: inline-block;padding-left: 1em;}
.FieldTrip2023Page #formTb .priceBox .itemName {display: inline-block;width: 3.2em;font-weight: bold;}
/*confirm*/
/*credit*/
.FieldTrip2023Page #formTb input[type=button]{width: 49%;}
.FieldTrip2023Page #creditCardFormTb #other-area .btn, .FieldTrip2023Page #creditCardFormTb input[type=button]{display:inline;}
.FieldTrip2023Page #creditCardFormTb #backBtn {background: #888;font-size: 100%;left: 0;color: #fff;height: 50px;width: 45%;}
/*2022年8月31日修正・追記箇所ここから*/
.FieldTrip2023Page #creditCardFormTb input[type=button] {background: #269BC3;color: #FFF;border: #aaa solid 1px;padding: 1%;text-align: center;margin: 0 auto 0.5em;display: block;height: 50px;}
.FieldTrip2023Page #creditCardFormTb .kiyakuBox #other-area .btn {margin-bottom: 1em;display: block;width: 15em;}

/*2022年8月31日修正・追記箇所ここまで*/
.FieldTrip2023Page #creditCardFormTb #other-area .btn, .FieldTrip2023Page #creditCardFormTb input[type=button] {display: inline;}
.FieldTrip2023Page section#creditCardFormTb{margin-top: 3em;}
/*credit*/
/*thanks*/
.FieldTrip2023Page .actionCom .backBtn {text-align: center;margin-top: 6%;}
.FieldTrip2023Page .actionCom .backBtn img{width:70%;}
.FieldTrip2023Page .actionCom{margin-bottom: 7%;}
/*thanks*/
/*touroku*/
.FieldTrip2023Page #formTb .confirmBtnBox #prevBtn {width: 49%;}
.FieldTrip2023Page #formTb input[type=button]{width: 49%;}
/*touroku*/
/*2023年8月22日ここまで*/

/*2023年10月12日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2023NBK冬期講習画面用
----------------------------------------------------------------------------*/
/*2023年10月20日ここから*/
.nbkWinter2023Page #livestation_seitoType .shinki,
.nbkWinter2023Page #livestation_seitoType .usagiId,
.nbkWinter2023Page #livestation_seitoType .novaseito,
.nbkWinter2023Page #livestation_seitoType .gabaseito{width: 100%;}
/*2023年10月20日ここまで*/
.nbkWinter2023Page .couseTypeBtnBox li.only4,
.nbkWinter2023Page .couseTypeBtnBox li.ukehoudai,
.nbkWinter2023Page .couseTypeBtnBox li.kakiOnly,
.nbkWinter2023Page .couseTypeBtnBox li.setMoushikomi,
.nbkWinter2023Page .couseTypeBtnBox li.only4,
.nbkWinter2023Page .couseTypeBtnBox li.onlyKaki{width: 100%;}
.nbkWinter2023Page .couseTypeBtnBox li.setMoushikomi a{height:5em;}

.nbkWinter2023Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbkWinter2023Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbkWinter2023Page .confirmBox .hColor0::before,
.nbkWinter2023Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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 .flowBox {margin-top: 1em;}
.nbkWinter2023Page .nagare{width:100%;}
.nbkWinter2023Page .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.nbkWinter2023Page .kikanLinkBox li {width: 25%; font-size: 11px;}
.nbkWinter2023Page .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.nbkWinter2023Page .couseTypeBtnBox li {width: 100%;}
.nbkWinter2023Page .couseTypeBtnBox li a{width: 100%;}
.nbkWinter2023Page .programDateUl {width: 90%; margin: 0 auto;}
.nbkWinter2023Page #sentakuChuBox {width: 100%;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi .time,
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.nbkWinter2023Page #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

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

/*2024年1月19日ここから*/
/*----------------------------------------------------------------------------
 ***                                               NBK英検チャンネル用
----------------------------------------------------------------------------*/
.nbk_eikenchannelPage{}
.nbk_eikenchannelPage #titleImgBox{background-image: url(../images/nbk_eikenchannel/bgi_contents01.png);height:auto;background-size: contain;background-position-x: 13em;background-position: right top;}
.nbk_eikenchannelPage #titleImgBox .titleBoxH2 h2{font-size:110%;padding: 13px 0 13px 12px;}
.nbk_eikenchannelPage .flowBox{margin-top:1em;}

.nbk_eikenchannelPage #formTb input[type=radio] {position: absolute;top: 1em;left: -3em;}
.nbk_eikenchannelPage #courseSelectBox{margin-top:1em;}
.nbk_eikenchannelPage #formTb .confirmBtnBox #prevBtn {width: 49%;}
.nbk_eikenchannelPage .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbk_eikenchannelPage .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbk_eikenchannelPage .confirmBox .hColor0::before,
.nbk_eikenchannelPage .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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 #formTb input[type=button]{width: 49%;}
/*2024年1月19日ここまで*/

/*2024年5月2日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2024NBK夏期講習画面用
----------------------------------------------------------------------------*/
.nbkSummer2024Page #livestation_seitoType .shinki {width:100%;}
.nbkSummer2024Page #livestation_seitoType .novaseito{width:100%;}

.nbkSummer2024Page .flowBox {margin-top: 1em;}
.nbkSummer2024Page .nagare{width:100%;}
.nbkSummer2024Page .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.nbkSummer2024Page .kikanLinkBox li {width: 25%; font-size: 11px;}
.nbkSummer2024Page .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.nbkSummer2024Page .couseTypeBtnBox li {width: 100%;}
.nbkSummer2024Page .couseTypeBtnBox li a{width: 100%;}
.nbkSummer2024Page .programDateUl {width: 90%; margin: 0 auto;}
.nbkSummer2024Page #sentakuChuBox {width: 100%;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi .time,
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.nbkSummer2024Page #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

.nbkSummer2024Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbkSummer2024Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbkSummer2024Page .confirmBox .hColor0::before,
.nbkSummer2024Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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 .couseTypeBtnBox li.only4,
.nbkSummer2024Page .couseTypeBtnBox li.ukehoudai,
.nbkSummer2024Page .couseTypeBtnBox li.kakiOnly,
.nbkSummer2024Page .couseTypeBtnBox li.setMoushikomi,
.nbkSummer2024Page .couseTypeBtnBox li.only4,
.nbkSummer2024Page .couseTypeBtnBox li.onlyKaki{width: 100%;}
.nbkSummer2024Page .couseTypeBtnBox li.setMoushikomi a{height:5em;}

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


/*2024年6月11日ここから*/
/*----------------------------------------------------------------------------
 ***                                       2024NBKレベルアップコンテスト画面用
----------------------------------------------------------------------------*/
.nbkLevelup2024Page #titleImgBox .titleBoxH2 h2{font-size: 110%; padding: 13px 0 13px 12px;}
.nbkLevelup2024Page #livestation_seitoType .shinki {width:100%;}
.nbkLevelup2024Page #livestation_seitoType .novaseito{width:100%;}

.nbkLevelup2024Page .flowBox {margin-top: 1em;}
.nbkLevelup2024Page .nagare{width:100%;}
.nbkLevelup2024Page .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.nbkLevelup2024Page .kikanLinkBox li {width: 25%; font-size: 11px;}
.nbkLevelup2024Page .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.nbkLevelup2024Page .couseTypeBtnBox li {width: 100%;}
.nbkLevelup2024Page .couseTypeBtnBox li a{width: 100%;}
.nbkLevelup2024Page .programDateUl {width: 90%; margin: 0 auto;}
.nbkLevelup2024Page #sentakuChuBox {width: 100%;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi .time,
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.nbkLevelup2024Page #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

.nbkLevelup2024Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbkLevelup2024Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbkLevelup2024Page .confirmBox .hColor0::before,
.nbkLevelup2024Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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 .couseTypeBtnBox li.only4,
.nbkLevelup2024Page .couseTypeBtnBox li.ukehoudai,
.nbkLevelup2024Page .couseTypeBtnBox li.kakiOnly,
.nbkLevelup2024Page .couseTypeBtnBox li.setMoushikomi,
.nbkLevelup2024Page .couseTypeBtnBox li.only4,
.nbkLevelup2024Page .couseTypeBtnBox li.onlyKaki{width: 100%;}
.nbkLevelup2024Page .couseTypeBtnBox li.setMoushikomi a{height:5em;}

.nbkLevelup2024Page .link_to_top2{max-width:280PX; display: inline-block; width: 280px; text-align: center; margin: 10px; cursor: pointer; height: 50px;}

/*------日時選択ページ--------*/
.nbkLevelup2024Page #lefelupyoyakumenu{width: 100%;}
.nbkLevelup2024Page #lefelupyoyakumenu .date{margin-right: 0; margin-left:0;}
.nbkLevelup2024Page #lefelupyoyakumenu .date label{width: 130px;}
.nbkLevelup2024Page #lefelupyoyakumenu .time{margin-bottom: 0;display: flex;flex-wrap: wrap;float: right;width: calc(100% - 3% - 130px);}
.nbkLevelup2024Page #lefelupyoyakumenu .time label{/*width: 100px;*/}

.nbkLevelup2024Page #lefelupyoyakumenu .koushibtn{margin-bottom: 2em;}
.nbkLevelup2024Page #lefelupyoyakumenu .coachBox{width: 100%;}
.nbkLevelup2024Page #lefelupyoyakumenu li{width: 32%; /*margin-right: 2%;*/ }
.nbkLevelup2024Page #lefelupyoyakumenu li:nth-child(3n){margin-right: 0;}


.nbkLevelup2024Page #lefelupyoyakumenu .time li:nth-child(odd){width: 100%; float: none; /*margin-right: 2%;*/}
.nbkLevelup2024Page #lefelupyoyakumenu .time li:nth-child(even){width: 100%; float: none;}
.nbkLevelup2024Page #lefelupyoyakumenu .koushibtn a {width: 90%;}
.nbkLevelup2024Page #lefelupyoyakumenu .time li:last-child{width: 100%;padding-left: 5px;margin-top: 5px;}
.nbkLevelup2024Page #dateSection .sectionInner{margin: 0 auto;}

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

/*2024年8月20日日ここから*/
/*----------------------------------------------------------------------------
 ***                                           NOVA　英語de大人の社会見学2024用
----------------------------------------------------------------------------*/
.FieldTrip2024Page{}
.FieldTrip2024Page #titleImgBox{background-image: url(../images/fieldtrip2024/bgi_contents01.png);height:auto;background-size: contain;background-position-x: 12.5em;}
.FieldTrip2024Page #titleImgBox .titleBoxH2 h2{font-size:110%;padding: 13px 13px 13px 12px;}
.FieldTrip2024Page .flowBox {margin-top: 1em;}

/*index*/
.FieldTrip2024Page #formTb input[type=button]{width: 49%;}
.FieldTrip2024Page .cardBox table th {display: block;width: 100%;border-bottom:none;text-align:left;padding:10px 15px;}
.FieldTrip2024Page .cardBox table td {display: block;width: 100%;padding:0 0 6px 1em;}
.FieldTrip2024Page #formTb .courseSelectionBox .priceBox {font-size: 110%;}
.FieldTrip2024Page #formTb .priceBox .itemContents {display: inline-block;padding-left: 1em;}
.FieldTrip2024Page #formTb .priceBox .itemName {width: 7em}
.FieldTrip2024Page #formTb input[type=radio] {position: absolute;top: 1em;left: -3em;}
/*index*/
/*confirm*/
.FieldTrip2024Page #formTb .confirmBtnBox #prevBtn {width: 49%;}
.FieldTrip2024Page .tbBox table td{width:100%;display: block;padding: 0 0 6px 1em;}
.FieldTrip2024Page .tbBox table th {width: 100%;text-align: left;border-bottom: none;display:block;padding: 10px 15px;}
.FieldTrip2024Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.FieldTrip2024Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.FieldTrip2024Page .confirmBox .hColor0::before,
.FieldTrip2024Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}
.FieldTrip2024Page .confirmBox input{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.FieldTrip2024Page #confirmSection .courseSelectionBox .priceBox {font-size: 90%;}
.FieldTrip2024Page #confirmSection .naiyou {margin: 0 5% 20px;}
/*confirm*/
/*credit*/
.FieldTrip2024Page #creditCardFormTb #other-area .btn, .FieldTrip2024Page #creditCardFormTb input[type=button]{display:inline;}
.FieldTrip2024Page #creditCardFormTb #backBtn {background: #888;font-size: 100%;left: 0;color: #fff;height: 50px;width: 45%;}

.FieldTrip2024Page #creditCardFormTb input[type=button] {background: #269BC3;color: #FFF;border: #aaa solid 1px;padding: 1%;text-align: center;margin: 0 auto 0.5em;display: block;height: 50px;}
.FieldTrip2024Page #creditCardFormTb .kiyakuBox #other-area .btn {margin-bottom: 1em;display: block;width: 15em;}

.FieldTrip2024Page #creditCardFormTb #other-area .btn, .FieldTrip2024Page #creditCardFormTb input[type=button] {display: inline;}
.FieldTrip2024Page #creditCardFormTb #creditCardSec #creditCardYukouInput dd input:first-child{margin-left: 1.5%;}
.FieldTrip2024Page #creditCardFormTb .checkboxTxt{font-size: 100%;}
.FieldTrip2024Page #creditCardSubmit-area.confirmBtnBox{margin:0}
/*credit*/
/*thanks*/
.FieldTrip2024Page .actionCom .backBtn {text-align: center;margin-top: 6%;}
.FieldTrip2024Page .actionCom .backBtn img{width:70%;}
.FieldTrip2024Page .actionCom{margin-bottom: 7%;}
.FieldTrip2024Page #thanksSection .courseSelectionBox .priceBox {font-size: 90%;}

/*thanks*/
/*touroku*/
.FieldTrip2024Page #formTb .confirmBtnBox #prevBtn {width: 49%;}
.FieldTrip2024Page #formTb input[type=button]{width: 49%;}
/*touroku*/
/*2024年8月20日日ここまで*/

/*2024年10月22日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2024NBK冬期講習画面用
----------------------------------------------------------------------------*/
.nbkWinter2024Page .pcNone{display: block;}

.nbkWinter2024Page #livestation_seitoType .shinki,
.nbkWinter2024Page #livestation_seitoType .usagiId,
.nbkWinter2024Page #livestation_seitoType .novaseito,
.nbkWinter2024Page #livestation_seitoType .gabaseito{width: 100%;}


.nbkWinter2024Page .nagare.kidschannel{font-size: 90%;}

.nbkWinter2024Page .flowBox {margin-top: 1em;}
.nbkWinter2024Page .nagare{width:100%;}
.nbkWinter2024Page .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.nbkWinter2024Page .kikanLinkBox li {width: 25%; font-size: 11px;}
.nbkWinter2024Page .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.nbkWinter2024Page .couseTypeBtnBox li {width: 100%;}
.nbkWinter2024Page .couseTypeBtnBox li a{width: 100%;}
.nbkWinter2024Page .couseTypeBtnBox li.only4,
.nbkWinter2024Page .couseTypeBtnBox li.ukehoudai,
.nbkWinter2024Page .couseTypeBtnBox li.kakiOnly,
.nbkWinter2024Page .couseTypeBtnBox li.setMoushikomi,
.nbkWinter2024Page .couseTypeBtnBox li.only4,
.nbkWinter2024Page .couseTypeBtnBox li.onlyKaki{width: 100%;}
.nbkWinter2024Page .couseTypeBtnBox li.setMoushikomi a{height:5em;}
.nbkWinter2024Page .couseTypeBtnBox .threeLinesSp{height: 4em;}
.nbkWinter2024Page .couseTypeBtnBox li.threeLinesSp{height: 5em;}
.nbkWinter2024Page .couseTypeBtnBox li.ukehoudai a .threeLinesSp{font-size: 120%;}

.nbkWinter2024Page .programDateUl {width: 90%; margin: 0 auto;}
.nbkWinter2024Page #sentakuChuBox {width: 100%;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi .time,
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.nbkWinter2024Page #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

.nbkWinter2024Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbkWinter2024Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbkWinter2024Page .confirmBox .hColor0::before,
.nbkWinter2024Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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 .couseTypeBtnBox li.only4,
.nbkWinter2024Page .couseTypeBtnBox li.ukehoudai,
.nbkWinter2024Page .couseTypeBtnBox li.kakiOnly,
.nbkWinter2024Page .couseTypeBtnBox li.setMoushikomi,
.nbkWinter2024Page .couseTypeBtnBox li.only4,
.nbkWinter2024Page .couseTypeBtnBox li.onlyKaki{width: 100%;}
.nbkWinter2024Page .couseTypeBtnBox li.setMoushikomi a{height:5em;}

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

/*2024年11月7日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2024NBKクリスマス用
----------------------------------------------------------------------------*/
.nbk_christmas2024Page{}
.nbk_christmas2024Page #mainSectionInner{margin: 3.5%;}
.nbk_christmas2024Page #titleImgBox{background-image: url(../images/nbk_christmas2024/bgi_contents01.png);height:auto;background-size: contain;background-position-x: 9em;}
.nbk_christmas2024Page #titleImgBox .titleBoxH2 h2{font-size:110%;padding: 13px 0 13px 12px;}
.nbk_christmas2024Page .flowBox{margin-top:1em;}
.nbk_christmas2024Page .partDetailBox dd {font-size: 90%;}


.nbk_christmas2024Page #formTb input[type=radio] {position: absolute;top: 50%;left: -2em; transform: translateY(-50%);}
.nbk_christmas2024Page #courseSelectBox{margin-top:1em;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi:last-Child {border-bottom: solid 1px #ccc;}
.nbk_christmas2024Page #confirmSection .infoBox input{margin-bottom: 3%;}
.nbk_christmas2024Page #confirmSection label{font-size: 120%;}
.nbk_christmas2024Page #formTb .confirmBtnBox #prevBtn {width: 49%;}
.nbk_christmas2024Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbk_christmas2024Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbk_christmas2024Page .confirmBox .hColor0::before,
.nbk_christmas2024Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}
.nbk_christmas2024Page .pcNone{display:block;}
.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 #formTb input[type=button]{width: 49%;}

.nbk_christmas2024Page .formKibouCourseInput .kibouCourseUl{border: none; margin-left: 0;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi{margin-bottom: 5px; border: 1px solid #ccc;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .kaijoAdd, .nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .zanseki{border-right: none;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .detailBox{flex-wrap: wrap;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .kaijo {width: 70%; order: 1;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .kaijoAdd {width: 100%; order: 3; border-top: 1px solid #ccc;}
.nbk_christmas2024Page .formKibouCourseInput .kibouCourseLi .zanseki {width: 30%; order: 2;}
.nbk_christmas2024Page .goToMyPageUl{max-width: 300px; margin: 1em auto;}
.nbk_christmas2024Page .goToMyPageLi,
.nbk_christmas2024Page .goToMyPageLi img{width: 100%;height: auto;}
/*2024年11月7日ここまで*/


/*2024年11月26日ここから*/
/*----------------------------------------------------------------------------
 ***                                       2025NBKレベルアップコンテスト画面用
----------------------------------------------------------------------------*/
.nbkLevelup2025Page #titleImgBox .titleBoxH2 h2{font-size: 110%; padding: 13px 0 13px 12px;}
.nbkLevelup2025Page #livestation_seitoType .shinki {width:100%;}
.nbkLevelup2025Page #livestation_seitoType .novaseito{width:100%;}

.nbkLevelup2025Page .flowBox {margin-top: 1em;}
.nbkLevelup2025Page .nagare{width:100%;}
.nbkLevelup2025Page .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.nbkLevelup2025Page .kikanLinkBox li {width: 25%; font-size: 11px;}
.nbkLevelup2025Page .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.nbkLevelup2025Page .couseTypeBtnBox li {width: 100%;}
.nbkLevelup2025Page .couseTypeBtnBox li a{width: 100%;}
.nbkLevelup2025Page .programDateUl {width: 90%; margin: 0 auto;}
.nbkLevelup2025Page #sentakuChuBox {width: 100%;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi .time,
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.nbkLevelup2025Page #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

.nbkLevelup2025Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbkLevelup2025Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbkLevelup2025Page .confirmBox .hColor0::before,
.nbkLevelup2025Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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 .couseTypeBtnBox li.only4,
.nbkLevelup2025Page .couseTypeBtnBox li.ukehoudai,
.nbkLevelup2025Page .couseTypeBtnBox li.kakiOnly,
.nbkLevelup2025Page .couseTypeBtnBox li.setMoushikomi,
.nbkLevelup2025Page .couseTypeBtnBox li.only4,
.nbkLevelup2025Page .couseTypeBtnBox li.onlyKaki{width: 100%;}
.nbkLevelup2025Page .couseTypeBtnBox li.setMoushikomi a{height:5em;}

.nbkLevelup2025Page .link_to_top2{max-width:280PX; display: inline-block; width: 280px; text-align: center; margin: 10px; cursor: pointer; height: 50px;}

/*------日時選択ページ--------*/
.nbkLevelup2025Page #lefelupyoyakumenu{width: 100%;}
.nbkLevelup2025Page #lefelupyoyakumenu .date{margin-right: 0; margin-left:0;}
.nbkLevelup2025Page #lefelupyoyakumenu .date label{width: 130px;}
.nbkLevelup2025Page #lefelupyoyakumenu .time{margin-bottom: 0;display: flex;flex-wrap: wrap;float: right;width: calc(100% - 3% - 130px);}
.nbkLevelup2025Page #lefelupyoyakumenu .time label{/*width: 100px;*/}

.nbkLevelup2025Page #lefelupyoyakumenu .koushibtn{margin-bottom: 2em;}
.nbkLevelup2025Page #lefelupyoyakumenu .coachBox{width: 100%;}
.nbkLevelup2025Page #lefelupyoyakumenu li{width: 32%; /*margin-right: 2%;*/ }
.nbkLevelup2025Page #lefelupyoyakumenu li:nth-child(3n){margin-right: 0;}


.nbkLevelup2025Page #lefelupyoyakumenu .time li:nth-child(odd){width: 100%; float: none; /*margin-right: 2%;*/}
.nbkLevelup2025Page #lefelupyoyakumenu .time li:nth-child(even){width: 100%; float: none;}
.nbkLevelup2025Page #lefelupyoyakumenu .koushibtn a {width: 90%;}
.nbkLevelup2025Page #lefelupyoyakumenu .time li:last-child{width: 100%;padding-left: 5px;margin-top: 5px;}
.nbkLevelup2025Page #dateSection .sectionInner{margin: 0 auto;}

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


/* 2025年3月18日ここから */
/*----------------------------------------------------------------------------
 ***                                                     TOEIC対策講座フォーム画面用
----------------------------------------------------------------------------*/
.toeicPage #headerAreaLogo{ width:70%; padding-top:2.5%;}

.toeicPage .nagare {width: 100%;padding: 0em;}
.toeicPage .nagare img {max-width:none;width: 100%;height: auto;}
.toeicPage #formTb .courseSelectionBox{margin: 8% auto 8%;max-width: 685px;}
.toeicPage #formTb .courseSelectionBox h3{font-size: 110%;}
.toeicPage #formTb .courseSelectionBox h3:before{content:"";display:inline-block;width: 1em;height: 1.143em;font-size:80%;background:url(../images/toeic/icon_contents02.png) no-repeat center/100% auto;}
.toeicPage #formTb .courseSelectionBox .formBox1 .radioChoice{float: left; margin: 0 2% 0 0; width: 90%; margin-bottom: 5%;}

.toeicPage #formTb .courseSelectionBox .priceBox{background:#f2f2f2;padding: 10px 10px;margin-top: 20px;font-size: 90%;}
.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;font-size: 90%;}
.toeicPage #formTb .courseSelectionBox .tableBox table{width:100%;border-top: 1px solid #ccc;}
.toeicPage #formTb .courseSelectionBox .tableBox table th{background:#f2f2f2;text-align:left;font-weight:bold;vertical-align:middle;padding: 10px;border-top: none;border-bottom: none;}
.toeicPage #formTb .courseSelectionBox .tableBox table td{vertical-align:middle;padding: 10px;}

.toeicPage #formTb table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.toeicPage #formTb table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}

.toeicPage #creditCardSec #creditCardNameInput input,
.toeicPage #creditCardSec #creditCardYukouInput input{ width:35%;}

.toeicPage #creditCardFormTb label{ font-size:100%;}
.toeicPage #creditCardFormTb #other-area .btn,
.toeicPage #creditCardFormTb select,
.toeicPage #creditCardFormTb input,
.toeicPage #creditCardFormTb textarea{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.toeicPage #creditCardFormTb input[type=text]{ width:90%;}

.toeicPage #confirmSection .creditcardBtn{margin-top: 11%;}

.toeicPage #creditCardFormTb #backBtn{background:#888;font-size: 80%;left:0;color:#fff;}

.toeicPage #kiyakuSec .btn{font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
.toeicPage .actionCom{ margin-bottom:7%;}
.toeicPage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.toeicPage .actionCom .backBtn img{ width:70%;}
.toeicPage .actionCom li{ margin-top:3%; text-align:center;}

.toeicPage #mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:90%;line-height:1.5em;}
.toeicPage #mainSectionInnerCon .message li a.boxBtn{ width: 50%;}

.toeicPage #formTb #kokyakuSec #zip-code #btnSearchAddress{margin:0;}

.toeicPage #confBtnBox .confirmBtnBox {display: flex; width: 100%;justify-content: space-between;}
.toeicPage #confirmSection #prevBtn {width: 45%; max-width: 280px; margin: 0 0 10px 0; line-height:0; padding: 25px 0;}
.toeicPage #confirmSection input[type=button] {width: 45%; max-width: 280px; margin: 0 0 10px 0; line-height:0; padding: 25px 0;}
.toeicPage #confirmSection .creditcardBtn {margin-top: 0;}
.toeicPage #confirmArea table#pointRiyou tr{display: flex;}
.toeicPage #confirmArea table#pointRiyou {font-size: 78%;}
.toeicPage #formTb #confBtnBox #ppSslUl li,
.toeicPage #thanksSection #ppSslUl li{ font-size:78%;}

.toeicPage #formKibouCourseInput2 .kibouCourseLi .inputBtn{top: 50%; transform: translateY(-50%);}
.toeicPage #formKibouCourseInput2 .kibouCourseUl{border: none;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi,
.toeicPage #formKibouCourseInput2 .kibouCourseLi:last-Child{border: 2px solid #bbb; margin-bottom: 0.5em;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .detailBox {flex-wrap: wrap;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .region {width: 20%; order:1; line-height: 1.5;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .course{width: 40%; order: 2;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .region,.toeicPage #formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .course{line-height: 1.5;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi:nth-child(2) .course{background-color: #d3e2f7;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi:nth-child(3) .course{background-color: #fdeece;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi:nth-child(4) .course{background-color: #f3dae1;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .kikan {width: 100%; order:4; border-right: none;border-top: 1px solid #bbb;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .time {width: 40%; order:3;border-right: none;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .time{line-height: 1.5;}
.toeicPage #formKibouCourseInput2 .kibouCourseLi .kaijo {width: 100%; order: 5; border-top: 1px solid #bbb;}

.toeicPage #kiyakuSec #riyouKiyaku .scrollTableBox th{width:50%; display:table-cell; text-align:center; padding:0.3em 0 0.3em; border-bottom:none;}
.toeicPage #kiyakuSec #riyouKiyaku .scrollTableBox td{width:50%; display:table-cell; text-align:center; padding:0.3em}
/* 2025年3月18日ここまで */


/*2025年5月20日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2025中学英語専科夏期講習画面用
----------------------------------------------------------------------------*/
.eigosenkaSummer2025Page #livestation_seitoType .shinki {width:100%;}
.eigosenkaSummer2025Page #livestation_seitoType .novaseito{width:100%;}
.eigosenkaSummer2025Page .taimenBox .taimenTel,
.eigosenkaSummer2025Page .taimenBox .taimenLesson {width: 100%;}
.eigosenkaSummer2025Page #formTb .kakiCourseSelectDt label .pcHidden_inline{display: inline;}
.eigosenkaSummer2025Page #programListBox .slick-prev:before,
.eigosenkaSummer2025Page #programListBox .slick-next:before{color: #ff004f;}

.eigosenkaSummer2025Page .flowBox {margin-top: 1em;}
.eigosenkaSummer2025Page .nagare{width:100%;}
.eigosenkaSummer2025Page .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.eigosenkaSummer2025Page .kikanLinkBox.dispFlex{display: flex;}
.eigosenkaSummer2025Page .kikanLinkBox li {width: 25%; font-size: 11px;}
.eigosenkaSummer2025Page .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.eigosenkaSummer2025Page .couseTypeBtnBox li {width: 100%;}
.eigosenkaSummer2025Page .couseTypeBtnBox li a{width: 100%;}
.eigosenkaSummer2025Page .programDateUl {width: 90%; margin: 0 auto;}
.eigosenkaSummer2025Page #sentakuChuBox {width: 100%;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi .date{width: 40%;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi .time,
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi .level{width: 30%;}
.eigosenkaSummer2025Page #sentakuChuBox .sentakuChuLi .programttl{width: 100%;}

.eigosenkaSummer2025Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.eigosenkaSummer2025Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.eigosenkaSummer2025Page .confirmBox .hColor0::before,
.eigosenkaSummer2025Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

.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 .kiyakuSec .kiyakuBox .btn{width: 100%;}

.eigosenkaSummer2025Page .couseTypeBtnBox li.only4,
.eigosenkaSummer2025Page .couseTypeBtnBox li.ukehoudai,
.eigosenkaSummer2025Page .couseTypeBtnBox li.kakiOnly,
.eigosenkaSummer2025Page .couseTypeBtnBox li.setMoushikomi,
.eigosenkaSummer2025Page .couseTypeBtnBox li.only4,
.eigosenkaSummer2025Page .couseTypeBtnBox li.onlyKaki{width: 100%;}
.eigosenkaSummer2025Page .couseTypeBtnBox li.setMoushikomi a{height:5em;}

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

/*2025年5月26日ここから*/
/*----------------------------------------------------------------------------
 ***                                               2025NBK夏期講習画面用
----------------------------------------------------------------------------*/
.nbkSummer2025Page .pcNone{display: block;}

.nbkSummer2025Page #livestation_seitoType .shinki,
.nbkSummer2025Page #livestation_seitoType .usagiId,
.nbkSummer2025Page #livestation_seitoType .novaseito,
.nbkSummer2025Page #livestation_seitoType .gabaseito{width: 100%;}


.nbkSummer2025Page .nagare.kidschannel{font-size: 90%;}

.nbkSummer2025Page .flowBox {margin-top: 1em;}
.nbkSummer2025Page .nagare{width:100%;}
.nbkSummer2025Page .nkcKakikousyu_detail .modalWrapper{max-height: 390px;}
.nbkSummer2025Page .kikanLinkBox li {width: 25%; font-size: 11px;}
.nbkSummer2025Page .couseTypeBtnBox ul {width: 100%;flex-wrap: wrap;}
.nbkSummer2025Page .couseTypeBtnBox li {width: 100%;}
.nbkSummer2025Page .couseTypeBtnBox li a{width: 100%;}
.nbkSummer2025Page .couseTypeBtnBox li.only4,
.nbkSummer2025Page .couseTypeBtnBox li.ukehoudai,
.nbkSummer2025Page .couseTypeBtnBox li.kakiOnly,
.nbkSummer2025Page .couseTypeBtnBox li.setMoushikomi,
.nbkSummer2025Page .couseTypeBtnBox li.only4,
.nbkSummer2025Page .couseTypeBtnBox li.onlyKaki{width: 100%;}
.nbkSummer2025Page .couseTypeBtnBox li.setMoushikomi a{height:5em;}
.nbkSummer2025Page .couseTypeBtnBox .threeLinesSp{height: 4em;}
.nbkSummer2025Page .couseTypeBtnBox li.threeLinesSp{height: 5em;}
.nbkSummer2025Page .couseTypeBtnBox li.ukehoudai a .threeLinesSp{font-size: 120%;}

.nbkSummer2025Page .programDateUl {width: 90%; margin: 0 auto;}
.nbkSummer2025Page #sentakuChuBox {width: 100%;}
.nbkSummer2025Page #sentakuChuBox .sentakuChuLi .date{width: 100%;}
.nbkSummer2025Page #sentakuChuBox .sentakuChuLi .time,
.nbkSummer2025Page #sentakuChuBox .sentakuChuLi .level{width: 25%;}
.nbkSummer2025Page #sentakuChuBox .sentakuChuLi .programttl{width: 50%;}

.nbkSummer2025Page .confirmBox table th{width:100%; display:block; text-align:left; padding:1em 0 0.3em 1.2em; border-bottom:none;}
.nbkSummer2025Page .confirmBox table td{width:100%; display:block; text-align:left; padding:0em 0 1em 1.2em;}
.nbkSummer2025Page .confirmBox .hColor0::before,
.nbkSummer2025Page .confirmBox .hColor1::before{height:calc(100% - 1.3em); top:1em;}

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

.nbkSummer2025Page .couseTypeBtnBox li.only4,
.nbkSummer2025Page .couseTypeBtnBox li.ukehoudai,
.nbkSummer2025Page .couseTypeBtnBox li.kakiOnly,
.nbkSummer2025Page .couseTypeBtnBox li.setMoushikomi,
.nbkSummer2025Page .couseTypeBtnBox li.only4,
.nbkSummer2025Page .couseTypeBtnBox li.onlyKaki{width: 100%;}
.nbkSummer2025Page .couseTypeBtnBox li.setMoushikomi a{height:5em;}

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

/*----------------------------------------------------------------------------
 ***                                                              form共通
----------------------------------------------------------------------------*/
#headerArea { width:95%; margin:0 auto; margin-bottom:2%; padding-top:2%;}
#headBackBox{ padding:10px 0 0 70px; height:51px; background-size: auto 100%; float:left;}
#headBackBox p{font-size:120%;}
#pageLinkUl li{ height:70px;}
#pageLinkUl li img{ width:auto; height:100%;}


#formTb label{ font-size:100%;}
#formTb select,
#formTb input,
#formTb textarea{font-size:100%;padding:10px;border-radius:5px;line-height: 1.2em;border:#bbb solid 1px;margin-bottom:3%;}
#formTb textarea{ width:90%}
#formTb select{ font-size:110%;}
#formTb .radioChoice label{ padding:10px;}
#formTb input[type=text]{ width:90%;}
#formTb select.seleW2{ width:22%;}

#formTb #formNichiji1Input dt{ float:none; width:100px; font-size:100%; padding-top:1.5%;}
#formTb #formNichiji1Input select{ line-height:1.1em; padding:9px; font-size:100%; margin:0 0.5% 3% 0;}

#formTb #formGengo1Input{}
#formTb #formGengo1Input li{ float:left; width:48%; margin:0 0 8% 0;}
#formTb #formGengo1Input input{ margin-right:5%;}

#formTb #formLevel1Input{}
#formTb #formLevel1Input li{ float:left; margin:0 2% 5% 0; width:31%;}

#formTb #formKeitaiInput{}
#formTb #formKeitaiInput li{ margin:0 0 5% 0; width:60%;}

#formTb #formNaiyoInput{}
#formTb #formNaiyoInput li{ float:left; margin:0 2% 0 0; width:90%; margin-bottom:5%;}

#formTb #kokyakuSec{}
/*2020年10月20日追記ここから*/
#formTb #kokyakuSec #nameInput input,
#formTb #kokyakuSec #nameInput2 input,
#formTb #kokyakuSec #furiganaInput input,
#formTb #kokyakuSec #nameInputJr input,
#formTb #kokyakuSec #furiganaInput2 input{ width:35%;}
#formTb #birthdayInput span {margin-right: 0;}
#formTb #birthdayInput label {margin-right: 1%;margin-left: 1%;}
#formTb #goToMyPage {margin:2em auto 1em auto; text-align: center;}

/*2020年10月20日追記ここまで*/
#formTb #kokyakuSec dt{margin-bottom:0;}
#formTb #kokyakuSec dd{ margin-top:0;}
#formTb #kokyakuSec li{ margin-bottom:5%;}

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


#formTb #confBtnBox #ppSslUl li{ font-size:78%;}

#mainSectionInnerErr p#errorTitle{font-weight:bold;}
#mainSectionInnerCon #sectionTitle,#mainSectionInnerErr #sectionTitle{text-align:center;}
#mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:120%;line-height:1.5em;}
#mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:120%;line-height:1.5em;}
		a.header_logo{
			background-image:	url("../images/common/logo_header01.png");
			display:block;
			-moz-background-size:178px	30px;
			background-size:178px	30px;
			width:178px;
			height:30px;
		}
		a.logo_normal{
			background-image:	url("../images/common/logo_header01.png");
			display:block;
			-moz-background-size:178px	30px;
			background-size:178px	30px;
			width:178px;
			height:30px;
		}
		a.logo_kids{
			background-image:	url("../images/common/kids/logo_header01.png");
			display:block;
			-moz-background-size:154px	39px;
			background-size:154px	39px;
			width:154px;
			height:39px;

		}
		a.logo_nks{
			background-image:	url("../images/common/kids/logo_header_nks.png");
			display:block;
			-moz-background-size:178px	48px;
			background-size:178px	48px;
			width:178px;
			height:48px;

		}
		a.logo_jmh{
			background-image:	url("../images/common/kids/logo_header_jmh.png");
			display:block;
			-moz-background-size:178px	48px;
			background-size:178px	48px;
			width:178px;
			height:48px;

		}
		a.back_normal{
			background-image:	url("../images/common/btn_header01_off.png");
			display:block;
			-moz-background-size:92px	22px;
			background-size:92px	22px;
			width:92px;
			height:22px;
		}
		a.back_kids{
			background-image:	url("../images/common/kids/btn_header01_off.png");
			display:block;
			-moz-background-size:92px	22px;
			background-size:92px	22px;
			width:92px;
			height:22px;
			margin-top:8px;
		}
		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;
			margin-right:10%
		}
		a.footer_kids{
			background-image:	url("../images/common/kids/logo_footer01.png");
			display:block;
			-moz-background-size:103px	26px;
			background-size:103px	 26px;
			width:103px;
			height:26px;
			margin-right:10%
		}
		a.footer_nks{
			background-image:	url("../images/common/kids/logo_footer_nks.png");
			display:block;
			-moz-background-size:100px	13px;
			background-size:100px	 13px;
			width:100px;
			height:13px;
			margin-right:10%
		}
		a.footer_jmh{
			background-image:	url("../images/common/kids/logo_footer_jmh.png");
			display:block;
			-moz-background-size:100px	13px;
			background-size:100px	 13px;
			width:100px;
			height:13px;
			margin-right:10%
		}