@charset "Shift-JIS";
/*スピーチコンテスト申込みフォーム*/

/*
------------------------------
スピーチ申込みフォーム
------------------------------
*/
table, tbody, tr {
	width: 100%;
}
table.form_sp{
/*	overflow:auto;
	border:#8bbdd7 2px solid;*/
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:larger;
}
.form_sp tr{
	width: 100%;
}
.form_sp th,
.form_sp td{
/*	padding:5px 10px;
	border:#8bbdd7 1px solid;*/
	padding:8px;
	text-align:left;
	border-bottom: #ccc 1px solid;
}
.form_sp th{
	width: 40%;
	font-weight:normal;
}
.form_sp td{
	width: 60%;
}
table.spe th{
	background: #ffd4a7;
}

table.rou th{
	background: #c5e6d1;
}

/*スマホ用*/
@media screen and (max-width:640px){
table.form_sp{
	display: block;
	width: 100%;
/*	border:none;*/
}
.form_sp th,
.form_sp td {
	display:block;
	float:left;
	clear:both;
	width: 100%;
}
}
/*入力フォーム*/
.form_sp textarea{
	width:600px;
	height:100px;
	padding:5px;
	border: #CCC 1px solid;
}
.form_sp input[type="text"],
.form_sp input[type="email"],
.form_sp input[type="tel"]{
	width:400px;
	padding:5px;
	border: #CCC 1px solid;
}
.form_sp input:focus,
.form_sp textarea:focus{
	background-color:#FFC
}
.btns{
	margin:20px 0;
	text-align:center;
}
.btns input{
	width:100px;
	padding:10px;
	font-size:16px;
}

/*スマホ用 入力フォーム*/
@media screen and (max-width:640px){
.form_sp textarea{
	width:250px;
	height:80px;
	padding:5px;
	border: #CCC 1px solid;
}
.form_sp input[type="text"],
.form_sp input[type="email"],
.form_sp input[type="tel"]{
	width:200px;
	padding:5px;
	border: #CCC 1px solid;
}
.form_sp input:focus,
.form_sp textarea:focus{
	background-color:#FFC
}
.btns{
	margin:20px 0;
	text-align:center;
}
.btns input{
	width:100px;
	padding:10px;
	font-size:16px;
}
}