/*　2025年度　時刻表の流れ　*/

a:link {text-decoration: none; color:blue;}
a:visited {text-decoration: none; color:darkblue;} 
a:active {text-decoration: none; color:green;}
a:hover {text-decoration: none; color:red;}

BODY{
 background: url(../back/2007bgnishio.gif);
 background-color: #eeffee;
 text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 -ms-text-size-adjust: 100%;/*EgdeMobile*/
 -moz-text-size-adjust: 100%;/*firefox*/
}

P{
  overflow-wrap: anywhere;
}
/*　↑長いリンクを書いたときに折り返して幅を超えないようにするため　*/


.pc-view{
      display: block;
}
/*　↑PCのみで表示（BRなど）　*/

.sp-view{
      display: none;
}
/*　↑スマホのみで表示（BRなど）　*/


/*　戻るリンク　*/

P.genzaiti{
 text-align: center;
 font-size: 90%;
 line-height:130%;
}

SPAN.here{
 background-color: lightgreen;
}

IMG.genzaiti{
 vertical-align: text-bottom;
}


/*　top　*/

TABLE.titletable2{
 line-height:120%;
 width: 700px;
 margin-left: auto;
 margin-right: auto;
}

TD.titletd2{
 width: 300px;
 border-style: solid;
 border-color: green;
 border-width: 1px;
 padding: 5px;
 font-size: 120%;
 color: darkgreen;
 text-align: center;
 font-weight: bold;
}

TD.titlektd2{
 width: 200px;
 background-color: lightgreen;
 font-size: 90%;
 color: darkgreen;
 text-align: left;
}

P.trainlist{
 color: darkgreen;
 font-size: 90%;
 line-height: 130%;
 display: flex;
}

IMG.trainicon{
 float: left;
}

P.kikan{
 background-color: lightgreen;
 color: #333333;
 font-size: 100%;
 width: 700px;
 display: flex;
 margin-left: auto;
 margin-right: auto;
 padding: 2px;
}


.table-scroll {
  overflow: scroll;
}

TABLE.sentaku{
 line-height:120%;
 background-color: forestgreen;
 width: 700px;
 margin-left: auto;
 margin-right: auto;
}


TD.station{
 line-height:100%;
 width: 125px;
 border-style: none;
 padding: 5px;
 font-size: 100%;
 text-align: center;
 background-color: #ccffcc;
 color: darkgreen
}

SPAN.stationfor{
 color: brown;
 font-size: 70%;
}


TD.year{
 line-height:100%;
 width: 200px;
 border-style: none;
 padding: 5px;
 font-size: 100%;
 text-align: center;
 background-color: #ccffcc;
 color: darkgreen
}

SPAN.yeardate{
 font-size: 80%;
}

SPAN.yearnaiyou{
 color: brown;
 font-size: 70%;
}

TD.go{
 width: 125px;
 border-style: none;
 padding: 5px;
 font-size: 100%;
 text-align: center;
 background-color: #eeffee;
}


/*　時刻表　*/


.t {color: red;}
.k {color: dodgerblue;}
.kk {color: dodgerblue;}
.j {color: green;}
.st {color: white; background-color: red; font-size: 80%; border-style: solid; border-color: red; border-width: 1px;}
.skk {color: dodgerblue; background-color: white; font-size: 80%; border-style: solid; border-color: dodgerblue; border-width: 1px;}
.sk {color: white; background-color: dodgerblue; font-size: 80%; border-style: solid; border-color: dodgerblue; border-width: 1px;}
.sj {color: white; background-color: green; font-size: 80%; border-style: solid; border-color: green; border-width: 1px;}
.sf {color: white; background-color: black; font-size: 80%; border-style: solid; border-color: black; border-width: 1px;}

P.com{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size: 100%;
 line-height:130%;
}

TABLE.ji-table1{
 width: 700px;
 margin-left: auto;
 margin-right: auto;
}

TD.bn{
 width: 175px;
 border-style: solid;
 border-color: green;
 border-width: 1px;
 padding: 5px;
 font-size: 80%;
 text-align: center;
 background-color: #ddffdd;
}

TD.ot{
 width: 175px;
 border-style: solid;
 border-color: brown;
 border-width: 1px;
 padding: 5px;
 font-size: 100%;
 text-align: center;
 background-color: lightyellow;
}

