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

/*----------------------------------------------------------------------------
***                                                Liveステーション スケジュール表
----------------------------------------------------------------------------*/
#content{margin:0 0 10px 0;}
#content *:not([class*="ui-"]){margin:0; padding:0;}
#liveStationPage {}
#liveStationPage #topHeader *{float:none;}
#liveStationPage img{display:block;}
#liveStationPage.kobetsuType{}
#liveStationPage.container{width:1200px;margin:0 auto;}
#liveStationPage .hover:hover{opacity:0.7;}
#liveStationPage .hoverEase{transition:all .3s ease-in-out; cursor:pointer;}
#liveStationPage .hoverEase:hover{opacity:0.7; text-decoration:none;}

#liveStationPage .dispFlex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

/*--- topHeader ---*/
#liveStationPage #topHeader {padding: 10px 0 10px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#topHeader *{margin:0; padding:0;}
#topHeader .leftBox{width: 16%;}
#topHeader .centerBox{width:66%;}
#topHeader .centerBox p{font-size:170%; font-weight:bold;}
#topHeader .rightBox{width: 18%;}
#topHeader #topHeader .leftBox {width: 70%;}
#topHeader .txtTtl {width: 65%;}
#topHeader a {}
#topHeader a img {}
#topHeader .icoHowto {width: 28%;}
#topHeader .icoForm {width: 40%;}
#topHeader .icoLogin {width: 40%;}



/*--- liveStationSec ---*/
#liveStationSec{background:#fff;border:5px solid #000;border-top: 0;font-size: 16px;padding-bottom: 75px;}

/*--- headerBox ---*/
/*2020年11月4日ここから*/
#liveStationSec .headerBox{background:#000000;padding: 6px 10px 4px 6px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#liveStationSec .txtTtl{margin-bottom: 5px;}
#liveStationSec .icoHowto{margin: 0 0 0 20px;}
/*2020年11月4日ここまで*/

/*--- headerBottomBox ---*/
#liveStationSec .headerBottomBox{
    padding: 10px 30px 10px 30px;
    font-size: 13px;
    background: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

/*--- navBox ---*/
#liveStationSec .navBox .list{width: auto;margin: 0 0 0 10px;cursor: pointer;}

/*--- settingBox ---*/
#liveStationSec .settingBox {width: auto;}
#liveStationSec .settingBox *{line-height:1;}
#liveStationSec .settingBox .leftBox{width: 220px;/* padding: 0 15px 0 0; *//* border-right:1px dashed #808080; */}
#liveStationSec .settingBox .rightBox{width: 250px;padding: 0 0 0 10px;}
#liveStationSec .settingBox .txt {color:#0979cc;font-weight: bold;}
#liveStationSec .settingBox .txtCurrentConfig {font-weight: bold;font-size: 160%;}
#liveStationSec .settingBox .btnHenkou {width:3.5em;cursor: pointer;}
#liveStationSec .settingBox label span{font-size:calc(10px + 0.1vw);font-weight: bold;}
#liveStationSec .settingBox select{width:3em;}
#liveStationSec .txtBox {}
#liveStationSec .settingBox .txt {}

/*--- dateMoveList ---*/
#liveStationPage .dateMoveList {}

/*--- dateMoveBox ---*/
#liveStationSec .dateMoveBox{width: 510px;}/*2021.05.25*/
#liveStationSec .dateMoveBox .txtBtn {background:#0979cc;color:#fff;width:4em;text-align:center;border-radius:5px;line-height: 1;padding: 0.5em 0.5em 0.3em 0.5em;cursor: pointer;}
#liveStationSec .dateMoveBox .txtDateBox{display: flex;justify-content: center;align-items: center;position: relative;padding: 0 1em;}
#liveStationSec .dateMoveBox .txtDate{color: #000;font-weight:bold;font-size: 115%;line-height: 1;padding: 0.15em 0.5em 0 0em;}
#liveStationSec .dateMoveBox .icoCalendar {cursor: pointer;}
#liveStationSec .dateMoveBox .dateMoveList {margin:0 0 3% 0;}
/*静的な夏期講習版のスタイル 2021.05.25*/
#liveStationSec .dateMoveBox .txtBtn.linkBtn{background:none;color: #fff;width:auto;text-align:center;border-radius:0;line-height: 1;padding: 0;cursor: pointer;}
#liveStationSec .dateMoveBox .txtBtn.linkBtn a{display:inline-block;background:#0979cc;color:#fff;width:4em;text-align:center;border-radius:5px;line-height: 1;padding: 0.5em 0.5em 0.3em 0.5em;cursor: pointer;text-decoration: none;}
/*静的な夏期講習版のスタイル。 2021.05.25*/

/*--- dateListBox ---*/
#liveStationSec .dateListBox {}
#liveStationSec .dateListBox .list{color:#999999; line-height:1;}
#liveStationSec .liveStationScheduleBox .txtSat{color:#0da0de;}
#liveStationSec .liveStationScheduleBox .txtSun{color:#ff7bac;}
#liveStationSec .dateListBox .thumbnail-current{color:#fff; border-bottom:1px solid #fff;}



/*--- liveStationScheduleBox ---*/
#liveStationSec .liveStationScheduleBox{font-size: 12px;width: 1098px;overflow-x: hidden;overflow-y: auto;margin: 0 auto;position:relative;-webkit-box-align: start;-ms-flex-align: start;align-items: start;}/*2021.05.25*/
#liveStationSec .liveStationScheduleBox thead {background:#000000;position: -webkit-sticky;position: sticky;top: 0px;z-index: 10;display: table-caption;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;will-change: transform3d, transition;-webkit-transition: -webkit-transform 0.0s linear;transition: -webkit-transform 0.0s linear;transition: transform 0.0s linear;transition: transform 0.0s linear, -webkit-transform 0.0s linear;}
#liveStationSec .liveStationScheduleBox thead .txtHour{color:#058bd6; font-weight:bold;}
#liveStationSec .liveStationScheduleBox thead .txtMinutes{color:#28aabe; font-weight:bold;}
#liveStationSec .liveStationScheduleBox th.boxYoyaku .txtHour{font-size: 80%;}
#liveStationSec .liveStationScheduleBox th.boxYoyaku .txtMinutes{font-size: 80%;}
#liveStationSec .liveStationScheduleBox table {width:100%;}
#liveStationSec .liveStationScheduleBox .holidayTable table {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2bd8c7+0,31a7db+100 */
background: #2bd8c7; /* Old browsers */
background: -moz-linear-gradient(top,  #2bd8c7 0%, #31a7db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2bd8c7 0%,#31a7db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2bd8c7 0%,#31a7db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bd8c7', endColorstr='#31a7db',GradientType=0 ); /* IE6-9 */
}
#liveStationSec .liveStationScheduleBox .tableMon tbody{background:#fff3f7;}
#liveStationSec .liveStationScheduleBox .tableTue tbody{background:#fff7ec;}
#liveStationSec .liveStationScheduleBox .tableWed tbody{background:#f3f9eb;}
#liveStationSec .liveStationScheduleBox .tableThu tbody{background:#e6f6f5;}
#liveStationSec .liveStationScheduleBox .tableFri tbody{background:#e9f6fc;}
#liveStationSec .liveStationScheduleBox .holidayTable.tableSat td.boxYoyaku.notSchedule{background: #f8eef8;}
#liveStationSec .liveStationScheduleBox .holidayTable.tableSun td.boxYoyaku.notSchedule{background: #feebf5;}

