html {
  font-size: 10px;
}
body {
  font-size: 1.6rem;
  font-family: Verdana, sans-serif;
  word-break: break-all;
}
.pc {
  display: block!important;
}
.sp {
  display: none!important;
}
.container {
  max-width: 1000px;
  margin: auto;
}
h1 {
  font-size: 2.6rem;
  padding: 16px 0 0;
}
#app header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
#app ul {
  padding: 0;
  list-style: none;
}
#app tr {
  line-height: 1.5;
}
#app .command {
  font-size: 1.2rem;
  cursor: pointer;
  color: #08c;
}
#app .info {
  color: #bbb;
  font-size: 1.2rem;
  font-weight: normal;
}
#app .purge-button {
  background: #444;
  color: #fff;
  height: 30px;
  width: 80px;
}
#app .sort-button-wrap {
  display: flex;
}
#app .sort-button-wrap li:first-child{
  margin-right: 10px;
}
#app .sort-button-wrap li button {
  -webkit-appearance: none;
  background: #fff;
  color: #444;
  height: 30px;
  width: 90px;
}
#app .high {
  color: #fff;
  background: red;
  padding: 0 5px;
  opacity: 0.5;
}
#app .common {
  color: #fff;
  background: green;
  padding: 0 5px;
  opacity: 0.5;
}
#app .low {
  color: #fff;
  background: blue;
  padding: 0 5px;
  opacity: 0.5;
}
#app table {
  text-align: center;
  font-size: 1.6rem;
  margin: 0 auto;
}
#app thead {
  color: #fff;
  background: #444;
}
#app thead th {
  padding: 0 10px;
}
#app table .priority {
  width: 50px;
}
#app table .check-done {
  width: 32px;
}
#app table .todos {
  width: 640px;
}
#app table .date {
  width: 150px;
}
#app table .todo-delete {
  width: 32px;
}
#app tr > td.done.priority-content {
  background: #bbb;
}
#app tr > td.done.todo-content {
  text-decoration: line-through;
  color: #bbb;
}
#app table .todo-content {
  text-align: left;
}
#app form {
  margin-top: 20px;
}
#app form input[type="taxt"] {
  height: 15px;
  padding: 2px;
}
#app form input[type="submit"] {
  -webkit-appearance: none;
  background: #fff;
  color: #444;
}

@media screen and (max-width: 560px) {
  .pc {
    display: none!important;
  }
  .sp {
    display: block!important;
  }
  #app h1 {
    font-size: 1.8rem;
    padding: 8px 0;
  }
  #app table {
    font-size: 1rem;
  }
}