@charset "utf-8";

/*
************************************************************************
* 共通パーツデザイン
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
* 基本構成
************************************************************************
*/
#header
{
	overflow:hidden;
	position:fixed;
	
	margin:auto;
	left:0px;
	top:0px;
	bottom:0px;
	
	width:280px;
}
#body,
#title,
#footer
{
	margin-left:280px;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width:1200px) {
	#header
	{
		overflow:visible;
		position:relative;
		width:100%;
	}
	#body,
	#title,
	#footer
	{
		margin-left:0px;
	}
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width:640px) {
	#header
	{
		overflow:visible;
	}
}