@charset "utf-8";


/* トランジション */
/* 全体 */
[v-cloak] { display : none; }
@keyframes cloak-in { 0% { opacity : 0.0; } 100% { opacity : 1.0; } }
#main { animation : cloak-in 1.0s; }
#main[v-cloak] { opacity : 0.0; }
/* フェードイン */
.fade-enter-active { transition : all 1.0s; }
.fade-enter { opacity : 0.0; }
.fade-enter-to { opacity : 1.0; }
/* フェードアウト */
.fade-leave-active { transition : all 1.0s; }
.fade-leave { opacity : 1.0; }
.fade-leave-to { opacity : 0.0; }


/* メイン */
* { margin : 0; padding : 0; user-select : none; box-sizing : border-box; }
html {
	overflow : hidden;
	height : 100vh;
}
@media screen and (max-width: 1366px){
	html {
		overflow : scroll;
		height : 100vh;
	}
}
body { font-family : "メイリオ";  -webkit-font-smoothing : antialiased; -webkit-touch-callout : none; color : #000000; background : #000000; border : none; }
/* #wrapper { height : 100vh; overflow : scroll; -webkit-overflow-scrolling : touch; } */
#wrap { position : absolute; top : 0; left : 0; transform-origin : top left; }

#main { overflow : hidden; position : absolute; top : 0; left : 0; width : 1366px; height : 964px; color : #000000; background : #ffffff; border : 1px solid #000000; transform-origin : top left; }


#tab_mask { overflow : hidden; position : absolute; bottom : 0; left : 0; width : 1366px; height : 433px; pointer-events : none; cursor : default; }


/* 階数ボタン */
.floor_off { pointer-events : auto; cursor : pointer; color : #000000; background : #ffffff; border : 1px solid #000000; transition : all 0.5s; }
.floor_on { pointer-events : none; cursor : default; color : #ffffff; background : #00BFFF; border : 1px solid #000000; transition : all 0.5s; }
.floor_over { pointer-events : auto; cursor : pointer; color : #ffffff; background : #00BFFF; border : 1px solid #000000; transition : all 0.5s; }
.floor_non { pointer-events : none; cursor : default; color : #000000; background : #ffffff; border : 1px solid #000000; opacity : 0.5; }


/* 方角ボタン */
.dir_off { pointer-events : auto; cursor : pointer; }
.dir_on { pointer-events : none; cursor : default; }
.dir_over { pointer-events : auto; cursor : pointer; }
.dir_non { pointer-events : none; cursor : default; opacity : 0.5; }