@media screen and (max-width: 960px) {
	#header #logo { float: left; width: 150px; }
	#header #logo img { max-width: 150px; }
	#header #logout { display: none; }
	.sp_view { display: block; }
	.sp_none { display: none; }
	#side { position: fixed; top: 0; left: 0; width: 220px; height: 100%; padding-top: 0.5em; overflow-x: hidden; overflow-y: auto; background: #fff; z-index: 100; }
	#side .side { margin-bottom: 0.5em; }
	#side .side:last-child { margin-bottom: 1em; }
	.wrap { width: 94%; }
	#main { width: 100%; }
	.social li a { height: 18px; white-space: pre; }
	img { max-width: 100%; }
	.item_block li { width: 150px; }
	#footer { min-width: 200px; }
	::-webkit-scrollbar { width: 4px; }
}
@media screen and (max-width: 640px) {
	.t5, .t7, .t10, .t15, .t20, .t25, .t30 { width: auto !important; min-width: 5em; }
	ul.table, ul.table li, ul.table div, ul.table h6, ul.table h7, ul.table div span { display: block; text-align: left !important; }
	ul.table span.dis { padding: 0; }
	ul.table li { margin-bottom: 0.5em; }
	ul.table a, .item_block a { font-weight: bold; }
	::-webkit-scrollbar { width: 0; }
}
@media screen and (max-width: 400px) {
	.item_block li { width: 120px; }
	.report_table { font-size: 80%; }
}