/* css */


.text-danger {
	color: #b94a48;
}
#cont-ttl span {
	font-size: 14px;
	color: #999;
	display: inline-block;
}
	.form-step span:nth-child(2):before {
		content: " - ";
		color: #999;
	}
	.form-step span:nth-child(3):before {
		content: " - ";
		color: #999;
	}
	.form-step:before {
		content: "（ ";
	}
	.form-step:after {
		content: " ）";
	}
#cont-ttl span.active {
	color: #942344;
}

.form-ttl {
	font-size: 20px;
	margin: 30px 0 15px;
	font-weight: bold;
}
	
.attend {
	padding: 10px 15px !important;
}
.attend.comp {
	padding: 30px 25px !important;
	margin: 30px 0 50px;
}
	.attend h4 {
		font-weight: bold;
		font-size: 15px;
	}
	.attend ul {
		padding-left: 0;
	}
		.attend ul li {
			padding: 2px;
		}

form {
	padding: 10px;
}
.form-set {
	display: table;
	width: 100%;
	margin: 10px 0;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 10px;
}
	.form-set label {
		display: table-cell;
		vertical-align: middle;
		width: 10em;
		padding-right: 1em;
	}
	.form-set input {
		display: inline-block;
	}
	.form-set .control-set {
		display: table-cell;
		vertical-align: middle;
	}
	.form-set input.w3 {
		width: 3em;
	}
	.form-set input.w4 {
		width: 4em;
	}
	.form-set input.w10 {
		width: 10em;
	}
	.form-set input.w15 {
		width: 15em;
	}
	.form-set input.w30 {
		max-width: 30em;
		width: 100%;
	}
	.form-set input.w40 {
		width: 40em;
	}
	.form-set select.w10 {
		width: 10em;
	}

.name-set {
}
	.name-set span {
		display: inline-block;
		width: 2.3em;
	}

.zip-set {
	padding: 5px 0;
}
	.zip-set span {
		display: inline-block;
		width: 5.8em;
	}
	.zip-set button {
		margin-left: 0.5em;
		background-color: #666;
	}
	.zip-set button:hover {
		background-color: #999;
	}
	
.checkbox {
	padding: 15px 20px !important;
}

.pinfo-area {
	padding: 20px 15px 0;
}

.btn_area {
	width: 100%;
	text-align: center;
	padding: 20px 0 40px;
}
	.btn_area button {
		width: 8em;
	}

@media (max-width: 767px) {
.form-set {
	display: block;
}
	.form-set label {
		display: block;
		width: 100%;
	}
		.form-set label br {
			display: none;
		}
	.form-set .control-set {
		display: block;
	}
}
@media (max-width: 480px) {
	.name-set span,
	.zip-set span {
		display: block;
		padding: 5px 0;
	}
}
