@charset "utf-8";

	/* Credit */
	#PanelCredit
	{
		transition			:	all 0.2s ease-out;
	}

	/* Artist List */
	ul.ListArtist
	{
		margin			:	0px;
		padding			:	0px;
		transition			:	all 0.2s ease-out;
	}
	ul.ListArtist li.ListArtist
	{
		position			:	relative;
	}
	div.PanelArtistTitle
	{
		display			:	table;
	}
	div.PanelArtistTitleProfession
	{
		display			:	table-cell;
		vertical-align			:	middle;
		padding			:	0px 15px 0px 0px;
	}
	div.PanelArtistTitleName
	{
		display			:	table-cell;
		vertical-align			:	middle;
	}
	div.PanelArtistPhoto
	{
		transition			:	all 0.2s ease-out;
	}
	div.PanelArtistPhoto div.PanelFormButton li
	{
		transition			:	all 0.2s ease-out;
	}
	div.PanelArtistPhoto div.PanelFormButton div
	{
		transition			:	all 0.2s ease-out;
	}
	div.PanelArtistCaption
	{
		line-height			:	1.4em;
	}

/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	/* Title */
	#PanelBodyTitle
	{
		display			:	none;
	}

	/* Credit */
	#PanelCredit
	{
		position			:	absolute;
		right				:	0px;
	}

	/* Artist List */
	ul.ListArtist li.ListArtist
	{
		display			:	inline-block;
		text-align			:	left;
		vertical-align			:	top;
	}
	ul.ListArtist li.ListArtist:nth-child(2n)
	{
		margin-right			:	0px !important;
	}
	div.PanelArtist
	{
	}
	div.PanelArtistBody
	{
		display			:	table-cell;
		padding			:	0px;
		vertical-align			:	top;
	}
	div.PanelArtistBody h2
	{
		margin			:	0px 0px 5px 0px;
	}
	div.PanelArtistBody h3
	{
		margin			:	0px 0px 5px 0px;
	}
	div.PanelArtistBody h4
	{
		margin			:	0px 0px 5px 0px;
	}
	div.PanelArtistPhoto
	{
		display			:	table-cell;
		vertical-align			:	top;
	}
	div.PanelArtistPhoto img
	{
		width				:	100%;
	}
	div.PanelArtistPhoto div.PanelFormButton
	{
		margin			:	15px 0px;
	}
	div.PanelArtistPhoto div.PanelFormButton li
	{
		margin			:	0px;
		padding			:	0px;
	}
	div.PanelArtistPhoto div.PanelFormButton div
	{
		width				:	100%;
	}
	div.PanelArtistComment
	{
		margin			:	0px 0px 10px 0px;
	}
	div.PanelArtistProfile
	{
		margin			:	0px 0px 10px 0px;
	}
	div.PanelArtistProfile img
	{
		height				:	14px;
	}
}

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

	/* Artist List */
	ul.ListArtist
	{
		margin			:	0px 0px -30px 0px;
	}
	ul.ListArtist li.ListArtist
	{
		margin			:	0px 40px 30px 0px;
	}
	div.PanelArtist
	{
		width				:	575px;
	}
	div.PanelArtistPhoto
	{
		width				:	150px;
		padding			:	0px 25px 0px 0px;
	}
	div.PanelArtistPhoto div.PanelFormButton div
	{
		width				:	150px;
	}
}

/*
======================================
Middle PC
======================================
*/
@media screen and (min-width:1001px) and (max-width:1240px)
{
	/* Credit */
	#PanelCredit
	{
		top				:	-55px;
	}

	/* Artist List */
	ul.ListArtist
	{
		margin			:	0px 0px -30px 0px;
	}
	ul.ListArtist li.ListArtist
	{
		margin			:	0px 40px 30px 0px;
	}
	ul.ListEventSmall li
	{
		margin			:	0px 30px 30px 0px;
	}
	div.PanelArtist
	{
		width				:	465px;
	}
	div.PanelArtistPhoto
	{
		width				:	150px;
		padding			:	0px 20px 0px 0px;
	}
	div.PanelArtistPhoto div.PanelFormButton div
	{
		width				:	150px;
	}
}

/*
======================================
Narrow PC
======================================
*/
@media screen (min-width:801px) and (max-width:1000px)
{
	/* Credit */
	#PanelCredit
	{
		top				:	-55px;
	}

	/* Artist List */
	ul.ListArtist
	{
		margin			:	0px 0px -30px 0px;
	}
	ul.ListArtist li.ListArtist
	{
		margin			:	0px 35px 30px 0px;
	}
	ul.ListEventSmall li
	{
		margin			:	0px 30px 30px 0px;
	}
	div.PanelArtist
	{
		width				:	380px;
	}
	div.PanelArtistPhoto
	{
		width				:	120px;
		padding			:	0px 20px 0px 0px;
	}
	div.PanelArtistPhoto div.PanelFormButton div
	{
		width				:	120px;
	}
}

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

	/* Credit */
	#PanelCredit
	{
		margin			:	0px 0px 15px 0px;
	}

	/* Artist List */
	ul.ListArtist li.ListArtist
	{
		display			:	block;
		margin			:	0px 0px 30px 0px;
		padding			:	0px 0px 15px 0px;
		text-align			:	left;
		border-bottom		:	solid 1px rgba(0,0,0,0.25);
	}
	ul.ListArtist li.ListArtist:last-child
	{
		margin-bottom		:	0px;
	}
	div.PanelArtist
	{
		width				:	100%;
	}
	div.PanelArtistBody
	{
		padding			:	0px;
		vertical-align			:	top;
	}
	div.PanelArtistBody h2
	{
		margin			:	0px 0px 5px 0px;
	}
	div.PanelArtistBody h3
	{
		margin			:	0px 0px 5px 0px;
	}
	div.PanelArtistBody h4
	{
		margin			:	0px 0px 5px 0px;
	}
	div.PanelArtistPhoto
	{
		display			:	block;
		text-align			:	center;
		vertical-align			:	top;
		margin			:	0px auto 10px auto;
		padding			:	0px;
	}
	div.PanelArtistPhoto img
	{
		width				:	200px;
		margin			:	0px auto;
	}
	div.PanelArtistComment
	{
		margin			:	0px 0px 10px 0px;
	}
	div.PanelArtistProfile
	{
		margin			:	0px 0px 10px 0px;
	}
	div.PanelArtistProfile img
	{
		height				:	14px;
	}
}