@charset "utf-8";

	/* Title */
	#PanelBodyTitleSub
	{
		margin-bottom		:	15px;
	}

	/* Box */
	div.PanelBox
	{
		text-align			:	left;
	}

	div.PanelBlack
	{
		background-color		:	#000000;
		padding			:	20px;
		margin			:	0px;
	}
	div.PanelBlack td, div.PanelBlack div
	{
		color				:	#ffffff;
	}

	/* List */
	table.List td
	{
		padding			:	8px;
		text-align			:	center;
	}
	td.ListName
	{
	}
	
	table.ListInformation
	{
		width				:	100%;
	}
	table.ListInformation td
	{
		border			:	none;
	}
	table.ListInformation tr td:first-child
	{
		width				:	70px;
	}

	div.LabelLeft
	{
		display			:	inline-block;
		width				:	auto;
		margin			:	0px auto;
	}
	
	/* Photo */
	div.PanelPhoto
	{
	}
	div.PanelPhoto img
	{
		margin			:	0px 10px 10px 0px;
	}

	/* Craft Market */
	div.PanelCraftMarket
	{
	}
	span.LabelCraftMarket
	{
		position			:	relative;
		font-size			:	inherit;
	}
	/*
	span.LabelCraftMarket:after
	{
		position			:	absolute;
		top				:	-20px;
		right				:	-65px;
		width				:	70px;
		height				:	14px;
		content					:	"";
		background-image		:	url('./image/Panel/WithSweets.png');
		background-repeat		:	no-repeat;
		background-size		:	cover;
		-moz-transform		:	rotate(-17deg);
		-webkit-transform		:	rotate(-17deg);
		-o-transform			:	rotate(-17deg);
		-ms-transform		:	rotate(-17deg);
	}
	*/

	#PanelContact
	{
		text-align			:	center !important;
	}

	div.PanelInformation
	{
		background-color		:	#ffffff;
	}

/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	div.PanelBox h2
	{
		margin			:	0px 0px 5px 0px;
	}
	div.PanelBox h3
	{
		margin			:	0px 0px 3px 0px;
	}

	/* Image */
	#ImageMain
	{
		width				:	800px;
	}

	/* Event */
	div.PanelEventDetailGeneral
	{
		text-align			:	center;
	}
	div.PanelEventDetailInformation
	{
		padding			:	20px 30px;
		border			:	solid 1px rgba(0,0,0,0.25);
		text-align			:	left;
		background-color		:	rgba(255,255,255,0.9);
	}
	div.PanelEventDetailInformationDetail
	{
		display			:	table-cell;
		vertical-align			:	top;
		transition			:	all 0.2s ease-out;
	}
	div.PanelEventDetailInformationNotice
	{
		display			:	table-cell;
		vertical-align			:	top;
		transition			:	all 0.2s ease-out;
	}
	#PanelEventDetailInformationCraft
	{
		padding-top			:	40px;
	}
	#PanelEventDetailInformationCraft #ImageLogoWithSweets
	{
		height				:	50px !important;
	}

	.LabelEventTitle
	{
		font-size			:	18px;
	}
	#ImageLogoWithSweets
	{
		height				:	60px;
		margin-top			:	-45px;
		line-height			:	0px;
	}
	td.ListContent
	{
		width				:	37%;
	}

}


/*
======================================
Wide PC
======================================
*/
@media print, screen and (min-width:1241px)
{
	div.PanelEventDetailInformationDetail
	{
		width				:	55%;
	}
	div.PanelEventDetailInformationNotice
	{
		width				:	45%;
	}
}

/*
======================================
Middle PC
======================================
*/
@media screen and (min-width:1001px) and (max-width:1240px)
{
	div.PanelEventDetailInformationDetail
	{
		width				:	55%;
	}
	div.PanelEventDetailInformationNotice
	{
		width				:	45%;
	}
}

/*
======================================
Narrow PC
======================================
*/
@media (min-width:801px) and (max-width:1000px)
{
	div.PanelEventDetailInformationDetail
	{
		width				:	65%;
	}
	div.PanelEventDetailInformationNotice
	{
		width				:	35%;
	}
}


/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	div.PanelInformation
	{
		text-align			:	left;
	}
	.LabelEventTitle
	{
		position			:	relative;
		font-size			:	18px;
	}
	div.PanelEventDetailInformation
	{
		padding			:	15px;
		border			:	solid 1px rgba(0,0,0,0.25);
		text-align			:	left;
		background-color		:	rgba(255,255,255,0.9);
	}
	div.PanelInformation .LabelEventTitle
	{
		font-size			:	15px;
	}
	#ImageLogoWithSweets
	{
		position			:	absolute;
		bottom			:	5px;
		right				:	-80px;
		height				:	40px;
		line-height			:	0px;
	}
	td.ListContent
	{
		width				:	42%;
	}
}