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

html,body{
 overflow-x: hidden;
}

#wrapper{
 min-height: 100vh;
 background-image:url(../images/index/uribou_gallery_index_bg_a.jpg); 
 background-repeat:no-repeat;
 background-size:cover;
 background-position: 50% 50%;
 position: relative;
}

.melongirls{
 position: absolute;
 width: 25%;
 height: auto;
 top: 10%;
 bottom: 0;
 left: 0;
 right: -10%;
 margin: auto;
}

.bg_2{
 min-height: 100vh;
 background-image:url(../images/index/uribou_gallery_index_bg2_a.png); 
 background-repeat:no-repeat;
 background-size:cover;
 background-position: 50% 50%;
 position: relative;
}

.pamph_wrap{
 width: 13%;
 height: auto;
 position: absolute;
 bottom: 45%;
 right: 23.7%;
 margin:  auto;
 z-index: 5000;
}

.pamph_wrap img{
 width: 100%;
 height: auto;
}

.pamph01,.pamph02,.pamph03{
 max-width: 30%;
 height: auto;
}

.pamph01{
 position: absolute;
 top: 0;
 bottom: 0;
 left: 9%;
 right: 0;
}

.pamph02{
 position: absolute;
 top: 0;
 bottom: 0;
 left: 35%;
 right: 0;
}

.pamph03{
 position: absolute;
 top: 0;
 bottom: 0;
 left: 61%;
 right: 0;
}

.notice{
 width: 12%;
 height: auto;
 position: absolute;
 bottom: 69.5%;
 left: 64%;
 margin: auto;
 z-index: 10;
 box-shadow:1px 2px 3px -1px #000;
}

.serifbutton{
 width: 15%;
 height: auto;
 position: absolute;
 bottom: 45%;
 left: 50%;
 margin: auto;
 z-index: 5000;
}

.melonenter{
 width: 13%;
 height: auto;
 position: absolute;
 bottom: 45%;
 left: 34%;
 margin: auto;
 z-index: 5000;
}

.g_uribou{
 width: 9%;
 height: auto;
 position: absolute;
 bottom: 45.7%;
 left: 24%;
 margin: auto;
 z-index: 5000;
}

.serif{
 width: 300px;
 height: 300px;
 display: none;
 position: absolute;
 top: 0;
 bottom: 63%;
 right: 0; 
 left: 30%;
 margin: auto; 
 z-index: 30;
}

.main{
 position: absolute;
 width: 20%;
 height: auto;
 top: 43%;
 left: 5%;
 margin: auto;
 z-index: 5000;
}

.premium{
 position: absolute;
 width: 20%;
 height: auto;
 top: 53.5%;
 left: 24%;
 margin: auto;
 z-index: 5000;
}

.ex{
 position: absolute;
 width: 14%;
 height: auto;
 top: 1%;
 left: 5%;
 margin: auto;
 z-index: 5000;
}

.side-r{
 width: 20%;
 position: absolute;
 top: 2%;
 right: 25px;
}

.info{
 width: 100%;
 color: #fff;
 *font-size: 0.7vw;
 line-height: 24px;
 *margin: 0 0 0 75px;
 position: relative;
 top: 20%;
 left: 2%;
}

.info a{
 color: #fff;
}

.info img{
 width: 100%;
 height: auto;
}

.info_wrap{
 max-height: 70%;
 position: absolute;
 top: 20%;
 right: 8%;
 overflow: auto;
 *-ms-overflow-style:none;
 margin: 0 0 0 5px;
}

dt{
 margin-left: 15px;
}

dd{
 margin-top: 5px;
 margin-bottom: 10px;
}

.info_wrap a{
 color: #f0e68c;
}

.floormap{
 position: relative;
 top: 20%;
 left: 2%;
 width: 100%;
 height: auto;
 border: 1px solid #949494;
 box-shadow:4px 7px 20px -1px #cecece;
 font-size: 0;
}

