@charset "utf-8";

	/* Book */
	#PanelBook
	{
	}
	ul.ListBook
	{
		text-align			:	left;
	}
	li.ListBook
	{
		display			:	inline-block;
		vertical-align			:	top;
		margin			:	0px;
		padding			:	0px;
		transition			:	all 0.2s ease-out;
	}
	div.PanelBook
	{
		display			:	table;
		width				:	100%;
	}
	div.PanelBookPhoto
	{
		display			:	table-cell;
		width				:	150px;
		padding			:	0px 20px 0px 0px;
		vertical-align			:	top;
		transition			:	all 0.2s ease-out;
	}
	div.PanelBookPhoto img
	{
		width				:	100%;
		border			:	solid 1px rgba(0,0,0,0.25);
	}
	div.PanelBookComment
	{
		display			:	table-cell;
		vertical-align			:	top;
	}
	div.PanelBookComment div.PanelFormButton
	{
		margin			:	2em 0px 0px 0px;
		padding			:	0px;
	}
	div.PanelBookComment ul
	{
		margin			:	0px 0px 0px 0px;
		padding			:	0px;
	}
	div.PanelBookComment div.PanelFormButton li
	{
		display			:	block;
		margin			:	0px;
		padding			:	0px;
	}
	div.PanelBookComment dl
	{
		display			:	table;
		width				:	100%;
		margin			:	0px;
		padding			:	0px;
	}
	div.PanelBookComment dt
	{
		display			:	table-cell;
		width				:	2em;
		margin			:	0px;
		padding			:	0px;
		vertical-align			:	top;
		white-space			:	nowrap;
	}
	div.PanelBookComment dt:after
	{
		content			:	"：";
	}
	div.PanelBookComment dd
	{
		display			:	table-cell;
		margin			:	0px;
		padding			:	0px;
		vertical-align			:	top;
	}

/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	/* Menu */
	#PanelBodyMenu
	{
		position			:	absolute;
		right				:	40px;
	}

	/* Book */
	li.ListBook
	{
	}
	li.ListBook:nth-child(2n)
	{
		margin-right			:	0px;
	}
	div.PanelBookComment h3
	{
		margin			:	0px 0px 10px 0px;
		font-size			:	16px;
	}
}


/*
======================================
Wide PC
======================================
*/
@media print, screen and (min-width:1241px)
{
	/* Menu */
	#PanelBodyMenu
	{
		top				:	90px;
	}

	/* Book */
	li.ListBook
	{
		width				:	570px;
		margin			:	0px 40px 50px 0px;
	}
	div.PanelBookPhoto
	{
		width				:	180px;
		padding			:	0px 30px 0px 0px;
	}
}

/*
======================================
Narrow PC
======================================
*/
@media screen and (min-width:801px) and (max-width:1240px)
{
	/* Menu */
	#PanelBodyMenu
	{
		top				:	87px;
	}

	/* Book */
	li.ListBook
	{
		width				:	470px;
		margin			:	0px 30px 50px 0px;
	}
	div.PanelBookPhoto
	{
		width				:	150px;
		padding			:	0px 20px 0px 0px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	/* Title */
	#PanelBodyTitle
	{
//		display			:	none;
	}

	/* Book */
	li.ListBook
	{
		display			:	block;
		width				:	100%;
		margin			:	0px 0px 30px 0px;
	}
	div.PanelBookPhoto
	{
		width				:	100px;
		padding			:	0px 15px 0px 0px;
	}
	div.PanelBookComment h3
	{
		margin			:	0px 0px 10px 0px;
		font-size			:	16px;
	}
	div.PanelBookComment ul
	{
		margin			:	10px 0px 0px 0px;
	}
	li.ListBook a.LabelAnchor div
	{
		width				:	200px;
	}
}