@charset "utf-8";

/* -----------------------------
fk-td.com watanabe
2015-11-19
----------------------------- */

.red {
	color: #FF0000;
	font-weight: bold;
}

input[type=text].num,
input[type=text].decimal,
input[type=text].tel,
input[type=text].alpha {
	ime-mode: disabled;
}

label {
	vertical-align: bottom;
}


/* -----------------------------
pc
----------------------------- */
@media screen and (min-width:769px) {
	#wrap table {
		width: 100%;
		margin-bottom: 20px;
		border-collapse: collapse;
		border: 1px solid #999999;
	}

	#wrap table th {
		width: 170px;
		padding: 3px;
		border: 1px solid #999999;
		background-color: #EEEEEE;
		vertical-align: middle;
	}

	#wrap table td {
		padding: 3px;
		border: 1px solid #999999;
	}

	#wrap table td ul {
	}

	#wrap table td ul li {
		padding: 3px 0px;
	}

	#wrap table td ul li:before {
		content: "・";
	}

	#wrap table td ul li a.del {
		display: inline-block;
		width: 1em;
		margin-left: 1em;
		border: 1px solid #666666;
		background-color: #999999;
		color: #000000;
		text-align: center;
		vertical-align: bottom;
	}

	#wrap #form .btn {
		text-align: center;
	}
}

/* -----------------------------
sp / tablet
----------------------------- */
@media screen and (max-width:769px) {
	#wrap table {
		width: 100%;
		margin-bottom: 30px;
	}

	#wrap table th {
		display: block;
		margin: 1em 5px 0px;
	}

	#wrap table th:before {
		content: "■";
	}

	#wrap table td {
		display: block;
		margin: 5px;
	}

	#wrap select {
		margin: 5px 0px;
	}

	#wrap input[type=text] {
		width: 100%!important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#wrap input[name=zip] {
		width: auto!important;
	}

	#wrap textarea {
		width: 100%!important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#wrap table td ul {
	}

	#wrap table td ul li {
		padding: 3px 0px;
	}

	#wrap table td ul li:before {
		content: "・";
	}

	#wrap table td ul li a.del {
		display: inline-block;
		width: 1em;
		margin-left: 1em;
		border: 1px solid #666666;
		background-color: #999999;
		color: #000000;
		text-align: center;
		vertical-align: bottom;
	}

	#wrap #form .btn {
		text-align: center;
	}
}