.floormap img{
 width: 100%;
 height: auto;
}

.floormap_i{
 position:relative;
}

.floormap_a{
 width: 38%!important;
 position:absolute;
 top: 49%;
 left: 10%;
}

.floormap_b{
 width: 38%!important;
 position:absolute;
 top: 24.5%;
 left: 10%;
}

.floormap_c{
 width: 42%!important;
 position:absolute;
 top:24.5%;
 right: 7%;
}

.floormap_d{
 width: 30%!important;
 position:absolute;
 top:41%;
 right: 7%;
}

.floormap_e{
 width: 30%!important;
 position:absolute;
 top:57%;
 right: 7%;
}

.floormap_02{
 width: 25%!important;
 position:absolute;
 top: 73%;
 right: 12%;
}

.floor_a_banner{
 display: none;
 position: absolute;
 top: 0px;
 *bottom: 0; 
 *left: 0;
 right: 105%; 
 z-index: 30;
}

.floor_b_banner{
 display: none;
 position: absolute;
 top: 0px;
 *bottom: 0; 
 *left: 0;
 right: 105%; 
 z-index: 30;
}

.floor_c_banner{
 display: none;
 position: absolute;
 top: 0px;
 *bottom: 0; 
 *left: 0;
 right: 105%; 
 z-index: 30;
}

.floor_d_banner{
 display: none;
 position: absolute;
 top: 0px;
 *bottom: 0; 
 *left: 0;
 right: 105%; 
 z-index: 30;
}

.floor_e_banner{
 display: none;
 position: absolute;
 top: 0px;
 *bottom: 0; 
 *left: 0;
 right: 105%; 
 z-index: 30;
}

.floor_f_banner{
 display: none;
 position: absolute;
 top: 0px;
 *bottom: 0; 
 *left: 0;
 right: 105%; 
 z-index: 30;
}

.enter_exit_button{
 width: 50%;
 height: auto;
 position: absolute;
 bottom: 25%;
 right: 40%;
 margin:  auto;
}

.en_button{
 position: absolute;
 top: 70vh;
 bottom: 0;
 left: 42.2%;
 right: 0;
 margin: 0 auto;
 z-index:30;
}

.en_button img{
 width: 5vw;
 height: auto;
}

.ex_button{
 position: absolute;
 top: 70vh;
 bottom: 0;
 right: 0; 
 left: 69.5%;
 margin: 0 auto; 
 z-index:30;
}

.ex_button img{
 width: 5vw;
 height: auto;
}

.gallery_enter_button{
 width: 200px;
 height: auto;
 position: absolute;
 top: 80vh;
 *bottom: 0;
 *right: 0; 
 left: 78vw;
 *margin: auto; 
 z-index:30;
}

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

.en_button{
 position: absolute;
 top: 68vh;
 bottom: 0;
 left: 31.5%;
 right: 0;
 margin: 0 auto;
 z-index:30;
}

.ex_button{
 position: absolute;
 top: 68vh;
 bottom: 0;
 right: 0; 
 left: 69.5%;
 margin: 0 auto; 
 z-index:30;
}

} 


@media all and (-ms-high-contrast: none) {

.melonenter{
 width: 13%;
 height: auto;
 position: absolute;
 bottom: 9%;
 left: 34%;
 margin: auto;
 z-index: 5000;
}

.g_uribou{
 width: 9%;
 height: auto;
 position: absolute;
 bottom: 7%;
 left: 24%;
 margin: auto;
 z-index: 5000;
}

}

@supports (-ms-ime-align: auto) {

.melonenter{
 width: 13%;
 height: auto;
 position: absolute;
 bottom: 9%;
 left: 34%;
 margin: auto;
 z-index: 5000;
}

.g_uribou{
 width: 9%;
 height: auto;
 position: absolute;
 bottom: 7%;
 left: 24%;
 margin: auto;
 z-index: 5000;
}

}