@charset "utf-8";

/*空港*/
.course-12#map_area .wrapper .upper .airport_prot.ube_prot{
    right: 134px;
    top: 250px;
}

.course-12#map_area .wrapper .upper .airport_prot.ube_prot .airport_icon{
    position: absolute;
    left: -24px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.course-12#map_area .wrapper .upper .airport_prot.oita_prot{
    right: 15px;
    bottom: 130px;
    top: unset;
}

/*ホテル*/
.course-12#map_area .wrapper .upper .fac_prot{
    width: fit-content;
    text-align: center;
    position: absolute;
}

.course-12#map_area .wrapper .upper .fac_prot span.fac_name {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px -0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
}

.course-12#map_area .wrapper .upper .fac_prot.nagato_prot {
    top: 106px;
    right: 168px;
}

.course-12#map_area .wrapper .upper .fac_prot.shimonoseki_prot{
    top: 108px;
    left: 79px;
}

.course-12#map_area .wrapper .upper .fac_prot.beppu_prot {
    bottom: -20px;
    right: 90px;
}

.course-12#map_area .wrapper .upper .fac_prot img.fac_img{
    width: 78px;
    height: 78px;
    display: block;
    margin: 0 auto;
}

/*観光地*/
.course-12#map_area .wrapper .upper li:nth-child(2) span.number{
    top: 61px;
    left: 252px;
}

.course-12#map_area .wrapper .upper li:nth-child(2)  span.place_name{
    top: 63px;
    left: 290px;
}

.course-12#map_area .wrapper .upper li:nth-child(3) span.number{
    top: 38px;
    left: 228px;
}

.course-12#map_area .wrapper .upper li:nth-child(3)  span.place_name{
    top: 10px;
    left: 197px;
}

.course-12#map_area .wrapper .upper li:nth-child(4) span.number{
    top: 59px;
    left: 175px;
}

.course-12#map_area .wrapper .upper li:nth-child(4)  span.place_name{
    top: 63px;
    left: 93px;
}

.course-12#map_area .wrapper .upper li:nth-child(5) span.number{
    top: 237px;
    left: 144px;
}

.course-12#map_area .wrapper .upper li:nth-child(5)  span.place_name{
    top: 241px;
    left: 79px;
}

.course-12#map_area .wrapper .upper li:nth-child(6) span.number{
    top: 242px;
    left: 187px;
}

.course-12#map_area .wrapper .upper li:nth-child(6)  span.place_name{
    top: 279px;
    right: 258px;
}

.course-12#map_area .wrapper .upper li:nth-child(7) span.number{
    top: 206px;
    left: 190px;
}

.course-12#map_area .wrapper .upper li:nth-child(7)  span.place_name{
    top: 179px;
    left: 190px;
}

.course-12#map_area .wrapper .upper li:nth-child(8) span.number{
    top: unset;
    right: 203px;
    bottom: 54px;
}

.course-12#map_area .wrapper .upper li:nth-child(8)  span.place_name{
    top: unset;
    right: 243px;
    bottom: 37px;
}

.course-12#map_area .wrapper .upper li:nth-child(9) span.number{
    top: 80px;
    right: 196px;
}

.course-12#map_area .wrapper .upper li:nth-child(9)  span.place_name{
    top: 53px;
    right: 184px;
}




@media screen and (max-width: 768px) {

    /*空港*/
    .course-12#map_area .wrapper .upper .airport_prot.ube_prot{
    right: 60px;
    top: 219px;
    }

    .course-12#map_area .wrapper .upper .airport_prot.oita_prot{
    right: -5px;
    bottom: 90px;
    }

    .course-12#map_area .wrapper .upper .airport_prot.oita_prot img.airport_icon{
        right: 0;
        left: 0;
        top: -24px;
        margin: auto;
        position: absolute;
    }

    /*ホテル*/
    .course-12#map_area .wrapper .upper .fac_prot.nagato_prot {
    top: 101px;
    right: 68px;
    }

    .course-12#map_area .wrapper .upper .fac_prot.shimonoseki_prot{
    top: 100px;
    left: -15px;
    }

    .course-12#map_area .wrapper .upper .fac_prot.beppu_prot {
bottom: -20px;
    right: 0px;
    }

    /*観光地*/
    .course-12#map_area .wrapper .upper li:nth-child(2) span.number{
    top: 48px;
    left: 152px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(2)  span.place_name{
top: 50px;
    left: 180px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(3) span.number{
    top: 29px;
    left: 129px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(3)  span.place_name{
    top: 10px;
    left: 106px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(4) span.number{
    top: 51px;
    left: 85px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(4)  span.place_name{
    top: 54px;
    left: 23px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(5) span.number{
    top: 200px;
    left: 58px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(5)  span.place_name{
    top: 202px;
    left: 9px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(6) span.number{
    top: 208px;
    left: 96px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(6)  span.place_name{
    top: 236px;
    right: 188px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(7) span.number{
    top: 176px;
    left: 90px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(7)  span.place_name{
    top: 154px;
    left: 90px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(8) span.number{
    top: unset;
    right: 107px;
    bottom: 39px;
    }

    .course-12#map_area .wrapper .upper li:nth-child(8)  span.place_name{
    top: unset;
    right: 135px;
    bottom: 33px;
    }

}