/*▼▼▼▼▼デバイスのwidthが、980px以下になった場合▼▼▼▼▼*/

@media screen and (max-width: 980px) {
	#wrapper{
		width: 85%;
	}
}



/*▼▼▼▼▼デバイスのwidthが、650px以下になった場合▼▼▼▼▼*/

@media screen and (max-width: 650px) {
	#header{
		margin-top: 20px;
	}

	#header ul li{
		width: 24.6%;
		font-size: 120%;
	}

	#main-in dl{
		width: 70%;
	}

	#footer{
		font-size: 65%;
	}

}



/*▼▼▼▼▼デバイスのwidthが、480px以下になった場合▼▼▼▼▼*/

@media screen and (max-width: 480px) {
	#wrapper{
		width: 95%;
	}

	#header{
		margin-top: 10px;
	}

	#header img{
		width: 80%;
	}
	#header ul li{
		font-size: 110%;
	}
	
	#header ul li a{
		padding: 15px 0;
	}

	#main-in{
		min-height: 280px;
	}

	#main-in dl{
		width: 85%;
	}

}