@charset “utf-8”;


/* -----------------------------------------------
base
-------------------------------------------------- */
body {
  color: #bbb;
  font-size: 1.2rem;
}
body#error .msg {
  color: #f00;
}
h1.ttl {
  font-size: 2.0rem;
  color: #fff;
  font-family: "Times New Roman",serif;
}
.subtitle {
  margin-bottom: 20px;
  font-size: 1.4rem;
  color: #fff;
}
p.msg {
  margin-bottom: 20px;
}
.form, div.inner {
  width: 93.75%;
  max-width: 850px;
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
}
div.inner {
  margin-top: 40px;
}
dl {
  border: 1px solid #1d1d1d;
  width: 100%;
}
dt, dd {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
}
dt {
  padding: 15px 15px 0 15px;
}
input, textarea, select {
  border-radius: 0;
  -webkit-appearance: none;
}
input[type="text"], textarea {
  padding: 15px;
  border: none;
  background: #1f1f1f;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #fff;
}
p.button {
  max-width: 400px;
  margin: 30px auto 70px auto;
}
input[type="button"],
input[type="submit"] {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #444;
  background: #000;
  font-size: 1.6rem;
  color: #fff;
  font-family: "Times New Roman",serif;
  cursor: pointer;
  letter-spacing: 0.1em;
}
input[type="button"]:hover,
input[type="submit"]:hover {
  background: #fff;
  color: #000;
  -webkit-transition: all .3s;
  transition: all .3s;
}
div.wrap {
  width: 93.75%;
  max-width: 850px;
  margin: 0 auto;
}
#error input[type="button"],
#complete input[type="button"],
#conf input[type="button"],
#conf input[type="submit"] {
  margin-bottom: 25px;
}


/* -----------------------------------------------
600px以上
-------------------------------------------------- */
@media only screen and (min-width: 600px) {
  html {
    min-height: 100%;
    position: relative;
  }
  body {
    margin-bottom: 37px;
  }
  .container {
    position: static;
  }
  form {
    font-size: 1.4rem;
  }
}

/* -----------------------------------------------
768px以上
-------------------------------------------------- */
@media only screen and (min-width: 768px) {
  h1.ttl {
    font-size: 2.6rem;
  }
  form {
    padding-bottom: 40px;
  }
  p.button {
    margin-top: 40px;
  }
  input[type="button"],
  input[type="submit"] {
    padding: 25px;
    font-size: 2.0rem;
  }
  dl {
    display: table;
  }
  dt, dd {
    display: table-cell;
    vertical-align: middle;
  }
  dt {
    width: 17%;
    padding-bottom: 15px;
  }
  dd {
    width: 83%;
  }

  #conf input[type="button"],
  #conf input[type="submit"] {
    width: 48.5%;
  }
  #conf input[type="button"] {
    float: left;
  }
  #conf input[type="submit"] {
    float: right;
  }
  div.wrap {
    max-width: 850px;
    margin: 20px auto;
  }
  #error div.wrap,
  #complete div.wrap {
    max-width: 410px;
    margin: 20px auto;
  }

}