#liveStationSec .liveStationScheduleBox tbody tr{/* height: 53px; */background: none;}
#liveStationSec .liveStationScheduleBox tbody tr td{height:inherit;}
#liveStationSec .liveStationScheduleBox tbody tr:last-child .boxYoyaku{border-bottom:1px solid #999;}

#liveStationSec .liveStationScheduleBox .txtDate{color:#fff;}
#liveStationSec .liveStationScheduleBox .txtDay{color:#fff;}
#liveStationSec .liveStationScheduleBox .boxTime{width:11.71875%; text-align:center;}
#liveStationSec .liveStationScheduleBox .boxYoyaku{width: 183px;/* padding: 0.2em 0.2em 0.2em 0.2em; */}/*2021.05.25*/
#liveStationSec .liveStationScheduleBox .boxYoyaku .boxYoyakuInner{width:100%;height: 100%;-webkit-box-align: initial;-ms-flex-align: initial;align-items: initial;box-sizing: border-box;}
#liveStationSec .liveStationScheduleBox .boxYoyaku .txtHour{width: 14%;text-align:center;}
#liveStationSec .liveStationScheduleBox .boxYoyaku .txtMinutes{width: 14%;text-align:center;}
#liveStationSec .liveStationScheduleBox .boxYoyaku .txtYoyaku{width: 56%;}/*追記修正箇所 2021.11.08*/
#liveStationSec .liveStationScheduleBox .boxYoyaku .imgTeacher{width: 28px;padding: 0 0 0 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}/*追記修正箇所 2021.11.08*/
#liveStationSec .liveStationScheduleBox .boxYoyaku .imgTeacher .teacherName{display:block;font-size: 11px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1;width: 3.2em;}
#liveStationSec .liveStationScheduleBox .boxYoyaku .txtClass {font-size:120%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;line-height:1;display: block;width: 6em;max-width: 100%;text-align: center;padding: 0 0.2em;-webkit-box-sizing: border-box;box-sizing: border-box;}
#liveStationSec .liveStationScheduleBox .boxYoyaku.boxYoyakuListName.listNam01{background: #fff584;}/*2021.05.25*/
#liveStationSec .liveStationScheduleBox .boxYoyaku.boxYoyakuListName.listNam02{background: #f5c1d2;}/*追記修正箇所 2021.08.05*/
#liveStationSec .liveStationScheduleBox .boxYoyaku.boxYoyakuListName.listNam03{background: #d2fb9d;}/*追記修正箇所 2021.11.08*/
#liveStationSec .liveStationScheduleBox .boxYoyaku.boxYoyakuListName .boxListName{color: #000;padding: 0.15em 0 0.1em;}/*2021.05.25*/


#liveStationSec .liveStationScheduleBox .boxTime{display:none;color:#fff;border: none;background: none;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25) inset;vertical-align: middle;width: 70px;}
#liveStationSec .liveStationScheduleBox .timeListBox .boxTime{display:table-cell;}
#liveStationSec .liveStationScheduleBox .timeListBox{width:70px;position: relative;z-index: 9;}
#liveStationSec .liveStationScheduleBox .timeListBox thead tr{height: 5.2em;}
#liveStationSec .liveStationScheduleBox .timeListBox tbody tr{height: 41px;}
#liveStationSec .liveStationScheduleBox .txtMon{background: #ff7bac;}
#liveStationSec .liveStationScheduleBox .txtTue{background: #fbb03b;}
#liveStationSec .liveStationScheduleBox .txtWed{background: #8cc63f;}
#liveStationSec .liveStationScheduleBox .txtThu{background: #00a99d;}
#liveStationSec .liveStationScheduleBox .txtFri{background: #29abe2;}
#liveStationSec .liveStationScheduleBox .txtSat{background: #bc57bc;}
#liveStationSec .liveStationScheduleBox .txtSun{background: #f43d9d;}
#liveStationSec .liveStationScheduleBox .listBox{width: 100%;align-items: start;}
#liveStationSec .liveStationScheduleBox .listBox .list{}
#liveStationSec .liveStationScheduleBox .listBox .slick-list{overflow:initial;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku{/* background:#fff; */}
#liveStationSec .liveStationScheduleBox td.boxYoyaku .boxYoyakuInner{-webkit-box-align: initial;-ms-flex-align: initial;align-items: initial;border: 2px solid #fff;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku .txtHour{background:#2bd8c7;color: #fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height: 4em;}
#liveStationSec .liveStationScheduleBox .holidayTable td.boxYoyaku .txtHour{background:transparent;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.bgAm01 .txtHour{background:#2bd8c7;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.bgPm01 .txtHour{background:#4e30e2;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.bgPm02 .txtHour{background:#3f2f91;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku .txtHour.statusBeginner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku .txtMinutes{background: #aebbc1;color: #fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku .txtYoyaku{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: flex-start;cursor:pointer;padding: 0.25em 0 0 0;background: #fff;}/*追記修正箇所 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku .imgTeacher{cursor:pointer;background: #fff;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku .imgTeacher img{width: 100%;height: 100%;max-width: 28px;max-height: 28px;object-fit: cover;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku[class*='boxRow'] .imgTeacher img{width: 100%;height: calc(3.8em - 2px - 0.3em );object-fit: cover;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku .txtClass {font-size: 100%;min-height: 0;width: 6em;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku .txtUnit {font-size: 95%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1;width: 7em;height: 1.2em;padding: 0 0.1em;color: #29abe2;text-align: center;}/*追記修正箇所 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku .btnYoyaku {/* display: none; */width: 70%;line-height:1;padding:0.3em 0.3em 0.3em 0.3em;border: 1px solid #b3b3b3;border-radius:30px;color:#ff7bac;background:#fff;text-align:center;font-size: 80%;}/*追記修正箇所 2021.11.08*/

