/*******************************************************************************
hotel okinawa map
********************************************************************************/
.hoteMaplWrap{
    text-align: center;
}
#hotl-map .mapBg img{
    width: 100%;
    max-width: 750px;
}
#hotl-map .mapButton{
    max-width: 750px;
    margin: 0 auto;
}
.mapButton .btn-area01{ left: 13%; top: 40%;}
.mapButton .btn-area02{ left: 5%; top: 64%;}
.mapButton .btn-area03{ left: 35%; top: 78%;}
.mapButton .btn-area04{ left: 49%; top: 15%;}
.mapButton .btn-area05{ left:56%; top: 62%;}

/*--840px以下 検索ガジェット調整------------------------------------*/
@media only screen and (max-width: 840px) {

#hotl-map .mapBg img{
    width: 170%;
    position: relative;
    left: 56%;
    transform: translateX(-50%);

}
.mapButton .btn-area01{ left: 2%; top: 38%;}
.mapButton .btn-area02{ left: 2%; top: 62%;}
.mapButton .btn-area03{ left: 35%; top: 78%;}
.mapButton .btn-area04{ left: 49%; top: 15%;}
.mapButton .btn-area05{ left:56%; top: 62%;}
}