@charset "utf-8"; 


form { margin:1em 0; padding:0; }
label { font-size:1em; margin:0 0.3em; }
label.block { display:block; }
label.ib { display:inline-block; }
label span { color:#c00; margin: 0 0.3em; }

form div + div {
    margin-top: 1em;
}

.sc { display:block; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { font-size:16px; padding:0.3em;
margin:8px; border-radius:2px; clear:both; box-shadow: inset 1px 3px 8px -6px rgba(0,0,0,0.5); border:1px solid #ccc; }

input[type=checkbox], input[type=radio]{ display:inline; clear:none; font-size:16px; }

input[type=button], input[type=submit], input[type=reset] { font-size:16px; background-color:#36a; margin:0.3em; padding:0.5em 3em; color:#fff; border:solid 1px #ccc; border-radius:4px; font-weight:bold; -webkit-appearance: none; }

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background-color:#47a; }

button { font-size:16px; margin:0.3em; padding:0.5em 2em; color:#fff; border:none; border-radius:4px; font-weight:bold; -webkit-appearance: none; }
#back { background-color:#6a3; }
#submit { background-color:#36a; }

fieldset { margin:1em 0; padding:1em 2em 2em; border:1px solid #ccc; }
legend { padding:0.5em; font-size:16px; }

input:focus { border:solid 1px #abc; }

.size { width:250px; }
.size2 { width:150px; }
.l { width:95%; }


.bt01 { line-height: 1; background-color:#36a; margin:0 0.2em; padding:0.3em 0.5em 0.2em; color:#fff; border-radius:3px; display:inline-block; }
.bt01:hover { background-color:#47a; color:#fff; text-decoration: none; }

.bt02 { line-height: 1; background-color:#55a32a; margin:0 0.2em; padding:0.3em 0.5em 0.2em; color:#fff; border-radius:3px; display:inline-block; }
.bt02:hover { background-color:#6b3; color:#fff; text-decoration: none; }

.bt03 { line-height: 1; background-color:#a33; margin:0 0.2em; padding:0.3em 0.5em 0.2em; color:#fff; border-radius:3px; display:inline-block; }
.bt03:hover { background-color:#b44; color:#fff; text-decoration: none; }


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
label { display:block; }
input[type="text"] { width:95%; }
}