@charset "utf-8";

/* 全リセット */
* {margin: 0px; padding: 0;}
a {text-decoration: none;}
ul, ol {list-style: none;}
img {vertical-align: middle;}

/* リンク 再定義 */
/*a:link { color: #; }
a:visited { color: #; }
a:hover { color: #; }
a:active { color: #; }*/

html, body {
	touch-action: manipulation; /* ズームジェスチャーを無効にする */
	-ms-touch-action: manipulation; /* IE用 */
	overflow: hidden; /* スクロールも無効に */
}

/*===============================================
トップ画面
===============================================*/
/* テスト設定へ */
.btn_top {
	width: 482px;
	height: 112px;
	background: #00acd0;
	border-radius: 70px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);  
}

/*===============================================
クラス設定画面
===============================================*/
/* オレンジ左　無効 */
.btn_orleft_dis {
	width: 48px;
	height: 65px;
	background: #ffcd84;
	border-radius:26px 0px 0px 26px;
}
/* オレンジ右　無効 */
.btn_orright_dis {
	width: 48px;
	height: 65px;
	background: #ffcd84;
	border-radius:0px 26px 26px 0px;
}
/* グリーン左　無効 */
.btn_grleft_dis {
	width: 48px;
	height: 65px;
	background: #6cd6ca;
	border-radius:26px 0px 0px 26px;
}
/* グリーン右　無効 */
.btn_grright_dis {
	width: 48px;
	height: 65px;
	background: #6cd6ca;
	border-radius:0px 26px 26px 0px;
}
/* ブルー左　無効 */
.btn_blleft_dis {
	width: 48px;
	height: 65px;
	background: #90caf2;
	border-radius:26px 0px 0px 26px;
}
/* ブルー右　無効 */
.btn_blright_dis {
	width: 48px;
	height: 65px;
	background: #90caf2;
	border-radius:0px 26px 26px 0px;
}

/*border-radius:左上 右上 右下 左下;*/
/*===============================================
試験開始画面
===============================================*/

/* 試用版メッセージ */
#s1, #s2{
	position: absolute;
	width: fit-content;
	padding: 10px;
	font-size: 1.8vw;
	font-weight: bold;
	color: #594634;
}
#s1{
	background: rgb(255, 255, 255, 0.7);
	top:15%;left:65%;
}
#s2{
	top:78%;left:20%;
}


.TopInput:hover {
 	filter: brightness(70%);
}

.TopInput:active {
 	filter: brightness(50%);
}

input:disabled {
    filter: brightness(50%); /* 明るさを50%にして暗くする */
    /*opacity: 0.5;*/ /* ボタンを暗くする */
}