@charset "UTF-8";

/*
|
|	PC
|
*/
@media print, screen and (min-width: 960px) {
	.l-wrap{ min-width:1367px; }
	header{ 
		position: fixed;
		width: 100%;
		height: 73px;
		background: #E7E5E1;
		-moz-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.2);
		z-index: 9999;
	}
	main{ padding: 73px 0 0 0; }
	main.inPage{
		width: 1367px;
		margin: auto;
	}

}





/*
|
|	タブレット、スマホ
|
*/
@media print, screen and (max-width: 959px) {
	body{ }
	.l-wrap{ width:100%;background:#FFF; }
	header{ 
		display: flex;
		align-items: center;
		position: fixed;
		width: 100%;
		height: 45px;
		background: #E7E5E1;
		-moz-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.2);
		z-index: 9999;
	}
}




/*
|
|	タブレット
|
*/
@media screen and (min-width: 481px) and (max-width: 959px) {
	/*
	|
	|　各ページ共通
	|
	*/
}





/*
|
|	スマホ
|
*/
@media screen and (max-width: 480px) {
	body{  }
	.l-wrap{ width:100%; }
}