#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule{}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .boxYoyakuInner {border-color:#fcfbd9;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .txtYoyaku{background:#fcfbd9;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .imgTeacher{background:#fcfbd9;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .txtHour{}
/*#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .txtClass{display:none;}*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .txtClass{color:#333333;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .txtUnit{color:#333333;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .unitBeginner{background: #8cc63f;}/*初*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .unitIntermediate{background: #fbb03b;}/*中*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.spSchedule .unitAdvanced{background: #93278f;}/*上*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.kakikoshuSchedule .boxYoyakuInner{border-color: #a7efff;}/*夏期講習用 2021.05.25*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.kakikoshuSchedule .txtYoyaku{background: #a7efff;}/*夏期講習用 2021.05.25*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.kakikoshuSchedule .imgTeacher{background: #a7efff;}/*夏期講習用 2021.05.25*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.kakikoshuSchedule .txtUnit{color: #4e30e2;}/*夏期講習用 2021.05.25*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.toukikoshuSchedule .boxYoyakuInner{border-color: #a7efff;}/*冬期講習用 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.toukikoshuSchedule .txtYoyaku{background: #a7efff;}/*冬期講習用 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.toukikoshuSchedule .imgTeacher{background: #a7efff;}/*冬期講習用 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.toukikoshuSchedule .txtUnit{color: #4e30e2;}/*冬期講習用 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.highlightSchedule{}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.highlightSchedule .boxYoyakuInner {border-color:#1cf7f1;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.highlightSchedule .txtYoyaku{background:#1cf7f1;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.highlightSchedule .imgTeacher{background:#1cf7f1;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.reservedSchedule{}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.reservedSchedule .boxYoyakuInner {border-color:#fcc3dc;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.reservedSchedule .txtYoyaku{background:#fcc3dc;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.reservedSchedule .imgTeacher{background:#fcc3dc;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.reservedSchedule .btnYoyaku{background:#ed1e79; color:#fff;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.completedSchedule .btnYoyaku{background: #0979cc;color:#fff;}/*追記修正箇所 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.fullSchedule .btnYoyaku{background: #8cc63f;color:#fff;}/*追記修正箇所 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.buySchedule .btnYoyaku{background: #ff5454;color:#fff;}/*追記修正箇所 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.emptySchedule .btnYoyaku{background:#555; color:#fff; opacity:0.25;}/*追記修正箇所 2021.11.08*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.onSchedule{}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.onSchedule .boxYoyakuInner {border-color:#ffff00;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.onSchedule .txtYoyaku{background:#ffff00;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.onSchedule .imgTeacher{background:#ffff00;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.boxRow2 .boxYoyakuInner{height: 100%;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.boxRow2 .txtYoyaku{}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.boxRow2 .txtYoyaku{}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.longSchedule{display:none;}

#liveStationSec .liveStationScheduleBox td.boxYoyaku.reviewSchedule{}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.reviewSchedule .boxYoyakuInner {border-color:#fff;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.reviewSchedule .txtYoyaku{background:#fff;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.reviewSchedule .imgTeacher{background:#fff;}

#liveStationSec .liveStationScheduleBox td.boxYoyaku.notSchedule{background:transparent;border-top: 1px solid #e0e0e0;border-bottom: none;}/*2021.05.25*/
#liveStationSec .liveStationScheduleBox td.boxYoyaku.notSchedule .boxYoyakuInner {border-color:transparent;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.notSchedule .txtYoyaku{background:transparent;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.notSchedule .imgTeacher{background:transparent;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.notSchedule .txtHour{background:transparent;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.notSchedule .txtMinutes{background:transparent;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.notSchedule .btnYoyaku{border:none; background:none;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.notSchedule .imgTeacher{padding-top:22.2222%;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.endSchedule{position:relative;}
#liveStationSec .liveStationScheduleBox td.boxYoyaku.endSchedule:before{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.2);}

#liveStationSec .howToLookBox {padding: 30px 30px 30px;}
#liveStationSec .howToLookBox .howToLookList .listBox{-webkit-box-pack: normal;-ms-flex-pack: normal;justify-content: normal;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#liveStationSec .howToLookBox .howToLookList .list{margin: 0 2% 0% 0;/* width: 50%; */line-height: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#liveStationSec .howToLookBox .howToLookList .list:before{content:"";display: inline-block;width: 0.8em;height: 0.8em;margin: 0 0.3em 0 0;line-height:1;background:#fff;border:1px solid #b3b3b3;}
#liveStationSec .howToLookBox .howToLookList .onSchedule:before{background:#ffff00;}
#liveStationSec .howToLookBox .howToLookList .endSchedule:before{background:#e6e6e6;}
#liveStationSec .howToLookBox .howToLookList .highlightSchedule:before{background:#1cf7f1;}
#liveStationSec .howToLookBox .howToLookList .spSchedule:before{background:#fcfbd9;}
#liveStationSec .howToLookBox .howToLookList .reservedSchedule:before{background:#fcc3dc;}
#liveStationSec .howToLookBox .privacyBox {justify-content:center;font-size:12px;margin: 4.5em 0 0 0;}
#liveStationSec .howToLookBox .privacyBox .list{margin:0 1em;}
#liveStationSec .howToLookBox .nlsTel{margin-top:1.5em;}

/*--- ポップアップ関連 ---*/
#liveStationSec .modalBox{
    box-sizing: border-box;
    width: 96%;
    max-width: 650px;
    height: auto;
    font-size: 100%;
    background: #fff;
    position: fixed;
    z-index: 9999;
    margin: 0 0;
    /*    display: block;*/
    display: none;
}

