/*	foundation							----------*/
@media screen and (max-width:640px){

	.pc	{
	display: none;
	}

	a:hover img { opacity: 0.6; }

	table {
		margin: 20px auto;
		width:95%;
		padding: 0px;
		text-align:left;
		border:1px solid #c0c0c0;
		border-collapse:collapse;
	}

	th	{
		display: block;
		margin:0px;
		padding:5px;
		font-weight:bolder;
		background-color:#ffffe6;
		border:1px solid #c0c0c0;
		line-height:160%;
		text-align:center;
	}

	table td {
		display: block;
		padding: 10px;
		text-align: center;
	}

	table td input {
		padding: 3px;
		font-size: 150%;
	}

	/* togglle_menu			--------------------------------------*/

	header {
		position:fixed;
		width:100%;
		height:50px;
		top:0;
		left:0;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		background:#0071bc;
		z-index:100;
	}

	.spmenu_btn {
		display:block;
		position:absolute;
		top:14px;
		right:15px;
		width:30px;
		height:25px;
		background:#0071bc;
		border-top:10px solid #fff;
		border-bottom:10px solid #fff;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		-moz-transition:all 0.3s;
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
	}

	.spmenu_btn:before {
		content:'';
		position:absolute;
		width:30px;
		height:4px;
		background:#0071bc;
		top:-9px;
		right:0;
		-moz-transition:all 0.3s;
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
	}

	.spmenu_btn:after {
		content:'';
		position:absolute;
		width:30px;
		height:4px;
		background:#0071bc;
		bottom:-9px;
		right:0;
		-moz-transition:all 0.3s;
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
	}

	.spmenu_btn.active {
		background:#ffffff;
	}

	.spmenu_btn.active:before {
		-moz-transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
		transform:rotate(-135deg);
		top:0;
		right:0;
	}

	.spmenu_btn.active:after {
		-moz-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		transform:rotate(135deg);
		bottom:0;
		right:0;
	}

	.spmenu {
		display:none;
		position:absolute;
		top:51px;
		right:0;
		width:100%;
		background:#ffffff;
		list-style-type: none;
	}

	nav {
		display:block;
		width:100%;
		margin:0 auto;
	}

	nav li a {
		display:block;
		width:100%;
		margin:0 auto;
		padding:5px auto;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		position:relative;
		border-bottom:1px solid #999;
		text-align: center;
		list-style-type: none;
	}

	/**----------------------------------------------
		main area
	-----------------------------------------------*/

	#main	{
		position: static;
		width:100%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin: 50px auto 10px;
		padding: 0 auto;
		min-height: 350px;
	}

	h2	{
		width:100%;
	}

	img	{
		max-width: 95%;
	}

	#animation_container	{
		margin-top:50px;
	}

	/**----------------------------------------------
		top
	-----------------------------------------------*/

	/*	topics										----------*/

	#topics { margin: 30px 0; text-align: left; }

	#topics ul	{
		margin: 15px auto;
		line-height: 150%;
	}

	#topics li	{
		padding: 10px 0;
		border-bottom:1px dotted #c0c0c0;
	}

	#topics p.btn a {
		display: block;
		color: #fff;
		text-align: center;
		font-weight: bold;
		text-decoration: none;
		background: #880122;
	}

	#contact	{
		clear: both;
		position:static;
		width:90%;
		max-width: 600px;
		margin: 30px auto;
		padding: 0px auto;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		text-align:center;
	}


/* other -------------------------------------------*/
	#main ul	{
		width:90%;
		position: static;
		margin: 6px auto;
	}

	#main ul li	{
		width:90%;
		list-style-type: disc;
		text-align: left;
		margin:6px auto;
	}

}