/*.form-inline .form-control{display:inline-block}*/

#iScreenUnderlay{
  position: fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:transparent;
  z-index: 100;
  display: none;
}

.cSearchPlanWrapper{
}
.cSearchPlanWrapper .cSearchPlanKicker{
  display: block;
  margin-top:20px;
}
.cSearchPlanKicker{
  display: none;
}
.cSearchPlanWrapper .cSearchPlan{
  border-top:dashed 1px #cccccc;
  border-bottom:dashed 1px #cccccc;
  margin:0 0 10px 0;
  padding:10px 0;
  display:none;
}
.cSearchPlanWrapper .cSearchPlan .cSearchPlanClose{
  display: block;
  text-align: right;
  /*font-size: 115%;*/
}
.cSearchPlan{
  margin-top:-20px;
}
 .cSearchPlanClose{
  display: none;
}

.cSearchSelectorWrapper{
  margin: 0 -2px 10px -2px;
  padding: 0;
}
.cSearchSelectorWrapper li{
  padding:0 2px;
}
.cSearchSelectorWrapper .cSearchSelector{
  height: 60px;
  margin: 0 auto;
  padding-top: 20px;
  border:solid 2px #d9d9d9;
  background:#f2f2f2;
  border-radius: 4px;
  text-align: center;
  font-size: 85%;
}
.cSearchSelectorWrapper .cSearchSelector:hover{
  background: #d9d9d9;
  cursor: pointer;
}
.cSearchSelectorWrapper .cSearchSelector.active{
  background: #ffffff;
  border:2px solid #3388ee;
}
.cSearchSelectorWrapper .cSearchSelectorWithNote{
  padding-top: 15px;
}
.cSearchSelectorWrapper .cSearchSelectorNote{
  font-size: 61%;
}
/*#iSearchingLayer{
  display: none;
  position: absolute;
  width: 80%;
  height: 40%;
  left: 10%;
  top: 30%;
  z-index: 120;
  padding-top: 20px;
  background: rgba(0,0,0,0.6);
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
}*/
.cSearchPlan{
  position: relative;
}
.cSearchPlan h1{
}
.cSearchPlan section{
  margin: 10px 0;
}
.cSearchPlan section>h1{
  width: 66%;
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 900;
  display: block;
  vertical-align: top;
  border-bottom: dotted 1px #3388ee;
  border-top: 0px;
}
.cSearchPlan .cHeaderPlanStations{
  /*display: block;*/
}
.cSearchPlan .cHeaderStationStations,
.cSearchPlan .cHeaderGoNowStations{
  display: none;
}
.cSearchPlan .cHeaderPlanDate{
  /*display: block;*/
}
.cSearchPlan .cHeaderStationDate{
  display: none;
}

.cSearchPlan .cSearchStn,
.cSearchPlan .cSearchDate,
.cSearchPlan .cSearchNoz,
.cSearchPlan .cSearchTime{
  width:100%;
  z-index: 100;
}
.cSearchPlan .cSearchTime{
  margin-right: 10px;
}
.cSearchPlan .cMinuteAfterText{
  display: inline-block;
  height:46px;
  padding:20px 5px 0 5px;
}
.cSearchPlan .cTimerSubmit{
  width:256px;
  z-index: 100;
}
.cSearchPlan .cSearchSubmit{
  width:240px;
  z-index: 100;
}

.cSearchPlan .cSearchStnArrow{
  display: inline-block;
  width: 40px;
  text-align: center;
}
.cSearchPlan .cSearchStnArrow .fa-arrow-down{
  padding: 10px 0;
  width: 240px;
  text-align: center;
}
.cSearchPlan .cStationReverse{
  display:block;
  margin-top:10px
}
.cSearchPlan .cStnTimetable{
  margin-top:10px;
}
.cSearchPlan .cStationTimeFor,
.cSearchPlan .cGoNowStationsFor{
  display: none;
  font-size: 115%;
}
.cSearchPlan .cStationTimeFor .cStationTimeFor1,
.cSearchPlan .cStationTimeFor .cStationTimeFor2,
.cSearchPlan .cGoNowStationsFor .cGoNowStationsFor1,
.cSearchPlan .cGoNowStationsFor .cGoNowStationsFor2{
  display: block;
  margin-top: 10px;
}
#iScheForm{
  display: none;
}

