@charset "utf-8"; 


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

fieldset { margin:1em 0; padding:2em; border:1px solid #999; border-radius:5px; }
legend { font-size:1em; padding:0.5em; }
legend span { color:#c00; margin: 0 0.3em; }

label { margin:0.5em; display:inline-block; }
label span { color:#c00; margin: 0 0.3em; }
label.block { 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:1em; padding:0.5em; margin:0.5em; border-radius:0; clear:both; box-shadow: inset 1px 2px 6px -4px rgba(0,0,0,0.5); border:1px solid #ccc; }

input[type=checkbox], input[type=radio]{ display:inline; clear:none; margin:0 0.5em; }


/* ボタン */
button, input[type=button], input[type=submit], input[type=reset] { font-size:16px; background-color:#36a; margin:0.5em; padding:0.3em 1em; color:#fff; border:solid 2px #47b; box-shadow:0 1px 2px #aaa; border-radius:4px; -webkit-appearance: none; }
button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background-color:#47a; }

/* リンクをボタンにする */
.bt01 { background-color:#36a; margin:0.5em; padding:0.3em 1em 0.2em; color:#fff; border-radius:4px; border:solid 2px #47b; box-shadow:0 1px 2px #aaa; display:inline-block; transition:0.5s; }
.bt01:hover { background-color:#47a; color:#fff; }

.bt02 { background-color:#5a2; margin:0.5em; padding:0.3em 1em 0.2em; color:#fff; border-radius:4px; border:solid 2px #6b3; box-shadow:0 1px 2px #aaa; display:inline-block; transition:0.5s; }
.bt02:hover { background-color:#6b3; color:#fff; }

.bt03 { background-color:#a33; margin:0.5em; padding:0.3em 1em 0.2em; color:#fff; border-radius:4px; border:solid 2px #b44; box-shadow:0 1px 2px #aaa; display:inline-block; transition:0.5s; }
.bt03:hover { background-color:#b44; color:#fff; }

.bt { padding:0.5em 1em; display:inline-block; width:4em; }

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
	label { display:block; }
}