@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
/*==================
footer
==================*/
:root {
	--footer-color: #ff65a9;
    --footer-line: #fff;
}
footer{
    position: relative;
	text-align: center;
	letter-spacing: 0.1em;
	color: var(--footer-line);
	font-size: 80%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: var(--footer-color);
}
footer a{
	color: var(--footer-line);
}

footer a:hover{
	opacity:0.7;
}

footer p{
	padding: 1em;
	vertical-align: middle;
	border-bottom: 1px solid var(--footer-line);
}

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

footer .footerCopy{
	border: none;
}

footer .banner_app{
    max-width: 600px;
    width: 60%;
    display: inline-block;
}
/**/
.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: 768px) {
    footer{
        padding-bottom: 100px;
    }
    .banner_series a{
    width: 80%;
    }
}
@media screen and (max-width: 480px) {
}