#footer {
    width: 100%;
    background-color: var(--color-accent-yellow);
    color: var(--color-white);
    clear: both;
    overflow: hidden;
    margin-top: auto; /* CSS sticky footer：.wrap の flex 余白を吸収し下端へ（旧 footerFixed.js） */
}
#footer p {
    font-family: 'Kosugi Maru', sans-serif;
    padding: 3vh 0;
    font-size: 4vw;
    border-bottom: 1px dotted var(--color-white);
    margin-bottom: 3vh;
}
#footer #addSp {
	padding: 0px 5vw;
}
#footer #addSp li img {
    height: 20px;
    width: auto;
    margin-right: 3vw;
}
#footer #addSp li {
    line-height: 20px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: bold;
    font-size: 4vw;
    display: block;
    text-align: left;
	margin-bottom: var(--space-15);
}
#footer #addSp li:last-child {
    margin-bottom: 3vh;
}
#footer #addSp li span {
    font-size: 3vw;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    letter-spacing: 0px;
    display: inline-block;
}
#footer #addSp li span.big {
    padding: 0px;
    font-size: 4vw;
}
#footer #add {
    display: none;
}
#footer #menu ul {
    overflow: hidden;
    width: 100%;
}
#footer #bottom .auto {
	width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
#footer #menu ul li, #footer #bottom li {
    position: relative;
    border-top: 1px solid var(--color-white);
    font-size: 3.5vw;
    line-height: 40px;
    text-align: left;
}
#footer #menu ul li:before, #footer #menu ul li:after, #footer #bottom li:before, #footer #bottom li:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#footer #menu ul li:before, #footer #bottom li:before {
	right: 10px;
	width: 	8px;
	height: 8px;
	border-top: 1px solid var(--color-white);
	border-right: 1px solid var(--color-white);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#footer ul li a {
    color: var(--color-white);
    display: block;
    padding: 0 3vw;
    font-family: 'Kosugi Maru', sans-serif;
}
#footer ul li a:hover {
    color: #A88B16;
}
#footer ul li a:hover span {
    border-bottom: 1px solid #A88B16;
}
#footer small {
    display: block;
    height: 50px;
    letter-spacing: 1px;
    clear: both;
    font-size: 1.5vw;
    background-color: var(--color-olive);
    line-height: 50px;
    text-align: center;
}