@charset "euc-jp";

html {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
}

body {
  color: #292929;
  font-family: 'Open Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
  line-height: 1.8;
  margin: 0 auto;
}

a {
  color: #67B2BC;
}

p {
  padding: 10px 15px;
  background: #B6D8DE;
}

.p-shop__logo {
    max-width: 700px;
}

input {
  -webkit-appearance: none;
  color:#292929;
}

.c-input--text {
  border: 1px solid #D9D9D9;
  border-radius: 0 !important;
}

.c-input--select {
  border: 1px solid rgba(122,113,98,.3);
  background: #FFF none repeat scroll 0% 0%;
  padding: 0.7em 1em;
  color:#292929;
  border-radius: 0 !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.c-form__note {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #A1A1A1;
}

.c-form__title {
  width: 40%;
}

.c-form__content {
  width: 60%;
}

.c-form__content.c-type-of-money,
.c-form__content.c-type-of-point {
  color: #292929;
}

.c-form__content .c-button {
  margin-bottom: 3px;
}

.p-page__body {
  background: transparent;
}

.p-page__body-inner {
  border-top: 0;
  border-bottom: 0;
  color:#292929;
}

.p-page__title,
.c-form__title {
  color:#292929;
}

.c-alert {
  color: #292929;
  background: rgba(165,165,165,.2);
}
.c-alert--danger {
    color: #f44336;
}

.c-form__example {
  background: none;
}

.c-table-wrap--overflow {
  border: 2px solid #292929;
  border-radius: 0;
}
.c-table__title{
  border-left: 1px solid #292929;
}
.c-table__content {
  border-top: 1px solid #292929;
  border-left: 1px solid #292929;
}

.c-line {
 background: #D9D9D9;
 height: 1px;
}

/* ホームに戻るボタン */
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #FFF;
  box-shadow: none;
}
.c-button {
  background: #292929;
}
  .c-button:hover {
    color: #FFF;
    background: #6ABFC6;
  }

/* ログアウトボタン */
.c-button--lg,
.c-button--lg:link,
.c-button--lg:hover,
.c-button--lg:active,
.c-button--lg:visited {
  color: #FFF;
  box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.15) inset;
}
.c-button--lg {
  background: #A1A1A1;
}
  .c-button--lg:hover {
    background: #B6B6B6;
  }

/* ログインボタン */
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #FFF;
  -moz-box-shadow: 0px 2px 0px 0px #448A9B;
  -webkit-box-shadow: 0px 2px 0px 0px #448A9B;
  box-shadow: 0px 2px 0px 0px #448A9B;
  border-radius: 4px;
}
.c-button--primary {
  background: #67B2BC;
}
  .c-button--primary:hover {
    background: #6ABFC6;
  }

.c-button:disabled,
.c-button.disabled,
.c-button:disabled:hover,
.c-button.disabled:hover {
    background: #D9D9D9;
    color: #FFF;
}


.p-secure__msg {
  width: 270px;
}

.p-secure__image img {
  margin-top: 3px;
}

@media only screen and (max-width: 768px) {
  .p-page__wrap {
    font-size: 13px;
  }
  .p-shop__logo {
    max-width: 100%;
  }
  .c-form__title {
    font-size: 14px;
  }
  .c-input--text {
    padding: 0.7em 1em;
    font-size: 16px;
  }
  .c-table__content {
    border: medium none;
  }
  .c-form__content .c-button {
    padding: 14px 1em;
    font-size: 15px;
  }
  .c-form__title,
  .c-form__content {
    width: auto;
  }
}

@media only screen and (max-width: 480px) {
  .p-page__title,
  .c-button__group .c-button {
    font-weight: bold;
  }
  .p-secure__msg {
    width: 70%;
    padding-bottom: 20px;
  }
  .c-button__group .c-button {
    padding: 1.1em 0px;
  }
}