@charset "UTF-8";

form#mailform {
  padding: 5px;
}
table.mailform {
  width: 100%;
}
table.mailform tr th, table.mailform tr td {
  text-align: left;
  font-weight: normal;
  padding: 7px 5px 7px 5px;
}
table.mailform tr th {
  width: 12em;
}
table.mailform tr th span {
  color: #CC0000;
}
table.mailform tr td textarea {
  width: 98%;
  height: 120px;
}
div.button_submit {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
div.button_submit input {
  padding: 8px 28px;
  font-size: 1.3em;
  font-weight: bold;
}

@media only screen and (max-width:480px) {
table.mailform {
  border: none;
  margin: 0 -10px;
}
table.mailform tr th,  table.mailform tr th,  table.mailform tr td {
  background: none;
  width: 100%;
  display: block;
  border: none;
}
table.mailform tr th {
  border-top: 1px dotted #CCC;
  font-weight: bold;
  padding-bottom:0;
}
table.mailform tr td textarea,
table.mailform tr td input[type="text"] {
  max-width: 320px !important;
}
}