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

/* ここから下は、もとから入っていた指定（項目編集の色と連動）。そのまま残す */
body {
  background: #FFFFFF;
}
.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: #feedeb;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #86251e;
}
.c-button--primary:hover {
  background: #fdd9d7;
}
.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;
}

/* ここから下が追加分 */
/* 会員ログイン・メルマガの見た目を新しいデザインに合わせる 2026-10-03／10-05（2つの欄に同じ内容を貼る） */
body{font-family:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:14px;line-height:1.8;letter-spacing:.03em;color:#242424;background:#fff;}
.p-page__body a{color:#242424;}

/* ロゴ */
.p-shop__header{padding:28px 0 20px;}
.p-shop__logo{width:240px;max-width:60%;height:auto;}

/* 「ショップへ戻る」 */
.c-button__group--sub{margin:16px 0 24px;}
.c-button.c-button-sm,.c-button.c-button--sm{padding:6px 14px;border:1px solid #d5d5d5;border-radius:999px;background:#fff;box-shadow:none;font-size:12px;}
.c-button.c-button-sm,.c-button.c-button-sm:link,.c-button.c-button-sm:visited,.c-button.c-button-sm:hover,.c-button.c-button-sm:active,.c-button.c-button--sm,.c-button.c-button--sm:link,.c-button.c-button--sm:visited,.c-button.c-button--sm:hover,.c-button.c-button--sm:active{color:#242424;}
.c-button.c-button-sm:hover,.c-button.c-button--sm:hover{background:#f2f2f2;}

/* 見出しと案内文 */
.p-page__title{font-size:20px;font-weight:500;line-height:1.5;letter-spacing:.05em;color:#242424;}
.c-alert{margin:24px 0;padding:20px 24px;background:#f2f2f2;color:#242424;font-size:13px;line-height:1.9;}
.c-alert a{color:#242424;text-decoration:underline;}

/* 入力欄 */
.c-form__table{margin:8px 0 0;}
.c-form__title{font-size:13px;font-weight:500;color:#242424;}
.c-form__content{font-size:14px;}
.c-form__note{font-size:12px;color:#6b6b6b;}
.c-input--text{padding:10px 12px;border:1px solid #d5d5d5;border-radius:4px;box-shadow:none;font-family:inherit;font-size:14px;color:#242424;}
.c-input--text:focus{border-color:#242424;outline:0;}

/* 送信・登録・ログインのボタン（黒の塗り） */
.c-button.c-button--primary,.c-button.c-button--login{padding:12px 32px;border:1px solid #242424;border-radius:999px;background:#242424;box-shadow:none;font-size:14px;letter-spacing:.05em;transition:background-color .2s,border-color .2s;}
.c-button.c-button--primary,.c-button.c-button--primary:link,.c-button.c-button--primary:visited,.c-button.c-button--primary:hover,.c-button.c-button--primary:active,.c-button.c-button--login,.c-button.c-button--login:link,.c-button.c-button--login:visited,.c-button.c-button--login:hover,.c-button.c-button--login:active{color:#fff;}
.c-button.c-button--primary:hover,.c-button.c-button--login:hover{background:#5e5e5e;border-color:#5e5e5e;}
/* 「私はロボットではありません」にチェックするまで押せない状態 */
.c-button.c-button--primary:disabled,.c-button.c-button--primary:disabled:hover,.c-button.c-button--login:disabled,.c-button.c-button--login:disabled:hover{border-color:#cfcfcf;background:#cfcfcf;color:#fff;cursor:not-allowed;}
.c-button.c-button--lg{min-width:200px;font-family:inherit;}

/* 解除などのボタン（枠線） */
.c-button.c-button--danger{padding:12px 32px;border:1px solid #242424;border-radius:999px;background:#fff;box-shadow:none;font-size:14px;}
.c-button.c-button--danger,.c-button.c-button--danger:link,.c-button.c-button--danger:visited,.c-button.c-button--danger:hover,.c-button.c-button--danger:active{color:#242424;}
.c-button.c-button--danger:hover{background:#f2f2f2;border-color:#d5d5d5;}
.c-button__group{margin:28px 0 32px;}
.c-line{border-color:#e2e2e2;}

/* フッター */
.p-page__footer{margin-top:16px;}
.p-page__copyright{padding-top:20px;font-size:11px;color:#6b6b6b;}

@media (max-width:600px){
  .p-shop__logo{width:180px;}
  .p-page__title{font-size:17px;}
  .c-alert{padding:16px;}
  /* iPhoneは文字が16px未満の入力欄をタップすると画面を拡大するので、スマホ幅では16pxにする 2026-10-05 */
  .c-input--text{font-size:16px;}
}