@charset "UTF-8";

a{
	color: #00F;
}

#entry a{
	display: inline-block;
	padding: 1em 2em;
	font-weight: bold;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	background-color: #999;
	border: solid 1px #333;
	border-radius: 1em;
}

#entryForm main{
	width: calc(100% - 10em);
	max-width: calc(1024px - 10em);
	background-color: #FFF;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	margin: 1em auto;
	padding: 1em 5em;
	border-radius: 2em;
}

#entryForm h2{
	font-size: 2.5em;
}
#entryForm h3{
	background-color: #0160af;
	color: #FFF;
	text-align: center;
	padding: 1em;
	margin: 1em 0;
}
#entryForm table.form{
	width: 100%;
}
#entryForm table.form th
,#entryForm table.form td{
	padding: 0.5em;
}
#entryForm table.form th{
	width: 12em;
	text-align: left;
}
#entryForm table.form th:before{
	content: "任意";
	display: inline-block;
	margin: 0 0.25em;
	padding: 0.25em;
	border-radius: 0.25em;
	background-color: #CCC;
}
#entryForm table.form tr.req th:before{
	content: "必須";
	background-color: #F00;
	color: #FFF;
}

#entryForm input[type=text]
,#entryForm input[type=email]
,#entryForm textarea{
	width: calc(100% - 0.5em);
	padding: 0.25em;
	border-radius: 0.25em;
    border: solid 1px #b9b9b9;
}
#entryForm input[type=file]{
	width: calc(100% - 0.5em);
	padding: 0.25em;
}
#entryForm select{
	min-width: 5em;
	padding: 0.25em;
	border-radius: 0.25em;
    border: solid 1px #b9b9b9;
}
#entryForm tr.entryType label{
	display: inline-block;
	width: 45%;
}

#entryForm tr.zip input[type=text]{
	width: 5em;
}

#entryForm .agree{
	margin: 1em 0;
	text-align: center;
}

#entry input[type=submit]{
	display: inline-block;
	margin: 1em 0;
	padding: 1em 2em;
	
	font-weight: bold;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	background-color: #163593;
	border: solid 1px #333;
	color: #FFF;

}

@media (max-width: 1024px) {
	#entryForm main{
		width: calc(100% - 3em);
		margin: 0.5em;
		padding: 0 1em;
	}
	#entryForm table.form th
	,#entryForm table.form td{
		display: block;
	}
	#entryForm table.form th{
		width: 100%;
		text-align: left;
	}
}