@charset "UTF-8";

footer {
  width: 100%;
  background: #c8161d;
  padding: 30px 0;
}

footer * { color: #fff; }

footer .content {
  display: -webkit-box;  /*Android4.3*/
  display: -moz-box;     /*Firefox21*/
  display: -ms-flexbox;  /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  font-weight: bold;
}

footer .menu {
  display: -webkit-box;  /*Android4.3*/
  display: -moz-box;     /*Firefox21*/
  display: -ms-flexbox;  /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
}

footer .menu a {
  font-size: 15px;
  margin-right: 20px;
}

footer .copyright {
  margin-left: auto;
  font-size: 13px;
  padding-top: 1px;
}

@media (max-width: 1000px) {
  footer .menu {
    margin-bottom: 20px;
  }

  footer .content {
    display: block;
  }
}

/* mobile */
@media (max-width: 720px) {
  footer {
    padding: 0;
    background: transparent;
  }

  footer .sp-menu .inner nav.nav_02 li {
    background: #aaa;
  }

  footer .sp-menu .inner nav.nav_02 li a {
    font-size: 15px;
    padding: 10px 15px;
  }

  footer .sp_copyright {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    background-color: #c8161d;
  }

  footer .sp_copyright_year {
    margin-bottom: 5px;
  }

  footer .content {
    display: none;
  }
}