/* Contact Form 7（MW WP Form から置き換え。initializr 系テーマ用）
   出典：form-refactoring/shared/initializr/cf7.css（minamidaigoko・imaichi-hospital 採用サイトで検証済み）
   （このサイトは style.css を読み込まないので css/cf7.css にして header.php から読む。すでに CF7 で動いているイベント申込フォームの見た目を変えないよう、
   置き換えた3フォーム（functions.php で <form> に class「atelier-mw」を付ける）だけに効かせる）旧フォームの見た目は MW WP Form 自身の CSS とテーマの .mwform-* 指定で
   決まっていたので、同じ値を CF7 の要素向けに書く */
.contactForm .atelier-mw .wpcf7-list-item {
  margin: 0;
}
.contactForm .atelier-mw .wpcf7-list-item label {
  font-weight: normal;
  margin-bottom: 0;
}
.contactForm .atelier-mw .wpcf7-radio input {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.contactForm .atelier-mw .wpcf7-checkbox input {
  margin-right: 5px;
}
.contactForm .atelier-mw .wpcf7-not-valid-tip {
  font-size: 93%;
  color: #B70000;
  display: block;
}
/* ラジオボタンの文字はテーマの指定で inline-block になり、CF7 が文字の前に入れる空白が消えるので余白で補う */
.contactForm .atelier-mw .wpcf7-radio .wpcf7-list-item-label {
  margin-left: 0.25em;
}
.contactForm .atelier-mw .wpcf7-radio .wpcf7-list-item + .wpcf7-list-item {
  margin-left: 3px;
}
/* チェックボックスは CF7 が文字の前に入れる空白がそのまま隙間になる。文字の後ろの空白は旧にないので消す */
.contactForm .atelier-mw .wpcf7-checkbox .wpcf7-list-item-label::after {
  content: none;
}
/* 送信中の表示（くるくる）がボタンの横幅に加わり、中央寄せのボタンが左にずれるのを防ぐ */
.contactForm .atelier-mw .submit-btn {
  position: relative;
}
.contactForm .atelier-mw .submit-btn .wpcf7-spinner {
  position: absolute;
}

/* ---- ここから atelierkurasu 用 ---- */
/* 確認画面：複数行の入力（お問い合わせ内容など）を旧と同じく改行して見せる（Multi-Step は値を文字として入れるので改行が詰まる） */
.contactForm .atelier-mw .cf7msm-ro {
  white-space: pre-wrap;
}
/* エラー文字：旧（MW WP Form の .error）は太さを指定せず周りの文字と同じ太さだった。CF7 は font-weight: normal にするので戻す */
.contactForm .atelier-mw .wpcf7-not-valid-tip {
  font-weight: inherit;
}