@charset "utf-8";

.contents-copyright{
	text-align:center;
	line-height:40px;
	margin:auto;
}
	.contents-copyright small{
		font-weight:bold;
		color:#808080;
		font-size:80%;
	}
#wrapper.notice_style .contents-copyright	{border-bottom:3px solid #dcb900;}
#wrapper.lineup_style .contents-copyright	{border-bottom:3px solid #0054ff;}
#wrapper.howto_style .contents-copyright	{border-bottom:3px solid #f54fe5;}
#wrapper.event_style .contents-copyright	{border-bottom:3px solid #e12430;}
#wrapper.support_style .contents-copyright	{border-bottom:3px solid #23b7bb;}



/*-- .footer-special-banner ---*/

	.footer-special-banner{
		background:#222;
		text-align:center;
		padding:15px 0;
		box-shadow: rgba(0, 0, 0, 0.65098) 0px 0px 7px 3px inset;
		-webkit-box-shadow: rgba(0, 0, 0, 0.65098) 0px 0px 7px 3px inset;
		-moz-box-shadow: rgba(0, 0, 0, 0.65098) 0px 0px 7px 3px inset;
	}
		.footer-special-banner dl{
			max-width: 980px;
			margin:auto;
		}
		.footer-special-banner dl dt{
			width:30%;
		}
		.footer-special-banner dl dt a img{
			display:block;
			border:1px solid #aaa;
			width: 100%;
		}
			.footer-special-banner dl dt a img:hover{
				border-color: #ff2;
				transition: .2s;
			}
		.footer-special-banner dl dd{
			text-align:left;
			margin:0.5% 0 0 2%;
			width: 68%;
		}
		.footer-special-banner dl dd > *{
			display:block;
			line-height:1.2em;
		}
		.footer-special-banner dl dd strong{
			color:#eee;
			font-size:95%;
			padding-bottom: .5em;
		}
		.footer-special-banner dl dd small{
			font-weight:normal;
			font-size:80%;
			margin-bottom:10px;
			color:#bbb;
		}
		.footer-special-banner dl dd b{
			font-size:150%;
			color:#fff;
			margin-bottom:10px;
		}
		.footer-special-banner dl dd a{
			display:inline-block;
			*display:inline;
			*zoom:1;
			padding:1.5% 10px 1%;
			background:#15ffff;
			font-weight:bold;
			text-decoration:none;
			border-radius:20px;
			font-size:95%;
		}
		.footer-special-banner dl dd a:hover{color:#f44;}
	
@media screen and (max-width:767px){
.contents-copyright{
	padding: 0 0 1em;
	line-height: 1em;
	
}
	.contents-copyright small{
		font-size: 3vw;
	}

	.footer-special-banner{
		padding:10px;
	}
		.footer-special-banner dl{
		
		}
		.footer-special-banner dl *{
			display:block;
			text-align:center;
			margin:auto;
		}
		.footer-special-banner dl dt{
			width: 90%;
			padding: .5em 0;
		}
		.footer-special-banner dl dt a img{
			width:100%;
			margin:auto auto 5px;
		}
		.footer-special-banner dl dd{margin:auto;}
		.footer-special-banner dl dd > *{
			display:none;
		}
		.footer-special-banner dl dd a{
			font-size:80%;
			display:block;
			border-radius:2px;
		}
}

.series-banner{
	padding: 1.5em 0;
	text-align: center;
	border-top: 1px solid #222;
}
	.series-banner ul{
		max-width: 980px;
		margin: auto;
	}
	.series-banner ul li{width: 50%;}
	.series-banner ul a{
		display: block;
		margin: auto 5%;
		overflow: hidden;
		border-radius: .5em;
	}
	.series-banner ul a img{
		max-width: 100%;
		vertical-align: bottom;
	}
	.series-banner ul a:hover{
		background: #fff;
	}
	.series-banner ul a:hover img{
		box-shadow: 0 0 1em 0 #fff;
		opacity: .8;
		transition: .2s;
	}
	
@media screen and (max-width:767px){
	.series-banner{padding: 0;}
	.series-banner ul li{
		width: 100%;
		display: block;
	}
	.series-banner ul a{margin: 3%;}
}