/* responsive */
/* footer */
#footer .global {
  padding: 28px 0 32px;
}

@media (min-width: 829px) {
  #footer .global {
    padding: 0 0 32px;
  }
}

@media (min-width: 829px) {
  #footer .global .sns {
    margin: 0 auto;
    position: relative;
    max-width: 828px;
  }
}

#footer .global .sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 829px) {
  #footer .global .sns ul {
    position: absolute;
    right: 0;
    top: 28px;
  }
}

#footer .global .sns ul li {
  height: 24px;
  overflow: hidden;
  position: relative;
  width: 24px;
}

@media (min-width: 829px) {
  #footer .global .sns ul li {
    border-radius: 4px;
    height: 40px;
    width: 40px;
  }
}

#footer .global .sns ul li ~ li {
  margin-left: 20px;
}

@media (min-width: 829px) {
  #footer .global .sns ul li ~ li {
    margin-left: 10px;
  }
}

@media (min-width: 829px) {
  #footer .global .sns ul li:nth-child(1) svg {
    left: 2px;
  }
}

#footer .global .sns ul li a {
  display: block;
  height: 100%;
}

#footer .global .sns ul li a svg {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

@media (min-width: 829px) {
  #footer .global .sns ul li a svg {
    width: 24px;
  }
}

#footer .global .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 22px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  line-height: 1;
}

@media (min-width: 829px) {
  #footer .global .link {
    margin-top: 0;
    padding-top: 28px;
  }
}

#footer .global .link li ~ li {
  margin-left: 2.4em;
  position: relative;
}

#footer .global .link li ~ li::before {
  content: "";
  display: inline-block;
  height: 1em;
  left: -1.2em;
  position: absolute;
  top: .2em;
  width: 1px;
}

#footer .global .link a {
  text-decoration: none;
}

#footer .global .link a:hover {
  text-decoration: underline;
}

#footer .global .copy {
  margin: 16px auto 0;
  font-family: Verdana, 'Noto Sans JP', sans-serif;
  text-align: center;
  line-height: 1;
}

@media (min-width: 829px) {
  #footer .global .copy {
    margin-top: 12px;
  }
}

#footer .global .copy small {
  font-size: 10px;
  line-height: 1.1;
}

@media (min-width: 829px) {
  #footer .global .copy small {
    font-size: 11px;
    line-height: 1.2;
  }
}

#footer .global .copy .br {
  display: block;
}

@media (min-width: 829px) {
  #footer .global .copy .br {
    display: none;
  }
}

#footer .global.dark {
  background-color: #1e1e1e;
}

@media (min-width: 829px) {
  #footer .global.dark .sns li {
    background: #3c3c3c;
  }
}

#footer .global.dark .sns li svg {
  fill: #3c3c3c;
}

@media (min-width: 829px) {
  #footer .global.dark .sns li svg {
    fill: #787878;
  }
}

#footer .global.dark .link li::before {
  background: #555;
}

#footer .global.dark .link a {
  color: #8A8A8A;
}

#footer .global.dark .copy {
  color: #787878;
}

#footer .global.light {
  background-color: #fff;
}

@media (min-width: 829px) {
  #footer .global.light .sns li {
    background: #d2d2d2;
  }
}

#footer .global.light .sns li svg {
  fill: #d2d2d2;
}

@media (min-width: 829px) {
  #footer .global.light .sns li svg {
    fill: #fff;
  }
}

#footer .global.light .link li::before {
  background: #ccc;
}

#footer .global.light .link a {
  color: #888;
}

#footer .global.light .copy {
  color: #9A9A9A;
}

/* svg */
.svgPath {
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 0;
}
/*# sourceMappingURL=footer.css.map */