/* body設定を上書き */
html body{
	margin:	0;
	font-family:	sans-serif;
	overflow:	auto;
	background:	#F4F4F4;
	white-space:	nowrap;
	color:	#505050;
}
object{
	pointer-events:	auto;
}
/* スクロール固定用 */
body.noscroll{
	position:	fixed;
	overflow-y:	auto;
}
/* 全体背景スタイル */
.STYLE_BACK{
	fill:	#F4F4F4;
}
/* 在線列車　ダミー用 */
.STYLE_TR_DUMMY{
	fill:	#606060;
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（列車車種1文字用　中央) */
.STYLE_WORD_TR1{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	2.3rem;
}
/* 文字（列車車種2文字用　中央) */
.STYLE_WORD_TR2{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* 在線列車　番線 */
.STYLE_BANSEN{
	fill:	#3098FF;
	stroke:	white;
	stroke-width:	2;
}
/* 文字（列車番線　中央) */
.STYLE_WORD_BANSEN{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	1.3rem;
}
/* 文字（列車遅延　中央) */
.STYLE_WORD_DELAY{
	font-family:	sans-serif;
	fill:	#FF0000;
	text-anchor:	middle;
	font-size:	1.5rem;
	font-weight:	bold;
}
/* 駅線 */
.STYLE_SLINE{
	stroke:	#808080;
	stroke-width:	2;
}
/* 駅点 */
.STYLE_STPNT{
	fill:	white;
	stroke:	#0068C0;
	stroke-width:	4;
}
/* 駅点(他) */
.STYLE_STPNT_O{
	fill:	white;
	stroke:	#A0A0A0;
	stroke-width:	4;
}
/* 路線 */
.STYLE_LINE{
	stroke:	#0068C0;
	fill:	none;
	stroke-width:	10;
}
/* 路線(曲線部) */
.STYLE_LINE_C{
	stroke:	#0068C0;
	fill:	none;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	10;
}
/* 他路線 */
.STYLE_LINE_O{
	stroke:	#A0A0A0;
	fill:	none;
	stroke-width:	10;
}
/* 駅フレーム(影) */
.STYLE_STATION_BAK{
	fill:	#404040;
	stroke:	#404040;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 駅フレーム */
.STYLE_STATION_FRM{
	fill:	#0068C0;
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 駅名アンダーライン */
.STYLE_STATION_UND{
	stroke:	white;
	stroke-width:	2;
}
/* 文字（他路線リンク　中央) */
.STYLE_WORD_LINK{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	1.7em;
}
/* 他路線リンク　矢印部 */
.STYLE_LINK_ARROW{
	stroke:	white;
	fill:	none;
	stroke-linecap:	squre;
	stroke-linejoin:	miter;
	stroke-width:	4;
}
/* アプリ連携ボタン　背景(近鉄) */
.STYLE_RAILAPP_B_KT{
	stroke-width:	3;
	stroke:	#F08621;
	fill:	#FFFFFF;
}
/* アプリ連携ボタン　背景(山陽) */
.STYLE_RAILAPP_B_SY{
    stroke-width:   3;
    stroke: rgb(228,41,38);
    fill:   #FFFFFF;
}
/* アプリ連携ボタン　背景(南海) */
.STYLE_RAILAPP_B_NK{
    stroke-width:   3;
    stroke: rgb(255,192,0);
    fill:   #FFFFFF;
}
/* アプリ連携ボタン　背景(阪急) */
.STYLE_RAILAPP_B_HK{
    stroke-width:   3;
    stroke: rgb(145,43,87);
    fill:   #FFFFFF;
}
/* アプリ連携ボタン　背景(JR西日本) */
.STYLE_RAILAPP_B_JR{
    stroke-width:   3;
    stroke: rgb(112,206,243);
    fill:   #FFFFFF;
}
/* アプリ連携ボタン　テキスト */
.STYLE_RAILAPP_T{
	font-family:	sans-serif;
	fill:	#000000;
	text-anchor:	middle;
	font-size:	1.5em;
	font-weight:	bold;
}
/* 注意文枠 */
.STYLE_COMMENT_B{
	stroke-width:	1;
	stroke:	#808080;
	fill:	none;
}
/* ナンバリング外枠 */
.STYLE_NUM_B{
	fill:	white;
}
/* ナンバリング枠 */
.STYLE_NUM{
	fill:	white;
	stroke:	#0068C0;
	stroke-width:	2;
}
/* 文字（ナンバリング会社記号　中央) */
.STYLE_WORD_NUM_A{
	font-family:	sans-serif;
	fill:	#0068C0;
	text-anchor:	middle;
	font-size:	0.9em;
	font-weight:	bold;
}
/* 文字（ナンバリング数字部　中央) */
.STYLE_WORD_NUM_N{
	font-family:	sans-serif;
	fill:	#0068C0;
	text-anchor:	middle;
	font-size:	1.7em;
	font-weight:	bold;
}
/* 文字（駅名 左詰め) */
.STYLE_WORD_STATION{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	start;
	font-size:	2.1em;
}
/* 文字（一般 右詰め) */
.STYLE_WORD_R{
	font-family:	sans-serif;
	fill:	#808080;
	text-anchor:	end;
	font-size:	1.3em;
}
/* 文字（一般 左詰め) */
.STYLE_WORD_L{
	font-family:	sans-serif;
	fill:	#808080;
	text-anchor:	start;
	font-size:	1.3em;
}
/* 駅アイコン(フレーム) */
.STYLE_SICON_M{
	fill:	#808080;
	stroke:	white;
	stroke-width:	2;
}
/* 駅アイコン(全面色) */
.STYLE_SICON_F{
	fill:	white;
}
/* 駅アイコン(背景色) */
.STYLE_SICON_B{
	fill:	#808080;
}
/* 駅アイコン(ライン) */
.STYLE_SICON_L{
	fill:	none;
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	3;
}
/* 在線列車　特急系 */
.STYLE_TR_A{
	fill:	#C00000;
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（車種特急系) 1文字 */
.STYLE_WORD_TR_A1{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	2.3rem;
}
/* 文字（車種特急系) 2文字 */
.STYLE_WORD_TR_A2{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* 在線列車　快速系 */
.STYLE_TR_N{
	fill:	#3098FF;
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（車種快速系) 1文字 */
.STYLE_WORD_TR_N1{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	2.3rem;
}
/* 文字（車種快速系) 2文字 */
.STYLE_WORD_TR_N2{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* 在線列車　急行系 */
.STYLE_TR_E{
	fill:	#E87010;
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（車種急行系) 1文字 */
.STYLE_WORD_TR_E1{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	2.3rem;
}
/* 文字（車種急行系) 2文字 */
.STYLE_WORD_TR_E2{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* 在線列車　準急系 */
.STYLE_TR_S{
	fill:	#008000;
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（車種準急系) 1文字 */
.STYLE_WORD_TR_S1{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	2.3rem;
}
/* 文字（車種準急系) 2文字 */
.STYLE_WORD_TR_S2{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* 在線列車　普通 */
.STYLE_TR_L{
	fill:	#0068C0;
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（車種普通系) 1文字 */
.STYLE_WORD_TR_L1{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	2.3rem;
}
/* 在線列車　貸切 */
.STYLE_TR_Q{
	fill:	#808080;
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（車種貸切系) 2文字 */
.STYLE_WORD_TR_Q2{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* 在線列車　山陽直特系 */
.STYLE_TR_SB{
	fill:	#FFFF80;
	stroke:	#0068C0;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（車種山陽直特系) 2文字 */
.STYLE_WORD_TR_SB2{
	font-family:	sans-serif;
	fill:	#0068C0;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* 在線列車　山陽特急系 */
.STYLE_TR_SA{
	fill:	#FFFFFF;
	stroke:	#C00000;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（車種山陽特急系) 1文字 */
.STYLE_WORD_TR_SA1{
	font-family:	sans-serif;
	fill:	#C00000;
	text-anchor:	middle;
	font-size:	2.3rem;
}
/* 文字（車種山陽特急系) 2文字 */
.STYLE_WORD_TR_SA2{
	font-family:	sans-serif;
	fill:	#C00000;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* 在線列車　山陽・山陽普通系 */
.STYLE_TR_SL{
	fill:	#FFFFFF;
	stroke:	#0068C0;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（車種普通系) 1文字 */
.STYLE_WORD_TR_SL1{
	font-family:	sans-serif;
	fill:	#0068C0;
	text-anchor:	middle;
	font-size:	2.3rem;
}
/* 文字（車種山陽) 2文字 */
.STYLE_WORD_TR_SL2{
	font-family:	sans-serif;
	fill:	#0068C0;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* 在線列車　阪急系 */
.STYLE_TR_Y{
	fill:	#983068;
	stroke:	#FFFFFF;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* 文字（阪急系) 1文字 */
.STYLE_WORD_TR_Y1{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	2.3rem;
}
/* 文字（阪急系) 2文字 */
.STYLE_WORD_TR_Y2{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	middle;
	font-size:	1.8rem;
}
/* タッチ部 */
.STYLE_TOUCH{
	fill:	rgba(0,0,0,0);
	z-index:	190;
}
/* タッチ無効部 */
.STYLE_NONE{
	fill:	rgba(0,0,0,0);
}
/* 全体背景スタイル */
.STYLE_MIN{
	fill:	rgba(0,0,0,0.7);
}
/* 縮小表示エリアスタイル */
.STYLE_MIN_FT{
	fill:	rgba(255,255,255,0.5);
}
/* 縮小駅文字 */
.STYLE_WORD_MIN{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	end;
	font-size:	1.3rem;
	-webkit-writing-mode	vertical-rl;
	-ms-writing-mode:	tb-rl;
	writing-mode:	vertical-rl;
}
/* 縮小画面ポイント */
.STYLE_MIN_POINT{
	fill:	white;
}
/* 縮小画面ライン */
.STYLE_MIN_LINE{
	stroke:	white;
	stroke-linecap:	round;
	stroke-linejoin:	round;
	stroke-width:	2;
}
/* フッター部 */
.STYLE_FT{
	fill:	#C0C0C0;
}
/* フッター部（メンテ中） */
.STYLE_FT_MAINT{
    fill:   #F4F4F4;
	stroke: #C0CFE2;
	stroke-width: 1;
}
/* 方面表示背景 */
.STYLE_MIN_BK{
	stroke:	none;
	fill:	#F4F4F4;
}
/* フッター（注釈文字） */
.STYLE_FT_WD{
	font-family:	sans-serif;
	fill:	white;
	text-anchor:	start;
	font-size:	1.5rem;
	font-weight: bold;
	display: none;
}
/* フッター（注釈文字 メンテ中） */
.STYLE_FT_WD_MAINT{
    font-family:    sans-serif;
    fill:   #FF0000;
    text-anchor:    start;
    font-size:  1.5rem;
	font-weight: bold;
	display: none;
}
/* 方面表示文字 */
.STYLE_HOU_WD{
	font-family:	sans-serif;
	fill:	#0068C0;
	text-anchor:	middle;
	font-size:	1.8rem;
	font-weight:	bold;
}
/* 方面表示文字（縁取り） */
.STYLE_HOU_WDB{
	font-family:	sans-serif;
	fill:	#F4F4F4;
	text-anchor:	middle;
	font-size:	1.8rem;
	font-weight:	bold;
	stroke:	#F4F4F4;
	stroke-width:	7;
}
/* 更新時刻文字 */
.STYLE_TIME_WD{
	font-family:	sans-serif;
	fill:	#0068C0;
	text-anchor:	end;
	font-size:	1.5rem;
	font-weight:	bold;
}
/* 更新時刻文字（縁取り） */
.STYLE_TIME_WDB{
	font-family:	sans-serif;
	fill:	#F4F4F4;
	text-anchor:	end;
	font-size:	1.5rem;
	font-weight:	bold;
	stroke:	#F4F4F4;
	stroke-width:	7;
}
/* フッター */
.STYLE_FOOTER{
	position:	fixed;
	bottom:	0;
	left:	0;
	width:	100%;
	z-index:	90;
}
/* フッター */
.STYLE_SVG_FOOTER{
	position:	absolute;
	bottom:	0;
	left:	0;
	z-index:	95;
}
/* ヘッダー */
.STYLE_HEADER{
	position:	fixed;
	top:	0;
	left:	0;
	width:	100%;
	z-index:	90;
}
/* ヘッダー */
.STYLE_SVG_HEADER{
	position:	absolute;
	top:	0;
	left:	0;
	z-index:	95;
}
.trdlg_dat{
	max-width:	80vw;
	max-height:	70vh;
	background:	#F4F4F4;
	overflow-x:	hidden;
	overflow-y:	auto;
}
.trdlg_cts_hd{
	padding:	0 1vw;
	width:	78vw;
	max-height:	16vh;
	overflow-x:	hidden;
	overflow-y:	hidden;
}
.trdlg_itm_nw_hd{
	display:	block;
	position:	relative;
	left:	0;
	margin:	1vw 0 0 0;
	width:	100%;
	font-size:	4vw;
	color:	#7f7f7f;
	font-weight:	bold;
}
.trdlg_itm_nw{
	display:	block;
	position:	relative;
	left:	0;
	text-align:	center;
	margin:	1vw 0 0 0;
	width:	100%;
	font-size:	5vw;
	font-weight:	bold;
	color:	#004080;
	font-weight:	bold;
}
.trdlg_itm_nw_ft{
	display:	block;
	position:	relative;
	left:	0;
	text-align:	right;
	margin:	0;
	width:	100%;
	font-size:	4vw;
	color:	#7f7f7f;
	font-weight:	bold;
}
.trdlg_itm_line_full{
	display:	block;
	position:	relative;
	left:	0;
	margin:	1vw 0 1vw;
	width:	100%;
	border-bottom:	2px solid #7f7f7f;
}
.trdlg_itm_line_none{
	display:	block;
	position:	relative;
	left:	0;
	margin:	1vw 1vw 0 0;
	border:	none;
	width:	100%;
	height:	2vh;
	background-color:	rgba(0, 0, 0, 0);
	color:	rgba(0, 0, 0, 0);
}
.trdlg_cts_mn_all{
	padding:	0 1vw;
	width:	78vw;
	max-height:	55vh;
	overflow-x:	hidden;
	overflow-y:	auto;
}
.trdlg_cts_mn_blk_in{
	display:	inline-block;
	position:	relative;
}
.trdlg_cts_mn_blk_ot{
	display:	block;
	position:	relative;
}
.trdlg_cts_mn{
	padding:	0 0 0 0;
	width:	65vw;
	max-height:	50vh;
	margin-left:	auto;
	overflow-x:	hidden;
	overflow-y:	hidden;
	border-bottom:	1px solid #C0CFE2;
}
.trdlg_itm_trno{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	center;
	vertical-align:	top;
	margin:	1vw 0 0 0;
	width:	3%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#7f7f7f;
}
.trdlg_itm_tricn{
	display:	inline-block;
	position:	relative;
	left:	0;
	vertical-align:	top;
	margin:	1vw 0 0 0;
	width:	11%;
	height:	15vw;
}
.trdlg_itm_sy{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	center;
	vertical-align:	bottom;
	margin:	4vw 0 0 0;
	width:	35%;
	font-size:	4.5vw;
	font-weight:	bold;
	color:	#004080;
}
.trdlg_itm_ik{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	center;
	vertical-align:	bottom;
	margin:	4vw 0 0 0;
	width:	50%;
	font-size:	4.5vw;
	font-weight:	bold;
	color:	#004080;
}
.trdlg_itm_ik_ft{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	right;
	vertical-align:	bottom;
	margin:	4vw 0 0 0;
	width:	10%;
	font-size:	3vw;
	color:	#7f7f7f;
	font-weight:	bold;
}
.trdlg_itm_cnt_hd{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	bottom;
	font-weight:	bold;
	margin:	3vw 0 0 0;
	width:	15%;
	font-size:	3vw;
	color:	#7f7f7f;
}
.trdlg_itm_cnt{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	center;
	vertical-align:	bottom;
	margin:	1vw 0 0 0;
	width:	7%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#004080;
}
.trdlg_itm_cnt_ft{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	bottom;
	margin:	3vw 0 0 0;
	width:	5%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#7f7f7f;
}
.trdlg_itm_blk{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	bottom;
	margin:	0;
	width:	3%;
	font-size:	3vw;
	color:	#ffffff;
}
.trdlg_itm_blk2{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	bottom;
	margin:	0;
	width:	3%;
	font-size:	3vw;
	color:	#ffffff;
}
.trdlg_itm_pos_hd{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	bottom;
	margin:	1vw 0 0 2%;
	width:	23%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#7f7f7f;
}
.trdlg_itm_pos{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	center;
	vertical-align:	bottom;
	margin:	1vw 0 0 0;
	width:	6%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#004080;
}
.trdlg_itm_pos_r{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	center;
	vertical-align:	bottom;
	margin:	1vw 0 0 0;
	width:	5%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#C00000;
}
.trdlg_itm_dly_hd{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	bottom;
	margin:	1vw 0 0 2%;
	width:	15%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#7f7f7f;
}
.trdlg_itm_dly{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	bottom;
	margin:	1vw 0 0 0;
	width:	20%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#004080;
}
.trdlg_itm_dly_r{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	bottom;
	margin:	1vw 0 0 0;
	width:	20%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#FF0000;
}
.trdlg_itm_stp_hd{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	top;
	margin:	3vw 0 0 3%;
	width:	15%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#7f7f7f;
}
.trdlg_itm_stp{
	display:	inline-block;
	position:	relative;
	left:	0;
	text-align:	left;
	vertical-align:	top;
	margin:	3vw 0 0 0;
	width:	80%;
	font-size:	3vw;
	font-weight:	bold;
	color:	#004080;
	white-space:	normal;
}