@charset "UTF-8";

.subtitle {
    display: block;
    font-size: 1rem;
}
.subtitle:before {
    content: '---';
}
.subtitle:after {
    content: '---';
}

#mymap {
    width: 100%;
    height: 600px;
}
#mymap-text {
    margin: 0;
}
#mymap-text dt {
    margin-left: 25px;
    font-size: 1.2rem;
    border-bottom: 2px solid #B92A2C;
}
#mymap-text dd {
    margin-left: 0;
    margin-bottom: 15px;
    padding: 0 2% 0 2%;
}

#f1:before {
    content: "１";
}
#f2:before {
    content: "２";
}
#f3:before {
    content: "３";
}
#f4:before {
    content: "４";
}

.fimg {
    vertical-align: -6px;
    padding-right: 5px;
}

#s1:before {
    content: "１";
}
#s2:before {
    content: "２";
}
#s3:before {
    content: "３";
}
#s4:before {
    content: "４";
}

.simg {
    vertical-align: -6px;
    padding-right: 5px;
}

.hidden {
    display: none;
}

.red {
    color: red;
    font-weight: bold;
}

@media screen and (min-width:480px) {
    #mymap-text dd {
        margin: 4%;
        margin-top: 2%;
        padding: 0 2% 0 2%;
    }
}