/* NOVA LIVE STATION 視聴レベル変更 */
#viewingLevelBox{border:5px solid #0979cc;}
#viewingLevelBox .boxInner{padding: 0 2em 2em 2em;background:#fff;}
#viewingLevelBox .ttlBox{background:#0979cc; color:#fff; margin:0; line-height:1; padding:0.3em 0 0.5em 5px;}
#viewingLevelBox .smallTtlBox {width: auto;margin: 20px auto;background-color: #39a9fd;color: #fff;padding: 5px;}
#viewingLevelBox .kadomaru{padding: 20px 20px 1px 20px; background-color: #f2f2f2; border-radius: 20px; margin-bottom: 20px;}
#viewingLevelBox .nlsLevelMeyasu{margin-bottom: 1.5em;border-radius: 13px;}
#viewingLevelBox .nlsLevelMeyasu label {display: block;font-size: 15px;color: #fff;background-color: #000;cursor :pointer;transition: all .5s;width: auto;position: relative;padding: 2px;margin: 0 0 0px 0;text-align: center;}
#viewingLevelBox .nlsLevelMeyasu input {display: none;}
#viewingLevelBox .detailLevelMeyasu {width: auto;height: 0;opacity:0;font-size: 11px;padding: 0px 10px 0;margin: 0;overflow: hidden;}
#viewingLevelBox .nlsMeyasu:checked + label + .detailLevelMeyasu {height: auto;width: auto;opacity: 1;overflow: hidden;}
#viewingLevelBox .nlsLevelMeyasu .detailLevelMeyasu .boxCourseQA{margin-top: 10px;}
#viewingLevelBox .nlsLevelMeyasu .detailLevelMeyasu .boxCourseQA .toptitle{font-weight:bold;color: #FF0033;}
#viewingLevelBox .nlsLevelMeyasu .detailLevelMeyasu dt {margin: 15px 0px 3px 0px;}
#viewingLevelBox .nlsLevelMeyasu .detailLevelMeyasu dd {margin: 0px 0px 15px 0px;}
#viewingLevelBox .nlsLevelMeyasu .detailLevelMeyasu dd:last-child{margin:0;}
#viewingLevelBox .nlsLevelMeyasu .detailLevelMeyasu .standardCourse {color: #0cb0cf;}
#viewingLevelBox .nlsLevelMeyasu .detailLevelMeyasu .advancedCourse {color: #fe7faf;}
#viewingLevelBox .nlsLevelMeyasu .detailLevelMeyasu .underLine {padding-bottom: 15px;border-bottom: 1px dashed #aaa;}
#viewingLevelBox .nlsLevelMeyasu .detailLevelMeyasu .blue {font-weight:bold; color:#337fc0;display: inline-block;margin: 2px 0;}
#viewingLevelBox .courseHenkou {width: 300px;margin: 20px auto 30px auto;}
#viewingLevelBox .courseHenkou a {display: block;width: 75%;text-align: center;color: #fff;background-color: #0979cc;padding: 10px;border-radius:30px;margin: 0 auto;}
#viewingLevelBox .courseHenkou a:hover {text-decoration: none;}
#viewingLevelBox .txt{text-align:center;font-weight:bold;font-size: 110%;}
#viewingLevelBox .attention{font-weight:bold;}
#viewingLevelBox .selectBox{text-align:center;margin:0.5em 0 1em;font-size:150%;}
#viewingLevelBox .selectBox label{color:#0979cc;font-weight:bold;display: block;}
#viewingLevelBox .selectBox select{margin:0 0 0 1em; font-size:100%; border:1px solid #0979cc; border-radius:10px; padding:0 0.5em;}
#viewingLevelBox  .txtLevelMeyasu{max-width:540px; margin:0 auto 1em;}
#viewingLevelBox .btnBox{width:18em; margin:0 auto;}
#viewingLevelBox .btnBox button{display: block;width:7em;border:none;border-radius:20px;line-height:1;padding: 0.5em 0; color:#fff;}
#viewingLevelBox .btnBox .btnCancel{background:#999999;}
#viewingLevelBox .btnBox .btnNext{background:#0979cc;}
#viewingLevelBox .btnBox button{cursor:pointer;}
#viewingLevelBox .boxPage01{display:block;height: auto;max-height: 530px;overflow-y: scroll;}
#viewingLevelBox .boxPage02{display:none;}
#viewingLevelBox .boxPage02 .selectBox{margin: 1em 0 1em;}
#viewingLevelBox .boxPage02 .selectBox p{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;width:100%;}
#viewingLevelBox .boxPage02 .selectBox p span{display: inline-block;}
#viewingLevelBox .boxPage02 .selectBox .txtName{width: 4em;font-size: 100%;font-weight:bold;}
#viewingLevelBox .boxPage02 .selectBox .txtLevel{display: inline-block;text-align: left;margin: 0 0 0 5%;padding: 0 0em;width: 25%;font-weight:bold;}
#viewingLevelBox .boxPage02 .selectBox .txtCurrent{margin: 0 0 0.5em 0;}
#viewingLevelBox .boxPage02 .selectBox .txtCurrent .txtName{color:#0979cc;}
#viewingLevelBox .boxPage02 .selectBox .txtAfterChange .txtName{color:#ed1e79;}
#viewingLevelBox .boxPage02 .selectBox .txtAfterChange .txtLevel{font-size: 140%;}
#viewingLevelBox .boxPage02 .btnSubmit{background:#ed1e79;}
#viewingLevelBox .changeLevelKakunin {margin-top: 1.5em;}

/* NOVA LIVE STATION ハイライト設定 */
#highlightChangeBox{border:5px solid #0979cc;}
#highlightChangeBox .boxInner{padding: 0 2em 3em 2em;background:#fff;}
#highlightChangeBox .ttlBox{background:#0979cc; color:#fff; margin:0 0 2em; line-height:1; padding:0.3em 0 0.5em 5px;}
#highlightChangeBox .txt{text-align:center;font-weight:bold;font-size: 110%;}
#highlightChangeBox .attention{font-weight:bold;}
#highlightChangeBox .selectBox{text-align:center; margin:2em 0; font-size:150%;}
#highlightChangeBox .selectBox label{color:#0979cc;font-weight:bold;display: block;}
#highlightChangeBox .selectBox label:not(:last-child){margin:0 0 0.7em;}
#highlightChangeBox .selectBox select{margin:0 0 0 1em; font-size:100%; border:1px solid #0979cc; border-radius:10px; padding:0 0.5em;}
#highlightChangeBox .btnBox{width:18em; margin:0 auto;}
#highlightChangeBox .btnBox button{display: block;width:7em;border:none;border-radius:20px;line-height:1;padding: 0.5em 0; color:#fff;}
#highlightChangeBox .btnBox .btnCancel{background:#999999;}
#highlightChangeBox .btnBox .btnNext{background:#0979cc;}

/* NOVA LIVE STATION 視聴予約一覧 */
#viewingReservationBox.modalBox{
    box-sizing: border-box;
    width: 96%;
    max-width: 650px;
    height: auto;
    font-size: 100%;
    background: #fff;
    position: fixed;
    z-index: 9999;
    margin: 0 0;
    /* display: block; */
    display: none;
    margin-top: -1vh;
}
#viewingReservationBox .boxInner{
        padding: 1em 1.5em 2em 1.5em;
        background: #fff;
        overflow-y: auto;
        max-height: 80vh;
        height: auto;
}
#viewingReservationBox{border:5px solid #ff7bac;}
#viewingReservationBox  *{border:none; padding:0; margin:0;}
#viewingReservationBox .boxPage01{display:block;}
#viewingReservationBox .boxPage02{display:none;}
#viewingReservationBox .ttlBox{background:#ff7bac;color:#fff;margin: 0;line-height:1;padding:0.3em 0 0.5em 5px;}
#viewingReservationBox .selectBox .txtStatus{display: inline-block;background: #ed1e79;color: #fff;border-radius: 50px;line-height: 1;padding: 0.3em 0;width: 9em;font-weight: bold;}
#viewingReservationBox .selectBox .txtDate{font-weight: bold;}
#viewingReservationBox .selectBox .txtTime{font-weight: bold;}
#viewingReservationBox .selectBox .txtClass{/* background: #2e3192; */color: #222;line-height: 1;width: auto;height: auto;display: block;margin-right: 0.3em;}
#viewingReservationBox .selectBox .txtUnit{color:#29abe2;line-height: 1;display: block;margin-right: 0.3em;}
#viewingReservationBox .selectBox .txtMinutes{font-size: 110%;font-weight: bold;color: #28aabe;}
#viewingReservationBox .selectBox .txtTeacher{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}
#viewingReservationBox .selectBox .txtTeacherName{font-size: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1;display: block;width: calc(100% - 2em);max-width: 5.5em;-webkit-box-sizing: border-box;box-sizing: border-box;}
#viewingReservationBox .selectBox .txtTeacher img{width:2em;display:inline-block;margin-right: 0.3em;}
#viewingReservationBox .selectBox .txtBtn{display: inline-block;}

