@charset "utf-8";

@import url('module/RouteTable.css');


/*------------------------------------------------------------
    アイコンの統一表示用
------------------------------------------------------------*/
.unifyIconsContainer {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.iconsUnifiedContainer {
	display: flex;
}

.iconsUnified {
	width: 40px;
	height: 40px;
	margin-left: 5px;
}

/*------------------------------------------------------------
    接近情報
------------------------------------------------------------*/
#conts div.approachSummary
{
  background-color: #E3E9FC;
  border-bottom: 1px solid #B3B3B3;
  border-left: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  position: relative;
  overflow: hidden;
}

/* 番号欄 */
#conts div.approachSummary01
{
  color: #39459B;
  float: left;
  font-weight: bold;
  height: 100%;
  width: 32px;
}

#conts div.number
{
   width: 20px;
  text-align: center;
}

/* バスアイコン欄 */
#conts div#isBusIconLink
{
  display: flex;
  align-items: center;
}

#conts div.approachSummary01 span
{
  font-size: 18pt;
}

/* 接近情報欄 */
#conts div.approachSummary02
{
  background-color: #FFFFFF;
  border-left: 1px solid #B3B3B3;
  float: left;
  width: calc(100% - 56px);
  margin-bottom: -32px;
  padding-bottom: 32px;
}

/* 矢印欄 */
#conts div.approachSummary03
{
  float: left;
  background-color: #FFFFFF;
  width: 24px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* 予測情報 */
#conts div.approachCaption
{
  font-size: 18pt;
  font-weight: bold;
  padding-left: 5px;
  text-align: left;
}

/* 新京成バス-折り返し運行 */
#conts div.approachNextTimespan
{
  font-size: 12pt;
  padding-left: 20px;
  text-align: left;
}

/* 乗り継ぎ時乗車・降車停留所 */
#conts div.approachFromTo
{
  padding-left: 20px;
  text-align: left;
}

#conts div.approachFromTo span,
#conts div.approachFromTo b
{
  font-size: 12pt;
}

/* 時刻 */
#conts div.approachTime
{
  padding-left: 20px;
  text-align: left;
}

#conts div.approachTime span.passTimeInfo
{
  font-size: 12pt;
}

/* 乗り場名 */
#conts div.poleNmFromView
{
  font-size: 12pt;
  padding-left: 20px;
  text-align: left;
}

#conts div.poleNmFromView span
{
  font-size: 12pt;
}

/* 系統名 */
#conts div.approachRoute
{
  font-size: 12pt;
  padding-left: 20px;
  text-align: left;
}

/* 運行事業者名 */
#conts div#approachCorporation
{
	font-size: 12pt;
  	padding-left: 20px;
  	text-align: left;
}

#conts div.approachRoute span
{
  font-size: 12pt;
}

/* 系統備考 */
#conts div.approachRouteRemarks
{
  font-size: 12pt;
  padding-left: 20px;
  text-align: left;
}

#conts div.approachRouteRemarks span
{
  font-size: 12pt;
}

/* 便番号・号車番号・運行事業者 */
#conts div.approachCorp
{
  font-size: 12pt;
  padding-left: 20px;
  text-align: left;
}

#conts div.approachCorp span
{
  font-size: 12pt;
}

#conts span.beforeFrom
{
  font-size: 16pt;
  font-weight: bold;
}

/* 次発予測 */
#conts div.passTimeStartDiff
{
  font-size: 12pt;
  padding-left: 20px;
  text-align: left;
}

#conts div.passTimeStartDiff span
{
  font-size: 12pt;
  color: #d90404;
}

/* 車内搭乗人数 */
#conts div.totalNum
{
  padding-left: 20px;
  text-align: left;
}

#conts div.totalNum span
{
  font-size: 12pt;
}

.annotation
{
	color: #d90404;
}

/* 急行 */
#express
{
	color: #d90404;
}

/*------------------------------------------------------------
    路線のお知らせ
------------------------------------------------------------*/
#conts div.lineMessage
{
  padding: 0px 0px 5px 20px;
  text-align: left;
}

/*------------------------------------------------------------
    接近情報詳細
------------------------------------------------------------*/
#conts div.approachDetail
{
  border-bottom: 1px solid #B3B3B3;
  border-left: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  display: none;
}

/* 左端の空欄 */
#conts div.approachDetail01
{
  float: left;
  width: 20px;
}

/* 詳細欄 */
#conts div.approachDetail02
{
  padding: 20px 10px 20px 10px;
}

/* 停留所の情報 */
#conts div.approachDetailInfo
{
  background-color: #E3E9FC;
  border: 1px solid #B3B3B3;
  border-radius: 10px;
  padding: 2px 5px 2px 10px;
  text-align: left;
}

/* 通過時刻 */
#conts div.approachDetailTime
{
}

/* 通過時刻 */
#conts div.approachDetailTime span.detailPassTime
{
  font-size: 12pt;
  margin-left: 5px;
  vertical-align: middle;
}

/* 通過停留所のアイコン */
#conts span.passStop
{
  padding-left: 18px;
}

/* 乗降停留所のアイコン */
#conts span.setStop
{
  background-color: #567AFC;
  color: #ffffff;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px 1px 1px 2px;
  vertical-align: middle;
}

/* 停留所名称 */
#conts div.approachDetailStop
{
  font-size: 16pt;
  font-weight: bold;
}

/* 停留所名称 */
#conts div.approachDetailStop span.detailStop,span.detailStop > a
{
  font-size: 16pt;
  font-weight: bold;
}

/* のりば／時刻表リンク表示位置 */
#conts div.approachDetailLink
{
  text-align: right;
}

/*------------------------------------------------------------
    ボタン
------------------------------------------------------------*/
#conts input.searchButton
{
  font-size: 16pt;
  margin-top: 20px;
  width: 200px;
}

#conts form
{
  display: inline;
}

span.passInfoText
{
	font-size: 16pt;
	font-weight: bold;
}

#conts a.mapApproachLink
{
	color: #FFFFFF;
	text-decoration: none;
}

.trackingCarLblStr
{
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

#conts div.mapApproachDiv
{
	background-image: url("../../../images/sp/button_mapview_font_off.png");
	background-repeat: no-repeat;
	background-size: 120px 30px;
	width: 120px;
	height: 30px;
	border-style: none;
	border-width: 0px;
	border-radius: 6px;
	font-size: 12pt;
	font-family: MS Pゴシック;
	padding: 3px 8px 3px 8px;
}

div#resultPassBus.resultPassBus
{
	min-height: 110px;
	display: flex;
}

div.resultPassBusText{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
    -webkit-align-items: center; /* Safari */
    align-items:         center;
    width: 100%;
}

div.remarksIcons{
	width: 40px;
	height: 40px;
	margin-left: 5px;
	float: left;
}

.remarksIconsDiv{
	height: 45px;
}

.remarksMsgDiv{
	font-size: 12pt;
	padding-left: 20px;
	text-align: left;
}

.remarksMsg{
	font-size: 12pt;
}

.customMessageDiv{
	font-size: 12pt;
	padding-left: 20px;
	text-align: left;
}

/*------------------------------------------------------------
    乗車車両追跡
------------------------------------------------------------*/
div#rideback
{
  width: 64px;
  height: 64px;
  position: sticky;
  bottom: 0;
  left: calc(100vw - 7em);
  background-color: #FFD20A;
  border: 3px solid orange;
  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%;
}