@media screen and (max-width: 767px){  /* XS */
  .cSearchPlan .cSearchStn{
    font-size:18px;
  }
  .cSearchPlan .cSearchTime{
    margin-top:10px;
    margin-right:0;
  }
}
@media screen and (min-width: 768px), print{  /* SM MD LG PRINT */
}
@media screen and (min-width: 768px) and (max-width: 991px){  /* SM */
  .cSearchSelectorWrapper .cSearchSelector{
    /*padding-top: 10px;*/
    font-size: 100%;
  }
  .cSearchSelectorWrapper .cSearchSelectorWithNote{
    padding-top: 10px;
  }
  .cSearchPlan h1{  /* -- 500 -- */
  }
  .cSearchPlan .cSearchStn{
    width:220px;
  }
  .cSearchPlan .cStationReverse{
    width:220px;
    margin-left: 270px;
  }
  .cSearchPlan .cStationTimeFor{
    /*height:62px;*/
    /*margin-top: -50px*/
    margin-left:240px;
    display: none;
  }
  .cSearchPlan .cSearchDate,
  .cSearchPlan .cSearchTime{
    width:240px;
  }
  .cSearchPlan .cSearchNoz{
    width:333px;
  }
  .cSearchPlan .cStnTimetableRelocate{
    /*margin-left:240px;*/
  }
  .cSearchPlan .cStnTimetableDisp{
    margin-top:-50px;
  }
  .cSearchPlan .cSearchSubmit{
    width:167px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){  /* MD */
  .cSearchSelectorWrapper{
  }
  .cSearchSelectorWrapper li{
    padding-bottom:10px;
  }
  .cSearchSelectorWrapper .cSearchSelector{
    font-size: 100%;
  }
  .cSearchSelectorWrapper .cSearchSelector:hover{
  }
  .cSearchSelectorWrapper .cSearchSelector.active{
    /*border-radius: 4px;*/
  }
  .cSearchSelectorWrapper .cSearchSelector:not(.active){
  }
  .cSearchSelectorWrapper .cSearchSelectorWithNote{
    padding-top: 10px;
  }

  .cSearchPlan h1{  /* -- 428 -- */
  }
  .cSearchPlan .cSearchStn{
    width:180px;
  }
  .cSearchPlan .cStationReverse{
    width:180px;
    margin-left: 230px;
  }
  .cSearchPlan .cStationTimeFor{
    /*height:62px;*/
    /*margin-top: -50px*/
    margin-left:200px;
    display: none;
  }
  .cSearchPlan .cSearchDate,
  .cSearchPlan .cSearchTime{
    width:200px;
  }
  .cSearchPlan .cSearchNoz{
    width:285px;
  }
  .cSearchPlan .cStnTimetableRelocate{
    /*margin-left:200px;*/
  }
  .cSearchPlan .cStnTimetableDisp{
    margin-top:-50px;
  }
  .cSearchPlan .cSearchSubmit{
    width:143px;
  }
}
@media screen and (min-width: 1200px), print{  /* LG PRINT */
  .cSearchSelectorWrapper{
  }
  .cSearchSelectorWrapper li{
    padding-bottom:10px;
  }
  .cSearchSelectorWrapper .cSearchSelector{
    font-size: 100%;
  }
  .cSearchSelectorWrapper .cSearchSelector:hover{
  }
  .cSearchSelectorWrapper .cSearchSelector.active{
    /*border-radius: 4px;*/
  }
  .cSearchSelectorWrapper .cSearchSelector:not(.active){
  }
  .cSearchSelectorWrapper .cSearchSelectorWithNote{
    padding-top: 10px;
  }

  .cSearchPlan h1{  /* -- 578 -- */
  }
  .cSearchPlan .cSearchStn{
    width:260px;
  }
  .cSearchPlan .cStationReverse{
    width:260px;
    margin-left: 310px;
  }
  .cSearchPlan .cStationTimeFor{
    /*height:62px;*/
    /*margin-top: -50px*/
    margin-left:280px;
    display: none;
  }
  .cSearchPlan .cSearchDate,
  .cSearchPlan .cSearchTime{
    width:280px;
  }
  .cSearchPlan .cSearchNoz{
    width:430px;
  }
  .cSearchPlan .cStnTimetableDisp{
    margin-top:-50px;
  }
  .cSearchPlan .cSearchSubmit{
    width:160px;
  }
}
.cSearchPlan .cSearchStnTurn{
  z-index:150;
}
.cSearchPlan .cSearchDateWrapper,
.cSearchPlan .cSearchTimeWrapper,
.cSearchPlan .cSearchSubmitWrapper{
  display: block;
}
.cSearchPlan .cSearchMinuteAfterWrapper{
  display: none;
}
@media screen and (min-width: 768px), print {  /* SM MD LG PRINT */
  .cSearchPlan .cSearchStnWrapper,
  .cSearchPlan .cSearchStnWrapperStnD,
  .cSearchPlan .cSearchStnWrapperStnA,
  .cSearchPlan .cSearchDateWrapper,
  .cSearchPlan .cSearchTimeWrapper,
  .cSearchPlan .cSearchNozWrapper,
  .cSearchPlan .cSearchSubmitWrapper{
    display: inline-block;
  }
}

.cSearchPlan .btn-primary{  /* Bootstrap3.0.0 */
  background-color: #3388ee;
  border-color: #3388ee;
}

.cSearchPlan .btn-primary:hover,
.cSearchPlan .btn-primary:focus,
.cSearchPlan .btn-primary:active{  /* Bootstrap3.0.0 */
  background-color: #367bce;
  border-color: #367bce;
}


.cSearchPlan .cSearchStn optgroup{
  color:#3388ee;
}
.cSearchPlan .cSearchStn optgroup option{
  color:#333333;
}

.cCalendar{
  background:#ffffff;
  border-top:3px solid #3388ee;
  box-shadow:0px 1px 4px rgba(0,0,0,0.4);
  display:none;
  margin-left: 20px;
  margin-top:5px;
  padding:10px 2px;
  position:absolute;
  width:270px;
  z-index:102;
}
@media (max-width: 767px) {  /* xs */
  .cSearchDateWrapper{
    width:100%;
  }
  .cCalendar{
    margin-left:-5px;
  }
}
.ie8 .cCalendar{
  border:solid 1px #cccccc;
  border-top:3px solid #3388ee;
}
.cCalendar:before{
  border-bottom:16px solid #3388ee;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content:"";
  position: absolute;
  left:30px;
  top:-16px;
}
.cCalendar:after{
  border-bottom:16px solid #ffffff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content:"";
  position: absolute;
  left:30px;
  top:-10px;
}
.cCalendar .nav{
  margin-bottom:10px;
  padding:0 2px;
}
.cCalendar .nav > li > a {  /* Bootstrap3.0.0 */
  padding: 5px 10px;
}
.cCalendar .nav-justified > li {  /* Bootstrap3.0.0 */
  display: table-cell;
  width: 1%;
}
.cCalendar .nav-pills > li.active > a,
.cCalendar .nav-pills > li.active > a:hover,
.cCalendar .nav-pills > li.active > a:focus {  /* Bootstrap3.0.0 */
  background-color: #3388ee;
}

.cCalendar table{
  border-collapse: separate;
  border-spacing: 2px;
}
.cCalendar table th{
  width:36px;
  text-align: center;
  vertical-align: middle;
}
.cCalendar table td{
  width:36px;
  height:36px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #cccccc;
  background: #ffffff;
}
/*  2020年12月分まで  */
.cCalendar table .cCalendarMMDD0429,
.cCalendar table .cCalendarMMDD0504,
.cCalendar table .cCalendarMMDD0505,
.cCalendar table .cCalendarMMDD0506,
.cCalendar table .cCalendarMMDD0723,
.cCalendar table .cCalendarMMDD0724,
.cCalendar table .cCalendarMMDD0810,
.cCalendar table .cCalendarMMDD0921,
.cCalendar table .cCalendarMMDD0922,
.cCalendar table .cCalendarMMDD1103,
.cCalendar table .cCalendarMMDD1123,
.cCalendar table .cCalendarMMDD0101,
.cCalendar table .cCalendarMMDD0111,
.cCalendar table .cCalendarMMDD0211,
.cCalendar table .cCalendarMMDD0223,
.cCalendar table .cCalendarMMDD0320,
.cCalendar table .cCalendarW0{
  color:#ee3c33;
}
.cCalendar table .cCalendarDateInvalid{
  background:#f0f0f0;
  color: #cccccc;
}
.cCalendar table .cCalendarDateValid:not(.cSelected):hover{
  border-color:#3388ee;
  color: #3388ee;
  border-radius: 4px;
}
.cCalendar table .cCalendarDateToday{  /* Today */
  background:#f5f3f0;
  font-weight:900;
}
.cCalendar table .cSelected{  /* SELECTED */
  background:#3388ee;
  border-color:#3388ee;
  border-radius: 4px;
  color:#ffffff;
}
.cCalendarDateValid{
  cursor: pointer;
}
.cCalendar .cCalendarOK{
  margin:10px -2px -10px -2px;
  padding:2px;
  text-align: center;
  background:#f0f0f0;
  color:#999999;
}
.cCalendar .cCalendarOK:hover{
  color:#3388ee;
  cursor: pointer;
}

.cTimer{
  background:#ffffff;
  border-top:3px solid #3388ee;
  box-shadow:0px 1px 4px rgba(0,0,0,0.4);
  display: none;
  margin-left:-20px;
  margin-top:5px;
  padding:10px 2px;
  position:absolute;
  width:270px;
  z-index: 102;
}
@media (max-width: 767px) {  /* xs */
  .cSearchTimeWrapper{
    width:100%;
  }
  .cTimer{
    margin-left:-5px;
  }
}
.ie8 .cTimer{
  border:solid 1px #cccccc;
  border-top:3px solid #3388ee;
}
.cTimer:before{
  content:"";
  position: absolute;
  border-bottom:16px solid #3388ee;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  top:-16px;
  left:50px;
}
.cTimer:after{
  content:"";
  position: absolute;
  border-bottom:16px solid #ffffff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  top:-10px;
  left:50px;
}
.cTimer ul{
  margin:0;
}
.cTimer li{
  background: #ffffff;
  border: solid 1px #cccccc;
  height: 36px;
  margin:1px;
  padding-top: 8px;
  text-align: center;
  vertical-align: middle;
  width: 36px;
}
.cTimer li:hover{
  border-color:#3388ee;
  border-radius: 4px;
  color:#3388ee;
  cursor: pointer;
}
.cTimer li.cSelected{
  background:#3388ee;
  border-color:#3388ee;
  border-radius: 4px;
  color:#ffffff;
}
.cTimer .cTimerHourSelect{
  margin-left: 4px;
  margin-bottom: 10px;
  width: 80px;
}
.cTimer .cTimerMinuteSelect{
  margin-left: 4px;
  margin-bottom: 10px;
  width: 70px;
}
.cTimer .cTimerActionSelect{
  margin-left: 4px;
  margin-bottom: 10px;
  width: 98px;
}
.cTimer .cFormSubmit{
  margin-left: 4px;
}
.cTimer .cTimerShortcut{
  margin-bottom:20px;
}
.cTimer .cTimerShortcut li{
  width:124px;
  border-radius: 100px;
}
.cTimer .cTimerShortcut li:nth-child(1){
  margin-left:4px;
}
.cTimer .cTimerShortcut li:nth-child(2){
  margin-left:6px;
}
.cTimer .cTimerOK{
  margin:10px -2px -10px -2px;
  padding:2px;
  text-align: center;
  background:#f0f0f0;
  color:#999999;
}
.cTimer .cTimerOK:hover{
  color:#3388ee;
  cursor: pointer;
}

.cPromotionalAccessGuide{
  margin-top: 10px;
}
.cPromotionalAccessGuide .cPromotionalAccessGuideText{
  margin-left: 80px;
}

#iModalBack{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 120;
}
#iModalBack .cModalBoxRelative{
  position:relative;
  width: 100%;
  height: 100%;
}
#iModalBox{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -130px;
  width: 260px;
  height: 100px;
  background: #ffffff;
  border-radius: 4px;
  padding-top:8px;
  z-index: 121;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  text-align: center;
}
#iModalBox .progress{
  margin:4px;
}