@charset "utf-8";

/* ------------------------------------------------------------
   naraya テーマ用 カスタムCSS（gulp のビルド対象外）

   src/scss がサーバ上に存在しないため、ビルド成果物
   （common.css / style.css）とは分離して管理する。
   読み込みは functions/load-scripts.php に追記すること:

     wp_enqueue_style('custom-style',
       get_template_directory_uri() . '/css/custom.css',
       array('page-style'), $time_date);

   ------------------------------------------------------------ */

/* 2026-09 追加
   入力欄で日本語のディセンダ（j, p, g, y など）の下端が欠ける問題への対処。
   reset.css が line-height: 1.15 を設定しており、font-size 16px に対して
   行送りが 18.4px しかないため、日本語フォントの描画領域が収まらず
   input 既定の overflow: clip で切り取られていた。
   MW WP Form 利用時から発生していた既存の表示崩れであり、
   Contact Form 7 への移行が原因ではない。 */
.bl_contact input[type="text"],
.bl_contact input[type="email"],
.bl_contact input[type="tel"],
.bl_contact input[type="date"],
.bl_contact input[type="number"],
.bl_contact textarea {
  box-sizing: border-box;
  height: auto;
  line-height: 1.6;
}

/* 2026-09 追加
   CF7 移行にあわせて実装した自作エラー表示のスタイル。
   .js-cf7-errors は mu-plugin（naraya-cf7-migration）の JS が
   確認ボタン押下時のバリデーション結果を描画する領域。 */
.bl_contact .js-cf7-errors {
  box-sizing: border-box;
  margin: 1.5em 0;
  padding: 1em 1.2em;
  border: 2px solid #c00;
  font-size: 1rem;
  line-height: 1.8;
  color: #c00;
}

.bl_contact .js-cf7-errors ul {
  margin: 0;
  padding-left: 1.4em;
  list-style: disc;
}

.bl_contact .js-cf7-errors li {
  margin-bottom: .4em;
}

.bl_contact .js-cf7-errors li:last-child {
  margin-bottom: 0;
}