@media screen and (max-width: 900px) {

	#logo{
	margin:0.3em 1em 1.2em 0.5em
	}

	#login p a{
	top:1.2em;
	right:1%
	}

	#member_only{
	left:150px;
	}

	#search{
	width:98%;
	margin:0 0 0 1%;
	top:80px;
	right:1%;
	}

	dl.search dd{
		height:3em;
		width:30%;
		max-width:5em
	}

	ul.menu_g{
	margin-top:60px;
	}

	ul.menu_g{
		font-size:0.6em;
	}

	ul.menu_g li{
		margin:0 1px;
	}

	#container_middle{
		flex-direction: column;
	}

	#container_side{
		width:100%;
	}

	ul.menu_f{
		max-width:98%;
	}

/* ------------------------------------------------------------------
container_main ストレージネットワーキング関連書籍の固有要素
(グローバルセレクタである .leftbox が指定された div の横幅を追加定義
 ------------------------------------------------------------------ */
#container_main div.leftbox{width:100%;float:none;margin:0}
#container_main div.rightbox{width:100%;float:none;margin:0}

}