@charset "euc-jp";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Overpass:wght@400;700&display=swap');

body,html {
font-size: 62.5%;
font-family: 'Overpass','Noto Sans JP',"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0em;
line-height: 1.7;
color: #333;
font-weight: normal;
}
body {
        display: flex;
        flex-flow: column;
        min-height: 100vh;
}
html, body, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, ol, button {
    margin: 0;
    padding: 0;
    list-style: none;
}
a:link, a:visited, a:hover {
  text-decoration: none;
  outline: none;
  color: #333;
  transition: all 0.3s ease;
}

input {
  border:none;
  transition: all 0.3s ease;
}
.base01 {
  flex: 1;
  width: 100%;
}
.view_pc .base01 {
  width: 100%;
  max-width: 100vw;
}
.p-page__wrap {
  font-size:1.4rem;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}
.p-page__wrap .p-shop__header {
  width: 100%;
  min-height: 70px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 5px rgb(0 0 0 / 20%);
  padding:0;
  text-align:left;
}
img.p-shop__logo {
  display:none;
}
.p-page__wrap .p-shop__header a {
  background:transparent url(https://file003.shop-pro.jp/PA01471/792/img/common/logo_num2.svg) no-repeat center center / 200px auto;
  width:200px;
  height:35.33px;
  display:block;
  text-indent:-9999px;
  padding: 20px 60px 16px;
}
.base02.p-page__container {
  max-width:1024px;
  width:88%;
  margin:20px auto;
}
.c-button__group--sub {
  display:none;
}
.p-page__body-inner {
  border:none;
  color:#333;
}
.p-page__title {
  font-size:2.0rem;
  font-weight:bold;
}
.c-alert {
  text-align:center;
  background:#f8f8f8;
  /*display:flex;*/
  justify-content:space-between;
  align-items: flex-end;
}
.c-form__title {
  color:#333;
  font-size: 1.4rem;
  width: 25%;
}
.c-input--text {
  border: 1px solid #d2d2d2;
  font-size: 1.4rem;
  border-radius: 2px;
  padding: 12px;
}
.c-form__content {
  color:#333;
  width:75%;
}
.c-form__note {
  font-size: 1.3rem;
}
.c-form__note a {
  color:#cf3052;
  text-decoration:underline;
}
.c-button {
  background: #888;
  border:1px #888 solid;
  border-radius:2px;
  box-shadow:none;
  font-size:1.3rem;
}
.c-button--lg {
  font-size:1.4rem;
}
.c-button,
.c-button:link,
.c-button:active,
.c-button:visited {
  color: #fff;
}

.c-button--primary {
  background: #333;
  border:1px #333 solid;
  border-radius:2px;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:active,
.c-button--primary:visited {
  color: #fff;
}

.c-alert.c-alert--danger {
  color:#cf3052;
  font-weight:normal;
  font-size: 1.2rem;
  background: transparent;
  text-align: left;
}
.c-button:disabled, .c-button.disabled {
  cursor: pointer;
  background:#888;
  border-color:#888;
}
.c-button--danger {
  color: #fff;
  background:#cf3052;
  border:1px #cf3052 solid;
}
.c-text--danger {
  color:#cf3052;
  font-size: 1.3rem;
  display: block;
  margin: 10px 0;
}
.c-input--text {
  border-color: #d2d2d2;
}
.c-input--text:focus {
  border-color: #333;
}
.c-table-wrap--overflow,
.c-table__content,
.p-page__section,
.c-table-wrap,
.c-table-wrap table + table,
.c-table__title,
.c-table-sales__title {
  border-color:#839d8a;
}

.c-alert a {
  font-size:1.1rem;
  display:block;
}
.c-alert a b {
font-size: 1.3rem;
font-weight: normal;
background: #1bae8a;
color: #fff;
padding: 10px;
border-radius: 2px;
border: 1px #1bae8a solid;
}
.c-table-wrap--overflow {
  max-height: 100%;
}
.p-page__footer {
    padding: 60px 10% 10px;
    background: #f8f8f8;
    display: flex;
    flex-direction: column-reverse;
}
.view_pc .p-page__copyright.p-page__container {
  width: 100%;
  max-width: 100%;
  text-align: right;
  padding:0;
}
.p-page__copyright {
  font-size: 1.1rem;
}
.view_pc .p-page__container {
  margin-bottom: 30px;
}
.c-alert--success {
  color:#839d8a;
  text-align: center;
  display: block;
}
.c-form__title--must {
  color: #cf3052;
  font-size:1.2rem;
}
@media screen and (min-width: 1024px) {
a:hover {
    text-decoration: underline;
}
.c-button:hover {
  background:transparent;
  color:#888;
  border:1px #888 solid;
   transition: all 0.3s ease;
}
.c-button--primary:hover {
  background:transparent;
  color:#333;
  border:1px #333 solid;
}
.c-button:disabled:hover, .c-button.disabled:hover {
  background:#888;
  color:#fff;
  border-color:#888;
}
input.c-button:disabled:hover, input.c-button.disabled:hover {
  background:#fff;
  color:#888;
  border-color:#888;
}
.c-button--danger:hover {
  color: #cf3052;
  background:#fff;
  border:1px #cf3052 solid;
}
  .c-alert a b:hover {
    background:transparent ;
    color:#1bae8a;
  }
  .c-alert a:hover {
    text-decoration:none;
  }
}
@media screen and (max-width: 1023px) {
  .p-page__body-inner {
    padding:0;
  }
  .c-form__title,
  .c-form__content {
    width:100%;
  }
  .c-alert {
    text-align:left;
    display:block;
  }
  .c-alert a {
    display:block;
  }
  .c-form__content .c-button {
    padding: .75em 1.5em;
    font-size: 1.3rem;
}
}
@media screen and (max-width: 767px) {
  .p-page__wrap .p-shop__header {
    min-height: 40px;
  }
  .p-page__wrap .p-shop__header a {
    background: transparent url(https://file003.shop-pro.jp/PA01471/792/img/common/logo_num2.svg) no-repeat center center / 140px auto;
    width: 140px;
    height: 25px;
    padding: 10px;
  }
  .p-page__title {
    font-size: 2.4rem;
    margin: 30px 0 20px;
  }
  .c-alert {
    text-align:left;
    margin:10px 0 20px;
  }
  .c-alert div {
    display:inline-block;
    margin:10px 0;
  }
  .c-alert.c-alert--danger {
    padding:0;
    margin:10px 0 0;
  }
  .c-form__note {
    font-size: 1.4rem;
}
  .p-page__footer {
    padding: 30px 4% 10px;
  }
  .c-result-count {
    font-size:1.2rem;
    margin:20px 0 0;
  }
  .c-table-wrap--overflow {
    margin:0;
  }
  .c-form__table {
    margin:10px 0 0;
  }
}
@media screen and (max-width: 1030px) and (min-width:768px) {
.c-table, .c-table tbody {
  display: table;
  width: 100%;
}
.c-table__title-block {
    display: table-row;
}
.is-visible--phone {
    display: none;
    visibility: hidden;
}
  .c-table__content-block {
    display: table-row;
    padding:0;
    border-bottom:none;
    width: 100%;
  }
  .c-table__content {
    display: table-cell;
    padding: .7em;
    border-top: 1px solid #839d8a;
    border-left: 1px solid #839d8a;
    width: 33.33%;
}
  .c-table__content.c-type-of-money, .c-table .c-type-of-point {
    text-align:right;
  }
}