@charset "utf-8";
.top #siteHeader #menu{
  --menuColor: #FFF;
}
.top #siteHeader #menu li a:after{
  background: #FFF;
}
#contents .page-header h1.page-title{
  color: #FFF;
}
#siteFooter{
  filter: brightness(2);
}
.top #siteFooter{
  filter: brightness(2);
}
.top #siteHeader .logo{
  filter: brightness(2)
}

@media (max-width: 640px) {
    #page-bg {
        background: url(../img/ap_202512/sp_bg_common.jpg) no-repeat left top var(--bgColor);
        background-size: cover;
    }
    .top #page-bg {
        background: url(../img/ap_202512/sp_top_main.jpg) no-repeat center center;
        background-size: cover;
    }
    .profile #page-bg {
        background: url(../img/ap_202512/sp-bg_profile.jpg) no-repeat left top;
        background-size: cover;
    }

    #contents .page-header h1.page-title{
      color: var(--mainColor);
    }
    #siteFooter{
      filter: brightness(1);
    }

}