/*
  style.css — 外部制作の CSS をここに置く（または差し替える）

  ・デザインは外部で制作するため、このテンプレートには装飾スタイルを含めていない
  ・納品された CSS をこのファイルに統合するか、assets/css/ 配下に置いて
    @import url("./xxx.css"); で読み込む（index.html / thanks/index.html / 404.html は
    このファイルだけを <link> している）
  ・統合のために最小限のスタイルが必要になった場合（例: フォームのエラー表示や
    送信中の見た目）は、外部 CSS の後ろ＝このファイルの末尾に追記する
      .js-form-error[hidden] { display: none; }
      .js-form.is-sending [type="submit"] { opacity: 0.6; pointer-events: none; }
*/
@import url("./kachidoki.css");

/* ---- 統合用（納品デザインには無い最小限のスタイル） ---- */
/* 納品 CSS の img{display:block} が hidden 属性より優先されるため（写真の切り替え） */
img[data-photo][hidden] { display: none; }
/* お問い合わせ欄（#cv は文字色が白）の白背景の枠に置いたフォームの文字色と余白 */
#cv .js-form { color: #1d2026; padding: 24px; }
.js-form-error[hidden] { display: none; }
/* フォームの送信ボタン（ユーザー指定: ボタンらしく・赤。形は納品の CTA ボタンに合わせる） */
#cv .js-form [type="submit"] {
  display: flex; justify-content: center; align-items: center;
  width: 100%; height: 56px; margin-top: 16px;
  border: 0; background: #c8102e; color: #fff;
  font: inherit; font-weight: 700; font-size: 16px; letter-spacing: .1em;
  cursor: pointer;
}
#cv .js-form [type="submit"]:hover { background: #a00d25; }
#cv .js-form [type="submit"] [hidden] { display: none; }
.js-form.is-sending [type="submit"] { opacity: 0.6; pointer-events: none; }