/* BASIC css start */
#footer { padding:35px 0 100px; background-color: #1c1b20; color: #fff; }
#footer a { color: #fff; }
#footer > div { margin: 0 16px; }
#footer a.goBtn { width: fit-content; max-height: 30px; padding: 0 10px; border: 1px solid #fff; box-sizing: border-box; font-size: 14px; line-height: 2; }
#footer .footerTop .sns { gap: 0 10px; }
#footer .footerTop .sns > li { width: 35px; }
#footer .footerTop .footerMenu { margin: 30px 0; gap: 10px 30px; }
#footer .footerTop .footerMenu li { position: relative; top: 0; left: 0; }
#footer .footerTop .footerMenu li::after { content: ""; display: block; width: 1px; height: 10px; position: absolute; top: 50%; right: 0; transform: translate(15px, -50%); background-color: #fff; }
#footer .footerTop .footerMenu li:last-of-type:after { display: none; }
#footer .footerTop .csWrap { gap: 0 6vw; }
#footer .footerTop .csWrap > div {width:50%;}
#footer .footerTop .csWrap > div,
#footer .footerTop .csWrap > div ul { display: grid; gap: 10px 0; }
#footer .footerTop .csWrap > div.right ul li:first-child {line-height:20px;}
#footer .footerTop .csWrap .tel strong { font-size: 20px; font-weight: 500; }
#footer .footerTop .csWrap,
#footer .footerBottom { font-size: 12px; opacity: 0.9; }
#footer .footerBottom { margin-top: 50px; }
#footer .footerBottom a.toggle { gap: 0 10px; }
#footer .footerBottom a.toggle img { max-width: 10px; padding-bottom: 5px; filter: invert(1); }
#footer .footerBottom a.toggle.on img { padding-top: 5px; transform: rotate(180deg); }
#footer .footerBottom ul { display: none; margin-top: 40px; gap: 10px 0; }
#footer .footerBottom ul li.copy { margin-top: 30px; }
#footer .footerBottom a.toggle.on + ul { display: grid; }

/* µ¶¹Ù */
.dockbarWrap { width: 100%; min-width: 320px; max-width: 640px; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #000; z-index: 90000; }
.dockbarWrap .wrap li { width: calc(100% / 6); height: 66px; }
.dockbarWrap .wrap a { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; padding: 13px 0; box-sizing: border-box; }
.dockbarWrap .wrap a span { font-size: 11px; color: #fff; }
.dockbarWrap .wrap a .imgWrap { display: flex; align-items: center; justify-content: center; max-width: 23px; }
.dockbarWrap .wrap li.back .imgWrap { max-width: 20px; height: 24px; } 
.dockbarWrap .wrap li.like .imgWrap { max-width: 35px; height: 27px; }
.dockbarWrap .wrap li.share {display:none;}
/* // µ¶¹Ù */

.dimmed {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1099;
}
.dimmed.active {
    display: block;
}
/* BASIC css end */