abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  font-size: 62.5%;
  width: 100%
}

body {
  color: #4D4D4D;
  font-size: 1.6rem;
  font-family: Georgia, 游明朝, Yu Mincho, YuMincho, Hiragino Mincho ProN, HGS明朝E, メイリオ, Meiryo, serif;
  line-height: 200%
}

a[href] {
  color: #4D4D4D;
  text-decoration: none
}

.koburina-w6 {
  font-family: Koburina Gothic W6 JIS2004, sans-serif
}

.footer {
  height: 350px;
  background: #E5F1F9;
}

.footer a {
  color: #595757
}

.footer ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none
}

.footer ul li {
  line-height: 22px;
  font-size: 1.4rem
}

.footer__container {
  padding: 60px 100px 0;
  line-height: 1;
  text-align: center
}
.footer__links>li+li {
  position: relative;
  margin-left: 40px
}

.footer__links>li+li a {
  color: #4c4948
}

.footer__links>li+li:before {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 27px;
  height: 33px;
  margin-top: -11px;
  background-image: url(/store/naniiro/img/common/separate@2x.png);
  background-size: 27px 33px;
  background-repeat: no-repeat
}

.footer__links-store {
  margin-top: 30px
}

.footer__links-store li {
  border-left: 1px solid #4c4948;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.5rem
}

.footer__links-store li:last-child {
  border-right: 1px solid #4c4948
}

.footer__links-store li a {
  color: #898989
}

.footer__share {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end
}

.footer__share h3 {
  color: #4c4948;
  line-height: 22px;
}

.footer__share li {
  margin-left: 10px
}
.footer__logo {
  margin-top: 70px
}

@media (min-width:768px) {
  .footer__container {
    padding: 60px 20px 0;
  }
}
@media (max-width:767px) {
  .footer {
    height: auto;
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .footer ul {
    display: block
  }
  .footer__container {
    display: block;
    position: relative;
    padding: 0
  }
  .footer__links-store {
    margin-top: 0
  }
  .footer__links-store li {
    border-left: none;
    border-right: none!important
  }
  .footer__logo {
    margin-left: 0;
    margin-top: 20px
  }
  .footer ul li {
    line-height: 30px;
  }
  .footer__share {
    margin-bottom: 20px;
  }
  .footer__share ul {
    display: -ms-flexbox;
    display: flex
  }
  .footer__share h3 {
    margin-left: 27%;
    line-height: 30px;
  }
  .footer__links {
    margin-bottom: 20px;
  }
  .footer__links>li+li:before {
    background: none;
  }
  .footer__links>li+li {
    margin-left: 0;
  }
}