@charset "UTF-8";

.l-footer {
	position: relative;
	z-index: 0;
	color: var(--ark-color--footer_txt, #333);
	background: var(--ark-color--footer_bg, #fff);

	a,
	span {
		color: inherit;
	}
}


.l-footer__inner {

	@include sp {
		// #fix_bottom_menuと同じ値
		padding-bottom: calc(env(safe-area-inset-bottom) * .5);
	}
}

.l-footer__widgets {
	padding: 2rem 0;

	// 複数列の時、フォントサイズ小さく。
	&.has-columns,
	.wp-block-columns {

		@include pc {
			font-size: .9rem;
		}

	}

	> .l-container {

		@include pc {
			display: flex;
		}
	}

	.w-footer {

		@include pc {
			flex-basis: 100%;
		}

	}

	.w-footer + .w-footer {

		@include pc {
			margin-left: 2rem;
		}

		@include sp {
			margin-top: 2rem;
		}
	}

}


.l-footer__foot {
	padding-top: 1rem;
	padding-bottom: 1rem;

}

// フッターナビ
.l-footer__nav {
	margin-bottom: 1rem;

	@extend %reset_list;

	a {
		display: block;
		padding: 0 .5rem;
		color: inherit;
		font-size: .8rem;

		&:not(:hover) {
			text-decoration: none;
		}

		@include tab {
			padding: 0 .75em;
		}
	}

	.sub-menu {
		display: none;
	}
}

.c-copyright {
	font-size: .8rem;
	text-align: center;
}