/* ------------------------------
ONLINE PAGE（）
------------------------------ */
.online__guide {
  & .intro__box {}

  & .howto__box {
    & .link__list2 {
      margin-top: 20px;
      color: var(--blue01);

      & ul {
        & li {
          & a {
            color: var(--blue01);
            text-decoration: underline;

            &::before {
              background: url(../img/common/icon_arrow_right_blue.svg) center center / 100% 100% no-repeat;
            }

            &.outlink {
              &::after {
                background: url(../img/common/icon_outlink_blue.svg) center center / 100% 100% no-repeat;
              }
            }
          }
        }
      }
    }

    & .note__list2 {
      margin-bottom: 40px;
    }

    & .more__box {
      width: 100%;
      max-width: 430px;
      margin: 50px auto 0 auto;
    }

    &+.howto__box {
      margin-top: 80px;
    }
  }

  & .recommend__spec {
    margin-top: 40px;
  }

}

.spec__table {
  margin-top: 20px;

  & table {
    width: 100%;
    border-collapse: collapse;

    & thead {
      & tr {
        & th {
          background: var(--blue03);
          vertical-align: center;
          font-size: var(--px16);
          padding: 1em calc(1em + 10px);
          text-align: left;
          line-height: 1.2;

          & .sub {
            font-size: var(--px12);
            display: block;
          }
        }
      }
    }

    & tbody {
      & tr {
        & td {
          font-size: var(--px16);
          padding: 1em;
          vertical-align: top;
          text-align: left;
          padding: 1em calc(1em + 10px);
        }

        &:not(:last-of-type) {
          & td {
            border-bottom: var(--black01) solid 1px;
          }
        }
      }
    }
  }
}

@media screen and (max-width:810px) {
  .online__guide {
    & .spec__table {
      & thead {
        & tr {
          & th {
            padding: 1em 0.5em;
          }
        }
      }

      & tbody {
        & tr {
          & td {
            padding: 1em 0.5em 1em 0.5em;
          }
        }
      }
    }
  }
}