/* Footer
--------------------------------------------- */
.site-footer {
	--flow-gap: var(--space-07);
}

.site-footer>* {
	--flow-gap: 0
}

.site-footer__title {
	font-family: "Maax Bold";
	font-size: 1.26563rem;
	font-size: var(--font-size-06);
	font-weight: normal;
}

@media screen and (min-width:50em) {
	.site-footer__title {
		font-size: 2.56578rem;
		font-size: var(--font-size-12)
	}
}

.site-footer__description {
	max-width: 34rem;
}

.site-footer__main {
	padding: 3rem;
	background: var(--color-background);
	color: var(--color-text);
}

.kodansha-logo.kodansha-logo--symbol {
	width: 48px;
	height: auto;
}

.kodansha-logo--symbol--white {
	fill: var(--color-white);
}

.footer__links,
.site-footer__do-not-sell-my-data,
.site-footer__copyright {
	font-size: .8em;
	font-size: calc(1em*var(--small-caps-modifier));
	font-family: "Maax Medium";
	font-weight: 400;
	letter-spacing: .16ch;
	text-transform: uppercase;
	margin: 1rem 0;
}

.footer__links a,
.site-footer__do-not-sell-my-data a,
.site-footer__copyright a,
#menu-footer-legal a {
    color: var(--color-white);
    text-decoration: none;
}

.footer__links a:visited,
.site-footer__do-not-sell-my-data a:visited,
.site-footer__copyright a:visited,
#menu-footer-legal a:visited {
    color: var(--color-white);
}

.footer__links a:hover,
.site-footer__do-not-sell-my-data a:hover,
.site-footer__copyright a:hover,
#menu-footer-legal a:hover {
    text-underline-offset: .2rem;
    text-decoration-line: underline;
    text-decoration-skip-ink: auto;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
}

#menu-footer-legal {
    font-size: calc(1em*var(--small-caps-modifier));
    font-family: "Maax Medium";
    font-weight: 400;
    letter-spacing: .16ch;
    text-transform: uppercase;
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

@media (any-hover:hover) {
	.site-footer__main a:hover {
		text-underline-offset: .2rem;
		text-decoration-line: underline;
		text-decoration-skip-ink: auto;
		text-decoration-style: solid;
		text-decoration-thickness: 2px;
	}
}

.site-footer__main a:active,
.site-footer__main a:hover {
	background: none;
	color: inherit
}

.site-footer__main .kodansha-logo {
	font-size: 3.65324rem;
	font-size: var(--font-size-15)
}

.site-footer__main .l-sidebar {
	--l-sidebar__main-min-size: 66.667%;
	--l-sidebar__gap-block: var(--space-06);
	--l-sidebar__gap-inline: var(--space-07)
}

.site-footer__main .l-cluster {
	--l-cluster__gap-inline: var(--space-07)
}

.site-footer__info {
	--flow-gap-all: var(--space-04)
}

.site-footer__do-not-sell-my-data {
	text-transform: uppercase;
}

.site-footer__copyright {
	--flow-gap-all: var(--space-06);
	color: var(--color-gray-dark);
	float: left;
}

.site-footer__main::after {
	content: "";
	display: table;
	clear: both;
}

.footer__columns {
	display: flex;
	flex-wrap: nowrap;
	gap: 2rem;
}

.footer__column {
  flex: 1;
}

.footer__heading {
  font-size: 0.875rem;
  letter-spacing: 1px;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--color-gray-dark);
  text-transform: uppercase;
}

.footer__nav {
  margin-top: 1rem;
}

.footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__link-item {
  margin-bottom: 0.75rem;
}

.footer__link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: var(--color-white);
  line-height: 1.4;
}

.social-section {
  margin-bottom: 2rem;
}

.site-footer__version {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0;
}

.site-footer__version-label {
	font-family: "Maax Bold";
	background-color: var(--color-white);
	color: var(--color-black);
	padding: 0.25rem 1rem;
	font-size: 0.75rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 1rem;
	display: inline-block;
}

.site-footer__version-number,
.site-footer__version-build {
	font-family: "Maax";
	font-size: 0.75rem;
	opacity: 0.5;
	color: var(--color-white);
}

.footer__columns--50 {
	flex: 2;
}

.footer__columns--33 {
	flex: 1;
}

@media (max-width: 1000px) {

	.footer__columns--50 {
		flex-direction: column;
	}
}

@media (max-width: 768px) {
	.footer__columns--33 .footer__column {
		width: 100%;
		flex: none;
	}

	.footer__columns--33 {
		flex-direction: column;
	}
}

.site-footer__partner {
	float: right;
	margin: 1rem 0;
}

.site-footer__partner-badge {
	display: inline-block;
	opacity: 0.5;
	transition: opacity 0.2s ease;
}

.site-footer__partner-badge:hover {
	opacity: 1;
	text-decoration: none;
}

.site-footer__partner-badge img {
	display: block;
	height: 48px;
	width: auto;
}

@media (max-width: 480px) {
	.site-footer__main {
		padding: 1rem;
	}

	.site-footer__info {
		margin-top: 1rem;
	}
}