@charset "UTF-8";
/* CSS Document */
body {
margin:0;
padding:0;
}
	
html, body{
  height:100%
}




html {
overflow:hidden;
}

	
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#aspectratio {
position: relative;
max-width: 1080px; 
max-height: 1056px;
margin:auto;
}
 
#container {
position: absolute;
top:0%; 
left:0%; 
width: 100%; 
height: 100%;
}
	
#container_b {
position: absolute;
top:0%; 
left:0%; 
width: 100%; 
height: 100%;
background-color: #F6F0E2
}
	

#content { position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow:hidden; background-color: #FFFFFF;}
#wrapper {position:relative; width: 100%; height: 100%;}
.clickable {height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 1;}
#container_map_hg { position:absolute; top:0%; left:0%; width: 100%; height: 100%;}
.map {position: absolute; top:0px; left:0px; width: 100%; height: 100%;}
.map_h {position: absolute; top:0px; left:0px; width: 100%; height: 100%; display: none}
.layer {position: absolute; top:0px; left:0px; width: 100%; height: 100%; pointer-events: none;}

#container_sf { position:absolute; left: 0%; top: 45%; width: 100%; height: 100%;}
.sf { position:absolute; background: url(img/t01.png);}
.sf_c { position:absolute; cursor:pointer; display: none; background: url(img/t01.png);}