footer{
	text-align: center;
	color:  var(--white);
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	border-top: 1px solid var(--black);
    padding: 2em 0 3em;
	/*padding: 2em 0 3em;*/
	position: relative;
	font-size: 13px;
    background-color: var(--black);
}

footer a:hover{
	opacity:0.7;
}

footer p{
	padding: 0.5em;
	vertical-align: middle;
}

footer .footerHard{
	margin-top: 1em;
}

footer .footerHard img.logo{
	width: 20%;
	margin-bottom: 1em;
	max-width: 220px;
}

footer .footerHard img.txt{
	width: 25%;
	max-width: 240px;
}

footer .footerBanner img{
	margin-bottom: 5px;
	width: 30%;
	max-width: 200px;
}

footer .footerLink a{
	display: inline-block;
	border: solid 2px var(--white);
	padding: 0.5em 0;
	margin: 0.5em 0.2em;
	font-size: 13px;
	width: 13em;
}

footer .footerCopy{
	border: none;
	font-size: 14px;
	padding-top: 0;
}
.banner_series{
    text-align: center;
    padding: 1.0em 0;
    background-color: var(--footer-color);
}

.banner_series a{
    display: inline-block;
    max-width: 400px;
    width: 40%;
    margin: 0.5%;
}
.banner_series a:hover{
    opacity: 0.7;
}
.banner_series a img{
    width: 100%;
}
/*######################################################################
メディアクエリ
######################################################################*/
@media screen and (max-width: 800px) {
/*//////////////////////////////////////////////////////////////////////*/
footer,
footer .footerCopy,
footer .footerLink a{
	font-size:min(2.3vw,12px);
}
	
footer{
	padding-bottom: 8em;
}
	
footer p{
	padding: 0.2em;
}
	
footer .footerHard img.logo{
	width: 28%;
}

footer .footerHard img.txt{
	width: 45%;
	max-width: 200px;
}
	
	
footer .footerLink a{
	border: solid 1px var(--white);
}
.banner_series a{
    width: 80%;
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
}