.line #wrapper	{	border	:	3px solid blue;	}
.line #masthead	{	border	:	3px solid red;	}
.line #headernav	{	border	:	3px solid cyan;	}
.line #container	{	border	:	3px solid yellow;	}
.line main		{	border	:	3px solid pink;	}
.line #sidebar	{	border	:	3px solid green;	}
.line #colophon	{	border	:	3px solid magenta;	}



/*--------------------------------------------------
	デバッグ用
 */

body.logged-in::before {
	position	:	fixed;
	display	:	block;
	top		:	100px;
	right	:	10px;
	width	:	50px;
	height	:	50px;
	border-radius	:	25px;
	background-color	:	black;
	line-height	:	50px;
	text-align	:	center;
	z-index	:	1000;
}

body.logged-in::before {
	content	:	"S";
	background-color	:	#f88;
}

@media (min-width: 601px){
	body.logged-in::before {
		content	:	"M";
		background-color	:	#FF8;
	}
}
@media (min-width: 783px){
	body.logged-in::before {
		content	:	"L";
		background-color	:	#8f8;
	}
}

@media (min-width: 1025px) {
	body.logged-in::before {
		content	:	"X";
		background-color	:	#88F;
	}
}

/*	デバッグボックス	*/
#px {	display	:	none;	}

.logged-in #px {
	display	:	block;
	padding	:	0.5rem;
	border-radius	:	2rem;
	position	:	fixed;
	right	:	2rem;
	bottom	:	2rem;
	background-color	:	rgba( 255, 0, 0, 0.7 );
	z-index	:	200;
	font-weight	:	bold;
	color	:	white;
	opacity: 0.05;
}

.logged-in #px:hover {
	opacity: 0.7;
}