@charset "UTF-8";

/* mailform
----------------------------------------------------------*/

.form-wrap {
  max-width: 912px;
  margin: 0 auto;
}

.form-inner {
  background: #292929;
  box-sizing: border-box;
  padding: 30px 45px;
}

.form-input dl {
  display: table;
  width: 100%;
  margin: 0 0 25px 0;
}
.form-input dl dt,
.form-input dl dd {
  display: table-cell;
  vertical-align: top;
}
.form-input dl dt {
  width: 200px;
  text-align: right;
  padding-right: 50px;
}

.form-input-ttl {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
}
.require {
  font-size: 10px;
  font-size: 1.0rem;
  color: #ff0000;
}
.form-input input,
.form-input textarea {
  box-sizing: border-box;
  border: 1px solid #a5a5a5;
  padding: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.form-input input[type="text"] {
  width: 400px;
}
.form-input input.size-s {
  width: 200px;
}
.form-input textarea {
  width: 480px;
  height: 157px;
}
.form-input input[type="file"] {
  border: none;
  padding: 0;
}

.form-input input#zipcode {
  width: 180px;
}
.form-input select {
  border-radius: 0;
}
.address-set {
  margin: 0 0 17px 0;
}
.address-set-02 {
  margin: 0 0 12px 0;
}
.address-set-04 {
  margin: 0;
}
.address-set label {
  display: inline-block;
  width: 75px;
}
.address-set-01 label {
  width: auto;
  margin: 0 10px 0 0;
}

.input-gender label {
  margin: 0 30px 0 0;
}

.form-input .unit {
  margin-left: 10px;
}

.form-input textarea#sns {
  height: 75px;
}

.form-input .input-file-01 {
}
.form-input .input-file-02 {
  margin: 0 0 15px 0;
}
.form-input .input-file-caution ul {
  font-size: 12px;
  font-size: 1.2rem;
  color: #999999;
}

.form-caution {
  box-sizing: border-box;
  border: 1px solid #7c7c7c;
  padding: 30px;
  line-height: 1.9;
  margin: 55px 0 0 0;
}

.form-wrap .button {
  text-align: center;
  margin: 50px 0 0 0;
}
.form-wrap .button > button {
  background: #353744;
  box-sizing: border-box;
  border: 1px solid #696c7b;
  border-radius: 5px;
  padding: 5px;
  width: 220px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  color: #ffffff;
  cursor: pointer;
  box-shadow:0px 0px 0px 4px #2e2f3a inset;
  -moz-box-shadow:0px 0px 0px 4px #2e2f3a inset;
  -webkit-box-shadow:0px 0px 0px 4px #2e2f3a inset;
}
.form-wrap .button > button:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  filter: alpha(opacity=70); /* IE lt 8 */
  opacity: 0.7;
}

.wtn_copyright {
  display: none;
}


.mc-mailform-01 {
  margin-top: 5px;
}
.mailform-ttl {
  background: url(../img/common/bg-cmn-line-01.png) no-repeat center bottom;
  padding: 0 0 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  margin: 0 0 20px 0;
}
.mailform-ttl:first-letter {
  font-weight: normal;
}
.form-inner-01 {
  padding: 15px 45px;
}
.form-mailform .error:before {
  content: "※";
  color: #ff0000;
}
.form-mailform strong.error {
  background: #fff;
  color: #ff0000;
  padding: 0 5px;
}
.form-mailform .message {
  margin: 0 0 5px 0;
}
.form-mailform th {
  text-align: right;
  padding: 0 20px;
}
.form-mailform td {
  padding: 0 10px;
}
.form-wrap form-inner-01 .button {
  margin: 10px 0 0 0;
}
.form-wrap #error .message:before {
  content: "※";
  color: #ff0000;
}