body {
  background: url(https://honkeohnishi-ec.sakura.ne.jp/image/footer_contact_bg.jpg) no-repeat top center;
    background-size: cover;
    min-height: 100vh;
}
.view_pc .base01 {
    margin-top: 50px;
}
.p-shop__title {
  color: transparent;
    display: inline-block;
  width: 500px;  /* ロゴの横幅に合わせて調整してください */
  height: 150px;  /* ロゴの高さに合わせて調整してください */
  background-image: url('https://honkeohnishi-ec.sakura.ne.jp/image/logo_white.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.p-shop__header--title a {
  text-decoration: none;
  display: inline-block;
}
.p-page__body {
    background: #efefef;
    box-shadow: 0 0 15px #333;
    border-radius: 10px;
}
.p-page__body-inner{
  border: none;
}
.p-page__title {
  /* 元の「ログイン」の文字を消す */
  font-size: 0;
  
  /* 中央寄せを維持 */
  text-align: center;
}

.p-page__title::before {
    content: "大西法衣佛具店オンラインショップにログイン";
    font-size: 1.2rem;
    display: block;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #666;
}
.c-alert {
    color: #666;
    background: #eaeaea;
    padding: 20px;
    margin: 30px 0;
    line-height: 1.6;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}
.c-alert a{
  color: #D35B5C;
}
.c-form__note a{
   color: #D35B5C;
}

/* テーブルの各行をブロック化 */
.c-form__table tr {
  display: block;
  margin-bottom: 20px; /* 各項目の間に少し隙間を作る */
}

/* 見出し(th)と中身(td)を縦に並べる */
.c-form__table th,
.c-form__table td {
  display: block;
  width: 100%;       /* 横幅いっぱいに広げる */
  text-align: center; /* センター寄せ */
  box-sizing: border-box;
}

/* 見出しの下に少し余白を作る */
.c-form__table th {
    padding-bottom: 0;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #777;
}

/* 入力ボックスを中央寄せ */
.c-input--text {
  display: block;
  margin: 0 auto;    /* input自体を中央に */
  width: 100%;       /* 幅を調整 */
  max-width: 400px;  /* 広がりすぎないように制限 */
  font-size: 1.1rem;
}

/* 補足テキストも中央へ */
.c-form__note {
  text-align: center;
  margin-top: 10px;
}

.p-page__footer {
    color: #FFF;
}
.p-page__copyright.p-page__container a {
    color: #d8c3c3;
}

.c-button {
  background: #eff2f4;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #35454c;
}
.c-button:hover {
  background: #dfe5e8;
}
.c-button--primary {
  background: #D35B5C;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #FFF;
}
.c-button--primary:hover {
  background: #dfaaaa;
}
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}
.c-input--text {
  border-color: #d7dee2;
}
.c-input--text:focus {
  border-color: #607d8b;
}