/*===============================================================================
既存
================================================================================*/
#footer{
	margin: 0;
	padding: 0 var(--container_pad);
}
#footer :is(.footer-bottom, .footer-left, .footer-right){
	display: none;
}
#footer :is(.footer-widgets, .widget-footer-center){
	margin: 0;
}
#footer .footer-widgets{
	display: block;
}
.footer-center{
	width: 100%;
	padding: 0;
}



/*===============================================================================
***マイフッター
================================================================================*/
.myFooter {
	color: var(--c-navy);
	font-weight: var(--fw-lg);
}
/* リンクアニメーション */
.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;
	z-index: 1;
	padding: var(--g-sec--md) 0;
}
.myFooter__bgc::before {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-blue);
	z-index: -1;
}

/*===============================
* ロゴ
* =================================*/
.myFtr-info__logo{
	display: block;
	width: 20%;
	min-width: 10rem;
	margin-inline: auto;
	margin-bottom: var(--g-sec--sm);
}
@media (min-width: 768px){
	.myFtr-info__logo{
		margin-inline: 0;
	}
}

/*===============================
* flex
* =================================*/
.myFooter__flex{
	--count: 1;
	--gap: var(--g-sec--md);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--gap);
}
@media (min-width: 768px){
	.myFooter__flex{
		--count: 2;
	}
}

/*===============================
* info
* =================================*/
.myFtr-info{
	flex-grow: 1;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
@media (min-width: 768px){
	.myFtr-info{
		max-width: 464px;
	}
}
.myFtr-info__time{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: var(--g-sec--xs);
}
.myFtr-info__place:not(:last-of-type){
	margin-bottom: var(--g-sec--xs);
}
.myFtr-info__place iframe{
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: .5rem;
	aspect-ratio: 420 / 200;
	object-fit: cover;
	object-position: 50% 50%;
}
.myFtr-info__zip{
	margin-bottom: .25rem;
}

/*===============================
* nav
* =================================*/
.myFtr-mainNav{
	flex-grow: 1;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	margin-bottom: var(--g-sec--md);
}
@media (min-width: 768px){
	.myFtr-mainNav{
		max-width: 480px;
	}
}
.myFtr-mainNav > ul > li:not(:last-of-type){
	border-bottom: 1px dotted var(--c-navy);
}
.myFtr-mainNav > ul > li > a{
	display: flex;
	align-items: baseline;
	gap: .25rem;
	padding: 1rem .5rem;
	color: var(--c-navy);
}
.myFtr-mainNav > ul > li > a::before{
	content: "＞";
	color: inherit;
	font-size: 1em;
}

/*===============================
 * copyright
 * =================================*/
.myFtr-copyright{
	text-align: center;
}
