@charset "UTF-8";

@import "./style.css";

@media print{
div#public_transportation{
width: auto;
margin: 5mm auto;
padding: 2mm;
border: 1mm solid black;
}
}

@media screen{
div#public_transportation{
color: #333;
background-color: mistyrose;
width: 770px;
margin: 20px auto;
padding: 10px 5px 0 5px;
border: 2px solid dimgray;
}

div#public_transportation a{
color: #333;
}

div#public_transportation a:hover{
color:#C65B5B;
}
}

ul,ol{
text-align: left;
line-height: 1.5em;
margin-left: 3em;
margin-bottom: 1em;
}

ul li p, ol li p{
margin-left: 0;
padding-left: 0;
text-indent: 0;
}

img.description{
margin-top: 10px;
margin-bottom: 10px;
}

ol.description{
font-size: smaller;
}

ol.description li p{
line-height: 1.2em;
}

ol.description a:hover{
color: white;
text-decoration: none;
}

ol.description a:active{
color: white;
text-decoration: none;
}

/* ツールチップ */
#tooltip{
font-family: meiryo, 'ヒラギノ角ゴ Pro W3', 'MS UI Gothic', 'MS Reference Sans Serif', sans-serif;
font-style: normal;
position: absolute;
border: 2px solid dimgray;
padding: 0;
display: none;
}

#tooltip h5{
color: #333;
background-color: mistyrose;
font-size: 80%;
font-weight: bold;
margin: 0;
padding: 5px 10px 0 10px;
}

#tooltip p{
color: #333;
background-color: #fff9fc;
font-size: 70%;
font-weight: normal;
margin: 0;
padding: 3px 10px 5px 10px;
text-indent: 0;
}

div#public_transportation{
font-family: meiryo, 'ヒラギノ角ゴ Pro W3', 'MS UI Gothic', 'MS Reference Sans Serif', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 80%;
letter-spacing: 0.2em;
padding-bottom: 8px;
}

/*Google Maps Api*/
div#map{
width: 780px;
height: 600px;
margin: 20px auto 20px auto;
padding: 0;
/*マーカー・ふきだし*/
color: black!important;
font-family: meiryo, 'ヒラギノ角ゴ Pro W3', 'MS UI Gothic', 'MS Reference Sans Serif', sans-serif;
font-size: 80%;
}

div#map img{
margin-bottom: 5px;
}

img#noscript{
width: 500px;
height: 477px;
margin-bottom: -590px;
}