@charset "utf-8";

/* Title */
h1.PanelTitle
{
	background-image			:	url('./image/Panel/Background.jpg');
	margin					:	0px;
}



/* Notice */
#PanelContactNotice
{
	background-color			:	#ffeeee;
	padding				:	20px;
	margin				:	20px 0px;
	text-align				:	left;
}
/* Telephone */
#PanelContactTelephone
{
	background-color			:	#eeeeee;
	padding				:	20px;
}
#PanelContactTelephone h3
{
	font-size				:	18px;
	color				:	#000000;
	margin				:	0px 0px 10px 0px;
}


/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	#PanelReservation div.PanelContent
	{
		padding					:	50px 0px;
	}

	/* Frame */
	#PanelFrame
	{
		position					:	relative;
	}
	#PanelFrameClimber
	{
		position					:	absolute;
		top					:	0px;
		right					:	0px;
		width					:	250px;
		height					:	2500px;
		z-index					:	1000;
		background-image				:	url( './image/Frame/Pc.png' );
		background-repeat				:	no-repeat;
		background-position			:	top right;
		background-size				:	cover;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	#PanelReservation div.PanelContent
	{
		padding					:	30px 0px;
	}

	/* Frame */
	#PanelFrame
	{
		position					:	relative;
	}
	#PanelFrameClimber
	{
		position					:	absolute;
		top					:	0px;
		right					:	0px;
		width					:	150px;
		height					:	1660px;
		z-index					:	1000;
		background-image				:	url( './image/Frame/Smart.png' );
		background-repeat				:	no-repeat;
		background-position			:	top right;
		background-size				:	cover;
	}
}