html{
	scroll-behavior: smooth;
}

#textFileNum {
	display: inline-block !important;
	margin-left: 20px;
}

#testCaseNum {
	text-align: right;
	width: 50px;
	display: inline-block !important;
	margin: 20px 10px 20px 0px;
}

#seedSelectText {
	display: inline-block !important;
	margin: 0px 0px 0px 0px;
}

#seedSelectTextGT {
	display: inline-block !important;
	margin-left: 20px;
}

#createTestCase {
	display: inline-block !important;
	margin: 10px 10px 10px 10px;
}

.render-area {
	height: 951 !important;
	display: flex;
	justify-content: start;
}

.anime-btn {
	display: flex;
}

.anime-btn>button {
	height: 2em;
}

.anime-btn>label {
	display: flex;
	width: 340px;
	margin: 0 16px;
	font-size: 14px;
}

.js-slider {
	position: relative;
	width: 501px;
	height: 20px;
	margin: 10px 10px 0px 15px;
}

.js-slider div {
	background: #ddd;
	height: 3px;
	border: 1px inset #aaa;
	position: relative;
	top: 12px;
	font-size: 0px;
}

.js-slider input {
	position: absolute;
	width: 15px;
	height: 20px;
	display: block;
}

.box {
	display: flex;
	flex-wrap: wrap;
}

#start {
	width: 32px;
	height: 32px;
	position: relative;
	bottom: 5px;
}

#anime-speed {
	width: 200px;
	margin: 0px 10px;
}

#canvas-area {
	height: 940 !important;
	/* width: 660 !important;*/
	width: auto;
	flex-wrap: wrap;
	overflow: auto;
	/* scroll-behavior: smooth; */
	border: 1px solid !important;
}

#info {
	margin: 10px 10px;
	width: 30%;
}

#score-area {
	width: 200px;
	height: 70px;
	margin: 0px 5px 0px 17px;
	box-shadow: 0 0 2px 2px #666666;
}

#score-label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 2px solid #666666;
	margin: 0px;
	padding: 4px;
}

#score {
	text-align: right;
	margin: 0px;
	padding: 4px 4px;
}

#object {
	margin: 20px 5px;
}

#tile {
	margin: 20px 5px;
}

.image {
	font-size: 14px;
}

#operation {
	height: 30px;
	width: 100px;
}

#scroll-box {
	height: 320px;
	width: 200px;
	overflow-y: scroll;
	overflow-x: scroll;
}

#share {
	margin-top: 10px;
	margin-bottom: 10px;
}

.vis {
	display:flex;
}

.vis div{
	margin: 10px 10px 0px 10px;
}

.simulateButton {
	margin: 10px 10px 20px 10px;
}

.dispFlex{
	display:flex;
}

.margin_0{
	margin: 0px 0px 0px 0px !important;
}

#info-area{
	width: 250px !important;
}
.chart {
	margin: 0px 0px 0px 0px;
	width: 120px !important;
}
.chart_radar{
	margin: 0px 0px 0px 0px;
	width: 90px !important;
	height: 90px !important;
}

.memNo {
	font-size: 5px;
	margin: 10px 0px 0px 0px;
	width: 20px !important;
}