/* BASIC css start */
/**** FOOTER ****/
footer {  }


/* ÇÏ´Ü ¸Þ´º */
footer .footerMenu { clear:both; width:100%; background:#f6f6f6;border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin-top:0px; padding-left:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
footer .footerMenu ul { font-size:0; line-height:0; margin-left:4px; }
footer .footerMenu li { display:inline-block; margin-right:10px; }
footer .footerMenu li a { display:block; line-height:40px; font-size:10px; color:#777; letter-spacing:0.2px; }

/* °í°´¼¾ÅÍ & ÇÏ´ÜÁ¤º¸ (°øÅë) */
footer .footerText { padding:30px 14px 10px; text-align:left; }
/*
footer .footerText h3 { font-size:12px; font-weight:normal; color:#fff; margin-bottom:5px; }
*/
footer .footerText h3 { position:relative; line-height:14px; padding-bottom:15px; margin-bottom:20px; font-size:12px; color:#222; letter-spacing:2px; }
footer .footerText h3:after { content:""; position:absolute; left:0; bottom:0; width:25px; height:1px; background:#8d8a88; }

footer .footerText ul { font-size:0; line-height:0; }
footer .footerText ul li { font-size:10px; line-height:1.8em; color:#999; letter-spacing:0; }
footer .footerText a { line-height:1.3em; color:#999; }

/* °í°´¼¾ÅÍ */
footer .shopInfo {}
footer .shopInfo .call { font-size:16px; color:#222; font-weight:bold; }
footer .shopInfo .copyright { margin-top:15px; }
footer .shopInfo .copyright,
footer .shopInfo .copyright a { font-size:9px; line-height:1.3em; color:#ccc; }

/* ÇÏ´ÜÁ¤º¸ */
footer address { margin-top:0px; }


/* »ó´Ü ¹öÆ° */
.btnTop {     display: none;position: fixed;bottom: 14px;right: 14px;z-index: 100;opacity: 0.8;background: #8d8a88;border-radius: 100%;color: #fff;}
.btnTop a {    display: inline-block;width: 38px;height: 38px;line-height: 38px;font-size: 10px;color: #ffffff;text-align: center;font-weight: bold;}

.footerInfo { margin:20px 0 20px; }

#fsnsbu { margin-bottom:30px; display:none; }
.footrightti { font-weight:bold;margin-bottom:6px; font-size:11px; }
.foot_sns li { display:inline-block;margin-right:6px; vertical-align:top; }
.foot_sns li img { width:24px; }





footer {
        background-color: #fff;
        position: relative;
        top: 0;
        left: 0;
        padding: 20px;
    }

    footer .footer-inside {
        padding: 20px var(--layout-row-gap);
    }

    footer .footer-inside .mobile-content-show {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    footer .footer-inside .mobile-content-show > .hide-box {
        display: none;
        flex-direction: column;
        gap: 15px;
    }

    footer.m-footer-open .footer-inside .mobile-content-show > .hide-box {
        display: flex;
    }

    footer .footer-inside .mobile-content-show .box {
        display: flex;
        flex-direction: column;
    }

    footer .footer-inside .mobile-content-show .box * {
        font-size: 10px;
    }

    footer .footer-inside .mobile-content-show .hide-box-opener {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    footer.m-footer-open .footer-inside .mobile-content-show .hide-box-opener i {
        transform: rotate(180deg);
    }

    footer .footer-inside .mobile-content-show > .box.box-privacy {
        display: flex;
        gap: 10px;
        flex-direction: row;
    }

    footer .footer-inside .mobile-content-show > .box.box-sns a img {
        width: 15px;
        vertical-align: -4px;
    }

    footer .footer-inside .mobile-content-show > .box:last-child {
        flex-direction: row;
        align-items: center;
    }

    footer .footer-inside .mobile-content-show > .box:last-child,footer .footer-inside .mobile-content-show > .box:last-child * {
        color: #A2A2A2;
    }

    footer .footer-inside .mobile-content-show > .box:last-child > strong {
        margin: 0 2px;
    }
    
    
    

footer .hide-box { display:none; text-align: center; }    
footer .hide-box.active { display:block !important; }
footer .footer-inside .mobile-content-show .hide-box.active .box { text-align:left; }
footer .box .arrow { display: inline-block; position: relative; }
footer .box .arrow::after { content: ''; position: absolute; top: -10px; right: -10px; width: 6px; height: 6px; border-top: 1px solid black; border-right: 1px solid black; transform: rotate(135deg); }
footer .box .arrow.active::after { transform: rotate(-45deg); top: -6px; }

.fixed-button {
position: fixed;
bottom: 20px;
left: 90%;
transform: translateX(-50%);
background-color: transparent;
border: none;
cursor: pointer;
z-index: 999;
}
/* BASIC css end */