* {
	font-family: 'Meiryo UI' !important;
}

#content {
	padding-bottom: 66px;
}

ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #1F1F1F;
	position: fixed;
	bottom: 0;
	width: 100%;
}

li.menu {
	font-size: 12px;
	float: left;
	width: 25%;
}

li.menu a {
	display: block;
	color: white;
	text-align: center;
	padding: 3px;
	text-decoration: none;
}

li.menu a:hover {
	color: white;
	background-color: #1FB0FF;
}

.submenu-div {
	padding-bottom: 61px;
	overflow: hidden;
	background: linear-gradient(transparent 5%, #1FB0FF 85%);
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 45px;
}

.submenu {
	float: left;
	width: 20%;
	padding: 7px 0px;
	border-bottom: 3px solid transparent;
}

div.submenu-div .active {
	border-bottom: 3px solid #1FB0FF;
}

.full-width {
	width: 100%;
}

li.menu .active,
.leverage-active {
	background-color: #1FB0FF !important;
}

.desc {
	color: #999;
	opacity: 0.7;
}

.slidecontainer {
	width: 99%;
}

.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 25px;
	border-radius: 8px;
	background: #456;
	outline: none;
	opacity: 0.9;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #FCD535;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #FCD535;
	cursor: pointer;
}

.normal-button {
	color: #111;
	background-color: #1FB0FF;
	border: 0px;
	font-weight: bold;
}

.textbox {
	font-size: 20px;
	color: #eee;
	text-align: center;
	background-color: #111;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #eee;
}

.group-box {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin: 10px;
}

.group-box legend {
	font-weight: bold;
	padding: 0 5px;
}

.cct-load {
	font-size: 24px;
	height: 75vh;
	padding-top: 220px;
}

.cct-panel {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	height: 75vh;
	gap: 10px;
}

.cct-card {
	position: relative;
	border: 1px solid #ccc;
	padding: 20px 3px 3px 3px;
	text-align: center;
}

.str-text {
	color: #1FB0FF;
}

.str-next {
	color: #444444;
}