@charset "UTF-8";

.summary {
  margin: 2rem auto 4rem;
  width: 100%;
  max-width: 600px;
}
form {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}
form > .flex-container {
  padding: .5rem 0;
}
form textarea {
  height: 10em;;
}
form .h-captcha {
  margin: 0 auto;
}
form .btn_area {
  text-align: center;
}

@media screen and (max-width: 600px) {
  form > .flex-container {
    display: block;
  }
  form input,
  form select,
  form textarea {
    width: 100%;
  }
}
@media screen and (min-width: 601px) {
  /* form.input .label {
    padding-top: .5em;
  } */
  form .label {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 2rem;
    width: 40%;
    max-width: 200px;
    text-align: right;
  }
  form .data {
    width: 60%;
    flex: 1;
  }
  form input[type=text],
  form input[type=email],
  form select,
  form textarea {
    padding: 3px 8px;
    width: 100%;
  }
}

/* Thread */
.thread-wrap {
  padding: 12px 8px;
}
.thread li.thread-item {
  border-radius: 5px;
  border: none;
}
.thread-item {
  margin: 10px;
  background-color: #fff;
}
.thread li.thread-item.root {
  margin-left: 0px;
  background-color: #efefef;
}
.thread li.thread-item.reply_staff {
  border: 2px solid #f0454a;
  background-color: #fbf1f1;
}
.thread li.thread-item.reply_from {
  border: 2px solid #aaa;
}

.thread li.thread-item .entry-header {
  margin: 0 10px;
  padding: 10px 0 5px;
  border-bottom: 1px solid;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.thread li.thread-item .entry-header .subject {
  flex: 1;
}
.thread li.thread-item .entry-header .post_date {
  margin-left: 1rem;
  font-size: 1rem;
}
.thread li.thread-item .entry-content {
  padding: 10px;
}