/*===============================================================================
***既存スタイル
================================================================================*/
.l-footer__widgetArea,
.w-footer__box {
	padding: 0;
}
/* 幅広レイアウトに対応する為に必要 */
.w-footer__box {
	max-width: 100%;
}

/*===============================================================================
***マイフッター
================================================================================*/
.myFooter {
	color: var(--c-light);
}
/* リンクアニメーション */
.myFooter a[href] {
	transition: var(--ani-t--normal);
}
.myFooter a[href]:is(:hover, :focus) {
	color: var(--c-main);
	opacity: 0.7;
}

/* 背景色 */
.myFooter__bgc {
	position: relative;
	margin-bottom: var(--g-16);
	padding: var(--g-40) 0;
}
.myFooter__bgc::before {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-act01);
	z-index: -1;
}

/* カラム */
.myFooter__flex {
	--count: 1;
	--gap: var(--g-40);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--gap);
	font-family: var(--ff-g);
}
@media (min-width: 600px) {
	.myFooter__flex {
		--count: 2;
	}
}

/*===============================
* info
* =================================*/
.myFtr-info {
	max-width: 20.5rem;
	width: calc((90% - var(--gap) * (var(--count) - 1)) / var(--count));
	min-width: 20rem;
}
.myFtr-info__logo {
	display: inline-block;
	max-width: 15rem;
	margin-bottom: var(--g-16);
}
.myFtr-info__textArea {
	margin-bottom: var(--g-40);
}

/*===============================
* mainNav
* =================================*/
.myFtr-mainNav {
	flex-grow: 1;
	max-width: 36rem;
	width: calc((110% - var(--gap) * (var(--count) - 1)) / var(--count));
}
.myFtr-mainNav__list {
	--count: 2;
	--gap: 0rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	max-width: 720px;
	margin-inline: auto;
	border-top: 1px solid var(--c-light);
	border-left: 1px solid var(--c-light);
}
@media (min-width: 600px) {
	.myFtr-mainNav__list {
		--count: 3;
	}
}
@media (min-width: 768px) {
	.myFtr-mainNav__list {
		--count: 6;
	}
}
.myFtr-mainNav__list > li {
	width: calc((100% - var(--gap) * (var(--count) - 1)) / var(--count));
	text-align: center;
}
.myFtr-mainNav__list > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0.25em;
	border-bottom: 1px solid var(--c-light);
	border-right: 1px solid var(--c-light);
	font-weight: var(--fw-lg);
	transition: var(--ani-t--normal) ease-out;
}
.myFtr-mainNav__list > li > a:is(:hover, :focus) {
	background: var(--c-light);
	color: var(--c-main--dark);
}

/*===============================
* bottomNav
* =================================*/
.myFtr-bottomNav {
	width: 100%;
}
.myFtr-bottomNav > ul {
	display: flex;
	gap: var(--g-16);
	justify-content: center;
}
.myFtr-bottomNav > ul:not(:last-of-type) {
	position: relative;
}
.myFtr-bottomNav > ul:not(:last-of-type)::before {
	position: absolute;
	top: 50%;
	right: -0.5em;
	transform: translate(50%, -50%);
	content: "";
	width: 0.5px;
	height: 0.75em;
	background: var(--c-dark);
}

/*===============================================================================
***コピーライト
================================================================================*/
.l-footer__foot {
}