/*******************************************************************************
hotel okinawa map
********************************************************************************/
#hotl-map .mapBg img{
    width: 50%;
}
.mapButton .btn-area01{ left: 51%; top: 75%;}
.mapButton .btn-area02{ left: 71%; top: 79%;}
.mapButton .btn-area03{ left: 51%; top: 55%;}
.mapButton .btn-area04{ left: 59%; top: 34%;}
.mapButton .btn-area05{ left: 80%; top: 48%;}
.mapButton .btn-area06{ right: 5%; top: 22%;}
.mapButton .btn-area07{ left:  7%; top: 44%;}
.mapButton .btn-area08{ left: 34%; top: 39%;}

/*--840px以下 ------------------------------------*/
@media only screen and (max-width: 840px) {
#hotl-map .mapBg img:nth-of-type(1) {
    display: none;
}
#hotl-map .mapBg img{
    width: 100%;
    margin-bottom: 3.6em;
}

#hotl-map .mapButton::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 4em;
        border-bottom: 1px dashed #DDD;
    }

.mapButton .btn-area01{ left: 2%; top: 61%;}
.mapButton .btn-area02{ left: 45%; top: 64%;}
.mapButton .btn-area03{ left:  2%; top: 44%}
.mapButton .btn-area04{ left: 15%; top: 28%;}
.mapButton .btn-area05{ left: 59%; top: 41%;}
.mapButton .btn-area06{ right: 5%; top: 13%;}
.mapButton .btn-area07{ left:  7%; bottom: 1em; top: auto;}
.mapButton .btn-area08{ left: 58%; bottom: 1em; top: auto;}
}