@charset "utf-8";



/*----------------------------------------
	for PC
----------------------------------------*/


	@media screen and (min-width: 481px){

	.head{
		display:block;
		width:100%;
		background-color:rgba(0,0,0,0.8);
		padding:2% 0;
	}



	h3{
		font-size:30px;
		border-bottom:1px solid #EFE7B7;
		color:#EFE7B7;
		padding:0 0 8px;
		margin:50px 0 0;
				font-weight:bold!important;
	}

	h4{
		font-size:26px;
		padding:0 0 8px;
		margin:70px 0 10px;
		font-weight:bold!important;
		color:#FFF;
	}

	h4 span{
		font-size:15px;
	}


	table{
		width:100%;
		border:1px solid #ddd;
		border-collapse: collapse;
		background-color:rgba(0,0,0,0.8);
		color:#eee;
		font-size:14px;
	}

	.videocard{
		width:32%;
		display:block;
		float:left;
		margin-right:1%;
	}

	td,th{
		border:1px solid #333;
		padding:5px 20px;
		font-size:13px;
	}

	th{
		background-color:#bea05b;
		color:#222;
		font-weight:bold!important;
	}
	
	
	.dlcope{
		width:100%;
		display:block;
		float:left;
		margin-right:1%;
		 margin-bottom:5%;
	}
	
	.dlcope a{ color:#bea05b;}


	.attention{
		margin:20px 0 0;
		color:#ddd;
		font-size:13px;
		line-height:1.6;
		padding-left:1em;
	}
	
	
	.attention a{ color:#bea05b;
	}

	.attention .li{
		margin-left:-1em;
		word-break: break-all;
	}
	
	.attention2{
		margin:2px 0 0;
		color:#ddd;
		font-size:13px;
		line-height:1.6;
		padding-left:1em;
	}
	
	
	.attention2 a{ color:#bea05b;
	}

	.attention2 .li{
		margin-left:-1em;
		word-break: break-all;
	}

	
	.nya td,th{
		padding:5px 10px;
	}
	
	.nya table{
		width:100%;
		
	}



	/*--------common---------*/


}






/*----------------------------------------
	for SP
----------------------------------------*/

	@media screen and (max-width: 480px) {

		.head{
			display:block;
			width:100%;
			background-color:rgba(0,0,0,0.8);
			padding:2% 0;
		}



		h3{
			font-size:30px;
			border-bottom:1px solid #EFE7B7;
			color:#EFE7B7;
			padding:0 0 8px;
			margin:30px 0 0;
					font-weight:bold!important;
		}

		h4{
			font-size:26px;
			padding:0 0 8px;
			margin:70px 0 10px;
			color:#FFF;
			font-weight:bold!important;
		}

		h4 span{
			font-size:15px;
		}


		table{
			width:100%;
			border:1px solid #ddd;
			border-collapse: collapse;
			background-color:rgba(0,0,0,0.8);
			color:#eee;
			font-size:14px;
		}

		.videocard{
			width:100%;
			display:block;
			margin:0 auto 10px;
		}
		
		.dlcope{
			width:100%;
			display:block;
			margin:0 auto 10px;
		}
		
		.dlcope a{ color:#bea05b;}

		td,th{
			border:1px solid #333;
			padding:15px 12px;
		}

		th{
			background-color:#BEA05B;
			color:#222;
			font-weight:bold!important;
		}


		.attention{
			margin:20px 0 0;
			color:#ddd;
			font-size:13px;
			line-height:1.6;
			padding-left:1em;
		}
		
		.attention a{ color:#bea05b;}

		.attention .li{
			margin-left:-1em;
			word-break: break-all;
		}





}