@charset "utf-8";:root{--container-bg-color:#ffffff;--container-bg-color-76p:rgba(255,255,255,.76);--container-bg-color-62p:rgba(255,255,255,.62);--container-bg-opacity:0.92;--container-top-gradient:linear-gradient(180deg,#ffffff,transparent);--base-letter-spacing:0em;--base-font-color:#3c3c3c;--base-link-color:#296c84;--base-link-hover-color:#777643;--base-font-color-76p:rgba(60,60,60,.76);--base-font-color-62p:rgba(60,60,60,.62);--base-font-color-48p:rgba(60,60,60,.48);--base-font-color-40p:rgba(60,60,60,.40);--base-font-color-34p:rgba(60,60,60,.34);--base-font-color-28p:rgba(60,60,60,.28);--base-font-color-24p:rgba(60,60,60,.24);--base-font-color-20p:rgba(60,60,60,.2);--base-font-color-16p:rgba(60,60,60,.16);--base-font-color-12p:rgba(60,60,60,.12);--base-font-color-8p:rgba(60,60,60,.08);--base-font-color-4p:rgba(60,60,60,.04);--common-title-spacing:0.05em;--term-color:#954c93;--primary-color:#954c93;--primary-color-6p:rgba(149,76,147,.06);--primary-color-10p:rgba(149,76,147,.1);--primary-color-14p:rgba(149,76,147,.14);--primary-color-64p:rgba(149,76,147,.64);--secondary-color:#185059;--accent-color-gradient:linear-gradient(135deg, #954c93 0%,#185059 100%);--global-menu-parent-spacing:0.1em;--header-bar-menu-font-size:12px;--header-bar-bg-color:#000000;--header-bar-bg-color-10p:rgba(0,0,0,.1);--header-bar-bg-color-50p:rgba(0,0,0,.5);--header-bar-piled-layer-color:#adadad;--header-bar-link-color:#ffffff;--header-bar-link-color-8p:rgba(255,255,255,.08);--header-bar-link-color-16p:rgba(255,255,255,.16);--header-bar-link-color-28p:rgba(255,255,255,.28);--header-bar-link-color-34p:rgba(255,255,255,.34);--hidden-menu-link-color:#ffffff;--hidden-menu-link-color-8p:rgba(255,255,255,.08);--hidden-menu-link-color-18p:rgba(255,255,255,.18);--hidden-menu-link-color-28p:rgba(255,255,255,.28);--hidden-menu-link-color-34p:rgba(255,255,255,.34);--hidden-menu-bg-color:#f49590;--header-banner-text-color:#ffffff;--header-banner-overlay-color:#3f3f25;--header-banner-overlay-opacity:0;--header-banner-text-color-mb:#ffffff;--header-banner-overlay-color-mb:#3f3f25;--header-banner-overlay-opacity-mb:0.1;--global-menu-mouseover-accent-color:#eb2c55;--footer-text-color:#ffffff;--footer-link-color:#ffffff;--footer-link-hover-color:#ffffff;--footer-text-color-4p:rgba(255,255,255,.04);--footer-text-color-16p:rgba(255,255,255,.16);--footer-text-color-28p:rgba(255,255,255,.28);--footer-text-color-38p:rgba(255,255,255,.38);--footer-text-color-48p:rgba(255,255,255,.48);--footer-bg-color:#000000;--footer-bg-gradient:linear-gradient(180deg,#000000 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 100%);--loop-bg-color1:linear-gradient(transparent,rgba(149,76,147,.62), #954c93);--loop-bg-color2:linear-gradient(transparent,#954c93,#185059);--primary-color-gradient:linear-gradient(135deg,#954c93 0%,rgba(89,45,88,1) 100%);--arc-wd-tab-arrow-color:rgba(89,45,88,1);--base-font-size:15.5px;--base-font-size-mb:15.5px;--header-banner-text-shadow:0 0 16px rgba(79,79,79,.68),0 4px 22px rgba(79,79,79,.72);--header-banner-text-shadow-mb:0 0.12vh 0.42vh rgba(79,79,79,.68);--ct-hd-color:#ffffff;--page-header-space-top:calc(20vh + 186px);--page-header-space-btm:20vh;--page-header-space-btm-not-home:calc(20vh + 4vw);--page-header-space-top-mb:12vh;--page-header-space-btm-mb:12vh;--gen-container-bg-color:rgba(247,247, 247,1);--lp-excerpt-gradient:linear-gradient(rgba(247,247, 247,0) 0%,rgba(247,247, 247,1) 100%);--footer-bg-img:url('https://kuwaihana.art/wp-content/uploads/2026/09/1127ggk.jpg');--base-h1-size:220%;--base-h2-size:145%;--base-h3-size:140%;--base-h4-size:130%;--base-h5-size:120%;--base-h6-size:110%;--major-title-font-family:'Libre Baskerville','HiraMinProN-W3','Hiragino Mincho ProN','YuMincho','Yu Mincho','HG明朝E',serif;--major-title-font-weight:700;}.term-color143{--term-color:#1e1e1e;}.term-color150{--term-color:#31596a;}.term-color124{--term-color:#801e6c;}.term-color131{--term-color:#79489e;}.term-color63{--term-color:#7a4fa5;}.term-color137{--term-color:#005b54;}.term-color120{--term-color:#ad274b;}.term-color136{--term-color:#910127;}.term-color144{--term-color:#a87092;}.term-color66{--term-color:#272e6b;}.term-color145{--term-color:#8c6658;}.term-color65{--term-color:#01937b;}.term-color140{--term-color:#8224e3;}.term-color138{--term-color:#cccccc;}.term-color134{--term-color:#b861d8;}.term-color123{--term-color:#1a61b2;}.term-color149{--term-color:#152968;}.term-color151{--term-color:#202326;}.term-color118{--term-color:#707070;}.term-color152{--term-color:#202326;}.term-color153{--term-color:#b09145;}.term-color141{--term-color:#a3a3a3;}.term-color142{--term-color:#49006b;}.term-color91{--term-color:#eeee22;}.term-color119{--term-color:#ff0f7f;}.term-color96{--term-color:#cc08cc;}.term-color94{--term-color:#565656;}.term-color98{--term-color:#ea0945;}.term-color121{--term-color:#6d21d1;}.term-color97{--term-color:#e8e009;}.term-color101{--term-color:#a52b76;}/* 写真フルワイド */.wp-block-image.alignfull {  margin-left: calc((100vw - 100%) / 2 * -1);  margin-right: calc((100vw - 100%) / 2 * -1); }/* YouTubeサイズ */iframe[src*="youtube.com"],iframe[src*="youtube-nocookie.com"] {aspect-ratio: 16 / 9;width: 100%;height: auto;}/* ==========================================   KUWAI HANA ART   CONTACT FORM 7 ORIGINAL STYLE   （badland.black #bl-a1-contact のデザインを転用）   対象：#kh-contact で囲んだフォームのみ   接頭辞：bl-a1- → kh-   2026/11/05 更新：見出しの位置合わせ（18.5）・スマホの左右余白（19）========================================== *//* ==========================================   01. メインコンテナ   最大幅 1200px   画面中央配置   親要素が狭い場合も横幅を確保========================================== */#kh-contact {  position: relative !important;  left: 50% !important;  transform: translateX(-50%) !important;  display: block !important;  width: min(1200px, calc(100vw - 72px)) !important;  max-width: none !important;  box-sizing: border-box !important;  margin: 28px 0 36px !important;  padding: 0 !important;  background: transparent !important;  border: none !important;  box-shadow: none !important;  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif !important;  color: #292929 !important;}/* ==========================================   02. フォーム行   CSS GRID による2カラム   左側 32% ／ 右側 残りの幅 ／ 列間 26px========================================== */#kh-contact .kh-field {  display: grid !important;  grid-template-columns: 32% minmax(0, 1fr) !important;  column-gap: 26px !important;  align-items: stretch !important;  width: 100% !important;  box-sizing: border-box !important;  margin: 0 0 20px !important;  padding: 0 !important;  background: transparent !important;  border: none !important;  box-shadow: none !important;}/* ==========================================   03. 左側の項目名   背景なし   左側に細い縦ライン========================================== */#kh-contact .kh-label {  display: flex !important;  align-items: center !important;  justify-content: flex-start !important;  gap: 0 !important;  align-self: stretch !important;  min-width: 0 !important;  min-height: 50px !important;  box-sizing: border-box !important;  margin: 0 !important;  padding: 8px 14px !important;  background: transparent !important;  background-image: none !important;  border: none !important;  border-left: 3px solid #bcbcbc !important;  box-shadow: none !important;  color: #292929 !important;  font-size: 13px !important;  font-weight: 400 !important;  line-height: 1.7 !important;  text-align: left !important;}/* 項目名のラベル */#kh-contact .kh-label label,#kh-contact .kh-label > span:not(.kh-required) {  margin: 0 !important;  padding: 0 !important;  color: #292929 !important;  background: transparent !important;  font-family: inherit !important;  font-size: 13px !important;  font-weight: 400 !important;  line-height: 1.7 !important;  border: none !important;}/* テーマの自動段落・改行対策（項目名側）   Contact Form 7 が必須ラベルと項目名を <p> で包んでも   横並び・縦中央揃えを保つ */#kh-contact .kh-label p {  display: flex !important;  align-items: center !important;  justify-content: flex-start !important;  margin: 0 !important;  padding: 0 !important;}#kh-contact .kh-label br {  display: none !important;}/* ==========================================   04. 必須ラベル   黒い四角形 ／ 白文字 ／ 角丸なし========================================== */#kh-contact .kh-required {  display: inline-block !important;  flex: 0 0 auto !important;  float: none !important;  width: auto !important;  height: auto !important;  /* 必須ラベルを左に置き、項目名との間に隙間 */  order: -1 !important;  margin: 0 12px 0 0 !important;  padding: 3px 6px !important;  background: #262626 !important;  background-color: #262626 !important;  background-image: none !important;  color: #ffffff !important;  border: 0 !important;  border-radius: 0 !important;  box-shadow: none !important;  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", sans-serif !important;  font-size: 10px !important;  font-weight: 400 !important;  line-height: 1.4 !important;  white-space: nowrap !important;}/* ==========================================   05. 右側の入力エリア========================================== */#kh-contact .kh-control {  display: block !important;  min-width: 0 !important;  width: 100% !important;  box-sizing: border-box !important;  margin: 0 !important;  padding: 0 !important;  background: transparent !important;  border: none !important;  box-shadow: none !important;}/* Contact Form 7 入力欄ラッパー */#kh-contact .kh-control .wpcf7-form-control-wrap {  display: block !important;  width: 100% !important;  max-width: 100% !important;  margin: 0 !important;  padding: 0 !important;}/* テーマによる段落余白への対策 */#kh-contact .kh-control p {  margin: 0 !important;  padding: 0 !important;}#kh-contact .kh-control br {  display: none !important;}/* ==========================================   06. 1行入力欄   お名前・メールアドレス・電話番号   横幅 100% ／ 高さ 50px   白背景 ／ 細いグレー枠========================================== */#kh-contact .kh-control input[type="text"],#kh-contact .kh-control input[type="email"],#kh-contact .kh-control input[type="tel"] {  display: block !important;  width: 100% !important;  max-width: 100% !important;  height: 50px !important;  min-height: 50px !important;  box-sizing: border-box !important;  margin: 0 !important;  padding: 0 18px !important;  background: #ffffff !important;  background-image: none !important;  color: #292929 !important;  border: 1px solid #d9d9d9 !important;  border-radius: 0 !important;  box-shadow: none !important;  font-family: inherit !important;  font-size: 14px !important;  font-weight: 400 !important;  line-height: 1.5 !important;  -webkit-appearance: none !important;  appearance: none !important;}/* ==========================================   07. メッセージ本文========================================== */#kh-contact .kh-control textarea {  display: block !important;  width: 100% !important;  max-width: 100% !important;  height: 155px !important;  min-height: 155px !important;  box-sizing: border-box !important;  margin: 0 !important;  padding: 15px 18px !important;  background: #ffffff !important;  background-image: none !important;  color: #292929 !important;  border: 1px solid #d9d9d9 !important;  border-radius: 0 !important;  box-shadow: none !important;  font-family: inherit !important;  font-size: 14px !important;  font-weight: 400 !important;  line-height: 1.8 !important;  resize: vertical !important;  -webkit-appearance: none !important;  appearance: none !important;}/* ==========================================   08. プレースホルダー========================================== */#kh-contact input::placeholder,#kh-contact textarea::placeholder {  color: #b8b8b8 !important;  opacity: 1 !important;}/* ==========================================   09. 入力中のフォーカス========================================== */#kh-contact .kh-control input:focus,#kh-contact .kh-control textarea:focus {  background: #ffffff !important;  border-color: #777777 !important;  outline: 1px solid #777777 !important;  outline-offset: 0 !important;  box-shadow: none !important;}/* ==========================================   10. 作品名（任意）   badland.black の「当該車両名」に相当   作品名を自動表示する場合のみ使用   薄いグレー背景 ／ 明朝体========================================== */#kh-contact .kh-item {  display: flex !important;  align-items: center !important;  width: 100% !important;  min-height: 50px !important;  box-sizing: border-box !important;  margin: 0 !important;  padding: 12px 18px !important;  background: #fafafa !important;  border: 1px solid #dedede !important;  border-radius: 0 !important;  box-shadow: none !important;  color: #333333 !important;  overflow-wrap: anywhere !important;}/* 作品名が入力欄として出力された場合 */#kh-contact .kh-item input[type="text"] {  width: 100% !important;  height: auto !important;  min-height: 0 !important;  padding: 0 !important;  background: #fafafa !important;  color: #333333 !important;  border: none !important;  box-shadow: none !important;}/* 作品名の書体 */#kh-contact .kh-item,#kh-contact .kh-item input[type="text"] {  font-family: "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;  font-size: 16px !important;  font-weight: 500 !important;  letter-spacing: 0.02em !important;  line-height: 1.8 !important;}/* 作品URL（作品名と同じ枠・本文書体で小さめに） */#kh-contact .kh-item.kh-item-link,#kh-contact .kh-item.kh-item-link a {  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif !important;  font-size: 13px !important;  font-weight: 400 !important;  letter-spacing: 0 !important;  line-height: 1.7 !important;  color: #555555 !important;}#kh-contact .kh-item.kh-item-link a {  text-decoration: underline !important;  text-underline-offset: 3px !important;  word-break: break-all !important;}/* ==========================================   11. プライバシーポリシー   右側入力欄と位置を揃える========================================== */#kh-contact .kh-privacy {  width: 100% !important;  box-sizing: border-box !important;  margin: 28px 0 0 !important;  padding: 0 0 0 calc(32% + 26px) !important;  background: transparent !important;  color: #444444 !important;  font-family: inherit !important;  font-size: 12px !important;  font-weight: 400 !important;  line-height: 1.9 !important;}/* 説明文 */#kh-contact .kh-privacy p {  margin: 0 0 15px !important;  padding: 0 !important;  font-size: 12px !important;  line-height: 1.9 !important;}/* プライバシーポリシーリンク */#kh-contact .kh-privacy a {  text-decoration: underline !important;  text-underline-offset: 3px !important;}/* ==========================================   12. 同意チェックボックス========================================== */#kh-contact .kh-agree {  display: block !important;  margin: 14px 0 0 !important;  padding: 0 !important;}/* チェックボックス項目 */#kh-contact .wpcf7-list-item {  display: inline-block !important;  margin: 0 !important;  padding: 0 !important;}/* チェックボックス本体 */#kh-contact input[type="checkbox"] {  accent-color: #292929;  margin-right: 9px !important;}/* ==========================================   13. 送信ボタン配置   入力列の下に配置========================================== */#kh-contact .kh-submit {  width: 100% !important;  box-sizing: border-box !important;  margin: 36px 0 28px !important;  padding: 0 0 0 calc(32% + 26px) !important;  background: transparent !important;  border: none !important;}/* ==========================================   14. 送信ボタン外枠   最大幅 340px========================================== */#kh-contact .kh-button {  display: block !important;  position: relative !important;  width: 100% !important;  max-width: 340px !important;  box-sizing: border-box !important;  margin: 0 auto !important;  padding: 0 !important;  background: transparent !important;}/* ==========================================   15. 送信ボタン本体   白背景 ／ グレーの細い輪郭線 ／ 角丸なし========================================== */#kh-contact input.wpcf7-submit {  display: block !important;  width: 100% !important;  max-width: 100% !important;  height: 52px !important;  min-height: 52px !important;  box-sizing: border-box !important;  margin: 0 !important;  padding: 0 42px 0 20px !important;  background: #ffffff !important;  background-image: none !important;  color: #555555 !important;  border: 1px solid #aaaaaa !important;  border-radius: 0 !important;  box-shadow: none !important;  font-family: inherit !important;  font-size: 13px !important;  font-weight: 400 !important;  letter-spacing: 0.08em !important;  text-align: center !important;  cursor: pointer !important;  -webkit-appearance: none !important;  appearance: none !important;  transition: background-color 0.25s ease, color 0.25s ease;}/* ==========================================   16. 送信ボタン右側の矢印========================================== */#kh-contact .kh-button::after {  content: "›" !important;  position: absolute !important;  right: 17px !important;  top: 26px !important;  transform: translateY(-50%) !important;  color: #777777 !important;  font-size: 21px !important;  line-height: 1 !important;  pointer-events: none !important;}/* ホバー時 */#kh-contact input.wpcf7-submit:hover {  background: #292929 !important;  color: #ffffff !important;}#kh-contact .kh-button:hover::after {  color: #ffffff !important;}/* キーボード操作時 */#kh-contact input.wpcf7-submit:focus-visible {  outline: 2px solid #555555 !important;  outline-offset: 3px !important;}/* ==========================================   17. Contact Form 7 スピナー========================================== */#kh-contact .wpcf7-spinner {  position: absolute !important;  left: 0 !important;  bottom: -30px !important;  margin: 0 !important;}/* ==========================================   18. タブレット対応   768px ～ 1024px========================================== */@media screen and (min-width: 768px) and (max-width: 1024px) {  #kh-contact .kh-field {    grid-template-columns: 30% minmax(0, 1fr) !important;    column-gap: 20px !important;  }  #kh-contact .kh-privacy,  #kh-contact .kh-submit {    padding-left: calc(30% + 20px) !important;  }}/* ==========================================   18.5 見出し「CONTACT | この作品に関するお問い合わせ」   フォーム本体と同じ幅・同じ位置に置き、   「C」の左端を項目名のグレーの棒にそろえる========================================== */#bl-contact-form-heading {  position: relative !important;  left: 50% !important;  transform: translateX(-50%) !important;  display: block !important;  width: min(1200px, calc(100vw - 72px)) !important;  max-width: none !important;  box-sizing: border-box !important;  padding-left: 0 !important;  padding-right: 0 !important;}/* ==========================================   19. スマートフォン対応   767px 以下 ／ 1カラム表示   左右に 20px ずつ余白をとる========================================== */@media screen and (max-width: 767px) {  /* フォーム全体（左右に 20px ずつ余白をとって中央に置く） */  #kh-contact {    position: static !important;    left: auto !important;    transform: none !important;    width: calc(100% - 40px) !important;    max-width: calc(100% - 40px) !important;    margin: 24px auto 30px !important;    padding: 0 !important;  }  /* 見出し（フォーム全体と同じく左右に 20px の余白） */  #bl-contact-form-heading {    position: static !important;    left: auto !important;    transform: none !important;    width: 100% !important;    max-width: 100% !important;    padding-left: 20px !important;    padding-right: 20px !important;  }  /* 各項目を縦並びに変更 */  #kh-contact .kh-field {    grid-template-columns: minmax(0, 1fr) !important;    row-gap: 10px !important;    column-gap: 0 !important;    margin-bottom: 22px !important;  }  /* 項目名 */  #kh-contact .kh-label {    width: 100% !important;    min-height: 35px !important;    padding: 6px 12px !important;    font-size: 13px !important;  }  /* 入力欄（16px で iPhone の自動ズームを防ぐ） */  #kh-contact .kh-control input[type="text"],  #kh-contact .kh-control input[type="email"],  #kh-contact .kh-control input[type="tel"],  #kh-contact .kh-control textarea {    width: 100% !important;    font-size: 16px !important;  }  /* プライバシーポリシー */  #kh-contact .kh-privacy {    width: 100% !important;    margin-top: 24px !important;    padding: 0 !important;  }  /* 送信ボタン */  #kh-contact .kh-submit {    width: 100% !important;    margin: 30px 0 !important;    padding: 0 !important;  }  #kh-contact .kh-button {    width: 100% !important;    max-width: 100% !important;  }}/* ==========================================   END OF KUWAI HANA ART   CONTACT FORM 7 ORIGINAL STYLE========================================== */