@charset "utf-8";
/*------------------------  zensho footer  ------------------------*/


.l-footer { display: block; font-size: 14px; }
.l-footer__frame { width: 100%; }
.l-footer__inner { max-width: 1020px; margin: 0 auto; overflow: hidden;}

.c-footer-store { padding: 27px 20px 40px; }
.c-footer-store__list { display: flex; flex-wrap: wrap; }
.c-footer-store__list li span a,
.c-footer-store__list li span span { display: block; padding: 4px; }
.c-footer-store__list li img { width: 49px; }

.c-footer-sp-store { display: none; }
.c-footer-sp-store__tbl { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }
.c-footer-sp-store__logo img { width: 40px; margin-right: 5px;}
.c-footer-sp-store__text { width: 124px; font-weight: 500; }
.c-footer-sp-store__btn { display: block; position: relative; cursor: pointer; }
.c-footer-sp-store__btn:after { content: ''; position: absolute; top: 50%; right: 0; display: block; width: 40px; height: 40px; margin-top: -20px; background-image: url("https://www.zensho.co.jp/jp/resource/img/sprite.png"); background-repeat: no-repeat; background-position: -182px -53px; background-size: 233px 216px; }
.open .c-footer-sp-store__btn:after { background-image: url("https://www.zensho.co.jp/jp/resource/img/sprite.png"); background-position: -182px -95px; }

.c-footer-copyright { margin: 0 20px; padding-bottom: 60px; border-top: 1px solid #e0e5e9; text-align: center; }
.c-footer-copyright__logo { margin: 30px auto 0; width: 100px; }
.c-footer-copyright__copy { margin-top: 18px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; }



@media screen and (max-width: 800px) {

 .l-footer { font-size: 13px; }

 .c-footer-store { padding: 0 10px; }
 .c-footer-store nav { max-height : 0; transition: 1s; }
 .c-footer-store nav.open { max-height: 1100px; }
 .c-footer-store__wrap { display: block; padding-bottom: 10px; border-top: 1px solid #e0e5e9; }
 .c-footer-store__list { padding: 10px 0 0; }
 .c-footer-store__list li { flex-basis: calc(100% / 6); }
 .c-footer-store__list li img { width: 100%; }

 .c-footer-sp-store { display: block; }
 .c-footer-sp-store img { display: inline; }

 .c-footer-copyright { margin: 0 10px; padding-bottom: 40px; }
 .c-footer-copyright__logo { margin: 20px auto 0; width: 70px; }
 .c-footer-copyright__copy { margin-top: 18px; font-size: 12px; }

}


