/*
画面幅によるスタイル分岐
*/


/*タブレット　960px以下に適応　　*/ 
@media screen and (max-width: 960px) {
	#header .title img{  }
	#menu-button{ display:table-cell;text-align:right; }
	#menu-button img{min-width:50px;}
	.design01{ display:none; }
	#header-info{ display:none; }
	#information-menu{ display:none; }
	#header-menu{ float:none; width:auto; margin-bottom:20px; }
	#body{ max-width:700px; }
	#main{ float:none; width:auto; }
	#sub{ float:none; width:auto; }
	#sub-sidebar{ text-align:center; }
	#sub-sidebar .widget{ display:inline-block; margin:5px 20px; vertical-align:top; text-align:left; }
	#page-title{
	background-size: cover;
}
#body{ margin:5px auto 20px;}	

}

/*　720px以下に適応　*/ 
@media screen and (max-width: 720px) {
	.hentry>.body>.eyecatch img{ max-width:70px; }	
}

/*モバイル　600px以下に適応　　*/ 
@media screen and (max-width: 600px) {
	#wpadminbar{ position: fixed!important; }
	.index-banner img{ margin:10px 0; }
	#page-body{padding: 0px 5px}
}

/*　500px以下に適応　*/ 
@media screen and (max-width: 500px) {
	:root{ font-size:12px; }
	.alignleft,
	.alignright{ display:block; float:none; margin:10px auto; }

/* 可変用table */
.hentry>.body>.content table.tbl-001 {width:98%;border-collapse: collapse;border-spacing: 0px;border-top: 1px solid #ccc;}
.hentry>.body>.content table.tbl-001 td {display: block;}
.hentry>.body>.content table.tbl-001 th {display: block;border-top: none;border-bottom: none;width:98%;text-align: left;}

}