body{
  font-size:6em;
  text-align:center;
  background-color: blanchedalmond;
  margin: 0 50px;
}

img {
  width: 200px;
}

p{
  margin: 0px;
}

h4{
  margin:0px;
  padding: 30px;
  font-size: 3rem;
  color:#fff;
  text-align: center;
  background-color:rgb(250, 197, 140);
  border-radius: 30px;
}

h6{
  font-size: 2rem;
  padding-top: 40px;
  margin: 0px;
  color: #666;
}

#sec1 {
  display: flex;
  justify-content: center;
  color: #888;
}

.box{
  margin: 20px 30px;
  width: 20%;
  font-weight: bold;
  background-color: #fff;
  border-radius: 30px;
}

/* スタートボタンの装飾 */
button {
  background-color: #fff;
  border-radius: 30px;
  padding: 50px 100px;
  border: none;
  font-size: 3rem;
  font-weight: bold;
  margin-top: 30px;
  color: #888;
}

button:hover {
  background-color: #f1e697;
}

button#rule{
  padding: 50px;
}


/* ゲーム説明 */
#rule-Sin{
  margin: 0px;
  padding: 10px;
  position: absolute;
  top: 0;
  left:0;
  width: 100vw;
  height: 100vw;
  background: rgba(0,0,0,.6);
}

#ruleBun{
  background-color:#fff;
  border-radius: 30px;
  margin-top:20px;
  position:relative;
}

p.setsumei{
  font-size: 1rem;
  margin-top:15px;
}

p.dai{
  font-size: 1.5rem;
  font-weight: bold;
  background-color:#ed992c;
  color:#fff;
  border-radius: 30px;
}

#shousai{
  display: flex;
  justify-content: center;
  margin:30px 0;
  align-items: flex-start;
}

.naiyo{
  padding:10px;
  text-align: center;
}


ul{
  font-size: 15px;
  text-align: center;
}

/* #rank{
  width: 30%;

} */

/* #borus{
} */

button#close {
  width: 50%;
}


/*ゲームの残り秒数が表示されるタイマーの領域*/
.count{
margin:0px;
width: 20%;
font-weight:bold;
color:#888;
margin: 20px 30px;
background-color: #fff;
border-radius: 30px;
display: contents;
}

/*テキストが表示される領域*/
.wrap{
  margin-top:20px;
  padding:80px 40px;
  background-color:#ed992c;
  font-weight:bold;
  color:#fff;
  border-radius: 30px;
}

/*正しくタイプされた場合のテキスト*/
.typed{
color:lightgreen;
}

/**ミスタイプの場合の背景*/
.mistyped{
 background-color:red;
}

#score {
  color: #888;
  margin: 20px 30px;
  width: 20%;
  font-weight: bold;
  background-color: #fff;
  border-radius: 30px;
  display: contents;
}

#scoreup{
  display: none;
}