@charset "utf-8";

.appear_pc {
	display: none;
}

.results {
	width: 33.33%;
	box-sizing: border-box;
}

@media (min-width: 510px) {
	#setting {
		display: block;
		float: right;
		margin: 0 10px;
		padding: 0 10px;
	}

	#category {
		display: block;
	}

	.results {
		width: 25%;
	}
}

@media (min-width: 1000px) {
	#header {
		padding: 0 1%;
	}

	.wrap {
		padding: 1%;
	}

	#navigation_wrap {
		position: relative;
	}

	#searchForm {
		text-align: left;
	}

	#user_setting {
		background-color: #ff5000;
		position: absolute;
		right: 0;
		top: 0;
		border: 1px dotted;
		margin: 10px;
		padding: 10px;
	}

	#contents {
		padding: 0 1%;
	}

	#category {
		padding: 0 0 1% 0.5%;
	}

	.close_button {
		position: absolute;
		right: 5px;
		top: 5px;
	}

	.close_window {
		background: #ddd;
		color: #fff;
		font-size: 1.25em;
		border: none;
	}

	#footer {
		background-color: #dcdcdc;
		padding: 10px;
	}

	.link_li:hover {
		opacity: 0.3;
	}

	.appear_pc {
		display: inline-block;
	}

	.results {
		width: 16.66%;
	}
}