@charset "utf-8";
footer { background-color: #f4f4f4; }
.footer-inner { width: 1200px; margin-left: auto; margin-right: auto; background-color: #f4f4f4; padding: 2rem 0; }
.footer-line { display: flex; }
.footer-line a { display: inline-block; padding-right: 1rem; margin-right: 1rem; margin-bottom: 1rem; font-size: 0.8125rem; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-weight: 300; color: #1b1b1b; position: relative; padding-top: 0.25rem; padding-bottom: 0.25rem; }
.footer-line a:not(:last-child)::after { position: absolute; content: ''; right: 0; top: 0; bottom: 0; height: 100%; border-right: 1px solid #1b1b1b; }
.caption { font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 0.8125rem; margin-bottom: 0.25rem; font-weight: 300; color: #1b1b1b; }
footer .hr { margin: 1.5rem 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; display: block; unicode-bidi: isolate; overflow: hidden; border-style: inset; border-width: 1px; }
.copyright { font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 0.8125rem; margin-bottom: 0.25rem; font-weight: 300; color: #1b1b1b; }
.sns-area { display: flex; }
.sns-area ul { display: flex; justify-content: flex-end; margin-left: auto; }
.sns-area ul li { display: inline-block; margin-right: 1rem; margin-bottom: 1rem; }

#gotop { position: fixed; z-index: 90; right: 15px; bottom: 15px; display: none; width: 50px; height: 50px; background: #33b5e5; line-height: 50px; text-align: center; box-shadow: 0 0 8px rgba(0,0,0,.2); background: url(../images/backtotop.png) 50%/28px auto no-repeat #fff; cursor: pointer; }