@import url("https://fonts.googleapis.com/css?family=Fira+Mono|Noto+Sans+JP&display=swap&subset=japanese");
body {
  font-family: "Noto Sans JP", "Fira Mono", monospace;
  color: #333;
  background: #ddf;
}

#message_area > p {
  font-size: 10pt;
  margin: 0;
  padding: 0.4ex 1ex;
}
#message_area > p.info {
  background-color: #ccf;
  color: darkblue;
}
#message_area > p.error {
  background-color: #fcc;
  color: red;
}

header h1 {
  margin: 0 4pt;
  padding: 8pt 16pt;
  font-size: 30pt;
  line-height: 180%;
  background: repeating-linear-gradient(30deg, #fff0, #ff06 2pt, #fff0 2pt, #0ff6 4pt, #fff0 4pt, #f0f6 6pt), repeating-linear-gradient(120deg, #fff0, #ff06 2pt, #fff0 2pt, #0ff6 4pt, #fff0 4pt, #f0f6 6pt);
}
header h1 a {
  display: block;
  text-decoration: none;
}
header h1 a:link, header h1 a:visited, header h1 a:active, header h1 a:hover {
  color: inherit;
}

.main > h1 {
  margin: 1em 0;
  padding: 0;
  font-size: 22pt;
  color: #240;
  background: linear-gradient(transparent 40%, #cc4);
  line-height: 140%;
}

table.form {
  margin: 1em 2em;
  table-layout: fixed;
  border-collapse: collapse;
  border: 3pt double #666;
}
table.form td, table.form th {
  border: 1px solid #666;
  padding: 2pt 1em;
}
table.form th {
  text-align: left;
  background: #cec;
  width: 10em;
  min-width: 5em;
}
table.form td {
  width: 40em;
  min-width: 20em;
}
table.form textarea.summary {
  width: 100%;
  min-width: 20em;
  height: 6em;
  min-height: 6em;
}
table.form input.error, table.form select.error, table.form textarea.error {
  background-color: yellow;
}

section.login-message {
  margin: 0.5em;
}
section.login-message > div {
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  background-color: white;
  padding: 1pt 0.5em;
}
section.login-message > div > * {
  margin: 4pt 0;
}
section.login-message > div nav.menu {
  float: right;
}
section.login-message > div p {
  font-size: 10pt;
}
section.login-message::after {
  content: "";
  display: table;
  clear: both;
}

section.login {
  margin: 1em auto;
  padding: 2em;
  width: 40em;
  max-width: 90%;
  background: white;
  border: 2pt solid #0004;
  border-radius: 2em;
}
section.login table {
  table-layout: fixed;
  margin: auto;
}
section.login > form > p {
  text-align: center;
}

/*# sourceMappingURL=main.css.map */