html {
  background: rgb(216, 213, 213);
  user-select: none;
}

* {
  margin-top: 0;
  margin-bottom: 0;
}

header {
  background: rgb(255, 253, 142);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 100px;
}

html,
body {
  width: 100%;
  margin: 0;
}

body {
  text-align: center;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  background: white;
  word-wrap: break-word;
}

#target,
#Stime {
  font-size: 48px;
  letter-spacing: .1em;
}

p {
  padding-top: 30px;
}

#explan {
  text-align: initial;
  padding-top: 20px;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 100px;
}

button {
  background-color: rgb(255, 219, 14);
  border-radius: 20px;
  padding: 10px;
  width: 20%;
  font-size: 15px;
}

span {
  opacity: 0.3;
}


/*設定画面のCSS*/

#playtime,
#languagechoice,
#difficultchoice {
  font-size: 20px;
  font-weight: bold;
  border-right: solid 3px rgb(248, 167, 45);
  padding-left: 15%;
  padding-right: 25px;
  margin-right: 25px;
}

#a,
#b,
#c {
  padding-top: 50px;
}

div {
  font-size: 20px;
  display: flex;
}

#btnposi {
  padding-top: 130px;
  padding-bottom: 30px;
}

#checkButton,
#reviwebtn {
  margin: 0 auto;
}

#reviwebtn {
  margin-top: 50px;
}

button {
  background-color: rgb(255, 219, 14);
  border-radius: 20px;
  padding: 10px;
  width: 20%;
  font-size: 15px;
}

button:hover {
  opacity: 0.8;
  cursor: pointer;
}


/* プレイ中のあれこれ */

#miss {
  font-weight: 600;
  font-size: 25px;
  color: red;
}

#playnow {
  display: flex;
  padding-top: 15px;
  padding-left: 20px;
  padding-bottom: 50px;
}

#playtype {
  display: flex;
  border-radius: 10px;
  border: 4px double #ff6699;
  padding-left: 10px;
  padding-top: 0;
  width: 160px;
  margin-right: 57%;
}

#typetext {
  padding-right: 10px;
  font-size: 16px;
  padding-top: 0px;
}

#typecount {
  border-left: 2px solid #ff6699;
  padding-left: 10px;
  font-size: 16px;
  padding-top: 0px;
}

#playtimer {
  display: flex;
  border-radius: 10px;
  border: 4px double #ff6699;
  padding-left: 10px;
  width: 160px;
}

#timetext {
  padding-right: 10px;
  font-size: 16px;
  padding-top: 0px;
}

#time {
  border-left: 2px solid #ff6699;
  padding-left: 10px;
  font-size: 16px;
  padding-top: 0px;
}


/*テーブル（表）のスタイル*/

table {
  margin: 0 auto;
  border-collapse: collapse;
}

th {
  border: 1px solid;
  width: 160px;
  height: 30px;
}

td {
  border: 1px solid;
  height: 60px;
  font-family: Arial, "MSPゴシック", sans-serif;
}

#commenttext {
  padding-top: 30px;
  font-weight: bold;
  font-size: 48px;
}

#comment {
  margin-top: 30px;
}

#comtable {
  width: 450px;
}

#reviwetar {
  font-size: 48px;
  letter-spacing: .1em;
}


/* フッタースタイル */

footer {
  background: rgb(255, 123, 0);
  margin-top: 55px;
}

footer>li {
  padding-top: 10px;
  margin-left: 30px;
  list-style: none;
  text-align: initial;
}

footer>li>a {
  text-decoration: none;
  color: blue;
}

footer>li>a:hover {
  color: red;
}

footer>p {
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
  color: rgb(236, 236, 155);
}