@charset "UTF-8";


/***********************************

 設定 コンソール
 
***********************************/
#debugPanel{
	display:block;
	overflow:hidden;
	position:fixed;
	top:var(--vpad);
	left:0;
	width:100%;
	background-color:#333333;
	opacity:0.85;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index:5;
}

#debugPanel.voff{
	display:none;
}

.mode02 #debugPanel{
	top:auto;
	bottom:calc(var(--vpad) + 25px);
}


#traceer{
	display:block;
	overflow:hidden;
	padding:1em 1em;
	font-size:1.2rem;
	line-height:125%;
	color:#ffffff;
	position:relative;
}

#traceer > textarea{
	width:100%;
	height:14em;
	padding:0.5em 0.5em;
	font-size:1.2rem;
	line-height:125%;
	resize: vertical;
	color:#00ff00;
	background-color:#333333;
}

#traceer > input[type='text']{
	width:100%;
	padding:0.25em 0.25em;
	font-size:1.2rem;
	line-height:125%;
	margin:0.5em 0;
}


#traceer > p{
	display:block;
	overflow:hidden;
	text-align:center;
}


#traceer > p > button{
	display:inline-block;
	width:8em;
	padding:0.25em 0.25em;
	font-size:1.4rem;
	line-height:125%;
	text-align:center;
	border:4px solid #c3c3c3;
	border-radius:5px;
	background: linear-gradient(to bottom,	rgb(255,255,255) 0%,rgb(204,204,204) 100%);
}

#traceer > p > button + button{
	margin-left:1em;
}


/* for Sp --------------------*/
@media screen and (max-width:768px){

	#traceer > textarea,
	#traceer > input[type='text'],
	#traceer > p > button{
		font-size:16px;
	}
}