#viewingReservationBox .attention{font-weight:bold;}
#viewingReservationBox .selectBox{text-align:center;margin: 0em 0 2em;font-size: 75%;overflow-y: auto;min-height: 0px;max-height: 270px;}
#viewingReservationBox .selectBox.attendedListBox{max-height:170px;}
#viewingReservationBox .subTtl{text-align: center;font-weight: bold;font-size: 110%;margin: 0 0 0.3em;}
#viewingReservationBox .selectBox table{width:100%;}
#viewingReservationBox .selectBox table tr{width: 100%;background:#f2f2f2;border-bottom: 0.5em solid #fff;}
#viewingReservationBox .selectBox table th{vertical-align:middle;padding: 0.8em 0;}
#viewingReservationBox .selectBox table td{vertical-align:middle;}
#viewingReservationBox .selectBox .txtStatusBox{width: 23%;padding-left: 1em;}
#viewingReservationBox .selectBox .txtDateBox{width: 22%;}
#viewingReservationBox .selectBox .txtClassBox{width: 23%;}
#viewingReservationBox .selectBox .txtTeacherBox{width: 18%;}
#viewingReservationBox .selectBox .txtBtnBox{padding-right: 1em;width: 14%;}
#viewingReservationBox .selectBox .txtBtnHyoukaBox{padding-right: 1em;width: 14%;}
#viewingReservationBox .selectBox .txtBtn button{display: block;width:7em;border:none;border-radius:20px;line-height:1;padding: 0.5em 0;color:#fff;background:#000000;font-size: 100%;}
#viewingReservationBox .btnBox{width:18em;margin: 1em auto 0;}
#viewingReservationBox .btnBox button{display: block;width:7em;border:none;border-radius:20px;line-height:1;padding: 0.5em 0;color:#fff;background:#000000;cursor: pointer;outline: none;}
#viewingReservationBox .btnBox .btnClose{background:#000000;}
#viewingReservationBox .selectBox .txtBtnHyoukaBox button{background:#ee3485;}

#viewingReservationBox .selectBox table .onSchedule{background:#ffff00;}
/*#viewingReservationBox .selectBox table .spSchedule .txtClass{display:none;}*/
#viewingReservationBox .selectBox table .spSchedule .txtClass{color:#333333;}
#viewingReservationBox .selectBox table .spSchedule .txtUnit{color:#333333;}
#viewingReservationBox .onSchedule .txtBtn button{color:#8cc63f;}
#viewingReservationBox .onSchedule .txtStatus{background: #fff;color: #ed1e79;}

#viewingReservationBox .attendedSchedule .txtStatus{background: #aaa;}

#viewingReservationBox .boxContents{font-size: 100%;}
#viewingReservationBox .boxContents .btnBox{margin-top:0em;}
#viewingReservationBox .boxContents .courseContentBox{display:none;}
#viewingReservationBox .boxContents .btnYoyaku{color: #333333;border: 1px solid #999999;background: #cccccc;border-radius:20px;line-height:1;min-width: 6.5em;padding: 0.6em 0.3em 0.4em 0.3em;text-align: center;font-weight: lighter;font-size: 100%;position: absolute;top: 0.8em;right: 0.8em;}
#viewingReservationBox .boxContents .boxContentsSetsumei{width: 14em;background: #9E9E9E;}
#viewingReservationBox .boxContents table{border-collapse:separate; border-spacing:0 0.5em;}
#viewingReservationBox .boxContents table th{background: #333333;color:#fff;text-align: center;padding: 0.5em 0.5em 0.5em 0.5em;font-size: 85%;}
#viewingReservationBox .boxContents table td{padding:0 0 0 0.5em;font-size: 95%;}
#viewingReservationBox .boxContents .txtHighlight{}
#viewingReservationBox .boxContents .txtDate{display: inline-block;font-weight: bold;}
#viewingReservationBox .boxContents .txtMinutes{font-size:80%;}
#viewingReservationBox .boxContents .txtClass{color:#0979cc;font-size: 150%;font-weight: bold;margin: 0 0.6em 0 0;}
#viewingReservationBox .boxContents .txtClass img{display:inline-block;vertical-align: super;}
#viewingReservationBox .boxContents .txtMinutes{font-size: 150%;font-weight: bold;}
#viewingReservationBox .boxContents .txtContents{}

#viewingReservationBox .hyoukaBox{max-width: 400px;margin: 2em auto 0;}
#viewingReservationBox .hyoukaBox *{box-sizing: border-box;}
#viewingReservationBox .hyoukaSetsumei{text-align: center;font-weight: bold;font-size: 110%;margin: 0 0 0.5em;}
#viewingReservationBox .hyoukaBox .starSelectBox{display:flex;align-items:center;justify-content: center;margin: 1em 0 1em;}
#viewingReservationBox .hyoukaBox .starSelectBox .icoStarBox{margin:0 0.3em;cursor: pointer;}
#viewingReservationBox .hyoukaBox .starSelectBox .icoStarBox .starSelect{display:none;}
#viewingReservationBox .hyoukaBox .starSelectBox .icoStarBox.starSelectTrue .starSelect{display:block;}
#viewingReservationBox .hyoukaBox .starSelectBox .icoStarBox.starSelectTrue .starNotSelect{display:none;}
#viewingReservationBox .hyoukaBox .commentBox{}
#viewingReservationBox .hyoukaBox .commentBox textarea{width:100%;min-height: 5em;max-height: 7em;resize: vertical;display:block;border:1px solid #000;}
#viewingReservationBox .hyoukaBox .btnBox .btnSubmit{background: #ee3485;font-size:14px;padding: 0.8em 0 0.8em 0;width: 7em;}
#viewingReservationBox .hyoukaBox .btnBox .btnCancel{font-size:14px;padding: 0.8em 0 0.8em 0;}

/* NOVA LIVE STATION 番組詳細 */
#programDetailsBox{border:5px solid #000000;}
#programDetailsBox .boxInner{padding: 1.3em 1.3em 1.3em 1.3em;background:#e6e6e6;position:relative;}
#programDetailsBox .ttlBox{background:#000000;color:#fff;line-height:1;padding:0.3em 0 0.5em 5px;justify-content: space-between;}
#programDetailsBox .ttlBox .txtYoyaku{display:none;padding: 0 1em 0 0;}
#programDetailsBox .ttlBox .txtYoyaku .txtStar{color:#ff7bac;}
#programDetailsBox  *{border:none;}
#programDetailsBox .btnModalClose{position:absolute;top: -20px;right: -20px;z-index:9;display: flex;justify-content: center;align-items: center;width: 2.6em;height: 2.6em;background: #000;color: #fff;font-size: 100%;font-weight: bold;border: 2px solid #fff;box-sizing: border-box;border-radius: 50%;cursor: pointer;margin: 0;padding: 0;}

#programDetailsBox .boxContents{font-size: 100%;}
#programDetailsBox .boxContents .btnYoyaku{color: #333333;border: 1px solid #999999;background: #cccccc;border-radius:20px;line-height:1;min-width: 6.5em;padding: 0.6em 0.3em 0.4em 0.3em;text-align: center;font-weight: lighter;font-size: 100%;position: absolute;top: 0.8em;right: 0.8em;}
#programDetailsBox .boxContents table{border-collapse:separate; border-spacing:0 0.5em;}
#programDetailsBox .boxContents table th{background: #333333;color:#fff;text-align: center;padding: 0.5em 0.5em 0.5em 0.5em;font-size: 85%;}
#programDetailsBox .boxContents table td{padding: 0 0 0 0.5em;font-size: 95%;vertical-align: middle;}
#programDetailsBox .boxContents .txtHighlight{}
#programDetailsBox .boxContents .txtDate{display: inline-block;font-weight: bold;}
#programDetailsBox .boxContents .txtMinutes{font-size:80%;}
#programDetailsBox .boxContents .txtLevel{color:#0979cc;font-size: 150%;font-weight: bold;margin: 0 0.6em 0 0;}
#programDetailsBox .boxContents .txtLevel img{display:inline-block;vertical-align: super;}
#programDetailsBox .boxContents .txtMinutes{font-size: 100%;font-weight: bold;}
#programDetailsBox .boxContents .txtContents{}

