/*input type=”text”*/
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	resize: none;
	padding: 0;
	border: 0;
	outline: none;
	background: transparent;
	border-radius: 0;
}
/*type=”tel”やtype=”email”など、他の1行テキストもリセットしたい場合は適宜追加してください。*/

/*ラジオボタン*/
input[type="radio"] {
	display: none;
}
input[type="radio"]:checked + label {
	background: #ff0000;
}
/*デフォルトのラジオボタンはdisplay: none;で非表示にして、labelに背景画像を指定してデザインを変更する想定です。
もしくは::beforeなどの疑似要素でデザインを変更してもよいです。
選択時の変更は隣接セレクタを使って対応しています。*/

/*チェックボックス*/
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"]:checked + label {
	background: #ff0000;
}

/*セレクトボックス*/
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: transparent;
}

/*テキストエリア*/
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	resize: none;
	padding: 0;
	border: 0;
	outline: none;
	background: transparent;
	border-radius: 0;
}
/*chromeなどで右下に表示されるリサイズ用のUIを非表示にするため、resize: none;を指定しています。
ユーザーにリサイズをさせたい場合は外してください。
セレクトボックスと同じく、テキストエリアもIEだけ少し表示が異なるのでご注意ください。*/

/*ボタン*/
button,
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
}