.btn01 {
  text-align: center;
}

/* loginBox
---------------------------------------------- */
.boxContainer {
  display: grid;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
  row-gap: 2em;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 590px) {
  .boxContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 900px) {
  .boxContainer {
    -webkit-column-gap: 2em;
       -moz-column-gap: 2em;
            column-gap: 2em;
  }
}

.boxInner,
.box02 {
  padding: 1em;
  background-color: #EFF4F6;
  border-radius: 4px;
}
@media screen and (min-width: 900px) {
  .boxInner,
  .box02 {
    padding: 1.5em;
  }
}
.boxInner > .box01,
.box02 > .box01 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
  margin: 0 1.3em 1em;
}
.boxInner > .box01 > div,
.box02 > .box01 > div {
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  padding: 0.75em 0;
  background-color: #56a2df;
  border-radius: 4px;
}
.boxInner > .box01 > div > strong,
.box02 > .box01 > div > strong {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1;
}
.boxInner > .forBeginer,
.box02 > .forBeginer {
  border: #d2d2d2 1px solid;
  border-radius: 4px;
}
.boxInner > .forBeginer > h5,
.box02 > .forBeginer > h5 {
  font-weight: bold;
  text-align: center;
  border-bottom: #d2d2d2 1px solid;
  background-color: #eee;
  padding: 0.25em 0;
}
.boxInner > .forBeginer > p,
.box02 > .forBeginer > p {
  padding: 0.5em;
  line-height: 1.5 !important;
  background-color: #fff;
}

.boxContainer .btn button,
.boxContainer .btn a {
  margin: 0 auto;
}

/* fleft */
.boxContainer table {
  width: 100%;
  margin-bottom: 10px;
}

.boxContainer table th {
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 23px;
  padding-bottom: 5px;
  text-align: left;
}

.boxContainer table td {
  padding-bottom: 10px;
}

.boxContainer table input {
  padding: 5px;
}

.boxContainer form p, #loginForm p {
  line-height: 16px;
  padding: 2px 0 2px 13px;
  background: url(../../images/mainframe/arrow02.png) no-repeat left center;
  font-size: 0.8rem;
}

#loginForm p a {
  text-decoration: underline;
}

.boxContainer .btnLogin,
.boxContainer .btnEntry,
.boxContainer .btnCart,
.boxContainer .btnSubmit {
  width: 260px;
  margin: 0 auto;
}

.boxContainer .btnLogin a,
.boxContainer .btnEntry a,
.boxContainer .btnCart a {
  text-decoration: none;
  color: #fff;
}/*# sourceMappingURL=login.css.map */