/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
/* header */
	#header {
	height: 250px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/* headerwrap */
	#headerwrap {
	width: 95%;
}
#headerwrap #top {
	padding-top: 12%;
}

#headerwrap #site-illust {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
/* pagewrap */
	#pagewrap {
	width: 95%;
}
/* content */
	#content {
	width: 50%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 3%;
	padding-left: 1%;
}
/* sidebar */
	#sidebar {
	width: 45%;
}
#sidebar .widget {
	padding: 8% 7%;
	margin-bottom: 10px;
}
#sidebar .widget_ads {
	margin-bottom: 10px;
	padding-top: 8%;
	padding-right: 1%;
	padding-bottom: 8%;
	padding-left: 1%;
}
/* embedded videos */
	.video embed,  .video object,  .video iframe {
	width: 100%;
	height: auto;
	min-height: 300px;
}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
/* header */
	#header {
}
#headerwrap {
}
/* search form */
	#searchform {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 100;
	height: 40px;
}
#headerwrap #top {
	width: 95%;
	margin: 0px;
	padding: 0px;
}
#searchform #s {
	width: 70px;
}
#searchform #s:focus {
	width: 150px;
}
/* main nav */
	#main-nav {
	position: static;
}
/* site logo */
	#site-logo {
	position: static;
	margin-right: 100px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-top: 0px;
	line-height: 120%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* site description */
	#site-description {
	margin: 0 0 15px;
	position: static;
}
/* content */
	#content {
	width: auto;
	float: none;
	margin: 20px 0;
}
/* sidebar */
	#sidebar {
	width: 100%;
	margin: 0;
	float: none;
}
#sidebar .widget {
	padding: 3% 4%;
	margin: 0 0 10px;
}
/* embedded videos */
	.video embed,  .video object,  .video iframe {
	min-height: 250px;
}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */
	html {
	-webkit-text-size-adjust: none;
}
/* main nav */
	#main-nav a {
	font-size: 90%;
	padding: 10px 8px;
}
h1 {
	width: 95%;
}
/* site logo */
	#site-logo a {
	font-size: 0.75em;
	line-height: 120%;
}
#top {
	margin: 0px;
	padding: 0px;
}
.post-title {
	font-size: 1.4em;
	color: #333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6;
	padding-left: 6px;
	line-height: 1.4em;
}
}