#map {height:700px;}
#menuBox h3{font-size:14px;}
div#menuOnMap{
    position:absolute;
    top:25px;
    left:20px;
}
/* contents on map */
div#distanceLabel {
    width:9em;
    padding: 5px 0px 10px 5px;
    background: #fbf527;
    color:#224256;
    -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
}
div#courceNameOnMap {background:#224256;font-size:20px;padding:20px 10px;color:#fefefe;margin-top:-10px;}

div#menuOnMap2{
    position:absolute;
    bottom:10px;
    right:10px;
}
div#menuOnMap2 #linkButtonOnMap {display:table;}
div#menuOnMap2 .linkButtonOnMapL, div#menuOnMap2 .linkButtonOnMapR {display:table-cell;padding:1em;}
div#menuOnMap2 .linkButtonOnMapL {background:#214154;color:#65bdec;text-decoration:none;font-weight:bold;}
div#menuOnMap2 .linkButtonOnMapR {background:#65bdee;color:#214154;text-decoration:none;font-weight:bold;}

div#mapdesc h2 {color:#23415b;font-size:34px;line-height:1.8;letter-spacing:0.3em;}
div#mapdesc img {margin-bottom:1em;}
div#mapdesc p {line-height:1.6;color:#717070;font-size:16px;margin-bottom:1em;}

div.checkPointImg {position:relative;}
div.checkPointMarker{position:absolute;top:10px;left:20px;}

p.alert {margin-bottom:0;padding:0 30px;}

@media (max-width: 767px) {
    div#menuOnMap{left:20px;top:0;}
    div#courceNameOnMap {font-size:16px;padding:10px 5px;color:#fefefe;margin-top:-5px;}
    div#menuOnMap2{left:20px;bottom:0;font-size:12px;}
}