@charset "UTF-8";

/* main */
main section {
  padding-top: 0;
}
main .red {
  color: #f00;
}
main #page .block:last-child {
  margin-bottom: 0;
}
main #page .cap {
  font-weight: bold;
}
main #page .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  display: -webkit-flex;
  display: flex;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  flex-direction: row;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
main #page .flex-box .article {
  width: calc((100% - 60px) / 3 - .01px);
  margin-right: 30px;
}
main #page .flex-box .article:nth-child(3n) {
  margin-right: 0;
}
main #page a {
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: underline;
  color: #4b2300;
}
main #page a:hover {
  text-decoration: none;
}
main #page .cap {
  font-size: 14px;
  font-size: 1.4rem;
}
main #page .article {
  margin-bottom: 20px;
}
main h4 {
  margin-bottom: 20px;
}
main .table-wrapper {
  width: 100%;
}
main .table-wrapper table {
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #ddd;
}
main .table-wrapper table th {
  width: 230px;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #efefef;
  word-break: break-all;
  vertical-align: middle;
}
main .table-wrapper table td {
  width: 230px;
  padding: 10px;
  border: 1px solid #ddd;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle;
  text-align: center;
  word-break: break-all;
}
main .table-wrapper table tr:last-child td {
  text-align: left;
  vertical-align: top;
}
main #hard01 .table-wrapper table tr:last-child td,
main #hard02 .table-wrapper table tr:last-child td,
main #hard03 .table-wrapper table tr:last-child td,
main #hard04 .table-wrapper table tr:last-child td {
  text-align: center;
  vertical-align: middle;
}

main strong {
  font-weight: bold;
}
main .ul {
  text-decoration: underline;
}

@media screen and (max-width:768px){
  main #page .flex-box .article {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  main .txt {
    margin-bottom: 20px;
  }
  main .table-wrapper {
    width: auto;
    overflow: scroll;
  }
  main .table-wrapper table {
    width: 100%;
  }
  main #day04 .table-wrapper table,
  main #hard02 .table-wrapper table,
  main #hard03 .table-wrapper table,
  main #hard04 .table-wrapper table {
    width: auto;
  }
  main .table-wrapper table th {
    width: 120px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  main .table-wrapper table th {
    width: 120px;
  }
  main .table-wrapper table td {
    width: auto;
    font-size: 12px;
    font-size: 1.2rem;
  }
  main .table-wrapper table td {
    width: 150px;
  }
}