/* 基本となる文字のサイズなど ---------------------------------------*/
body{
  background-image: url(./image/bg048.gif);
  font-size:85%;                   /* 文字サイズ（85%=small） */
  line-height:16px;
  padding:0px;
  margin:12px;
  font-family:Arial,Meiryo,メイリオ,MS Pゴシック,ヒラギノ角ゴ Pro W3,Verdana,Sans-serif;
}

h2{
  line-height:23px;
}


/* リンク設定 ----------------------------------------------------------*/
a{text-decoration:none;}       /*   リンクの飾り（なし） */
a:link{color:black;}           /* リンクの色（白） */
a:visited{color:black;}        /* 訪問済みリンクの色（白） */
a:hover{color: blue; text-decoration: underline;}


.time_main{
  border: 0px solid #ebebeb;
  margin: 0px 0px 20px 0px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 0 6px 0;

  max-width: 100%;
  height: calc(100% + 10px);

}



/*=================
 スクロールボタン
==================*/

.inner, .inner2 {
  display: flex;
  justify-content: left;
  background-color: withe;
  min-height:1px;
  width:100%;
  margin: 0 0 20px 0;
}

  {
  display: flex;
  justify-content: center;
  background-color: withe;
  min-height:1px;
  width:100%;
  margin: 0 0 20px 0;
}




@media only screen and (max-width: 599px){
.btn-left{display: none;}
.btn-right{display: none;}

.btn-left2{display: none;}
.btn-right2{display: none;}

}

  /* タブレット用、PC */
@media only screen and (min-width: 600px){

.btn-left, .btn-left2{
  display: flex;
  border: 0px solid #333333;
  padding: 2px;
  border-radius: 10px;
  cursor: pointer;
  width: 20px;
  background-color: #888888 ;
  align-items: center;
  margin:160px 2px 160px 0px;
  }
 .btn-left:hover{
  background-color: #333333 ;
  }
 .btn-left img{
  width: 20px ;
  }
 .btn-left2:hover{
  background-color: #333333 ;
  }
 .btn-left2 img{
  width: 20px ;
  }


.btn-right, .btn-right2 {
  display: flex;
  border: 0px solid #000;
  padding: 2px;
  border-radius: 10px;
  cursor: pointer;
  width: 20px;
  background-color: #888888 ;
  align-items: center;
  margin:160px 0px 160px 2px;
 }
 
 .btn-right:hover, .btn-right2:hover{
  background-color: #333333 ;
 }
 .btn-right img, .btn-right2 img{
  width: 20px ;
  }


}


.db_main{
text-align:left;
}


.time_main, .time_main2{
  border: 0px solid #ebebeb;
  margin: 0px 2px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 0 12px 0;

  max-width: 100%;
  height: calc(100% + 10px);
}


/*=============
テーブルの設定
=============*/


table{
  border-collapse: separate;
  border-spacing: 0px;
}


table tbody{
    background-color: white;

}

table td { 
  vertical-align: middle; 
  border-right:1px solid silver;
  border-bottom:1px solid silver;
  text-align: center;
  white-space: nowrap;
  padding:0px;

}




/* 出発 ----------------------------------------------*/
.rrr{
  position:absolute; right:0px; top:0px;
}

/* 時刻表上部の路線名（明朝体にする） -------------------------*/



.title td{
  background-color: mediumaquamarine;
  font-size:166%;
  padding:10px 0px;
  color:white;
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:100%;

}
/* 時刻表上部の路線名（小さく表記する） -------------------------*/

span.t-small{
	font-size:70%;
	line-height:50%;
}

/* 路線名(左側) ----------------------------------------------*/

/* 路線名の背景を白にするおまじない */
table tr td:nth-of-type(1).route{background-color: white; }

.route{width: 1em ;padding: 0px 1px;}


/* 距離 ---------------------------------------*/
.w1dist{width: 40px; background-color: beige;} /* たぶん不要 */
.w1di{min-width: 40px;text-align:right;padding:0px 5px;}
.w1di_sp{min-width: 40px; text-align: center;;padding:0px 5px;}
.bow{  text-align:center;  }



/* 駅名 ---------------------------------------*/

.w{background-color: beige; padding:0px;}
.w1{padding: 0px calc(8px + 1em) 0px 11px; background-color: beige;} /* 駅名　日本語　左側*/
.w2{padding: 0px 8px; background-color: beige;}  /* 駅名　日本語　右側および駅名　韓国語*/
.yomi{padding: 0px 5px; background-color: beige; text-align: left; } /* 駅名　ひらがな*/
.w_eng{padding: 0px 15px 0px 10px; background-color: beige; text-align:left;} /* 駅名　日英語*/




