@charset "utf-8";

@import url('module/SearchForm.css');
@import url('module/SelectTable.css');

#conts div.fixedStop
{
  border-bottom: 1px solid #A6A6A6;
  float: left;
  font-size: 14pt;
  margin-left: -4px;
  margin-right: 5px;
  padding-left: 5px;
  text-align: left;
  width: 217px;
}

#conts div.fixedStopSingle
{
  border-bottom: 1px solid #A6A6A6;
  float: left;
  font-size: 14pt;
  margin-left: -4px;
  margin-right: 5px;
  padding-left: 5px;
  text-align: left;
  width: 175px;
}

/*------------------------------------------------------------
    詳細条件
------------------------------------------------------------*/
#conts div.availableDetail
{
  background-color: #F2F2F2;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  margin: 15px auto 10px auto;
  width: 300px;
}

#conts div.availableDetail input[type="checkbox"]
{
  display: none;
}

#conts label.addSearchDetail
{
  font-size: 12pt;
  padding: 10px;
  text-align: left;
  display: block;
}

#conts span.openDetail
{
  background: url('./images/plus.png') left center no-repeat;
}

#conts span.closeDetail
{
  background: url('./images/minus.png') left center no-repeat;
}

#conts div.searchDetail
{
  border: none;
  border-top: 1px solid #D9D9D9;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 15px 5px 15px 5px;
  margin: 0;
}

#conts div.detailCondition input[type="radio"]#departure + label
{
  border-radius: 5px 0 0 5px;
  width: 42px;
}

#conts div.detailCondition input[type="radio"]#arrival + label
{
  border-radius: 0 5px 5px 0;
  width: 42px;
}

#conts div.detailCondition label
{
  white-space: nowrap;
}

/*------------------------------------------------------------
    乗車車両追跡
------------------------------------------------------------*/
div#rideback
{
  width: 64px;
  height: 64px;
  position: sticky;
  bottom: 0;
  left: calc(100vw - 7em);
  background-color: #FCE3E3;
  border: 3px solid #FF6E6E;
  border-radius: 50% 50% 50% 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ride
{
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ride img
{
  max-width: 100%;
  max-height: 100%;
}