@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
@media screen and (min-width:768px) {

	input[type="text"] {
		width:95%;
		font-size:1.2rem;
		padding:5px;
		border:1px solid #ddd;
	}
	input[type="email"] {
		width:95%;
		font-size:1.2rem;
		padding:5px;
		border:1px solid #ddd;
	}
	input[type="radio"] {
	}
	input[type="datetime-local"] {
		width:95%;
		font-size:1.2rem;
		padding:5px;
		border:1px solid #ddd;
	}
	select {
		width:95%;
		font-size:1.2rem;
		padding:5px;
		border:1px solid #ddd;
	}
	textarea {
		width:95%;
		font-size:1.2rem;
		padding:5px;
		border:1px solid #ddd;
	}
	#send-btn {
		background:#999;
		color:#fff;
		padding:10px 10px 7px 10px;
		font-size:1.2rem;
		text-align:center;
		width:100%;
		margin:30px auto 0 auto;
	}
	#send-btn:hover {
		opacity:0.9;
	}
	.tadform {
		width:970px;
		margin:0 auto;
	}
	.tadform h1 {
		text-align:center;
		font-size:2.5rem;
	}
	.tadform .tadform-box {
		display:table;
		width:100%;
	}
	.tadform .tadform-box .tadform-title {
		background:#eee;
		padding:7px;
		display:table-cell;
		width:30%;
		vertical-align:middle;
		text-align:center;
		border:1px solid #fff;
	}
	.tadform .tadform-box .tadform-value {
		background:#f8f8f8;
		width:100%;
		display:table-cell;
		width:70%;
		padding:10px;
		border:1px solid #fff;
	}

}
@media screen and (max-width:768px) {

	input[type="text"] {
		width:100%;
		font-size:1.2rem;
		padding:5px;
		border:1px solid #ddd;
	}
	input[type="email"] {
		width:100%;
		font-size:1.2rem;
		padding:5px;
		border:1px solid #ddd;
	}
	input[type="radio"] {
	}
	input[type="ceckbox"] {
		width:100%;
	}
	select {
		width:100%;
		font-size:1.2rem;
		padding:5px;
		border:1px solid #ddd;
	}
	textarea {
		width:100%;
		font-size:1.2rem;
		padding:5px;
		border:1px solid #ddd;
	}
	#send-btn {
		background:#999;
		color:#fff;
		padding:10px 10px 7px 10px;
		font-size:1.2rem;
		text-align:center;
		width:100%;
		margin:30px auto 0 auto;
	}
	#send-btn:hover {
		opacity:0.9;
	}
	.tadform {
		width:100%;
	}
	.tadform h1 {
		text-align:center;
		font-size:2.5rem;
	}
	.tadform .tadform-box {
		margin-bottom:40px;
	}
	.tadform .tadform-box .tadform-title {
		background:#eee;
		padding:7px;
		margin-bottom:10px;
	}
	.tadform .tadform-box .tadform-value {
		width:100%;
	}

}