@charset "UTF-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WP Maruso Group Theme
	ver.2023.08.16.Custom-
	ページフッタ―のスタイルシート
────────────────────────────────────────
FileName:		/resources/css/style-footer.css
Editor:			TRUSTEC
Description:	ページフッタ―のスタイルシート。
────────────────────────────────────────
2023/07/25:		公開。
2022/12/01:		開発開始。
2022/11/01:		サンプル開発開始。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/* ::::: [COMMON] ::::: */

/* Custom Properties
--------- --------- --------- ------- */
:root {
/*	--footer-padding: 2rem 4.8vw;*/
	--footer-padding-x: max(1rem, 5.21vw);
	--footer-padding-y: max(1rem, 4.06vh);
	--footer-padding: var(--footer-padding-y) var(--footer-padding-x);
/*	--footer-logo-width: 16rem;*/
	--footer-logo-width: 36vw;
	/*--footer-logo-width: 38.18vw;*/
	--footer-menu-bottom-padding: 0 4.8vw;
}





/* ::::: [SECTION : FOOTER] ::::: */

/* Footer
--------- --------- --------- ------- */
footer {
}

/* Page Footer
--------- --------- --------- ------- */
#pageFooter {
	background-color: var(--footer-background-color);
	color: var(--footer-color);
/*	font-size: small;*/
	font-size: max(0.84rem, 0.78vw);
	padding-top: var(--footer-padding-y);
}

#pageFooter a {
	color: currentColor;
	text-decoration: none;
}
#pageFooter a:hover,
#pageFooter a:focus,
#pageFooter a:active {
}

#pageFooter nav {
}



/* Page Footer's Title
--------- --------- --------- ------- */
#pageFooter .footer-title {
/*	padding: 2rem 4.8vw;	*/
	padding: var(--footer-padding);
}
#pageFooter .footer-title .container-fluid {
	/*max-width: 1500px;*/
	padding-left: var(--magazin-layout-space-width-half);
	padding-right: var(--magazin-layout-space-width-half);
}
.footer-title {
}

#pageFooter .footer-title .footer-logo {
/*	width: 16rem;	*/
	width: var(--footer-logo-width);
	display: inline-block;
}
.footer-logo img,
.footer-logo svg {
	width: 100%;
}

/* Page Footer's Menu
--------- --------- --------- ------- */
#pageFooter .footer-menu {
/*	padding: 2rem 4.8vw;	*/
	padding: var(--footer-padding);
}
#pageFooter .footer-menu .container-fluid {
	/*max-width: 1500px;*/
	padding-left: var(--magazin-layout-space-width-half);
	padding-right: var(--magazin-layout-space-width-half);
    padding-bottom: var(--footer-padding-y);
}
.footer-menu {
}

/*
--------- --------- --------- ------- */
#pageFooter .footer-menu-bottom {
	background-color: var(--common-pointed-color-1);
	color: #ffffff;
/*	padding: 0 4.8vw;	*/
	padding: var(--footer-menu-bottom-padding);
}
#pageFooter .footer-menu-bottom a {
	color: inherit;
}


/* Media Query
--------- --------- --------- ------- */
/*	DisplayWidth > XL	*/
@media (min-width: 1400px) {
}

/*	DisplayWidth < SM	*/
@media (max-width: 767px) {
}

/*	DisplayWidth < XS	*/
@media (max-width: 575px) {

	/* Page Footer's Title
	--------- --------- --------- ------- */
	#pageFooter .footer-title {
		padding-top: 0;
	}

	/* Page Footer's Menu
	--------- --------- --------- ------- */
	#pageFooter .footer-menu {
	}
	#pageFooter .footer-menu .container-fluid {
	}
	.footer-menu {
		/*display: none;*/
	}

	/*
	--------- --------- --------- ------- */
	#pageFooter .footer-menu-bottom {
	}
	#pageFooter .footer-menu-bottom a {
	}
}







/* SNSアイコンメニューリスト
--------- --------- --------- ------- */
#pageFooter .list-sns {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	justify-content: center;
	gap: max(1em, 0.94vw);
}
#pageFooter .list-sns li {
}
#pageFooter .list-sns li a {
	width: max(30px, 2vw);
	display: block;
}
#pageFooter .list-sns li a img,
#pageFooter .list-sns li a svg {
	width: 100%;
}

/* サイトマップメニューリスト
--------- --------- --------- ------- */
#pageFooter .list-pages {
	list-style-type: none;
	margin: 0;
	padding: 0;
	gap: 2vw;
}
#pageFooter .list-pages li {
}
#pageFooter .list-pages li:not(:first-child) {
	/*margin-left: 1.5rem;*/
}

/* コピーライト表記
--------- --------- --------- ------- */
#pageFooter .copyright {
    font-family: var(--common-font-an-family);
	font-weight: var(--common-font-an-weight-medium);
    font-style: normal;
    letter-spacing: 0.1em;
	text-shadow: 0 0 3px rgba(255, 255, 255, 0.3), 1px 1px 3px rgba(0, 0, 0, 0.3);
}







/* Media Query
--------- --------- --------- ------- */
/*	DisplayWidth > XL	*/
@media (min-width: 1400px) {
}

/*	DisplayWidth < SM	*/
@media (max-width: 767px) {
}

/*	DisplayWidth < XS	*/
@media (max-width: 575px) {

	/* Custom Properties
	--------- --------- --------- ------- */
	:root {
		--footer-logo-width: 52vw;
	}

/*	#pageFooter .footer-title .footer-logo {
		width: 52vw;
	}*/
}