/*===============================================================================
既存フッター
================================================================================*/
.siteFooter{
	background-color: transparent;
	border: 0;
}
.siteFooter .col-md-4:not(:has(.my-footer)){
	display: none;
}
.siteFooter .col-md-4:has(.my-footer){
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}
.siteFooter .widget_block{
	margin-bottom: 0;
}
.container.footerWidget{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.copySection{
	display: none;
}



/*===============================================================================
自作フッター
================================================================================*/
.my-footer{
	display: flex;
	flex-direction: column;
	gap: var(--g-sec--md);
}

/*===============================
* 区切り線
* =================================*/
.my-footer-separate{
	display: flex;
	align-items: center;
	gap: .25rem;
}
.my-footer-separate__deco.--left,
.my-footer-separate__deco.--right{
	width: 1.25rem;
	height: 1.25rem;
}
.my-footer-separate__deco.--right{

}
.my-footer-separate__deco.--center{
	width: 2.5rem;
	height: 1.25rem;
}
.my-footer-separate__line{
	flex-grow: 1;
	border-top: 2px solid var(--c-main);
}


/*===============================
* 情報
* =================================*/
.my-footer-info__name{
	display: block;
	max-width: fit-content;
	margin-inline: auto;
	margin-bottom: var(--g-sec--xs);
	text-align: center;
}
.my-footer-info__address{
	margin-bottom: 0;
	text-align: center;
	font-family: var(--ff-m);
	font-size: 1.25rem;
	color: var(--c-light);
}

/*===============================
* SNS
* =================================*/
.my-footer-sns__links{
	display: flex;
	gap: clamp(1rem, 0.821rem + 0.48vw, 1.25rem);
	max-width: fit-content;
	margin-inline: auto;
}
.my-footer-sns__link{
	width: clamp(2.5rem, 1.429rem + 2.86vw, 4rem);
	transition: var(--ani-t--normal) ease-out;
}
.my-footer-sns__link:is(:hover, :focus){
	opacity: .7;
}


.my-footer-copy{
	max-width: fit-content;
	margin-inline: auto;
	text-align: center;
}
.my-footer-info__link{
	margin-bottom: 1rem;
	font-size: 1rem;
	color: var(--c-light);
	transition: var(--ani-t--normal) ease-out;
}
.my-footer-info__link:is(:hover, :focus){
	color: var(--c-main);
}
.my-footer-copy__info{
	margin-bottom: 0;
	font-size: .75rem;
	color: var(--c-brown--light);
}