@charset "UTF-8";

/*ここにレスポンシブのスタイルを書く*/

/* ----------------------------------------------------
iPad横表示をPC表示にざっくり対応
----------------------------------------------------*/
@media screen and (min-width: 1070px) and (max-width: 1390px){
	div#header-in, div#navi-in, div#body-in, div#footer-in {
		width: 1024px;
	}
	#main {
		width: 690px;
	}
	div#sidebar {
		clear: none;
		float: right;
		padding: 5px 8px;
		width: 300px;
	}
	#navi ul {
		display: block;
	}
	#navi ul li {
		float: left;
		display: inherit;
		height: inherit;
	}
	#mobile-menu {
		display: none;
	}
	
	#header .alignright {
		display: block;
	}
}
 
@media screen and (max-width: 1023px){
	div#header-in, div#navi-in, div#body-in, div#footer-in {
		width: 740px;
	}
	div#sidebar {
		clear: both;
		float: none;
		padding: 15px;
		width: auto;
		position: static !important;
	}
	#navi ul {
		display: none;
		border: 0;
	}
	#navi ul li {
		float: none;
		display: block;
		height: auto;
	}
	#mobile-menu {
		display: block;
		position: relative;
	}
	#header .alignright {
		display: none;
	}
}