@charset 'UTF-8';

/*
information
file name:form.css
style info :ページユニークCSS
*/


/*form*/
input, textarea {vertical-align: middle;}
.icon-xyloph:before{font-size:30px; vertical-align:middle; color:#ffadd0}
.entryList{width:300px; margin:0 auto 25px; border:solid 1px #5db856; border-radius:5px 5px 0 0}
.entryList h4{font-weight:700; padding:5px; text-align:center; color:#fff; border-radius:5px 5px 0 0; background:#5db856}
.entryList p{text-align:left}
.form a:link{color:#03c}
.form, .conf, .fin{color:#524331; background:#fff}
.form p{padding:10px}
.form p a:link{text-decoration:underline}
fieldset{overflow:hidden; padding:0 10px 5px; text-align:left}
fieldset label{font-weight:700; display:block; margin:10px 0 0}
div.label{overflow: hidden;}
div.label label{width: 48%;float: left;padding: 5px 0}
div.label label:nth-child(even){float: right;}
.required{color:#f07786}
.any{color:#5db856}
.form input[type='text'],
.form input[type='number'],
.form input[type='email'],
.form input[type='tel'],
.form textarea{font-family:Arial,sans-serif; font-size:14px; line-height:1.5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; padding:7px; border:solid 1px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,.2); box-shadow:inner 0 0 4px rgba(0,0,0,.2)}
.form select{font-size:14px; line-height:1.4; width:300px;padding: .5em}
.radio{overflow:hidden; margin:0}
.radio li{position:relative; float:left; width:50%; list-style:none}
.radio label{font-weight:700; display:block; margin:0; padding:7px 20px; text-align:center; color:#4b3333; border:1px solid #9b8d7c; border-radius:5px 0 0 5px; background-color:#f8f4ef; background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,rgb(255,255,255)),color-stop(1,rgb(241,233,223)))}
.radio li:last-child label{border-left:0; border-radius:0 5px 5px 0}
.radio input[type='radio']:checked+label{color:#fff; background:#9b8d7c; text-shadow:none}
.radio input[type='radio']{position:absolute; top:-3px; left:-3px; width:100%; height:100%; padding:0; opacity:0}
.form select+input{margin:10px 0 0}
/*course * */
.single label {font-weight: 200;margin: 5px 0 0}
.single label input {margin: 0 5px 0 0}

#zip_search,
.editBtn{font-weight:700; display:inline-block; margin:0 10px 0 10px; padding:.5em; cursor:pointer; text-align:center; color:#4b3333; border:1px solid #9b8d7c; border-radius:5px; background-color:#f8f4ef; background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,rgb(255,255,255)),color-stop(1,rgb(241,233,223)))}
.form .inputL{width:250px !important}
.form .inputM{width:160px !important}
.form .inputS{width:100px !important}
.form .ermsg{margin:0 0 5px; padding:0 0 0 17px; color:#c00; background:url('/sp/images/common/alert.gif') 0 3px no-repeat}
.form .privacy{padding-top:0}
button{font-size:14px; font-weight:700; line-height:1.2; position:relative; display:block; box-sizing:border-box; width:280px; margin:0 auto 15px; padding:10px 15px; cursor:pointer; text-align:left; color:#fff; border:none; border-radius:5px; background-color:#f26478; background-image:url(data:image/svg+xml; ),PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…B5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==; background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,rgb(255,119,138)),color-stop(1,rgb(228,80,101))); -webkit-appearance:none; -moz-appearance:none; appearance:none; }
button .icon-arrowR:after{font-size:20px; position:absolute; top:18%; right:5px; color:#fff}
.submitNg{background:#9b8d7c}

/*conf*/
.conf{text-align:left}
.conf h4{font-weight:700; margin:3px 10px 0; padding:3px 0 0; border-top:dotted 1px #a6937c}
.conf p{margin:0 10px}
.conf section >p{padding:10px 0 5px}
.renew{width:160px; color:#4b3333; border:1px solid #9b8d7c; background-color:#f8f4ef; background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,rgb(255,255,255)),color-stop(1,rgb(241,233,223)))}
.renew .icon-arrowR:after{color:#4b3333}
.conf p+button{margin:10px auto}

/*fin*/
.fin p{padding:15px 15px 20px; text-align:left}
.fin h3{font-size:16px; font-weight:700;}
.fin p a:link {text-decoration: underline;}
.fin .btn {color: #4b3333;border: 1px solid #9b8d7c;border-radius: 5px;background-color: #f8f4ef;background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,white),color-stop(1,#f1e9df));
}
.fin .icon-arrowR:after {color: #9d8f7e;}