@charset "utf-8";


/* ==========================================

  “TOP type07” CSS

========================================== */
body	{	padding-top:0;}

/* Head 
========================================== */
#head	{	display:block;}


/* Footer
========================================== */
footer span	{	display:block; margin-bottom:5px;}

@media print, screen and (min-width:600px) {
	footer		{	width:100%; overflow:hidden;}
	footer span	{	width:54px; float:left; margin-bottom:0;}
}

/* Main
========================================== */

main			{	width:96%; margin:0 auto;}
main section	{	width:100%; }
main h1			{	font-size:1.3em; line-height:1.2; padding:0 0 5px 0;
					text-shadow:
					white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px,
					white 2px 2px 2px, white -2px 2px 2px,white 2px -2px 2px, white -2px -2px 2px,
					white 1px 2px 2px, white -1px 2px 2px,white 1px -2px 2px, white -1px -2px 2px,
					white 2px 1px 2px, white -2px 1px 2px,white 2px -1px 2px, white -2px -1px 2px,
					white 1px 1px 2px, white -1px 1px 2px,white 1px -1px 2px, white -1px -1px 2px;}
main h1 span	{	display:block; font-size:18px;}

@media print, screen and (min-width:600px) {
main			{	max-width:1000px;}
main h1			{	font-size:1.7em; }
main h1 span	{	display:inline-block; font-size:24px; padding-right:1em;}

main h1.silver_kun			{	padding-left:47px; padding-bottom:10px; position:relative;}
main h1.silver_kun:before	{	content:""; width:40px; height:40px; display:block; position:absolute; top:-7px; left:0;
								background:url(../_img/silver_kun.svg) no-repeat;
								background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;}
} 
@media screen and (min-width:600px) {
main h1			{	font-family: "kodawari"; font-weight:500;}
}   

	/* visualInfo
	---------------------------------------- */
	main .left	{	position:relative;}
	.bx-wrapper {	-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0; margin-bottom:0;	}
	
	
	@media print, screen and (min-width:600px) {
	main #visualInfo	{	width:100%; display:table; background:#fff; }
	main .left,
	main .right		{	width:50%; display:table-cell; vertical-align:top; }
	}  


	/* Left
	---------------------------------------- */
	/*main .left img		{	width:100%; height:auto;}*/
	main .left > img			{	width:100%; height:auto; position:absolute; top:0; left:0; display:block; z-index:999;}
	main .left #admission li a	{	background:#abe1b8;}

	/* Right
	---------------------------------------- */
	main .right h2		{	line-height:29px; background:#888; color:#fff; font-size:1.5em; font-weight:bold;
							padding:5px 10px; margin-top:5px; overflow:hidden;}
	main .right h2 a	{	display:inline-block; float:right; padding:8px;
							color:#fff; font-size:13px; font-weight:normal; line-height:13px; background:#666;}
	main .right #info				{	width:100%; position:relative; padding:55% 0 0 0; overflow:auto; -webkit-overflow-scrolling:touch;}
	main .right #info iframe		{	position:absolute; top:0; left:0; width:100%; height:100%; border:none; display:block;}

	@media print, screen and (min-width:600px) {
		main .right h2		{	line-height:1; margin-top:0; padding:10px;}
		main .right h2 a	{	padding:5px; margin-top:-4px;}
		main .right h2 a:hover	{	background:#777;}
	}
	@media print, screen and (min-width:600px) {
	main .right h2		{	font-family: "kodawari"; font-weight:500; }
	}


	/* menu
	---------------------------------------- */
	main #menu			{	clear:both;}
	main #menu h2		{	background:#888; color:#fff; font-size:1.5em; font-weight:bold; padding:10px 10px 0; margin-top:5px; text-align:center;}
	main #menu ul		{	background:#888; padding:5px;}
	main #menu ul li	{	width:100%; margin:5px 0 0 0; display:table;}
	main #menu ul li a	{	background:#fff; font-size:1.5em; text-align:center; color:#000;
							display:table-cell; width:100%; padding:10px 5px; vertical-align:middle; line-height:1.2; position:relative;}
	main #menu ul li a span	{	display:inline-block;}
	
		main #menu ul#mBU li a		{	background:#abd7e1;}
		main #menu ul#mGN li a		{	background:#abe1b8;}
		main #menu ul#mPK li a		{	background:#f0cdbd;}
main #menu ul#mPK li:nth-child(5) a	{	letter-spacing:-1px;}
main #menu ul#mYW li a		{	background:#e1dfab;}
	
	
	@media print, screen and (min-width:600px) {
		main #menu section				{	width:25%; float:left; padding-left:5px;}
		main #menu section:first-child	{	padding-left:0;}
		main #menu h2					{	margin-top:10px; padding:10px 10px 5px;}
		main #menu ul li a:hover		{	font-weight:500;
											box-shadow:0px 0px 36px 13px #ffffff inset;
											-moz-box-shadow:0px 0px 36px 13px #ffffff inset;
											-webkit-box-shadow:0px 0px 36px 13px #ffffff inset;}
	} 
	@media screen and (min-width:600px) {
		main #menu h2		{	font-family: "kodawari"; font-weight:500; }
		main #menu ul li	{	font-family: "kodawari"; font-weight:300;}
	}
	
	@media print, screen and (min-width:768px) {
	main #menu h2					{	font-size:1.6em; }
	main #menu ul li a				{	font-size:1.6em;}
	}

	/* address
	---------------------------------------- */
	#address					{	margin-top:15px;  }
	#address p					{	font-size:1.3em;}
	#address p:first-child a	{	font-size:1.154em; display:inline-block; margin-bottom:10px; text-decoration:underline;}
	#address p:last-child		{	line-height:1.4; margin-top:0.5em;}
	#address p:last-child strong{	font-size:14px;}
	#address p:last-child a.map				{	font-weight:bold; text-decoration:underline;}

	@media print, screen and (min-width:600px) {
		#address p:first-child		{	text-align:right;}
	}

	@media print, screen and (min-width:768px) {
		#address p:first-child		{	float:right; width:40%;}
		#address p:last-child		{	float:left; width:60%;}
		#address p:last-child strong{	font-size:15px;}
	}