.white_back{
	background:#FFFFFF;
}


/* 各ページスマホ用CSS */
@media print, screen and ( max-width : 768px ) {
	
	.coloring_area {
		margin:0 auto;
		padding:0;
	}
	
	.coloring_data{
		padding: 20px;
		text-align: center;
		border: 1px solid #5F6E74;
		width:100%;
		box-sizing: border-box;
		margin-bottom:20px;
	}
	
	.bathroom_area{
		text-align:center;
	}
	
	.bathroom_area img{
		width:100%;
		margin-bottom:20px;
	}
	
}

/* 各ページPC用CSS */
@media print, screen and ( min-width : 769px ) {
	
	.coloring_area {
		display: flex;  /* 子要素を横並びにする */
		gap: 10px;      /* 要素間の隙間 */
	}
	
	.coloring_data{
		padding: 20px;
		text-align: center;
		border: 1px solid #5F6E74;
		width:395px;
		box-sizing: border-box;
	}
	
	.bathroom_area{
		text-align:center;
	}
	
	.bathroom_area img{
		width:500px;
		margin-bottom:20px;
	}
	
}

/* ヘッダー画像 */
/*------------------------------------------------------*/

/* 各ページスマホ用CSS */
@media print, screen and ( max-width : 768px ) {
	
	#p_viewer::before {
		content: "カラーリング";
		position: absolute;
		top: 52%;
		left: 0%;
		font-size:50px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:0.5% 0;
		z-index: 10;
	}
	
}

/* 各ページPC用CSS */
@media print, screen and ( min-width : 769px ) {
	
	#p_viewer::before {
		content: "カラーリング";
		position: absolute;
		top: 52%;
		left: 0%;
		font-size:40px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:0.5% 0;
		z-index: 10;
	}
	
}

/*------------------------------------------------------*/