@media screen and (max-width: 980px) {

	#wrap {
		width: 95%;
	}

	#contents {
		width: 60%;
		padding: 3% 4%;
	}

	#sidebar {
		width: 30%;
	}

	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

}
@media screen and (max-width: 650px) {

	#header {
		height: auto;
	}

	#navi {
		position: static;
	}

	#discription {
		margin: 0 0 15px;
		position: static;
	}

	#contents {
		width: auto;
		float: none;
		margin: 0;
	}

	#sidebar {
		width: 100%;
		float: none;
		margin: 0;
	}

	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}

	div.images {
		clear: both;
		width: auto;
	}
	div.detail {
		clear: both;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {

	html {
		-webkit-text-size-adjust: none;
	}

	#nav a {
		font-size: 90%;
		padding: 10px 8px;
	}

	div.images {
		clear: both;
		width: 100%;
	}
}