/**
 * @copyright (C) 2018-2023 OMRON SOFTWARE Co., Ltd. All Rights Reserved.
*/
body{
	margin:0px;
	background-color:#EEEEEE;

	user-select: none; /* CSS3 */
	touch-callout: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chrome */
	-ms-user-select: none; /* IE10 */
	font-family:-apple-system, Sans-Serif;
}
img{
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}
.tabBox{
	background-color:#F6BCB8;
	vertical-align:middle;
	position:fixed;
	height:60px;
	width:100%;
	top:70px;
	z-index:20;
	-webkit-filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.4));
}
.tabButton{
	color:#111;
	text-align:center;
	font-weight: bold;
	font-size:13px;
	width:50%;
}
.tabButton1{
	position:absolute;
	left:16px;
	float:left;
}
.tabButton2{
	position:absolute;
	left:50%;
}
.tabButtonClickable{
	top:0;
	width:50%;
	height:60px;
	opacity: 0;
	z-index: 1;
	position: absolute;
}
#tabButton1{
	left:0;
}
#tabButton2{
	left:50%;
}
#slideButton1{
	width:100%;
	position:absolute;
	left:0;
}
#slideButton2{
	width:100%;
	position:absolute;
	left:0;
}
#slideButton{
	position:absolute;
	top:48px;
	left:16px;
	height:1px;
	width:140px;
	background-color:#111;
	text-align:center;
	font-weight: bold;
	font-size:11px;
	border-radius: 100px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:0.225s;
	-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
	z-index:1;
}
.stationBlock .trainPosition1{
	top:11px;
}
.stationBlock .trainPosition2{
	top:11px;
}
.direction1{
	display:none;
	position:absolute;
}
.direction2{
	display:none;
	position:absolute;
}
.stationTable{
	position:relative;
	left:16px;
	display:table;
}
.stationBlock{
	height:23px;
}
.VBorder {
	width:2px;
	position: absolute;
}
.tableLeft{
position:absolute;
	display:table-cell;
	width:50%;
}
/* safari用 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root .tableLeft {
		top: 0;
	}
}

.tableMiddle{
	display:table-cell;
}

.stations{
	margin-top: 20px;
	margin-right: 20px;
}
.posLeft{
	width:100%;
	position:relative;
}
.trainName > span{
	white-space: nowrap;
}
.trainOption{
	position:absolute;
	z-index:1;
	display:inline-block;
}

.balloon{
	z-index:10;
	display:none;
	position:absolute;
	right:8px;
	background-color:#ffffff;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
	transform :scale(0);
	-webkit-transition-property: transform;
	-webkit-transition-duration:0.275s;
}
#balloon{
	height:110px;
	padding-left:12px;
}
#balloonMulti{
	height:197px;
}
.balloonHead{
	width:100%;
	background-color:#ffffff;
	height:5px;
	font-size:small;
	border-color:#ffffff;
	border:0px;
	border-radius: 4px 4px 0px 0px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.13);
}
.balloonBox{
	display:inline-block;
	overflow-y:auto;
	height:159.5px;
	padding-left:12px;
	padding-right:8px;
}

.balloonClose{
	width:100%;
	background-color:#ffffff;
	height:33px;
	font-weight: bold;
	font-size:12px;
	color:#3F3F3F;
	border-color:#ffffff;
	border:0px;
	border-radius: 0px 0px 4px 4px;
	text-align:center;
	position:absolute;
	bottom:0px;
	left:0px;
	-webkit-box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.13);
}
.balloonCloseTxet{
	position:relative;
}
.triangle{
	border:solid transparent;
	border-color:#ffffff rgba(255,255,255,0);
	border-width:0 7px;
	content:"";
	display:block;
	position:absolute;
	width:0;
	z-index:1;
}

.balloon img{
	margin-right:10px;
	height:24px;
	text-align:center;
}
.balloonDetail{
	display:table;
	height:77px;
	vertical-align:middle;
}
.balloonDetail > div{
	display:table-cell;
	vertical-align:middle;
	color:#3F3F3F;
	font-weight: bold;
	font-size:13px;
}
.balloonText > hr{
	margin:0;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 1px;
	border-color:#F6BCB8;
	opacity:0.3;
}
.balloonDetailIcon{
	border-radius:50%;
	background-color:#ff0000;
	height:17px;
	width:17px;
}
.balloonDetailText{
	margin-left:10px;
}

.scrollBlank{
	height:12px;
}
.trainTypeName{
	margin-top:6px;
}
.delayTime{
	color:#E65058;
	margin-top:6px;
}

.trainTypeImg2{
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}
.stationTrain{
	border-radius: 50%;
	height: 8px;
	width: 8px;
	position: absolute;
	top: 7.5px;
}

.lineColor1 {
	background-color:#A47E1C;
}
.lineColor21 {
	background-color:#A15420;
}
.lineColor4 {
	background-color:#735814;
}
.lineColor30 {
	background-color:#552984;
}
.lineColor5 {
	background-color:#28428F;
}
.lineColor6 {
	background-color:#355B8C;
}
.lineColor2 {
	background-color:#80243B;
}
.lineColor7 {
	background-color:#085C61;
}
.lineColor8 {
	background-color:#4F4191;
}

/* ライナー */
.lineColorSt4 {
	background-color:#F7BD2A;
}
/* 川越特急 */
.lineColorSt30 {
	background-color:#9E55F1;
}
/* 快速急行 */
.lineColorSt5 {
	background-color:#406AE6;
}
/* 快速 */
.lineColorSt6 {
	background-color:#61A5FF;
}
/* 急行 */
.lineColorSt2 {
	background-color:#EB426C;
}
/* 準急 */
.lineColorSt7 {
	background-color:#11C5CF;
}
/* 普通 */
.lineColorSt8 {
	background-color:#8A73FF;
}
/* 特急 */
.lineColorSt1 {
	background-color:#F7BD2A;
}
/* 区間急行 */
.lineColorSt21 {
	background-color:#F27E30;
}
/* 区間準急 */
.lineColorSt22 {
	background-color:#4ECF8F;
}
/* 区間快速 */
.lineColorSt27 {
	background-color:#61A5FF;
}
/* THライナー */
.lineColorSt31 {
	background-color:#9999A1;
}
.detail{
	display:none;
}

