.post-entry .commonTbl { width: 100%; }

@media (min-width: 576px) { .post-entry .entry-commonTbl { } }

.post-entry .commonTbl th { font-weight: normal; width: 30%; background-color: #C9CACA; border: 1px solid #E4E4E4; font-size: 1.7rem; padding: 15px; }

@media (min-width: 576px) { .post-entry .entry-commonTbl th { } }

.post-entry .commonTbl td { width: 70%; font-size: 1.7rem; padding: 15px; border: 1px solid #CFCFCF; word-break: break-all; }

@media (min-width: 576px) { .post-entry .entry-commonTbl td { } }

.post-entry .commonTbl input { width: 70%; font-size: 1.7rem; border: 1px solid #D7D7D7; }

@media (min-width: 576px) { .post-entry .entry-commonTbl input { width: 80%; } }

.post-entry .commonTbl select { font-size: 1.7rem; border: 1px solid #D7D7D7; }

@media (min-width: 576px) { .post-entry .entry-commonTbl select { } }

.post-entry .commonTbl textarea { width: 100%; font-size: 1.7rem; border: 1px solid #D7D7D7; }

@media (min-width: 576px) { .post-entry .entry-commonTbl textarea { } }

.post-entry .labelComment { font-size: 1.3rem; }

@media (min-width: 576px) { .post-entry .labelComment { } }

.post-entry .inputComment { font-size: 1.3rem; text-align: right; }

@media (min-width: 576px) { .post-entry .inputComment { } }

.post-entry #error { color: red; }

@media (min-width: 576px) { .post-entry #error { } }



.tb-cell {
  display: table;
  width: 300px;
  margin: 20px auto 40px auto;
  text-align: left;
}
.tb-cell .row {
  display: table-row;
}
.tb-cell .row .cell {
  display: table-cell;
  border: 1px solid #ddd;
  padding: 10px;
  vertical-align: middle;
  color: #fff;
}
.tb-cell .row .cell:nth-child(odd) {
  width: 100px;
}
.tb-cell .row .cell:nth-child(even) {
  width: 200px;
}
.mail-form .row .cell {
  padding: 5px;
}
.mail-form .row .cell:nth-child(1) {
  background: #0054a7;
  white-space: nowrap;
}
.mail-form .row .cell:nth-child(2) {
  background: #c9caca;
}
input[type="text"],
input[type="email"] {
  height: 30px;
  font-size: 16px;
}
textarea {
  height: 100px;
  font-size: 20px;
  overflow: auto;
}
button {
  color: #fff;
  border: none;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
}
button[type="button"],
button[type="submit"] {
  background: #3074b7;
}
button[type="reset"] {
  background: none;
}
button[type="button"]:hover,
button[type="submit"]:hover {
  background: #ddd;
}
button[type="reset"]:hover {
  text-decoration: underline;
}
.msg {
  margin: 50px 0;
  font-weight: normal;
  color: red;
}
label {
  margin-right: 10px;
}
img#output {
  display: inline-block;
  vertical-align: middle;
  border: none;
  background: transparent;
  width: auto;
  height: auto;
  max-width: none;
  margin: 0 0 0 5px;
}
button#que {
  vertical-align: middle;
}
#output2 {
  color: #000;
  font-size: 1.7rem;
}
#output3 {
  color: #f00;
}
@media (min-width: 768px) {
.tb-cell {
  width: 800px;
}
.tb-cell .row {
  display: table-row;
}
.tb-cell .row .cell {
  display: table-cell;
  border: 1px solid #ddd;
  padding: 10px;
  vertical-align: middle;
  color: #fff;
}
.tb-cell .row .cell:nth-child(odd) {
  width: 200px;
}
.tb-cell .row .cell:nth-child(even) {
  width: 600px;
}
input[type="text"],
input[type="email"] {
  width: 200px;
}
textarea {
  width: 580px;
}
#rbtn{
  color: #000;
}
/* ** */}
@media (max-width: 767px) {
.tb-cell.mail-form {
  display: block;
  width: 100%;
  max-width: 100%;
}
.tb-cell.mail-form .row {
  display: block;
}
.tb-cell.mail-form .row .cell {
  display: block;
  width: 100% !important;
  box-sizing: border-box;
}
.tb-cell.mail-form .row .cell:nth-child(1) {
  white-space: normal;
}
.tb-cell.mail-form img#output,
.tb-cell.mail-form button#que {
  vertical-align: middle;
}
.tb-cell.mail-form .row .cell input[type="text"] {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.tb-cell.mail-form #output2 {
  display: block;
  margin-top: 8px;
}
.tb-cell.mail-form #rbtn {
  display: inline-block;
  margin-left: 0 !important;
  margin-top: 8px;
  color: #000;
}
}