#programDetailsBox .boxTeacherInfo{background: #f9f9dc;padding: 0 0 0 0;font-size: 100%;margin: 1.5em 0 1.5em 0;-webkit-box-align: initial;-ms-flex-align: initial;align-items: initial;}
#programDetailsBox .boxTeacherInfo .leftBox{width: 6.5em;}
#programDetailsBox .boxTeacherInfo .leftBox .imgTeacher{height:100%;}
#programDetailsBox .boxTeacherInfo .leftBox .imgTeacher img{width: 100%;height: 100%;object-fit: cover;}
#programDetailsBox .boxTeacherInfo .rightBox{width: calc(100% - 6.5em);padding: 1em 0 1em 1em;font-size: 100%;}
#programDetailsBox .boxTeacherInfo .boxTh{width:100%;display:block;text-align:center;background:#fff;padding: 0.5em 0 0.4em;border-radius: 20px;line-height:1;color:#ff7bac;}
#programDetailsBox .boxTeacherInfo .TeacherInfo_Name{font-weight:bold;font-size: 160%;font-weight:bold;}
#programDetailsBox .boxTeacherInfo .TeacherInfo_Country{display: inline-block;margin: 0.3em 0em 0.3em 0em;font-weight:bold;}
#programDetailsBox .boxTeacherInfo .TeacherInfo_Country .icoFlag{width:1.5em;height: auto;display:inline-block;margin: 0 0.5em 0.2em 0;}
#programDetailsBox .boxTeacherInfo .TeacherInfo_Comment{font-weight:bold; display: none;}
#programDetailsBox .boxNotice{margin: 0 0 1em 0;}
#programDetailsBox .boxNotice p{text-align:center; display:none;}
#programDetailsBox .boxNotice .txtPreparation{display:block;}
#programDetailsBox .btnBox{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:18em;margin:0 auto;font-size: 130%;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#programDetailsBox .btnBox button{display: none;border:none;border-radius:20px;line-height: 1;padding: 0.5em 1.5em;color: #666;background: #000;font-size: 100%;font-weight:bold;cursor:pointer;margin: 10px;}

#programDetailsBox .btnBox .btnCheckin{display:block;}

/* 予約済み */
#programDetailsBox.reservedSchedule .ttlBox .btnYoyaku{display: inline-block;}
#programDetailsBox .boxContents .btnYoyaku{border-radius:20px;line-height:1;min-width: 6.5em;padding: 0.6em 0.3em 0.4em 0.3em;text-align: center;font-weight: lighter;font-size: 95%;position: absolute;top: 0.7em;right: 0.7em;cursor: pointer;}
#programDetailsBox.reservedSchedule .boxContents .btnYoyaku{color: #ffffff;border: 1px solid #ff7bac;background: #ed1e79;}
#programDetailsBox.reservedSchedule .boxContents .txtDate{color:#ed1e79;}
#programDetailsBox.reservedSchedule .boxContents .txtMinutes{color:#ed1e79;}

/* まもなく配信開始 */
#programDetailsBox.onSchedule .boxInner{background:#fff;}
#programDetailsBox.onSchedule .boxTeacherInfo{background:#ffff00;}
#programDetailsBox.onSchedule .boxTeacherInfo .TeacherInfo_Name{}
#programDetailsBox.onSchedule .boxTeacherInfo .TeacherInfo_Comment{}

#programDetailsBox.onSchedule .boxNotice p{display:none;}
#programDetailsBox.onSchedule .boxNotice .txtReady{display:block;}

#programDetailsBox.onSchedule .btnBox button{display:none;}
#programDetailsBox.onSchedule .btnBox .btnCheckin{display:block; color:#8cc63e;}

/* 視聴できないレベル */
#programDetailsBox.notMatchSchedule{}
#programDetailsBox.notMatchSchedule .boxNotice p{display:none;}
#programDetailsBox.notMatchSchedule .boxNotice .txtNotMatch{display:block; color:#ee3485;}
#programDetailsBox.notMatchSchedule .btnBox button{display:none;}
#programDetailsBox.notMatchSchedule .btnBox .btnNotMatch{display:block; color:#ffff00; background:#ed1e79;}

/* 開局キャンペーン */
#programDetailsBox.notMemberSchedule{}
#programDetailsBox.notMemberSchedule .boxNotice p{display:none;}
#programDetailsBox.notMemberSchedule .boxNotice .txtCampaign{display:block; text-align:center;}
#programDetailsBox.notMemberSchedule .boxNotice .txtCampaign .txtbold{display:block; text-align:center; font-weight:bold;}
#programDetailsBox.notMemberSchedule .boxNotice .txtCampaign .txtNormal{display:block; text-align:center; font-weight:normal; color:#ee3485;}
#programDetailsBox.notMemberSchedule .boxNotice .txtCampaign .txtNormal small{color:#ee3485;}
#programDetailsBox.notMemberSchedule .btnBox button{display:none;}
#programDetailsBox.notMemberSchedule .btnBox .btnCampaign{display:block;color:#ffffff;background:#FF9800;}
#programDetailsBox.notMemberSchedule .btnBox .btnMoredetail {display:block;text-align:center;font-weight:bold;color:#fff;background: #2E3192;}

/* NOVA LIVE STATION 番組ガイド */
#liveStationSec #programGuideBox{border:5px solid #8cc63f;max-width:700px;max-height: 94vh;overflow: auto;}/*2021.05.25*/
#programGuideBox img{display:inline-block;}
#programGuideBox .boxInner{padding: 0 2em 1.5em 2em;background:#fff;}
#programGuideBox .ttlBox{background:#8cc63f;color:#fff;margin: 0 0 1em;line-height:1;padding:0.3em 0 0.5em 5px;position: sticky;top: 0;}/*2021.05.25*/
#programGuideBox .txt{text-align:center;font-weight:bold;font-size: 110%;margin: 0 0 15px;}
#programGuideBox .attention{font-weight:bold; color:#ed1e79;}
#programGuideBox .contentsBox{border-bottom: 2px solid #8cc63f; padding: 0 0 20px; margin: 0 0 30px;}
#programGuideBox .contentsBox dt{border-bottom:1px solid #b3b3b3;margin: 20px 0 15px;font-size: 17px;font-weight: bold;color: #4b6f1c;}
#programGuideBox .contentsBox .statusListBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#programGuideBox .contentsBox .specialProgramBox{display:flex;justify-content: center;align-items: flex-start;}
#programGuideBox .contentsBox .specialProgramBox .guideSp{margin: 0 6% 0 0;}
#programGuideBox .contentsBox .specialProgramBox .guideSpLesson{margin: 0 0% 0 0%;}
#programGuideBox .contentsBox .specialProgramBox .guideSpLevel{margin: 0 3% 0 0%;}
#programGuideBox .contentsBox .kakikoshuBox{display:flex;justify-content: center;align-items: flex-start;}/*2021.05.25*/
#programGuideBox .contentsBox .kakikoshuBox .guideKakikoshu{margin: 0 4% 0 0;}/*2021.05.25*/
#programGuideBox .contentsBox .kakikoshuBox .guideKakikoshu .guideKakikoshuNaiyo{}/*2021.05.25*/
#programGuideBox .btnBox{margin:20px 0 0; justify-content:center;}
#programGuideBox .btnBox button{display: block;width:7em;border:none;border-radius:20px;line-height:1;padding: 0.5em 0; color:#fff;}
#programGuideBox .btnBox .btnTebiki{background:#8cc63f;font-size:14px;margin:0 15px 0 0;padding: 0.8em 0 0.8em 0;width: 9em;}
#programGuideBox .btnBox .btnTopics{background:#ff7bac; font-size:14px; margin:0 0 0 15px;padding: 0.8em 0 0.8em 0;width: 9em;}
#programGuideBox .smallTxt {font-size: 90%;margin-top: 15px;}
#programGuideBox .smallTxt .ml5 {margin-left: 5px;}