.lineChange img{
	height: 28px;
	width: 28px;
	vertical-align:middle;
}
.lineChangeName{
	position:absolute;
	top: 8px;
	left: 35px;
	color: #1E1F2E;
	font-weight: bold;
	font-size: 13px;
}
.lineChangeName2{
	position:absolute;
	top: 3px;
	left: 35px;
	color: #1E1F2E;
	font-weight: bold;
	font-size: 10px;
}
.changeLine{
	display:none;
}
.changeStation{
	display:none;
}
a:link, a:visited, a:hover, a:active{
	color: #777777;
	text-decoration: none;
}

.otherCompanyIcon{
	height: 36px;
	vertical-align:middle;
	margin-top: 8px;
}
.otherLineIcon{
	height:31px;
	margin-right:8px;
	vertical-align:middle;
}
.otherCompany{
	color:#8888ff;
	top:3px;
	float: left;
	margin-top: 8px;
	margin-right: 5px;
}
.schemeUrl{
	display:none;
}
.appStore{
	display:none;
}
.googlePlay{
	display:none;
}
.blackFilm{
	background-color: #000000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	opacity:0.8;
	z-index: 21;
	display:none;
}
.otherCompanyDialog{
	font-size: 14px;
	font-weight: bold;
	position:fixed;
	left:10%;
	width:80%;
	top:10px;
	z-index: 22;
	display:none;
	background-color: #666666;
}
.otherCompanyStationName{
	color: #111;
	padding:20px 20px 15px 10px;
	background-color:#F6BCB8;
}
.otherCompanyLine{
	position:relative;
	background-color: #EEEEEE;
	color: #1E1F2E;
	margin-top:1px;
	display:table-row;
}
.otherCompanyLineView{
	vertical-align: middle;
	padding:20px;
	display:flex;
	border-top: solid 1px #F6BCB8;
	align-items:center;
}
.otherCompanyLineCursor{
	vertical-align: middle;
	display:table-cell;
	border-top: solid 1px #F6BCB8;
	text-align:right;
	padding-right:10px;
}
.otherCompanyClose{
	background-color:#ffffff;
	font-weight: bold;
	font-size:12px;
	color:#3F3F3F;
	border-color:#ffffff;
	border:0px;
	border-radius: 0px 0px 4px 4px;
	padding:15px;
	text-align:center;
}
.otherCompanyTable{
	width:100%;
	display:table;
}
.otherCompanyLineList{
	overflow-y: auto;
}
.otherCompanyLineList::-webkit-scrollbar{
	width: 3px;
}

.otherCompanyLineList::-webkit-scrollbar-thumb{
	background-color: #ffffff;
}
.otherCompanyLineList::-webkit-scrollbar-track-piece{
	background-color: auto;
}
.lineChangeBox{
	display: flex;
	overflow-y: scroll;
	flex-wrap: nowrap;
	background-color: #F6BCB8;
	position: fixed;
	height: 40px;
	width: 100%;
	top: 30px;
	z-index: 20;
	-webkit-filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.4));
}
.lineChangeWrapper{
	color: white;
	margin-left: 10px;
	margin-right: 10px;
	white-space: nowrap;
	height: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.lineChangeButton{
	color: #777777;
	font-weight: bold;
	font-size: 12px;
	position: relative;
}
#lineNow{
	color: #111;
}
.lineChangeButton img{
	height: 21px;
	width: 21px;
	margin-right: 8px;
	vertical-align: middle;
}
.acquisitionTime{
	background-color: #F6BCB8;
	position: fixed;
	height: 30px;
	width: 100%;
	top: 0;
	z-index: 20;
	-webkit-filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.4));
	color: #111;
	font-weight: bold;
	font-size: 11px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
/* 横線 */
.hr1{
	border: none;
	border-top: 1px solid #F6BCB8;
	margin: 0px;
}
.hr2{
	border: none;
	border-top: 1px solid #F6BCB8;
	text-align: right;
}
#higashiazuma1{
	border-top: 1px dashed #F6BCB8;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 176px;
}
/* 停車列車種別アイコン */
.stopTrainType{
	position: unset;
	height: 21px;
	width: 30px;
	vertical-align: middle;
	display: flex;
	clear: both;
}
.stopTrainTypeImg{
	height: 20px;
	width: 40px;
	margin-top: 8px;
}
#stopTrainKameido{
	margin-left: 80px;
	margin-top: -1px;
	margin-bottom: 11px;
}
.updateIcon{
	position: fixed;
	z-index: 5;
	right: 10px;
	bottom: 10px;
	height: 42px;
	width: 44px;
}
.autoReloadIcon{
	position: fixed;
	z-index: 5;
	right: 60px;
	bottom: 10px;
	height: 42px;
	width: 42px;
}
.scrollBox{
	position: absolute;
	width: 100%;
	margin-top: 132px;
	overflow: scroll;
}