/* BASIC css start */
#footer-footer {
    width: 100%;
    box-sizing: border-box;
    padding:var(--p-1) var(--p-1) var(--p-3);
    background: var(--back1);
    position: relative;
    z-index: 2;
}
#footer-footer span {
    font-size: var(--f-1);
    line-height: 1;
    display: block;
    padding: var(--p-1) 0;
    border-top: 1px solid var(--gray);
    position: relative;
}
#footer-footer span:after {
    content:" ";
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    border-width: 1px 1px 0 0;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0,calc(-50% - 5px)) rotate(135deg);
}
#footer-footer span.active:after{
    transform:translate(0,calc(-50% - -5px)) rotate(-45deg);
}
#footer-footer ul {
    width: 100%;
    border-top: 1px solid var(--gray);
    padding: var(--p-1) 0 var(--p-0);
}
#footer-footer ul.fold {
    display:none;
}
#footer-footer ul.fold.active {
    display:block;
}
#footer-footer ul li {
    font-size: var(--f-1);
    line-height: 1;
    padding: 0 0 var(--p-0);
}
#footer-footer ul li a {}

/* BASIC css end */