#novaServiceBox.modalBox{box-sizing: border-box;width: 96%;max-width: 650px;height: auto;font-size: 100%;background: #fff;position: fixed;z-index: 9999;margin: 0 0;/*    display: block;*/display: none;margin-top: -1vh;}
#novaServiceBox {border: 5px solid #0da0de;}
#novaServiceBox a:hover {text-decoration:none;}
#novaServiceBox .boxInner{padding: 0 1.5em 2em 1.5em;background:#fff;overflow-y: auto;max-height: 80vh;height: auto;}
#novaServiceBox .ttlBox{background:#0da0de; color:#fff; margin:0; line-height:1; padding:0.3em 0 0.5em 5px;}
#novaServiceBox .ttl {font-size: 120%;margin-top: 2em;font-weight: bold;}
#novaServiceBox .btnSelectBox{margin: 1.5em 0;}
#novaServiceBox .btnSelectBox li {width:394px; margin: 1em auto;}
#novaServiceBox .btnSelectBox button{width: auto; padding:0; margin:0; background:none; border:0; font-size:0; line-height:0; overflow:visible; cursor:pointer;}
#novaServiceBox .btnBox button {border-style: none; background-color:#000; color:#fff; padding:0.5em 3em; font-size:0.9em;border-radius:30px; cursor:pointer;}
#novaServiceBox .boxPage02 {display:none;}
#novaServiceBox .serviceType {background-color: #0da0de;width: 25%;margin: 0.4em auto;padding: 0.2em 1em;color: #fff;text-align: center;}
#novaServiceBox .mainView {width: 100%;border-top: 1px #aaa solid;margin: 1.2em 0;}
#novaServiceBox .mainView p {text-align: center;color: #0da0de;}
#novaServiceBox .mainView .ttl {color:#222;margin: 0.9em 0 0 0;font-weight: bold;text-align: center;}
#novaServiceBox .pointKonyuBtn a{display: block; background-color: #f7931e; color: #fff; width: 35%;text-align: center;padding: 0.6em; font-size: 125%;margin: 1em auto;border-radius: 30px;}

#novaServiceBox .mainView .mainImg {width: 90%; margin: 0.5em auto;}
#novaServiceBox .pointSection .pointList {display: flex;flex-wrap:wrap;justify-content: space-between;}
#novaServiceBox .pointSection .pointList li {margin-bottom: 1em;}
#novaServiceBox .pointSection .ttl{text-align: center; font-weight:bold; margin: 2em auto 1em auto;}
#novaServiceBox .pointSection .label{width: 100%; background-color:#0da0de; color: #fff; padding: 0.2em 0; text-align: center;}
#novaServiceBox .pointSection .pointL {width: 100%;}
#novaServiceBox .pointSection .pointL .pointBox {width: 100%;display: flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;}
#novaServiceBox .pointSection .pointL .pointImg {margin-bottom: 1em;width: 48%;background-color: #f2f2f2;padding: 3.2em 0 3.7em 0;}
#novaServiceBox .pointSection .pointL .pointImg img {margin: 0 auto;}
#novaServiceBox .pointSection .pointL .pointTxt {width: 48%;font-size: 85%;padding: 0.5em;}
#novaServiceBox .pointSection .pointL .importantPink {color:#ed1e79;font-size: 85%;}
#novaServiceBox .pointSection .pointS {width: 48%;}
#novaServiceBox .pointSection .pointS .pointImg {width: auto;background-color: #f2f2f2;padding: 1.3em 0 1.5em 0;}
#novaServiceBox .pointSection .pointS .pointImg img {margin: 0 auto;}
#novaServiceBox .pointSection .pointS .pointTxt {width: auto;font-size: 85%;padding: 0.5em 0;}

#novaServiceBox .ryoukinSection {padding: 0 3em;border-top: 1px #aaa solid;margin: 0;}
#novaServiceBox .ryoukinSection .ttl{text-align: center;font-weight:bold;margin: 1em auto 1em auto;}
#novaServiceBox .ryoukinSection .importantPink {color:#ed1e79;font-size: 80%;}
#novaServiceBox .ryoukinSection dt {background-color: #0da0de;color: #fff; text-align: center;padding:0.2em;}
#novaServiceBox .ryoukinSection dl {margin: 1.5em 0;}
#novaServiceBox .ryoukinSection dd ul {background-color: #f2f2f2;padding: 0 0.5em;}
#novaServiceBox .ryoukinSection dd ul li {padding:0.5em;font-weight:bold;}
#novaServiceBox .ryoukinSection dd ul li:nth-of-type(n+2) {border-top: 1px solid #aaa;}
#novaServiceBox .ryoukinSection dd ul .left {display: inline-block; width: 50%; text-align: center;}
#novaServiceBox .ryoukinSection dd ul .right {display: inline-block;width: 49%;text-align: center;border-left: 1px dotted #aaa;}
#novaServiceBox .ryoukinSection dd ul .mtom {color:#ed1e79;}
#novaServiceBox .ryoukinSection dd ul .group{color:#0da0de;}
#novaServiceBox .ryoukinSection dd ul .skype{color:#24bab2;}
#novaServiceBox .ryoukinSection .txt{font-size: 90%; margin: 0.5em 0;}
#novaServiceBox .nagareSection {margin-bottom: 1.5em;border-radius: 13px;}
#novaServiceBox .nagareSection  label {display: block;font-size: 1.2em;color: #fff;background-color: #ed1e79;cursor :pointer;transition: all .5s;width: auto;position: relative;padding: 0.2em;text-align: center;font-weight: bold;}
#novaServiceBox .nagareSection  input {display: none;}
#novaServiceBox .nagareSection .detailNagare { width: auto; height: 0; opacity:0;display: none;}
#novaServiceBox .nagareSection .nagare:checked + label + .detailNagare {display: block;height: auto;width: auto;background-color: #fff;padding: 0;opacity: 1;border: 2px #aaa solid;border-top: none;}
#novaServiceBox .nagareSection label:before {content: '';width: 10px;height: 10px;display: block;border-bottom: solid 2px;border-left: solid 2px;transform: rotate(-45deg);position: absolute;top: 8px;right: 1em;}
#novaServiceBox .nagareSection .nagare:checked + label:before {transform:  rotate(135deg);top: 14px;}
#novaServiceBox .nagareSection .detailNagare ol li {padding: 0.5em;}
#novaServiceBox .nagareSection .detailNagare ol li .ttl {color:#ed1e79;font-weight: bold;margin: 0 0 0.3em 0;font-size: 99%;}
#novaServiceBox .nagareSection .detailNagare ol li .txt {font-size: 95%;}
#novaServiceBox .nagareSection .detailNagare ol li .nagareImg {background-color: #f3fbff; padding: 1em 0;margin-bottom: 0.5em;}
#novaServiceBox .nagareSection .detailNagare ol li .nagareImg img {margin: 0 auto;}
#novaServiceBox .nagareSection a:hover {text-decoration: none;}
#novaServiceBox .nagareSection .summaryBtn a{display: block;background-color: #ed1e79;color: #fff;width: 32%;text-align: center;padding: 0.5em;font-size: 120%;margin: 0.5em auto 1.2em auto;border-radius: 30px;}
#novaServiceBox .nagareSection .kochira a {color: #0da0de; text-decoration: underline;}