TD.now{
 width: 350px;
 border-style: solid;
 border-color: green;
 border-width: 1px;
 padding: 5px;
 font-size: 100%;
 text-align: center;
 color: yellow;
 background-color: green;
}

TD.here{
 width: 175px;
 border-style: solid;
 border-color: brown;
 border-width: 1px;
 padding: 5px;
 font-size: 100%;
 text-align: center;
 color: yellow;
 background-color: brown;
}

TABLE.ji-table2{
 width: 700px;
 margin-left: auto;
 margin-right: auto;
 background-color:#eeffee;
}

TD.hyoujuntitle{
 border-style: none;
 padding: 5px;
 font-size: 100%;
 text-align: center;
 color: green;
 background-color: #ccffcc;
}

TD.hyoujunltd{
 border-style: none;
 padding: 5px;
 font-size: 80%;
 text-align: left;
 color: red;
 background-color: #eeffee;
}

TD.hyoujunexp{
 border-style: none;
 padding: 5px;
 font-size: 80%;
 text-align: left;
 color: dodgerblue;
 background-color: #eeffee;
}

TD.hyoujunsemi{
 border-style: none;
 padding: 5px;
 font-size: 80%;
 text-align: left;
 color: green;
 background-color: #eeffee;
}

TABLE.ji-table-week{
 width: 700px;
 margin-left: auto;
 margin-right: auto;
}

TD.week{
 border-style: solid;
 border-color: green;
 border-width: 1px;
 padding: 5px;
 font-size: 100%;
 color: white;
 text-align: center;
 background-color: green;
}

TD.weektime{
 padding: 5px;
 width: 20px;
 font-size: 100%;
 color: green;
 text-align: center;
 background-color: #ccffcc;
}

TD.weekjikoku{
 padding: 5px;
 font-size: 100%;
 color: #333333;
 background-color: #eeffee;
 line-height:140%;
}

TABLE.ji-table-holi{
 width: 700px;
 margin-left: auto;
 margin-right: auto;
}

TD.holi{
 border-style: solid;
 border-color: red;
 border-width: 1px;
 padding: 5px;
 font-size: 100%;
 color: white;
 text-align: center;
 background-color: red;
}

TD.holitime{
 width: 20px;
 padding: 5px;
 font-size: 100%;
 color: red;
 text-align: center;
 background-color: #ffffcc;
}

TD.holijikoku{
 padding: 5px;
 font-size: 100%;
 color: #333333;
 background-color: #ffffee;
 line-height:140%;
}

SPAN.bikou{
 font-size: 70%
}

/*　スマホ　PC用の記述より下に配置すること*/

@media screen and (max-width: 700px) {

.pc-view{
      display: none;
}

.sp-view{
      display: block;
}


P.genzaiti{
 width: 100%;
}

TABLE.titletable2{
 width: 100%;
}

TD.titletd2{
 width: 80%;
}

TD.titlektd2{
 width: 10%;
 font-size: 100%;
}

P.trainlist{
 font-size: 100%;
}

IMG.trainicon{
}

P.kikan{
 width: 100%;
}


.table-scroll {
}

TABLE.sentaku{
}


TD.station{
}

SPAN.stationfor{
}


TD.year{
}

SPAN.yeardate{
}

SPAN.yearnaiyou{
 font-size: 80%;
}

TD.go{
}


/*　時刻表（スマホ）　*/



P.com{
}

TABLE.ji-table1{
 width: 100%;
}


TD.bn{
 width: 100%;
 display: block;
 font-size: 100%;
}

TD.ot{
 width: 100%;
 display: block;
}

TD.now{
 width: 100%;
 display: block;
 font-size: 100%;
}

TD.here{
 width: 100%;
    display: block;
}

TABLE.ji-table2{
 width: 100%;
}

TD.hyoujuntitle{
 display: block;
 width: 100%;
}

TD.hyoujunltd{
 display: block;
 width: 100%;
 padding-left: 20px
}

TD.hyoujunexp{
 display: block;
 width: 100%;
 padding-left: 20px
}

TD.hyoujunsemi{
 display: block;
 width: 100%;
 padding-left: 20px
}

TABLE.ji-table-week{
 width: 100%;
}

TD.week{
}

TD.weektime{
 width: 20px;
}

TD.weekjikoku{
}

TABLE.ji-table-holi{
 width: 100%;
}

TD.holi{
}

TD.holitime{
 width: 20px;
}

TD.holijikoku{
}

SPAN.bikou{
}

}