@charset "utf-8";
#map-wrapper{background: #fef4de url(../images/top/bg.png) repeat center center; background-size: 4%;}
@media only screen and (max-width:640px){
	#map-wrapper{background: #fef4de url(../images/top/bg.png) repeat center center; background-size: 12%;}
}
#map .tile{width: 1.50%; opacity: 0;}
#map .person {width: 5.3%; margin-left: -2.2%; margin-top: 1.5%;}
#map {background: none;}
#map img.bg { left: 8.35%; top: 0.75%; width: 85%; }
#map .object-near{opacity: 0 !important; transition: 0.5s;}

#map .object_01{ width: 1.74%; left: 34.57%; top: 59.1%; z-index: 495;}
#map .object_02{ width: 36.5%; left: 34.24%; top: 48.19%; z-index: 300;}
#map .object_03{ width: 4.05%; left: 43.95%; top: 59.78%; z-index: 320;}
#map .object_04{ width: 9.47%; left: 78.08%; top: 52.98%; z-index: 496;}
#map .object_05{ width: 8.7%; left: 71.39%; top: 59%; z-index: 491;}
#map .object_06{ width: 2.19%; left: 51.42%; top: 84.27%;z-index: 515;}

#map .chair1_1{ width: 2.04%;}
#map .chair1-t1{ left: 55.13%; top: 67.3%; z-index: 131;}
#map .chair1-t2{ left: 60.85%; top: 63.06%; z-index: 131;}
#map .chair1-t3{ left: 65.55%; top: 59.4%; z-index: 114;}

#map .chair2_1{ width: 2.0%;}
#map .chair2-t1{ left: 51.03%; top: 60.54%; z-index: 293;}
#map .chair2-t2{ left: 56.85%; top: 55.72%; z-index: 289;}
#map .chair2-t3{ left: 61.71%; top: 52.48%; z-index: 286;}


#map .wall_1{left: 20.9%; top: 38.3%; z-index: 410; width: 26.98%;}
#map .wall_1.object-near{opacity: 0;}


#map .door_1{left: 32.3%; top: 62.8%; z-index: 900; width: 7.96%;}
#map .door_erase.object-near{opacity: 0;}

#map .logo_01{width:6.4%;}
#map .logo_01.logo_01_1{ left: 47.6%; top: 52.15%; z-index: 320;}
#map .logo_01.logo_01_2{ left: 54.15%; top:48.71%; z-index: 320;}
#map .logo_01.logo_01_3{ left: 61.08%; top: 44.87%; z-index: 320;}


#map .logo_02{ left: 43.1%; top: 56.9%; z-index: 320; width: 5.3%;}
#map .logo_03{ left: 35.05%; top: 56.2%; z-index: 320; width: 7.8%;}
#map .logo_04{ left: 49.88%; top: 80.5%; z-index: 520; width: 5.9%;} 

#map .link_longpin_1{transform: skewY(30deg); width: 3.7%; left: 44%; top: 60.1%; z-index: 508;}
#map .link_longpin_1 a{display: block; width: 100%; height: auto; padding: 140% 0;}
#map .link_longpin_2{transform: skewY(30deg) skewX(-15deg); width: 1.65%; }
#map .link_longpin_2_1{ left: 36.48%; top: 61.25%; z-index: 295;}
#map .link_longpin_2_2{left: 39.1%; top: 63.24%; z-index: 296;}
#map .link_longpin_2 a{display: block; width: 100%; height: auto; padding: 53% 0; }
#map .link_longpin_3{transform: skewY(30deg); width: 2.3%; left: 51.35%; top: 84.3%; z-index: 299; }
#map .link_longpin_3 a{display: block; width: 100%; height: auto; padding: 150% 0; }