body{
	width:820px;
	margin:0 auto;
	padding:0px;
	font-family: "Comic Sans MS", sans-serif;
}
h1,header p{
	text-align:center;
}
header{
	margin:10px;
	padding:10px;
}
main{
	width:90%;
	margin:0 auto;
	padding:0px;
	position:relative;
}
#sidearea{
	margin:0 auto;
	width:90%;
}
.cap{
	border:2px solid black;
	border-bottom:0px;
}

#level input[type=radio]{
	background-color:red;
}
#level{
	text-align:center;
	position:absolute;
	left:90px;
	top:450px;
	user-select:none;
}
#level label{
	padding:9px;
	border:black solid 1px;
	background-color:lightgrey;
	border-radius:12px;
	color:grey;
}
#level input[type=radio]:checked + label{
	color:black;
	background-color:snow;
}
input[type=radio] {
	display: none; /* 標準スタイルを非表示にする */
}
	#scorelist,#alpha{
		font-size:16px;
		margin:0 auto;
		border-collapse: collapse;
	}
	#scorelist th{
		height:20px;
		width:120px;
	}
	#scorelist td{
		height:32px;
	}
	#scorelist td,#scorelist th,#alpha td,#alpha th{
		text-align:center;
		border:2px solid black;
	}
	#scorelist .w2{
		width:200px;
	}
	#alpha td {
		width:94px;
		height:26px;
	}
#gamebox{
	margin:10px;
	padding:10px;
	width:724px;
	height:516px;
	background-size:cover;
}
#startbtn,#gameover{
	border:2px solid black;
	border-radius:16px;
	width:220px;
	height:42px;
	padding:6px;
	text-align:center;
	font-weight:bold;
	font-size:28px;
	position:absolute;
	top:340px;
	left:264px;
	background-color:snow;
	user-select:none;
	display:block;
	opacity:0.96;
}
.blink{
	animation: animation_blink 2s infinite;
}
	/*点滅アニメーション*/
	@keyframes animation_blink{
		30%,100% { opacity: 1; }
		50% { opacity: 0; }
	}
footer{
	text-align:center;
}
hr{
	width:98%;
	border:black solid 2px;
	border-top:none;
	border-left:none;
	border-right:none;
}
#spinfo{
		display:block;
		font-family: 'Consolas';
		margin:0 auto;
		padding:12px;
		width:692px;
		border:black solid 2px;
		text-align:center;
		position:absolute;
		top:22px;
		left:22px;
		color:white;
		background-color:midnightblue;
		opacity:0.9;
		user-select:none;
}
/* 遊び方用 */
/* 記録表示用 */
#textinfo,#history{
	width:94%;
	margin:0 auto;
	padding:12px;
}
#textinfo p{
	text-indent:1em;
}
#history p{
	text-indent:1em;
}
#sptitle{
	position:absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width:440px;
	top:140px;
	left:172px;
	color:lemonchiffon;
	font-weight:bold;
	font-size:48px;
	user-select:none;
	text-shadow:
		-1px -1px 0 black, /* 左上方向の影 */
		 1px -1px 0 black, /* 右上方向の影 */
		-1px  1px 0 black, /* 左下方向の影 */
		 1px  1px 0 black; /* 右下方向の影 */
}
#ura{
	color:red;
	visibility:hidden;
}
#imi
{
	position:absolute;
	display: none;
	justify-content: center;
	align-items: center;
	width:400px;
	top:338px;
	left:178px;
	color:ghostwhite;
	font-weight:bold;
	font-size:36px;
	user-select:none;
	text-shadow:
		-1px -1px 0 black, /* 左上方向の影 */
		 1px -1px 0 black, /* 右上方向の影 */
		-1px  1px 0 black, /* 左下方向の影 */
		 1px  1px 0 black; /* 右下方向の影 */
}
#kanainput{
	position:absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width:480px;
	height:54px;
	top:238px;
	left:144px;
	background-color:snow;
	color:black;
	font-weight:bold;
	font-size:26px;
	user-select:none;
	border:2px solid black;
	border-radius:10px;
	letter-spacing:4px;
	opacity:0.96;
}
#resultbox{
	width:100%;
}
nav{
	border:dimgrey solid 2px;
	background-color:lavender;
	margin:10px;
	border-radius:10px;
	text-align:center;
}
.navi{
	background-color:snow;
	font-size:20px;
	width:120px;
	padding:4px;
	margin:8px;
	display:inline-block;
	border:2px solid dimgrey;
	border-radius:8px;
}
.navi:hover{
	border-color:dodgerblue;
}
.nom{
	color:black;
}
.already{
	color:dodgerblue;
}
	#spalert{
		display:none;
	}
	
	
.right{
	text-align:right;
}
/*以下モバイル用*/
@media screen and (max-width: 480px)
{
	body{
		width:100%;
		padding:0px;
		padding-top:8px;
		margin:0 auto;
	}
	main{
		display:block;
		width:370px;
	}
	#mainbox{
		display:none;
	}
	#spalert{
		display:block;
	}
}