html,body {
	width:100vw;
	min-width:300px;
	height:100vh;
	background:#282828;
	margin:0px;
	padding:0px;
	text-align:center;
	overflow-x:hidden;
}

div {
	width:100vw;
	min-width:300px;
}

.table {
	display:table;
}
.row {
	display:table-row;
}
.cell {
	display:table-cell;
}

.frame-table {
	width:100vw;
}
.frame-cell {
	width:50vw;
	min-width:150px;
}
.contents-table{
	width:50vw;
	min-width:150px;
}

.long {
	background:#ffc800;
}

/* 大枠 */
.area-1 {
	position:fixed;
	top:0px;
	left:0px;
	height:12vh;
}

.area-2 {
	position:fixed;
	top:12vh;
	bottom:15vh;
	left:0px;
	overflow-x:hidden;
	overflow-y:scroll;
}

/*スクロールバーの横幅指定*/
.area-2::-webkit-scrollbar {
	width: 25px;
}
/*スクロールバーの背景色・角丸指定*/
.area-2::-webkit-scrollbar-track {
	border-radius: 10px;
	background: none;
}
/*スクロールバーの色・角丸指定*/
.area-2::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background:silver;
}


.area-3 {
	position:fixed;
	bottom:0px;
	left:0px;
	height:15vh;
}


/* ヘッダー部 */
	.shop {
		color:white;
		font-size:2vh;
		padding-top:1.5vh;
		padding-bottom:0.5vh;
	}
	.header {
		background:#ffffff;
		height:5vh;
		padding-top:0.5vh;
	}
	.header span {
		color:#282828;
		font-weight:bold;
		font-size:3vh;
	}
	
	.a-cell {
	width:60vw;
	vertical-align: middle;
	}
	.header>div.a-cell>span.a {
		font-size:4vw;
	}
	.b-cell {
		width:40vw;
		vertical-align: middle;
	}
	.header>div.a-cell>span.b{
		font-size:2vw;
	}
	.floor-select {
		width:30vw;
		height:8vw;
		margin-right:5vw;
		padding-left:2vw;
		text-align:center;
		font-weight:bold;
		font-size:5vw;
		border: 1px solid #282828;
		
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #999;
		background: #eee;
		background-image: url(../icon/point.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 8vw, 100%;
	}

.floor-select option {
	font-size:2vw;
}


/* フッター部 */
	.text-img {
		max-width:95vw;
		min-width:290px;
		height:8vh;
		margin:1vh 5px;
	}
	.footer {
		background:#ffffff;
		text-align:center;
		height:4vh
	}
	.footer-img {
		height:3vh;
		padding:0.5vh 0;
	}


/* ステータス部 */
	.contents {
		width:38vw;
		height:38vw;
		margin:2vw 0vw;
		background:white;
		display:inline-block;
		min-width:100px;
	}
	.gender {
		width:25vw;
		height:35vw;
		margin-top:2vw;
		margin-bottom:1vw;
	}
	.left {
		margin-left:9vw;
		margin-right:3vw;
	}
	.right {
		margin-left:3vw;
		margin-right:9vw;
	}
	.long {
		background:#FFD800;
	}
	.warning {
		background:#FF8C00;
	}
	.danger {
		background:#A52A2A;
	}