@charset "utf-8";
@media screen and (max-width: 559px) {

  /* -----------------------------------------------
  common
  ----------------------------------------------- */
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .col-heading {
    width: 30%;
  }
  .col-contents {
    width: 70%;
  }

  /* -----------------------------------------------
  main - top
  ----------------------------------------------- */
  .top h1 {
    width: 80%;
  }
  .order h1 span {
    font-size: 12px;
  }
  .top-kv {
    width: 100%;
  }

  /* -----------------------------------------------
  main - order
  ----------------------------------------------- */
  .order {
    margin-bottom: 40px;
  }
  .order h1 {
    font-size: 16px;
  }
  .order-notes {
    line-height: 1.15em;
    padding: 16px;
  }
  .order-button {
    font-size: 14px;
    padding: 0 36px;
  }

  .order-button.gray {
    width: 90%;
  }

  /* -----------------------------------------------
  main - liveinfo
  ----------------------------------------------- */
  .liveinfo {
    margin-bottom: 40px;
  }
  .liveinfo h1 {
    font-size: 14px;
    font-weight: 600;
  }
  .liveinfo table {
    font-size: 14px;
  }
  .liveinfo th,.liveinfo td {
    line-height: 1.45em;
  }
  .liveinfo h2 {
    font-size: 14px;
  }
  .liveinfo-help {
    font-size: 14px;
  }
  .liveinfo small {
    font-size: 12px;
  }
  .liveinfo td small:last-child {
    margin-bottom: 8px;
  }

  /* -----------------------------------------------
  footer
  ----------------------------------------------- */
  footer {
    margin-top: 80px;
  }
  footer small {
    font-size: 8px;
  }
  .toPageTop {
    left: 0;
    right: 0;
    margin: auto;
  }

}