
	#PanelVoice1
	{
		background-image		:	url( './image/Photo/1-1.webp' );
		background-repeat		:	no-repeat;
		background-position	:	top right;
		background-size		:	contain;
	}
	#PanelVoice2
	{
		background-image		:	url( './image/Photo/2-1.webp' );
		background-repeat		:	no-repeat;
		background-position	:	top left;
		background-size		:	contain;
	}
	#PanelVoice3
	{
		background-image		:	url( './image/Photo/3-1.webp' );
		background-repeat		:	no-repeat;
		background-position	:	top right;
		background-size		:	contain;
	}

	/* Profile */
	div.PanelVoiceProfile
	{
		display			:	table;
		text-align			:	left;
	}
	div.PanelVoiceProfilePhoto
	{
		display			:	table-cell;
		vertical-align			:	middle;
	}
	div.PanelVoiceProfilePhoto img
	{
		width				:	100%;
	}
	div.PanelVoiceProfileComment
	{
		display			:	table-cell;
		vertical-align			:	middle;
	}

	/* Private */
	div.PanelVoicePrivate
	{
		border-top			:	solid 2px rgb(10,97,183);
		border-bottom		:	solid 2px rgb(10,97,183);
	}


/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	#PanelVoice1
	{
		margin			:	0px 0px 300px 0px;
	}
	#PanelVoice1 div.PanelContentInner
	{
		padding-right		:	50%;
	}
	#PanelVoice2
	{
		margin			:	0px 0px 300px 0px;
	}
	#PanelVoice2 div.PanelContentInner
	{
		padding-left			:	50%;
	}
	#PanelVoice3
	{
		margin			:	0px 0px 500px 0px;
	}
	#PanelVoice3 div.PanelContentInner
	{
		padding-right		:	50%;
	}
	img.ImageTitleVoice
	{
		height				:	21px;
	}

	/* Profile */
	div.PanelVoiceProfilePhoto
	{
		width				:	180px;
		padding			:	0px 15px 0px 0px;
	}

	/* Private */
	div.PanelVoicePrivate
	{
		position			:	absolute;
		display			:	table;
		margin			:	30px 0px 0px 0px;
		text-align			:	left;
	}
	div.PanelVoicePrivatePhoto
	{
		display			:	table-cell;
		width				:	60%;
		padding			:	15px;
		vertical-align			:	middle;
	}
	div.PanelVoicePrivatePhoto img
	{
		width				:	100%;
	}
	div.PanelVoicePrivateComment
	{
		display			:	table-cell;
		padding			:	15px;
		vertical-align			:	middle;
	}
	div.PanelVoicePrivateComment img
	{
		height				:	14px;
	}

}

/*
======================================
Pc Wide
======================================
*/
@media print, screen and (min-width:1281px)
{
}

/*
======================================
Pc Middle
======================================
*/
@media screen and (min-width:1025px) and (max-width:1280px)
{
}

/*
======================================
Pc Narrow
======================================
*/
@media screen and (min-width:801px) and (max-width:1024px)
{
}

/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	#PanelVoice1
	{
		margin			:	0px 0px 100px 0px;
		padding-top			:	0px;
		background-position	:	0px 60px;
	}
	#PanelVoice1 h2
	{
		margin			:	0px 0px 550px 0px;
	}
	#PanelVoice2
	{
		margin			:	0px 0px 100px 0px;
		padding-top			:	0px;
		background-position	:	0px 60px;
	}
	#PanelVoice2 h2
	{
		margin			:	0px 0px 550px 0px;
	}
	#PanelVoice3
	{
		margin			:	0px 0px 100px 0px;
		padding-top			:	0px;
		background-position	:	0px 60px;
	}
	#PanelVoice3 h2
	{
		margin			:	0px 0px 550px 0px;
	}

	/* Profile */
	div.PanelVoiceProfile
	{
		margin			:	0px 0px 15px 0px;
	}
	div.PanelVoiceProfilePhoto
	{
		width				:	100px;
		padding			:	0px 10px 0px 0px;
	}


	img.ImageTitleVoice
	{
		height				:	18px;
	}

	/* Private */
	div.PanelVoicePrivate
	{
		padding			:	15px 0px;
	}
	div.PanelVoicePrivateComment
	{
		margin			:	0px 0px 10px 0px;
	}
	div.PanelVoicePrivateComment img
	{
		height				:	18px;
		margin			:	0px 0px 5px 0px;
	}
}

