@charset "utf-8";


/*mirutanoshimu.html以外*/
.cls-1,.cls-2 { stroke-width:0px;}
.cls-2 { fill:#fff;}
.cls-1:hover,.active_num .cls-1 { fill: #f38825;}
#circle01, #circle02, #circle03, #circle04, #circle05, #circle06, #circle07, #circle08, #circle09, #circle10, #circle11, #circle12 {
    position: absolute;
    width: 6%;
}
#circle01 {
    top: 8.5%;
    left: 13%;
}
#circle02 {
    top: 15.7%;
    left: 18.1%;
}
#circle03 {
    top: 21.5%;
    left: 8.5%;
}
#circle04 {
    top: 28.5%;
    left: 6.5%;
}
#circle05 {
    top: 45.5%;
    left: 15.5%;
}
#circle06 {
    top: 54.8%;
    left: 25.5%;
}
#circle07 {
    top: 84.8%;
    left: 22.1%;
}
#circle08 {
    top: 77.4%;
    left: 23.6%;
}
#circle09 {
    top: 33.2%;
    left: 28.5%;
}
#circle10 {
    top: 22.5%;
    left: 35.9%;
}
#circle11 {
    top: 33.5%;
    left: 50.3%;
}
#circle12 {
    top: 10.7%;
    left: 80.7%;
}


/*mirutanoshimu.html*/
#mirutanoshimu00 #circle01, #mirutanoshimu00 #circle02, #mirutanoshimu00 #circle03, #mirutanoshimu00 #circle04, #mirutanoshimu00 #circle05, #mirutanoshimu00 #circle06, #mirutanoshimu00 #circle07, #mirutanoshimu00 #circle08, #mirutanoshimu00 #circle09, #mirutanoshimu00 #circle10, #mirutanoshimu00 #circle11, #mirutanoshimu00 #circle12 {
    width: 4.9%;
}
#mirutanoshimu00 #circle01 {
    top: 8.7%;
    left: 18.3%;
}
#mirutanoshimu00 #circle02 {
    top: 15.8%;
    left: 22.7%;
}
#mirutanoshimu00 #circle03 {
    top: 21.5%;
    left: 14.5%;
}
#mirutanoshimu00 #circle04 {
    top: 28.5%;
    left: 12.7%;
}
#mirutanoshimu00 #circle05 {
    top: 45.8%;
    left: 20.8%;
}
#mirutanoshimu00 #circle06 {
    top: 54.9%;
    left: 29.2%;
}
#mirutanoshimu00 #circle07 {
    top: 85%;
    left: 26.1%;
}
#mirutanoshimu00 #circle08 {
    top: 77.5%;
    left: 27.5%;
}
#mirutanoshimu00 #circle09 {
    top: 33.2%;
    left: 31.9%;
}
#mirutanoshimu00 #circle10 {
    top: 22.8%;
    left: 38.1%;
}
#mirutanoshimu00 #circle11 {
    top: 33.7%;
    left: 50.2%;
}
#mirutanoshimu00 #circle12 {
    top: 10.7%;
    left: 76%;
}


/*mirutanoshimu01.html, 02.html, 03.html, 08.html, 10.html*/
#mirutanoshimu01, #mirutanoshimu02, #mirutanoshimu03, #mirutanoshimu08, #mirutanoshimu10 {
    margin: 0 auto 2em;
    width: 600px;
}
@media screen and (max-width: 640px) {
    #mirutanoshimu01, #mirutanoshimu02, #mirutanoshimu03, #mirutanoshimu08, #mirutanoshimu10 {
        width: 100%;
    }
}