@charset "utf-8";
/* CSS Document */

html,body{
 overflow-x: hidden;
}

#wrapper{
 height: 100vh;
 background-image:url(../images/uribou_gallery_bg_pattern.jpg); 
}

.map_wrap{
 width: 80%;
 min-width: 1100px;
 height: 95%;
 min-height: 750px;
 position: absolute;
 top: -10px; 
 bottom: 0; 
 left: 0; 
 right: 0; 
 margin: auto;
 background-color: #fff;
 border: 1px solid #949494;
 box-shadow:4px 7px 20px -1px #cecece;
 overflow-y: hidden;
}

.main_title{
 font-size: 60px;
 color: #778899;
 text-align: center;
 *padding: 10px 0;
 margin: 3% auto 0;
}

.map_p{
 width: 100%;
 height: 90%;
 position: absolute;
 top: 90px;
 bottom: 0;
 left: -6%;
 right: 0;
 margin: 0 auto; 
}

.map img{
 *width: 25vw;
 *max-width: 20%;
 *height: auto;
}

.floor{
 position: absolute;
 top: 0; 
 bottom: 0; 
 left: 0; 
 right: 0; 
 margin: auto;
}

.m_info{
 width: 700px;
 position: absolute;
 bottom: 10px;
 left: 0;
 right: 0;
 margin: auto; 
 z-index: 0;
}

.shop{
 position: absolute;
 top: 335px;
 bottom: 0; 
 left: 594px;
 right: 0; 
 margin: auto;
 z-index: 10;
}

.floor_d_banner{
 display: none;
 position: absolute;
 top: 150px;
 bottom: 0; 
 left: 620px;
 right: 0; 
 margin: auto;
 z-index: 9999;
}

.floor_a{
 position: absolute;
 top: 0;
 bottom: -15px; 
 left: 0;
 right: 350px; 
 margin: auto;
 *z-index: 10;
}

.floor_a_banner{
 display: none;
 position: absolute;
 top: 0;
 bottom: 200px; 
 left: 0;
 right: 400px; 
 margin: auto;
 z-index: 9999;
}

.floor_b{
 position: absolute;
 top: 0;
 bottom: 410px; 
 left: 0;
 right: 350px; 
 margin: auto;
 z-index: 20;
}

.floor_b_banner{
 display: none;
 position: absolute;
 top: 0;
 bottom: 550px; 
 left: 0;
 right: 400px; 
 margin: auto;
 z-index: 9999;
}

.floor_c{
 position: absolute;
 top: 0;
 bottom: 479px; 
 left: 460px;
 right: 0; 
 margin: auto;
 z-index: 10;
}

.floor_c_banner{
 display: none;
 position: absolute;
 top: 0;
 bottom: 600px; 
 left: 850px;
 right: 0; 
 margin: auto;
 z-index: 9999;
}

.floor_e{
 position: absolute;
 top: 0;
 bottom: 210px; 
 left: 590px;
 right: 0; 
 margin: auto;
 z-index: 10;
}

.floor_e_banner{
 display: none;
 position: absolute;
 top: 0;
 bottom: 470px; 
 left: 620px;
 right: 0; 
 margin: auto;
 z-index: 9999;
}

.floor_f{
 position: absolute;
 top: 0;
 bottom: -80px; 
 left: 590px;
 right: 0; 
 margin: auto;
 z-index: 10;
}

.floor_f_banner{
 display: none;
 position: absolute;
 top: 0;
 bottom: 230px; 
 left: 620px;
 right: 0; 
 margin: auto;
 z-index: 9999;
}

.topbutton{
 width: 160px;
 height: auto;
 position: absolute;
 top: 20px;
 right: 20px; 
 z-index: 9999;
}





@media all and (-ms-high-contrast: none){
.map_wrap{
 height: 82%;
 min-height: 800px;
 top: -80px; 
 bottom: 0; 

}

}