/* 背景色 ----------------------------------------------*/
.ash td{background-color:#cccccc;}
.pink td{background-color:#ed9db9;}
.green td{background-color:#ffffff;}
.lightgreen td{background-color:#ccffcc;}
.sawan td{background-color:#ccffcc;}
.gray td{background-color:#d4d4d4;}




/*=================
 時刻表のスクロール
==================*/

table.sticky .fixed{
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  left: 0px;
    z-index: 1;
  }


table.sticky {
  border-left:1px solid silver; 
  border-top:1px solid silver; 

}


/* 注意事項、メモ（下部） ----------------------------*/


div#note2{
  border: 1px silver solid; 
  margin:0px 0px 10px 0px;
  padding: 2px;
  max-width:630px;
  min-height:120px;
  position:relative;
  background-color: white;
  line-height:18px;

}



/* 列車種別の説明、列車編成の説明（下部） ----------------------------*/

.train_name table tr td:nth-of-type(1){ width:3em; padding :0px 2px; }

.train_name table tr td:nth-of-type(2){ text-align: left; padding :0px 8px; }

.train_name caption{ text-align: left; font-weight: bold;}

.timefooter{
  max-width: 340px;
  border: 0px solid #ebebeb;
  margin: 5px 0px 10px 0px;
  background-color: white;
  padding:10px;
  text-align:center;
}

/* PDFの設定 ----------------------------------------------*/


  /* スマホ、タブレット端末 */
@media only screen and (max-width: 999px){

.pdf_ads{
  width: 100%;
  display: block; 
  	padding: 10px 0px 5px 0px;
  	text-align:left;
  }

.pdf_file{
  display:none;
  }
}


  /* PC */
@media only screen and (min-width: 1000px){

.pdf_ads{
    max-width:1070px;
	display: -webkit-flex;
	display: flex;
	text-align:left;

	background-color: transparent;
	padding: 10px 0px 5px 0px;
  }
  .pdf_file{
  margin:0;
  }
  .pdf_file img{margin-right:5px;}

}

.form_pdf{
  display:block;
  height:100%;
  white-space: nowrap;
  padding:0px 15px 0px 10px;
  text-align:left;
  }



/* 広告表示の設定 ----------------------------------------------*/

.item_ads{
  display:block;
  text-align:left;
  align-self: center;
  max-width:750px;
  max-height:125px;
  padding: 0 0 14px 0;
}

.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }




/* 時刻表本体はここから ---------------------------------------*/





















/* rowspanの対処、下の線を消す（慶全線、KTX江陵線） ------------------*/
.bottomk{
  border-bottom-width: 0px; 
}
.topk{
  border-top-width: 0px; 
}

*/ 駅名や距離の半分下げ（classに直した方がよいけど直らん） */
span.down{
  position:relative ;
  top:6pt;
  background-color: beige;
}


.down{
  position:relative ;
  top:6pt;
  background-color: beige;
  line-height:18px;
  padding:2px 0 0.5px 0;
}

.downzsp{
  position:relative ;
  top:6pt;
  background-color: beige;
  line-height:18px;
  padding:2px 11px 0.5px 0;
}





/* 時刻表本体の部分 ----------------------------------------------*/

/* 列車種別の設定 ----------------------------------------------*/

.ktx{min-width:3em; background-color:#ff99cc; text-align: center;white-space: nowrap;}
.srt{min-width:3em; background-color:#fcdcf3; text-align: center;white-space: nowrap;}

.seitx{min-width:3em;background-color:#9999ff; text-align: center;white-space: nowrap;}
.se{min-width:3em;background-color:#99ccff; text-align: center;white-space: nowrap;}
.sesp{min-width:3em;background-color:#fadcf2; text-align: center;white-space: nowrap;}
.mu{min-width:3em; background-color:#ffcc99; text-align: center;white-space: nowrap;}
.to{min-width:3em; background-color:#cee5b0; text-align: center;white-space: nowrap;}
.nu{min-width:3em; background-color:#e6e64c; text-align: center;white-space: nowrap;}
.seatrain{min-width:3em; background-color:#99ccff; text-align: center;white-space: nowrap;}

.zaiktx{min-width:3em; background-color:#ffcc99; text-align: center;white-space: nowrap;}
.zaiktxsan{min-width:3em; color:red; background-color:#ffcc99; text-align: center;white-space: nowrap;}
td.zai{background-color:#d9d9d9;}


/* 路線ごとに塗り分ける ----------------------------------------------*/

.route_ktx{background-color:#fcdcf3;}

.green{color:green;}
.blue{color:blue;}
.orange{color:#ff6600;}
.red{color:red;}
.magenta{color:magenta;}
.blueviolet{color:blueviolet;}
.copper{color:#bf00df;}
.darkred{color:#c40026;}


.sea{color:black;background-color: beige;}
.seared{color:red;background-color: beige;}

/* 在来線経由のKTX ----------------------------------------------*/

.sp{color:green;background-color: beige;}
.spktx{color:#ff4500;background-color: beige;}









/* その他の設定 ------------------------------------------------------------*/

/* 表の回り込み設定（時刻表を２つ並べたいとき） -----------------------------*/

.floatleft{
  float: left;
}

/* 京義線flex（時刻表を２つ並べたいとき） -----------------------------*/

.flex-con {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  width: 900px;
  padding: 0px;
  margin: 0px;
	-ms-flex-wrap: nowrap;
   flex-wrap: nowrap;

}

.nm1 { 

	padding: 0 10px 0 0px;

	}

.nm2 {
	width: 48%;

}


/* 表の位置（トップに合わせる） -----------------------------*/

.tdtop{
  vertical-align: top; 
}



/* 距離の末尾空白処理 -----------------------------*/

.zsp{display:inline; 
  padding:0px 11px 0px 0px;
 }