@charset "UTF-8";
body{
  font-size: 16px;
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
h1{
  font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
  font-size: 67px;
  color: #004000;
  font-weight: Bold;
}
h2 {
  font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
  padding: 5px 5px 5px;
  border-left: 10px solid #004000;
  border-bottom: 3px solid #004000;
  font-weight: initial;
  font-size: 24px;
}
h3 {
  font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
  padding-bottom: 2px;
  border-bottom: 2px solid #004000;
  font-weight: initial;
  font-size: 22px;
}
h4 {
  font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
  padding-bottom: 2px;
  border-bottom: 1px solid #004000;
  font-weight: initial;
  font-size: 20px;
}
h5 {
  font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
  padding-bottom: 2px;
  border-bottom: 1px dashed #004000;
  font-weight: initial;
  font-size: 18px;
}
h6 {
  font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
  padding-bottom: 2px;
  border-bottom: 1px dotted #004000;
  font-weight: initial;
  font-size: 16px;
}

.koumoku1 {
 color: #000000;
 background-color: #ffffff;
 border: 4px solid #003000;
 border-radius: 5px;
 padding-right: 10px;
 padding-left: 10px;
 font-weight: bold;
 line-height: 40px;
 font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
}


a{
  color: #ffffff;
  text-decoration: initial;
  text-shadow:2px 2px 2px #002040 ,-2px -2px 2px #002040,
              -2px 2px 2px #002040 ,2px -2px 2px #002040,
              0 2px 2px #002040 , 0 -2px 2px #002040,
              -2px 0 2px #002040 ,2px 0 2px #002040;
}
a:link {
  text-shadow:2px 2px 2px #002040 ,-2px -2px 2px #002040,
              -2px 2px 2px #002040 ,2px -2px 2px #002040,
              0 2px 2px #002040 , 0 -2px 2px #002040,
              -2px 0 2px #002040 ,2px 0 2px #002040;
}
a:visited {
  text-shadow:2px 2px 2px #004080 ,-2px -2px 2px #004080,
              -2px 2px 2px #004080 ,2px -2px 2px #004080,
              0 2px 2px #004080 , 0 -2px 2px #004080,
              -2px 0 2px #004080 ,2px 0 2px #004080;
}
a:hover {
  text-shadow:2px 2px 2px #0060f0 ,-2px -2px 2px #0060f0,
              -2px 2px 2px #0060f0 ,2px -2px 2px #0060f0,
              0 2px 2px #0060f0 , 0 -2px 2px #0060f0,
              -2px 0 2px #0060f0 ,2px 0 2px #0060f0;
}
a:active {
  text-shadow:2px 2px 2px #008040 ,-2px -2px 2px #008040,
              -2px 2px 2px #008040 ,2px -2px 2px #008040,
              0 2px 2px #008040 , 0 -2px 2px #008040,
              -2px 0 2px #008040 ,2px 0 2px #008040;
}

.line{
    text-shadow: initial;
}

table{
  font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
  color: #000000;
}
p{
  font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
  color: #000000;
}
      body {
        font-family: 'Kosugi', sans-serif;
        font-family: 'Kosugi Maru', sans-serif;
        font-family: 'Sawarabi Gothic', sans-serif;
        font-family: 'Noto Serif JP', serif;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-family: 'Noto Sans JP', sans-serif;
        font-family: 'M PLUS 1p', sans-serif;
        font-family: 'Open Sans', sans-serif;
        font-family: 'Michroma', sans-serif;
        /*平常時ここから*/
        background-color: #ddffc8;
        /*opacity: 0.4;*/
        z-index: -1;
        background-image:  radial-gradient(#3effd5 2px, transparent 2px), radial-gradient(#3effd5 2px, #ddffc8 2px);
        background-size: 40px 40px;
        background-position: 0 0,20px 20px;
        /*ここまで*/
        /*災害時ここから*/
        /*
        background-color: #ffdbef;
        background-image: linear-gradient(45deg, #ffdbdb 25%, transparent 25%, transparent 75%, #ffdbdb 75%, #ffdbdb), linear-gradient(45deg, #ffdbdb 25%, transparent 25%, transparent 75%, #ffdbdb 75%, #ffdbdb);
        */
        /*ここまで*/
      }

.dropmenu{
list-style-type: none;
width: 1000px;
}


.dropmenu li{
position: relative;
width: 15%;
float: left;
margin: 1px;
text-align: center;
}

 

.dropmenu li a{
display: block;
padding: 5pt 5pt;
background: #37b190;
color: #ffffff;
text-shadow:2px 2px 2px #000000, -2px -2px 2px #000000,
            -2px 2px 2px #000000, 2px -2px 2px #000000,
            0 2px 2px #000000,  0 -2px 2px #000000,
            -2px 0 2px #000000, 2px 0 2px #000000;
font-size: 20px;
text-decoration: none;
  font-family: 'Open Sans','Noto Sans JP','M PLUS 1p',sans-serif;
}

 

.dropmenu li ul{
list-style: none;
position: absolute;
z-index: 99999;
top: 40%;
left: 0;
margin: 0;
padding: 0;
}

 

.dropmenu li ul li{
width: 100%;
}

 

.dropmenu li ul li a{
padding: 15px 15px;
background: #aaffaa;
text-align: center;
  color: #000000;
}

 

.dropmenu li ul{
display: none;
}

 

.dropmenu li:hover ul{
display: block;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#page-top a {
    background: #004000;
    text-decoration: none;
    color: #ffffff;
    width: auto;
    padding: 20px 20px;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #008000;
}

.station {
  color: #000000;
  text-shadow:1px 1px 0 #ffffff80;
  border: 2px solid #000000;
  border-radius: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: initial;
  line-height: 22px;
  font-family: 'Noto Sans JP', sans-serif;
}

.station-unopened {
  color: #ffffff80;
  text-shadow:1px 1px 0 #00000080;
  border: 2px solid #808080;
  border-radius: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: initial;
  line-height: 22px;
  font-family: 'Noto Sans JP', sans-serif;
}

.station-unopened a {
  color: #808080;
  text-decoration: initial;
  font-weight: initial;
  text-shadow:2px 2px 2px #ffffff, -2px -2px 2px #ffffff,
              -2px 2px 2px #ffffff, 2px -2px 2px #ffffff,
              0 2px 2px #ffffff,  0 -2px 2px #ffffff,
              -2px 0 2px #ffffff, 2px 0 2px #ffffff;
}

.station a {
  color: #ffffff;
  text-decoration: initial;
  font-weight: initial;
  text-shadow:2px 2px 2px #000000, -2px -2px 2px #000000,
              -2px 2px 2px #000000, 2px -2px 2px #000000,
              0 2px 2px #000000,  0 -2px 2px #000000,
              -2px 0 2px #000000, 2px 0 2px #000000;
}
.line a{
  color: #ffffff;
  text-decoration: initial;
  font-weight: initial;
  text-shadow:1px 1px 0 #000000, -1px -1px 0 #000000,
              -1px 1px 0 #000000, 1px -1px 0 #000000,
              0 1px 0 #000000,  0-1px 0 #000000,
              -1px 0 0 #000000, 1px 0 0 #000000;
}

.station-name{
  color: #000000;
  background-color: #ffffff;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 5px solid #202020;
  border-top: 35px solid #202020;
  font-family: 'Noto Sans JP', sans-serif;
}
.station-name .kanji{
  font-size: 40px;
  text-align:center;
  font-family: 'Noto Sans JP', 'M PLUS 1p', sans-serif;
}
.station-name .hiragana{
  font-size: 14px;
  text-align:center;
  height: 17px;
  font-family: 'Noto Sans JP', 'M PLUS 1p', sans-serif;
}
.station-name .english{
  font-size: 22px;
  text-align: center;
  font-family: 'Sawarabi Gothic',sans-serif;
}
.station-name .noriire{
  color:#000000;
  font-family: 'Noto Sans JP', 'M PLUS 1p', sans-serif;
}
.station-name .noriire .left{
  text-align:left ;
  width: 150pt;
  height: 37px;
  font-family: 'Noto Sans JP', 'M PLUS 1p', sans-serif;
}
.station-name .noriire .right{
  text-align:right ;
  width: 150pt;
  height: 37px;
  font-family: 'Noto Sans JP', 'M PLUS 1p', sans-serif;
}
.station-name .noriire .center{
text-align:center;
width: 295pt;
height: 37px;
border: solid 1px #ffffff80;
font-family: 'Noto Sans JP', 'M PLUS 1p', sans-serif;
}
.station-name .noriire .center a{
color: #ffffff;
}
/*仙台空港鉄道(.sda)ここから*/
.sda{
  background: #ffffff;
  color: #000000;
}
.sda .kanji{
  font-weight: bold;
}
.sda .hiragana{
  font-weight: bold;
}
.sda .english{
  color: #ffffff;
  background-color: #003f8e;
}
/*ここまで*/
/*JR東日本(.jre)ここから*/
.jre{
  background: #ffffff ;
  color: #000000;
}
.jre .kanji{
  font-weight: 900;
}
.jre .hiragana{
  font-weight: bold;
}
.jre .english{
  color: #ffffff;
  background-color: #008803;
}
/*ここまで*/
/*京成電鉄(.ksr)ここから*/
.ksr{
  background: #ffffff ;
  color: #000000;
}
.ksr .hiragana{
  font-weight: bold;
  border-top: solid 5px #004DA0 ;
}
/*ここまで*/
/*JR北海道(.jrh)ここから*/
.jrh{
  background: #ffffff ;
  color: #000000;
}
.jrh .kanji{
  font-weight: bold;
}
.jrh .hiragana{
  font-weight: bold;
}
.jrh .english{
  color: #ffffff;
  background-color: #44AF35;
}
/*ここまで*/
/*函館市電(.hdt)ここから*/
.hdt{
  background: #ffffff ;
  color: #000000;
}
.hdt .kanji{
  font-weight: 900;
  font-family: 'Noto Serif JP', serif;
}
.hdt .hiragana{
  font-family: 'Noto Serif JP', serif;
}
.hdt .english{
  font-size: 20px;
  text-decoration : underline;
}
/*ここまで*/
/*札幌市営地下鉄(.sps)ここから*/
.sps{
  background: #000000 ;
  color: #ffffff;
  border: 5px solid #505050;
  border-top: 35px solid #505050;
}
.sps .kanji{
  font-weight: bold;
}
.sps .hiragana{
  font-weight: bold;
}
.sps .english{
  color: #ffffff;
}
.sps .noriire{
  color: #ffff00;
}
/*ここまで*/
/*札幌市電(.spt)ここから*/
.spt{
  background: #ffffff;
  color: #000000;
  border: 5px solid #ffffff;
  border-top: 35px solid #ffffff;
}
.spt .kanji{
  font-weight: bold;
}
.spt .hiragana{
  font-weight: bold;
}
/*ここまで*/
/*道南いさりび鉄道(.shr)ここから*/
.shr{
  background: #ffffff ;
  color: #000000;
  border: 5px solid #00008B;
  border-top: 35px solid #00008B;
}
.shr .kanji{
  font-weight: bold;
}
.sps .hiragana{
  font-weight: bold;
}
.shr .english{
  color: #ffffff;
  background-color: #ff7020;
}
.shr .noriire{
  color: #000000;
}
/*ここまで*/
/*仙台市地下鉄(.sds)ここから*/
.sds{
  background: #ffffff ;
  color: #000000;
}
.sds .english{
  color: #000000;
}
.sds .noriire{
  background-color: #77cc20;
}
/*ここまで*/
/*仙台市地下鉄南北線(.sdn)ここから*/
.sdn{
  background: #ffffff ;
  color: #000000;
}
.sdn .english{
  color: #000000;
}
.sdn .noriire{
  background-color: #e42948;
  color: #ffffff;
}
/*ここまで*/
/*舞浜リゾートライン(.mrl)ここから*/
.mrl{
  font-family: 'Noto Serif JP', serif;
}
/*ここまで*/
/*阿武隈急行(.abk)ここから*/
.abk{
  background: #ffffff ;
  color: #000000;
}
.abk .kanji{
  font-weight: 900;
}
.abk .hiragana{
  font-weight: bold;
}
.abk .english{
  border-bottom: 3px solid black;
}
/*ここまで*/
/*津軽鉄道(.tgt)ここから*/
.tgt{
  background: #ffffff ;
  color: #000000;
}
.tgt .kanji{
  font-weight: 900;
  font-family: 'Noto Serif JP',serif;
  font-weight: bold;
}
.tgt .hiragana{
  font-weight: bold;
  color: #004080;
}
.tgt .english{
  border-bottom: 3px solid black;
  color: #004080;
}
.tgt .noriire{
  color: #004080;
}
/*ここまで*/
.station-table{
  background-color:#101010;
  color:#ffffff;
  border-collapse: collapse;
  border-spacing: 0px;
}
.station-table .table-top{
  text-align: center;
  border: 1px #101010 solid;
}
.station-table .table-nomal{
  text-align: left;
  background-color: #202020;
  border: 1px #101010 solid;
}
.station-table .table-number{
  font-weight: bold;
  font-family: 'Open Sans','M PLUS 1p',sans-serif;
  font-size: 30px;
  color: #ffffff;
  width: 50px;
  text-shadow: black 1px 1px 1px, black -1px 1px 1px,black 1px -1px 1px, black -1px -1px 1px;
  border: 1px #101010 solid;
}
.station-table .table-line{
  width: 200px;
  border: 1px #101010 solid;
}
.text-small{
  font-size: 75%;
}
.text-large{
  font-size: 150%;
}
.station-table .table-for{
  font-size: 12px;
  width: 200px;
  border: 1px #101010 solid;
}
.station-table .table-other{
  width: 200px;
  border: 1px #101010 solid;
}
.no-photo{
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  height: 100px;
  width: 200px;
}
.no-sign{
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  height: 100px;
  width: 200px;
}
.bgw{
  background-color: #ffffff;
}

/*RSS用*/
.ninja-recommend-block a{
  text-shadow: initial;
}
/* 表示アイテム */
RDF, rss, channel, item, title, description, link, date {
  display: block;
  font-family:Verdana,sans-serif;
  color:#000;
  font-size:100%;
}
RDF {
  background-color:#f7f7f7;
}
/* サイトタイトル・内容部分 */
channel{
  margin:0 0 1em 0;
  padding:1em 0;
  background-color:#ffffcc;
}
/* 各アイテムの余白調整 */
item {
  margin:0.5em 0 1em 3em;
  padding:0.5em;
}
title {
  margin:.5em 0.5em 0.3em 0.5em;
  padding:0;
  font-weight:bold;
  border-bottom:1px solid #ccc;
}
/* URL */
link {
  font-size:75%;
  font-style:italic;
  margin-left:2em;
}
/* 更新日 */
date {
  font-size:75%;
  text-align:right;
  padding-right:1em;
}
/* 内容 */
description {
  margin-left:2em;
  font-size:75%;
  color:#666;
}