.hide_ALL { display : none; }
.disp_L_inline	{ display : none;}
.disp_M_inline	{ display : none;}
.disp_S_inline	{ display : none;}
.disp_SS_inline	{ display : none;}

@media screen and (max-width : 1280px) { /* L */
	#idHeaderBack { display : block; }
	div.top > header {
		position	: absolute;
		width		: 324px; /* f(12)*27 固定 */
	}
	div.top > header > a.title {
		font-weight	: bold;
		font-size	: 22px;
		font-size	: calc(var(--main-font-size)/6*11);	/* f/6*11 */
	}
	#idNaviBack { display : none;}
	div.top > nav {
		position	: static;
		width		: auto;
		margin-left : 324px; /* f(12)*27 固定 */
	}
	div.top > nav > ul > li {
		width	: 25%;
		display : inline-block;
	}
	div.top > div.main { margin-left : 0; }
	.hide_L { display : none; }
	.disp_L_inline { display : inline;}
}
@media screen and (max-width : 800px) { /* 縦レイアウト 4つ M */
	#idHeaderBack { display : none; }
	div.top > header {
		position	: static;
		width		: auto;
	}
	div.top > header > a.title {
		font-size	: 24px;
		font-size	: calc(var(--main-font-size)*2);	/*	 f*2 */
	}
	div.top > nav { margin-left : 0; }
	div.top > div.main div.contents {
		padding : 6px 0 ;
		padding : calc(var(--main-font-size)/2) 0 ; /* f/2 0 */
	}
	div.top > div.main > div.paramArea > div.paramBox {
		width : auto;
		float : none;
	}
	div.top > div.main > div.paramArea > div.contents {
		margin-left	: 0;
		padding		: 6px 0;
		padding 	: calc(var(--main-font-size)/2) 0; /* f/2 0 */
	}
	.hide_M { display : none; }
	.disp_M_inline { display : inline;}
}
@media screen and (max-width : 480px) { /* 縦レイアウト 2つ S */
	div.top > nav > ul > li				{ width : 50%; }
	#idFindArea > input[type="text"]	{ width : 70%; }
	.hide_S { display : none; }
	.disp_S_inline { display : inline;}
	:root {	--main-font-size : 18px; } /* off for test */
}
@media screen and (max-width : 320px) { /* 縦レイアウト 1つ SS */
	div.top > nav > ul > li { width : 100%; }
	.hide_SS { display : none; }
	.disp_SS_inline { display : inline;}
}