/* CSS Document */
/*=============== Common ===============*/
@media(max-width: 768px) {
  .pc-on {
    display: none;
  }
  .tb-on {
    display: block;
  }
  .sp-on {
    display: none;
  }
}
/*=============== Header ===============*/
@media(max-width: 860px) {
  .header-inner {
    height: 50px;
  }
  .top-logo {
    float: none;
    width: 40%;
    margin: 0 auto;
  }
  .top-navi {
    display: none;
  }
}
/*========== Top-info ==========*/
@media(max-width: 768px) {
  .top-topics-table th {
    width: 23%;
    padding: 10px 1% 2px 1%;
  }
}
/*========== Foot-bana ==========*/
@media(max-width: 768px) {
  .foot-bana {
    width: 44%;
    float: left;
    margin: 0 2% 20px;
  }
}
/*===============  ===============*/
@media(max-width: 768px) {}
/*===============  ===============*/
@media(max-width: 768px) {}
/*===============  ===============*/
@media(max-width: 768px) {}
/*===============  ===============*/
@media(max-width: 768px) {}
/*=============================================
     Smart Phone
=============================================*/
/*=============== Common ===============*/
@media(max-width: 480px) {
  .pc-on {
    display: none;
  }
  .tb-on {
    display: none;
  }
  .sp-on {
    display: block;
  }
  .sp-none {
    display: none;
  }
}
/*=============== Burger ===============*/
@media(max-width: 480px) {
  .el_humburger {
    top: 10px;
  }
}
/*=============== Header ===============*/
@media(max-width: 480px) {
  .top-logo {
    float: none;
    width: 60%;
    margin: 0 auto;
  }
}
/*=============== Top-topics ===============*/
@media(max-width: 480px) {
  .top-topics-table th {
    width: 40%;
    padding: 10px 1% 2px 1%;
  }
  .top-topics-table td {
    padding: 10px 1% 2px 2%;
  }
}
/*===============  ===============*/
@media(max-width: 480px) {}
/*===============  ===============*/
@media(max-width: 480px) {}
/*===============  ===============*/
@media(max-width: 480px) {}
/*========== Foot-bana ==========*/
@media(max-width: 480px) {
  .foot-bana {
    width: 70%;
    float: none;
    margin: 0 auto 20px;
    font-size: 18px;
  }
}
/*===============  ===============*/
@media(max-width: 480px) {}
/*===============  ===============*/
@media(max-width: 480px) {}
/*========== FOOTER ==========*/
@media(max-width: 480px) {
  .footer-navi {
    padding: 20px 3% 50px;
  }
  .footer-navi li {
    padding: 0 2%;
    line-height: 1.8;
  }
  .footer-navi li a {
    font-size: 15px;
  }
  .footer-01 {
    margin: 0 7% 0 0;
  }
}