@charset "UTF-8";

.touroku-form {
    text-align: center;
}

input[text] {
    padding: 30px;
}

input.inputname1,input.inputname2,input.inputmail {vertical-align: middle;background-color: transparent;border-radius: 4px;box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);background: #fff;padding: 10px 10px;}

input.MM__submit {font-size: 12px;background: #fd416b;background: -moz-linear-gradient(top, #ff4f52 0%, #d41619F 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9600), color-stop(100%, #fd416b));background: -ms-linear-gradient(top, #ff4f52 0%, #fd416b 100%);background: linear-gradient(to bottom, #ff4f52 0%, #fd416b 100%);overflow: hidden;padding: 0;cursor: pointer;color: #fff;border: none;border-radius: 4px;font-weight: bold;text-shadow: 0 1px 1px rgba(0,0,0,.4);padding: 10px 50px;}


input.MM__submit:hover {
    opacity: 0.6;
}

input.MM__submit:hover {
    opacity: 0.6;
}

input.MM__submit:active {
    position: relative;
    top: 5px;
    left: 5px;
}
.list_wrap {
    width: 500px;
    max-width: 100%;
    margin: 0 auto 20px;
}
.list_wrap2 {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 20px;
}

@media screen and (max-width: 768px) {
  input.inputname1, input.inputname2, input.inputmail{
    width: 25%;
    margin-bottom: 10px;
  }
}


.mmbnr {
    text-align: center;
    margin-bottom: 20px;
}

.mmbnr:hover {
    opacity: 0.6;
}