body {
  color: #626b6f; }

h1 {
  font-size: 26px;
  text-align: center;
  margin: 120px 0 70px;
  color: #666; }

h2 {
  font-size: 22px;
  text-align: center;
  margin: 70px 0 45px;
  color: #666; }

p {
  text-align: center;
  color: #636b6f; }

.upload_area .upload_form {
  padding: 50px 20px;
  background-color: #e9f1ff; }
  .upload_area .upload_form .error p {
    color: #AD0002; }
  .upload_area .upload_form form {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    .upload_area .upload_form form input[type="file"] {
      margin-bottom: 20px;
      margin: 10px;
      color: #626b6f; }
    .upload_area .upload_form form button {
      margin: 10px;
      border: solid 1px #767676;
      padding: 9px 24px;
      background-color: #fff;
      color: #626b6f; }
.upload_area .archives {
  padding: 40px 40px 20px;
  border: solid 1px #ccc; }
  .upload_area .archives dl dt {
    font-size: 18px; }
  .upload_area .archives dl dd {
    margin-bottom: 20px; }
    .upload_area .archives dl dd p {
      text-align: left;
      font-size: 16px;
      margin-bottom: 0; }
    .upload_area .archives dl dd pre {
      margin-bottom: 0;
      white-space: pre-wrap;
      word-break: break-all; }
    .upload_area .archives dl dd .ctrl {
      display: flex;
      align-items: center; }
      .upload_area .archives dl dd .ctrl a {
        margin-right: 10px; }
      .upload_area .archives dl dd .ctrl input[type="submit"] {
        background: #ffd3d3;
        border: none;
        border-radius: 3px;
        font-size: 14px;
        padding: 5px 15px; }
.upload_area .upimg {
  margin: 20px 0;
  padding: 20px;
  background-color: #eee; }
  .upload_area .upimg > div {
    width: 90%;
    margin: 0 auto;
    background-color: #eee;
    text-align: center; }
    .upload_area .upimg > div p {
      text-align: left; }
    .upload_area .upimg > div pre {
      background-color: #fff;
      padding: 20px;
      white-space: normal;
      word-break: break-all;
      text-align: left; }
    .upload_area .upimg > div iframe {
      width: 100%;
      height: 500px;
      border: solid 3px #ccc; }
    .upload_area .upimg > div img {
      width: 100%;
      max-width: 280px;
      box-shadow: 1px 1px 6px #ccc; }

.sum_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .sum_img > div {
    width: 200px; }
    .sum_img > div img {
      width: 100%;
      height: auto; }