/*--------------------------------------------------------------
	基本的なスタイルではあるが、このサイト固有のスタイル
--------------------------------------------------------------*/

/*
フォントスタイルを変更したい場合
【一例】
Rounded M+ 1c*/
@import "https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css";
body {
	font-family: "Rounded Mplus 1c";
}

/*--------------------------------------------------------------
	container・contentsの設定
--------------------------------------------------------------*/
#container {
	/*ページの大枠*/
	width: 100%;
}

.contents {
	/*ページの中枠*/
	padding: 0 25px 30px;
	width: 1000px;
	margin: 0 auto;
}



@media screen and (min-width: 481px) {
	.contents {
		/*ページの中枠*/
		margin: 0 auto 100px;
	}

}



@media screen and (max-width: 480px) {
	/*480px以下の設定*/
	#container {
		margin-bottom: 61px;
	}

	.contents {
		padding: 0 15px 50px;
		width: 100%;
	}

}



/*--------------------------------------------------------------
	main
--------------------------------------------------------------*/
#main {
	width: 630px;
	float: right;
	padding: 0 0 0 20px;
}

#sidebar {
	width: 300px;
	float: left;
}

@media screen and (max-width: 480px) {
	#main,
	#sidebar {
		width: 100%;
	}

	.error404 #sidebar,
	.search #sidebar,
	.single #sidebar,
	.archive #sidebar,
	.blog #sidebar {
		display: none;
	}

}