#map{
    position:relative;
}
#border-line,#road-bottom,#road-top,#rec,#exam,#river{
    position:absolute;
}
.border-t{
    stroke-dasharray:20 30 20 30;
	stroke:black;
    stroke-width:6;
}
.border-c{
    stroke-dasharray:240 30 20 30;
	stroke:black;
    stroke-width:6;
}
.border-s{
	stroke:black;
    stroke-width:6;
}
#road-bottom .high,#road-bottom .pre,#road-bottom .route{
    stroke:#444444;
    stroke-width:18;
    z-index:1;
}
#road-bottom .cit{
    stroke:#444444;
    stroke-width:13;
    z-index:1;
}
#road-top .high{
    stroke:lightgreen;
    stroke-width:15;
    z-index:2;
}
#road-top .pre{
    stroke:lightpink;
    stroke-width:15;
    z-index:2;
}
#road-top .route{
    stroke:orange;
    stroke-width:15;
    z-index:2;
}
#road-top .cit{
    stroke:white;
    stroke-width:10;
    z-index:2;
}
.river{
    stroke:lightblue;
    stroke-width:20;
}
#rec_btn:checked ~ #rec .recommend{
    stroke:red;
    stroke-width:18;
    z-index:3;
}
#old_btn:checked ~ #rec .old{
    stroke-dasharray:0 50 0 50;
    stroke:blue;
    stroke-width:18;
    stroke-linecap:round;
    z-index:3;
}
.old_exam{
    stroke-dasharray:0 50 0 50;
    stroke:blue;
    stroke-width:18;
    stroke-linecap:round;
}
#rec_lbl::after{
	content:'表示';
}
#rec_btn:checked ~ #rec_lbl::after{
    content:'非表示';
}
#old_lbl::after{
    content:'表示';
}
#old_btn:checked ~ #old_lbl::after{
    content:'非表示';
}
#exam .rec{
    stroke:red;
    stroke-width:18;
    z-index:3;
}
#map2{
    float:left;
}

#gmap_lbl::after{
	content:'を非表示にする';
}
#gmap_btn:checked ~ #gmap_lbl::after{
    content:'で表示する';
}
#gmap{
}
#gmap_btn:checked ~ #gmap{
	display:none;
}
#gmap_btn:checked ~ #map{
	height:(55em);
}