ul{
	display: flex;
	list-style: none;
}

body{
	text-align:center;
	margin:0 auto;
	background-color:#eee;
}

.all{
	margin:0 auto;
	text-align:center;
	width:600px;
	height:730px;
	padding:0 20px 20px;
	border-radius: 30px;
	background-color:white;
}

h1{
	font-size:28pt;
	font-weight:bold;
	padding-top:20px;
	margin-bottom:-1px;
}

.mes{
	width:730px;
	text-align:left;
	margin-left:0px;
	margin-bottom:10px;
}

      #canvas {
        width: 800px;
        height: 600px;
        touch-action: none;
	border:10px ridge teal;
	border-radius:20px;
      }

      #START {
        position: absolute;
        top: 330px;
        margin-left: -300px;
      }

.myreset{
        position: absolute;
        top: 350px;
        margin-left: 210px;
	font-size: 34pt;
	color:white;
	font-weight:bold;
	font-family:Segoe Print;		//MV Boli;
	padding:3px 20px 0;
	cursor:pointer;
	border-radius: 20px;
	background: linear-gradient(#D7EFEB,#006151);		/* グラデーション  #A0D2C9 #00715E  #DAF2EC,#00795C */	
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;	/* シャドウ効果 */
	transition: .3s;
}
.myreset:hover{
	box-shadow: unset;
	transform: translateY(1px);
	color:red;
}

.ueni{
	margin-top:-30px;
}

.tile {
        width: 70px;
        height: 70px;
        border: 3px solid #CDC09D;
        border-radius: 10px;
        text-align: center;
	color:;
	font-family:游明朝;
        font-size: 42px;
	font-weight:bold;
	background-image: url('./img/fuda.png');
	background-repeat: repeat-x;
	cursor:pointer;
        /*box-shadow: rgb(200, 200, 200) 5px 5px;
	background: linear-gradient(#D7EFEB,#006151);	
	box-shadow: rgba(150,150,150,0.9) 5px 5px;*/

}

.woodFrame{
	width:450px;
	height:480px;
	background-image: url('./img/waku450.png');
	background-repeat: repeat-x;
	/*border-radius: 30px;*/
	padding:25px 0 0 1px;
	margin:-10px 0 0 70px;
}