@charset "utf-8";

h1{
	padding-top: 20px;
}
.itemList th{
	width: 200px;
	background-color: #E0E0E0;
}
.itemList td{
	background-color: #EEEEEE;
}

.itemList .itemTitle th{
	background-color: #777777;
	color: #FFFFFF;
}

#Complete .ThanksMsg{
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
}


input[type=text]{
	width: 50%;
}
.sdateItem label
,.timeItem label{
	width: auto;
}
/* -- 基本情報 -- */
#BaseItem{
}

.kindItem label
,.hopeItem label{
	width: 45%;
	display: inline-block;
}

.kindItem label:last-of-type
,.kindItem label:nth-last-of-type(2){
	width: auto;
}
.kindItem label:last-of-type input{
	width: 10em;
}

p.note{
	display: block;
	font-size: 1em;
}


@media screen and (max-width:768px){
	input[type=text]{
		width: 90%;
	}
	.itemList th{
		width: 100%;
	}
	.itemList td[colspan="2"]{
		padding-left: 0.5rem;
	}
	.kindItem label{
		width: 100%;
	}
	
	.sdateItem label{
		display: inline-block;
		width: 30%;
	}
	.hopeDate{
		display: block;
		text-indent: 0.5em;
	}
	.note{
		text-indent: 0.5rem;
	}
}