#novaServiceBox .boxPage03 {display:none;}
#novaServiceBox.serviceOnlineMode .nagareSection .kochira a {color: #3ab54a; text-decoration: underline;}
#novaServiceBox.serviceOnlineMode {border: 5px solid #3ab54a;}
#novaServiceBox.serviceOnlineMode .ttlBox{background:#3ab54a;}
#novaServiceBox.serviceOnlineMode .serviceType {background-color: #3ab54a;width: 25%;margin: 0.4em auto;padding: 0.2em 1em;color: #fff;text-align: center;}
#novaServiceBox.serviceOnlineMode .pointSection .label{width: 100%; background-color:#3ab54a; color: #fff; padding: 0.2em 0; text-align: center;}
#novaServiceBox.serviceOnlineMode .pointSection .pointL .pointImg {margin-bottom: 1em;width: 48%;background-color: #f2f2f2;padding: 2.5em 0 3em 0;}
#novaServiceBox.serviceOnlineMode .pointSection .pointS .pointImg {width: auto;background-color: #f2f2f2;padding: 0.8em 0 0.8em 0;}
#novaServiceBox.serviceOnlineMode .pointSection li:nth-child(3) .pointImg {padding: 0.35em 0;}
#novaServiceBox.serviceOnlineMode .pointSection li:nth-child(4) .pointImg {background-image: url("../images/img_popup_online05bg.png"); background-repeat: no-repeat; background-position: center bottom;}
#novaServiceBox.serviceOnlineMode .ryoukinSection dt {background-color: #3ab54a;color: #fff; text-align: center;padding:0.2em;}
#novaServiceBox.serviceOnlineMode .nagareSection .detailNagare ol li .nagareImg {background-color: #f3fff4; padding: 1em 0;margin-bottom: 0.5em;}
#novaServiceBox.serviceOnlineMode .nagareSection .ochaCase{padding-top: 1.2em;position: relative;}
#novaServiceBox.serviceOnlineMode .nagareSection .ochaCase:after {content:"お茶の間留学の場合";color: #ccc; background-color: #fff; display: block;padding: 0.5em;position:absolute;top: 0; left: 50%; transform:translate(-50%,-50%);}
#novaServiceBox.serviceOnlineMode .nagareSection .ochaCase:before {content:""; width:100%;border-top: 2px #ccc dotted;position: absolute; top:0; left: 50%; transform:translate(-50%, 0)}
#novaServiceBox.serviceOnlineMode .nagareSection .skypeCase{padding-top: 1.2em;position: relative;}
#novaServiceBox.serviceOnlineMode .nagareSection .skypeCase:after {content:"スカイプ留学の場合";color: #ccc; background-color: #fff; display: block;padding: 0.5em;position:absolute;top: 0; left: 50%; transform:translate(-50%,-50%);}
#novaServiceBox.serviceOnlineMode .nagareSection .skypeCase:before {content:""; width:100%;border-top: 2px #ccc dotted;position: absolute; top:0; left: 50%; transform:translate(-50%, 0)}

#modal-overlay {z-index:999;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba( 0,0,0, 0.75 );}



/*----- IE11 にのみ適用 -----*/
@media all and (-ms-high-contrast: none) {
    /*Time列の高さを調整*/
    *::-ms-backdrop, #liveStationSec .liveStationScheduleBox .timeListBox tbody tr{height:41.9px;}
}


/*----- Edgeにのみ適用 -----*/
@supports (-ms-ime-align: auto) {
	#liveStationSec .liveStationScheduleBox .timeListBox tbody tr{height:41.9px;}
}

/*----- firefoxにのみ適用 -----*/
@-moz-document url-prefix() {
    #liveStationSec .liveStationScheduleBox .timeListBox thead tr{height:5.4em;}
    #liveStationSec .liveStationScheduleBox .timeListBox tbody tr{height:41.8px;}
}

/*---------------------------------------------------------------------------- 
                                                                 他
----------------------------------------------------------------------------*/
#tpbtn{width:3.5em; height:3.5em; z-index:9998; position:fixed; right:2%; bottom:1%; filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
#tpbtn a {display:block; width:100%; height:100%;}
#tpbtn img{width:100%; height:auto;}



/* 2019.04.08 追記修正↓↓↓ */
/*----------------------------------------------------------------------------
***                                                             カレンダー
----------------------------------------------------------------------------*/
/* カレンダー調整 */
.dateMoveBox .bgGray{background:#F2F2F2;}
.dateMoveBox .ui-widget.ui-widget-content{box-shadow:1px 1px 4px 1px rgba(50, 50, 50, 0.4); /*transition:top 0.2s ease; */}
.dateMoveBox .ui-datepicker .ui-datepicker-title{line-height:1; display:flex; justify-content:center; align-items:center;}
.dateMoveBox .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;}
/* 日曜日のカラー設定 */
.dateMoveBox td.ui-datepicker-week-end:first-child a.ui-state-default{background-color:#ffecec;  color:#f00!important;}
/* 土曜日のカラー設定 */
.dateMoveBox td.ui-datepicker-week-end:last-child a.ui-state-default{background-color:#eaeaff; color:#00f!important;}
/* ホバー時の動作 */
.dateMoveBox td.ui-datepicker-week-end a.ui-state-hover{opacity:0.8;}
/* 当日を示す色はそのまま */
.dateMoveBox td.ui-datepicker-week-end a.ui-state-highlight{background-color:#fffa90!important;}
/* カーソルをポインターに変更 */
.dateMoveBox #datepickerId_box{/* position:relative; */  display: block;  width: 0;height: 0;line-height: 0;}
.dateMoveBox #datepickerId{position:absolute;  top:100%;  left:0;  display:none;}
.dateMoveBox #datepickerId_output{cursor:pointer;display: none;}
.dateMoveBox .hasDatepicker{}
.dateMoveBox .ui-datepicker .ui-datepicker-prev, .dateMoveBox .ui-datepicker .ui-datepicker-next{cursor:pointer; top:calc(50% - 0.9em);}
/* 2019.04.08 追記修正↑↑↑ */

.dateMoveBox a:visited, .dateMoveBox a:link {color: #fff;}