@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format("opentype");
}

body {
  color: #1a1a1a;
  font-family: 'News Cycle', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 300;
  letter-spacing: 0.04rem;
}

.p-page__container {
  font-size: 14px;
}

.p-page__wrap .p-shop__header a {
  color: #1a1a1a;
}

.p-page__wrap .p-shop__header a:hover {
  text-decoration: none;
}

.p-page__body-inner {
  border: none;
  padding-top: 0;
}

.c-button__group--sub {
  text-align: left;
}

.c-button__group--sub a {
  margin: 0 !important;
  font-size: 14px;
}

.c-alert {
  background: #fff;
  color: #1a1a1a;
  padding: 0;
}

.c-alert--danger {
  background: #fff;
  font-weight: normal;
}

.c-form__title {
  color: #1a1a1a;
  width: 30%;
  text-align: left;
}

.c-input--text {
  border: 1px solid #DFDFDF;
  padding: 10px 8px;
  border-radius: 0;
}

.c-form__note a {
  color: #1a1a1a;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.c-form__note a:before {
  position: absolute;
  top: 1.5em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #1a1a1a;
  -webkit-transition: .3s;
  transition: .3s;
}

.c-form__note a:hover:before {
  width: 100%;
}

.c-button__group input,
.c-button__group input:hover,
.c-button__group--sub a {
  background: #F2F2F2 !important;
  color: #1a1a1a !important;
  box-shadow: none;
}

textarea {
  resize: none;
}

.p-page__copyright {
  font-size: .7rem;
}

@media screen and (max-width: 767px) {
  .c-form__title {
    width: 100%;
    font-size: .8rem;
  }
  .c-alert {
    font-size: .7rem;
  }
}