/* ハラダ 静的版 補助CSS（フォーム部分のみ。見た目の他の部分は元サイトのまま） */
/* ---------- 6. フォーム ---------- */
.csp-form .hp{ display:none !important; }
.csp-form .wpcf7-response-output, .csp-form .wpcf7-spinner{ display:none !important; }
.csp-form{ max-width:600px; margin-left:auto; margin-right:auto; }
.csp-form p{ margin:0 0 20px; line-height:1.6; font-size:15px; }
.csp-form label{ display:block; }
.csp-form .wpcf7-form-control-wrap{ display:block; margin-top:6px; }
.csp-form input[type="text"],
.csp-form input[type="email"],
.csp-form input[type="tel"],
.csp-form input[type="url"],
.csp-form input[type="number"],
.csp-form input[type="date"],
.csp-form select,
.csp-form textarea{
  box-sizing:border-box; width:100% !important; max-width:600px;
  min-height:48px; height:auto !important;
  padding:10px 14px !important;
  font-size:16px !important;    /* iOSのズーム防止 */
  line-height:1.6 !important;
  color:#333 !important;
  background:#fff !important;
  border:1px solid #c9c4c0 !important;
  border-radius:6px !important;
}
.csp-form textarea{ min-height:180px; }
.csp-form input:focus, .csp-form select:focus, .csp-form textarea:focus{
  outline:2px solid rgba(221,93,93,.45); outline-offset:1px; border-color:#dd5d5d !important;
}
.csp-form ::placeholder{ color:#9a9a9a; }
.csp-form .wpcf7-list-item{ display:inline-flex; align-items:center; margin:6px 20px 6px 0; }
.csp-form .wpcf7-list-item label{ display:inline-flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; }
.csp-form input[type="checkbox"], .csp-form input[type="radio"]{ width:20px; height:20px; margin:0; }
.csp-form input[type="submit"]{
  display:block; width:100% !important; max-width:320px; min-height:52px;
  margin:8px auto 0; padding:12px 24px !important;
  font-size:16px !important; font-weight:700; letter-spacing:.1em;
  color:#fff !important; background:#333 !important;
  border:0 !important; border-radius:999px !important; cursor:pointer;
}
.csp-form input[type="submit"]:hover, .csp-form input[type="submit"]:focus{ background:#000 !important; }
/* 送信結果メッセージ */
.csp-result{ max-width:600px; margin:0 auto 24px; padding:14px 18px; border-radius:6px; font-size:15px; line-height:1.7; }
.csp-result.ok{ background:#eef7ef; color:#245b2c; border:1px solid #b9dcbc; }
.csp-result.ng{ background:#fdeeee; color:#8a2323; border:1px solid #efbcbc; }

/* フッター：タブレット〜狭めのPC（801〜1279px・800px以下はAvadaが縦積み）で住所・営業時間の列が細く、電話番号が途中で折れる → 列幅を配分し直す（文言はそのまま） */
@media (min-width:801px) and (max-width:1279px){
  .fusion-tb-footer .fusion-builder-row > .fusion_builder_column_1_4:nth-child(2){width:20% !important;flex:0 0 20% !important}
  .fusion-tb-footer .fusion-builder-row > .fusion_builder_column_1_4:nth-child(3){width:50% !important;flex:0 0 50% !important}
  .fusion-tb-footer .fusion-builder-row > .fusion_builder_column_1_4:nth-child(4){display:none !important}
  .fusion-tb-footer .fusion-builder-row > .fusion_builder_column_1_4:nth-child(5){width:30% !important;flex:0 0 30% !important}
}

/* トップ「ハラダならできる」「ハラダの取扱商品」：タブレット幅（801〜1099px）で 空き列1/5 が場所を取り、見出しが1文字だけ折れる・本文が細くなる → 空き列を隠し本文列に回す */
@media (min-width:801px) and (max-width:1099px){
  .fusion-builder-row:has(> .fusion_builder_column_2_5):has(> .fusion_builder_column_1_3):has(> .fusion_builder_column_1_5) > .fusion_builder_column_1_5{display:none !important}
  .fusion-builder-row:has(> .fusion_builder_column_2_5):has(> .fusion_builder_column_1_5) > .fusion_builder_column_1_3{width:55% !important;flex:0 0 55% !important}
  .fusion-builder-row:has(> .fusion_builder_column_1_3):has(> .fusion_builder_column_1_5) > .fusion_builder_column_2_5{width:45% !important;flex:0 0 45% !important}
}

/* お知らせ一覧（/news/ など・Avada「large-alternate」）：スマホ幅（〜640px）で日付の列が左に残り、本文が半分の幅に押し込まれる → 日付を上に、本文を全幅に */
@media (max-width:640px){
  article.fusion-post-large-alternate{flex-direction:column !important}
  article.fusion-post-large-alternate > .fusion-date-and-formats{float:none !important;width:auto !important;margin:0 0 8px !important}
  article.fusion-post-large-alternate > .fusion-post-content{width:100% !important;margin-left:0 !important}
}

/* ---------- コンテナ幅そろえ（2026-10-29）：ワイド画面で中身が画面いっぱいに広がらないよう、サイト既定の最大幅 1200px（Avada の site_width）で止める。背景は画面端まで ----------
   Avada は段（.fusion-builder-row）の幅を HTML に直接 !important で書くため、段の外枠（.fusion-fullwidth）の左右余白を「(幅−1200px)÷2」以上にして中身を収める */
.fusion-header .fusion-row{max-width:1200px !important;margin-left:auto !important;margin-right:auto !important}
.fusion-tb-footer .fusion-fullwidth,
#main .fusion-fullwidth.hundred-percent-fullwidth:not(:has(#rev_slider_1_1_wrapper)):not(:has(iframe)):not(:has(.fusion-google-map)){
  padding-left:max(var(--awb-padding-left, 0px), calc((100% + 60px - 1200px) / 2)) !important;
  padding-right:max(var(--awb-padding-right, 0px), calc((100% + 60px - 1200px) / 2)) !important}
/* ビルダーを使っていない固定ページ（年末年始休暇のお知らせ）の本文 */
#main .post-content:not(:has(.fusion-fullwidth)){max-width:1200px;margin-left:auto;margin-right:auto}