form#sform{
	width:100%;
	max-width: 640px;
	margin: 0 auto;
}
table {
	border-top: 1px solid #263EAF;
	border-right: 1px solid #263EAF;
	width:100%;
	max-width: 640px;
	border-spacing: 0px;
	margin: 0 auto;
}
th, td {
	border-bottom: 1px solid #263EAF;
	border-left: 1px solid #263EAF;
	text-align: left;
	padding: 5px;
	font-size:12px;
}
th { background-color: #566EDF; color: #fff;}
.underline{text-decoration:underline;}

@media only screen and (max-width: 640px) {
	#comiclist table { width: 100%;}
	form#sform{
		width: 100%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 480px) {
	#result-list table { width: 100%; border:none; padding: 0;}
	#result-list thead { display: none;}
	#result-list tr {
		display: block;
		margin-bottom: 5px;
		border-top: 1px solid #263EAF;
	}
	#result-list td {
		display: block;
		text-align: left;
		border-right: 1px solid #263EAF;
		border-bottom: none;
		padding: 2px;
		font-size:15px;
	}
	#result-list td:nth-of-type(1) { background-color: #566EDF; text-align: left; color: #fff;}
	#result-list td:last-child { border-bottom: 1px solid #263EAF;}
	#result-list td:before {
		color: #4f4d47;
		display: block;
		background-color: #566EDF;
	}
	form#sform{
		width: 100%;
		margin: 0 auto;
	}
	form#sform input,select{font-size:15px;}
}