@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.no-sidebar .content .main {
	width: 990px;
}

/* ページ横幅と下の隙間調整 */
body.public-page {
	margin-bottom: unset;
}
#footer {
	padding-bottom: 3rem;
}
@media screen and (max-width: 1023px) {
	#footer {
		padding-bottom: 3rem;
    }
}
#main {
  margin: 0 auto !important;
}
@media screen and (max-width: 1023px) {
  #main {
    width: auto !important;
  }
}

/* リンク色（Cocoonのリンク装飾を上書き）
#content a {
	color: #1D7AB8 !important;
	text-decoration: none !important;
}
#content a:hover {
	color: #0F4C75 !important;
	text-decoration: none !important;
} */
#footer a {
	text-decoration: none !important;
}
#footer a:hover {
	text-decoration: none !important; 
}

/* 故障直し */
.su-heading-inner:has(#tokusyusyokai) {
	display: block;
}
.su-heading-inner:has(#tokusyusyokai) h2 {
	background-color: #9dc3e6 !important;
	color: #1e3c72 !important;
}


/* =====================================================================
   チャットBOX用
   ===================================================================== */

/* --- 共通：1行分のブロック ---
   .mbbackr10 の有無に依存しないよう、各行自体に幅と中央寄せを持たせています */
.chat-box,
.chat-box2 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 22px auto;
  max-width: 720px;
}
 
/* お客様側（右寄せ）は左右反転 */
.chat-box2 {
  flex-direction: row-reverse;
}
 
/* --- アイコン画像 --- */
.chat-face,
.chat-face2 {
  flex: 0 0 auto;
}
.chat-face img,
.chat-face2 img {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
 
/* --- 吹き出しを置くエリア --- */
.chat-area,
.chat-area2 {
  flex: 1 1 auto;
  min-width: 0;
}
 
/* --- 吹き出し本体（共通スタイル） --- */
.chat-hukidashi,
.chat-hukidashi2 {
  position: relative;
  display: inline-block;
  max-width: 88%;
  padding: 14px 18px;
  border-radius: 14px;
  line-height: 1.7;
  font-size: 16px;
  box-sizing: border-box;
  word-wrap: break-word;
}
 
/* くら田（左側）：テーマカラー */
.chat-hukidashi {
/*  background: #1D7AB8;*/
    background: #B4D8ED;
/*  color: #fff;*/
}
 
/* お客様の声（右側）：グレー */
.chat-hukidashi2 {
  background: #f0f0f0;
  border: 1px solid #e2e2e2;
  color: #333;
}
 
/* --- しっぽ（三角）：左側はアイコン側＝左に出す --- */
.chat-hukidashi::before {
  content: "";
  position: absolute;
  top: 20px;
  left: -16px;
  border: 8px solid transparent;
/*  border-right-color: #1D7AB8;*/
	border-right-color: #B4D8ED;
}
 
/* --- しっぽ：右側はアイコン側＝右に出す --- */
.chat-hukidashi2::before {
  content: "";
  position: absolute;
  top: 20px;
  right: -16px;
  border: 8px solid transparent;
  border-left-color: #f0f0f0;
}
.chat-hukidashi2::after {
  content: "";
  position: absolute;
  top: 20px;
  right: -18px;
  border: 8px solid transparent;
  border-left-color: #e2e2e2;
  z-index: -1;
}
 
/* --- スマホ対応 --- */
@media (max-width: 480px) {
  .chat-face img,
  .chat-face2 img {
    width: 50px;
    height: 50px;
  }
  .chat-hukidashi,
  .chat-hukidashi2 {
    font-size: 15px;
    padding: 12px 14px;
  }
  .chat-box,
  .chat-box2 {
    gap: 8px;
  }
}

/* =====================================================================
   釣具買取 査定フォーム（CF7 / cf7-satei）  ―  Cocoon 子テーマ style.css 用
   ---------------------------------------------------------------------
   ■ このファイル単体で satei フォームが完結します（移植元の
     グローバル form.wpcf7-form 用 style.css に依存しません）。
     必要だった「.pf-wrap / .pf-submit-section 専用の仕上げルール」
     （送信結果メッセージ・エラー表示・送信ボタングレーアウト・
     二重送信防止）を末尾に取り込み済み。

   ■ 前提：子テーマ style.css は CF7／親テーマより後に読み込まれる。

   ■ !important 方針：
     .pf-wrap を冠したセレクタは詳細度でグローバル(form.wpcf7-form…)
     にも Cocoon にも勝てるため、原則すべて撤去。
     残しているのは .wpcf7-not-valid（base 入力枠を上書きして赤枠を
     出すために必須）のみ。
     ※ もし入力部品が Cocoon スキン等の !important で崩れる場合だけ、
       該当する入力ルールに個別に !important を足してください。

   ■ フォーム外要素（.entry-content / .article / .entry-title）は
     :has(.pf-wrap) でフォーム設置ページのみに限定（全ページへの波及防止）。

   ■ 移植元の pickup-* / konpou-* フォームも移す場合は、グローバル
     style.css のうち該当部分を別途移植してください（本ファイルには
     satei に無関係なため含めていません）。
   ===================================================================== */


/* === ページ全体（フォーム設置ページのみ） === 
.entry-content:has(.pf-wrap) {
  background: #EBF4FA;
  padding: 12px 0 24px;
  margin-top: 5px;
  margin-bottom: 0;
}
.article:has(.pf-wrap) h1.entry-title {
  margin: 0;
  padding: 0;
  height: 0;
  overflow: hidden;
}*/
/* Cocoon のコンテンツ幅制限を解除
.article:has(.pf-wrap),
.entry-content:has(.pf-wrap) {
  max-width: 100%;
} */
#cf7-satei {
  background: #EBF4FA;	
}


/* === wpautop（自動 <p>/<br> 挿入）対策 === */
.pf-wrap > p,
.pf-wrap .pf-section > p,
.pf-wrap .pf-section-top p,
.pf-wrap .pf-section-body > p,
.pf-wrap .pf-section-title p,
.pf-wrap .pf-section-sub p,
.pf-wrap .pf-label p,
.pf-wrap .pf-hint p,
.pf-wrap .pf-field > p,
.pf-wrap .pf-upload-stack > p,
.pf-wrap .pf-no-personal > p,
.pf-wrap .pf-submit-section > p,
.pf-wrap .pf-flow-bar p,
.pf-wrap .pf-hero-bar p,
.pf-wrap .pf-hero-text > p {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
.pf-wrap br { display: none; }
.entry-content > .pf-wrap {
  margin-top: 0;
  margin-bottom: 0;
}


/* === ラッパー === */
.pf-wrap {
  max-width: 850px;
  margin: 0 auto;
  padding: 0 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
.pf-wrap * {
  box-sizing: border-box;
}
/* CF7 フォーム本体の幅・余白リセット（グローバルの max-width:680px 等を打ち消す） */
.pf-wrap .wpcf7,
.pf-wrap form.wpcf7-form {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}


/* === フローバー（ライン接続型） === */
.pf-flow-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  margin-bottom: 10px;
}
.pf-flow-step {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  color: #666;
  font-weight: 500;
}
.pf-flow-step.pf-flow-current {
  color: #1D7AB8;
  font-weight: 600;
}
.pf-flow-num {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  border: 2px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  background: #fff;
}
.pf-flow-current .pf-flow-num {
  background: #1D7AB8;
  color: #fff;
  border-color: #1D7AB8;
}
.pf-flow-line {
  width: 40px;
  height: 2px;
  background: #ddd;
  margin: 0 6px;
  border-radius: 1px;
  flex-shrink: 0;
}
.pf-flow-line.pf-flow-line-half {
  background: linear-gradient(to right, #1D7AB8 50%, #ddd 50%);
}


/* === ヒーローバー === */
.pf-hero-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 1.25rem;
  border: 1px solid #7FB3D5;
}
.pf-hero-avatar {
  width: 100px;
  height: 100px;
  min-width: 100px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.pf-hero-avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pf-hero-text {
  font-size: 16px;
  color: #0E3A5C;
  line-height: 1.7;
  flex: 1;
  text-align: left;
}
.pf-hero-text b {
  font-weight: 600;
  font-size: 17px;
}
.pf-hero-badges {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.pf-badge {
  font-size: 13px;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 500;
  display: inline-block;
}
.pf-badge-blue {
  background: #E1EDF7;
  color: #0E3A5C;
}
.pf-badge-green {
  background: #EAF3DE;
  color: #3B6D11;
}


/* === セクションカード === */
.pf-wrap .pf-section {
  background: #fff;
  border: 1px solid #e0ddd8;
  border-radius: 12px;
  margin-bottom: 1rem;
  overflow: hidden;
}
.pf-wrap .pf-section.pf-section-photo {
  border-color: #7FB3D5;
}

/* セクションヘッダーバー */
.pf-section-top {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-bottom: 1px solid #e0ddd8;
  text-align: left;
}
.pf-section-top > p {
  display: contents;
}
.pf-section-top > div {
  flex: 1;
  text-align: left;
}
.pf-section-top-product,
.pf-section-top-mail {
  background: #E1EDF7;
}
.pf-section-top-photo {
  background: #E1EDF7;
  border-bottom-color: #7FB3D5;
}
.pf-section-body {
  padding: 20px 24px;
}
.pf-section-title {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  text-align: left;
}
.pf-section-title p {
  margin: 0;
}
.pf-section-sub {
  font-size: 14px;
  color: #777;
  margin-top: 3px;
  text-align: left;
}
.pf-section-sub p {
  margin: 0;
}


/* === フィールド === */
.pf-wrap .pf-field {
  margin-bottom: 1.5rem;
}
.pf-wrap .pf-field:last-child {
  margin-bottom: 0;
}
.pf-label {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pf-label p {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pf-required {
  font-size: 12px;
  font-weight: 500;
  background: #FCEBEB;
  color: #A32D2D;
  padding: 2px 10px;
  border-radius: 4px;
  display: inline-block;
}
.pf-optional {
  font-size: 12px;
  font-weight: 500;
  background: #f5f4f0;
  color: #777;
  padding: 2px 10px;
  border-radius: 4px;
  display: inline-block;
}
.pf-hint {
  font-size: 13px;
  color: #888;
  margin-top: 8px;
  line-height: 1.6;
}
.pf-hint p {
  margin: 0;
}


/* === 入力部品（textarea / select / text / email） ===
   .pf-wrap を冠しているのでグローバル form.wpcf7-form… にも
   詳細度で勝てる。!important は不要。 */
.pf-wrap form.wpcf7-form textarea.wpcf7-form-control,
.pf-wrap form.wpcf7-form textarea.wpcf7-textarea,
.pf-wrap .pf-section textarea {
  width: 100%;
  height: 100px;
  min-height: 100px;
  max-height: none;
  border: 1px solid #d0cdc8;
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 16px;
  color: #333;
  background: #fff;
  resize: vertical;
  font-family: inherit;
  line-height: 1.7;
  box-shadow: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.15s;
}
/* コンディション補足は短め */
.pf-wrap form.wpcf7-form textarea[name="condition_note"],
.pf-wrap textarea[name="condition_note"] {
  height: 60px;
  min-height: 60px;
}
.pf-wrap form.wpcf7-form textarea:focus {
  outline: none;
  border-color: #1D7AB8;
  box-shadow: 0 0 0 3px rgba(29, 122, 184, 0.15);
}

.pf-wrap form.wpcf7-form select.wpcf7-form-control,
.pf-wrap form.wpcf7-form select.wpcf7-select,
.pf-wrap .pf-section select {
  width: 100%;
  height: 48px;
  border: 1px solid #d0cdc8;
  border-radius: 8px;
  padding: 0 36px 0 16px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  font-family: inherit;
  cursor: pointer;
  box-shadow: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  /* セレクト矢印（グローバルの矢印に依存しないよう自前で指定） */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231D7AB8' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  transition: border-color 0.15s;
}
.pf-wrap form.wpcf7-form select:focus {
  outline: none;
  border-color: #1D7AB8;
  box-shadow: 0 0 0 3px rgba(29, 122, 184, 0.15);
}

.pf-wrap form.wpcf7-form input[type="text"],
.pf-wrap form.wpcf7-form input[type="email"],
.pf-wrap .pf-section input.wpcf7-text,
.pf-wrap .pf-section input.wpcf7-email {
  width: 100%;
  height: 48px;
  border: 1px solid #d0cdc8;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 16px;
  color: #333;
  background: #fff;
  font-family: inherit;
  box-shadow: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.15s;
}
.pf-wrap form.wpcf7-form input[type="text"]:focus,
.pf-wrap form.wpcf7-form input[type="email"]:focus {
  outline: none;
  border-color: #1D7AB8;
  box-shadow: 0 0 0 3px rgba(29, 122, 184, 0.15);
}

.pf-wrap .wpcf7-form-control::placeholder {
  color: #aaa;
  font-size: 15px;
}

.pf-wrap .wpcf7-form-control-wrap {
  display: block;
  position: relative;
}


/* === 写真アップロード（縦並び＋ファイル入力） === */
.pf-upload-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pf-upload-stack > p {
  display: contents;
}
.pf-upload-stack .wpcf7-form-control-wrap {
  display: block;
}
.pf-wrap .pf-upload-stack input[type="file"],
.pf-wrap form.wpcf7-form .pf-upload-stack input[type="file"],
.pf-upload-stack input.wpcf7-file {
  width: 100%;
  font-size: 15px;
  color: #666;
  padding: 16px 18px;
  border: 1.5px dashed #7FB3D5;
  border-radius: 8px;
  background: #F4F9FC;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  transition: border-color 0.15s;
}
.pf-wrap .pf-upload-stack input[type="file"]:hover {
  border-color: #1D7AB8;
}
.pf-wrap .pf-upload-stack input[type="file"]::-webkit-file-upload-button {
  background: #1D7AB8;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 12px;
}
.pf-wrap .pf-upload-stack input[type="file"]::file-selector-button {
  background: #1D7AB8;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 12px;
}


/* === 個人情報不要バッジ === */
.pf-no-personal {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1.25rem;
  padding: 12px 16px;
  background: #EAF3DE;
  border-radius: 8px;
}
.pf-no-personal > p {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pf-no-personal svg {
  flex-shrink: 0;
}
.pf-no-personal span {
  font-size: 14px;
  color: #3B6D11;
  font-weight: 600;
}


/* === 送信エリア === */
.pf-submit-section {
  padding: 0.5rem 0;
}
.pf-confirm-text {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
}
.pf-confirm-area {
  background: #f9f8f5;
  border: 1.5px dashed #d0cdc8;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  position: relative;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.pf-confirm-area:hover {
  border-color: #1D7AB8;
  background: #F4F9FC;
}
.pf-confirm-area:has(input[type="checkbox"]:checked) {
  background: #EAF3DE;
  border-color: #3B6D11;
  border-style: solid;
}

/* acceptance（確認チェック・CF7生成） */
.pf-submit-section .wpcf7-acceptance {
  margin-bottom: 0;
}
.pf-submit-section .wpcf7-acceptance label {
  position: static;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 8px 0;
  font-size: 16px;
  color: #333;
}
.pf-submit-section .wpcf7-acceptance label::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.pf-submit-section .wpcf7-acceptance input[type="checkbox"] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  accent-color: #1D7AB8;
  cursor: pointer;
  transform: none;
  -webkit-transform: none;
}
.pf-submit-section .wpcf7-acceptance .wpcf7-list-item-label {
  font-size: 16px;
  color: #333;
}

/* 送信ボタン */
.pf-wrap form.wpcf7-form input[type="submit"],
.pf-wrap form.wpcf7-form .wpcf7-submit,
.pf-wrap input.wpcf7-submit {
  width: 100%;
  height: 58px;
  background: #1D7AB8;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  letter-spacing: 0.04em;
  box-shadow: 0 3px 12px rgba(29, 122, 184, 0.35);
  -webkit-appearance: none;
  appearance: none;
  margin-top: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, box-shadow 0.15s;
}
.pf-wrap form.wpcf7-form input[type="submit"]:hover,
.pf-wrap form.wpcf7-form .wpcf7-submit:hover {
  background: #18669A;
  box-shadow: 0 4px 16px rgba(29, 122, 184, 0.45);
  outline: none;
}

/* 送信中スピナー（リング型・青）
   表示/非表示（form.submitting 時のみ visible）は CF7 標準CSSが担う。 */
.pf-wrap .wpcf7-spinner {
  display: block;
  margin: 12px auto 0;
  width: 28px;
  height: 28px;
  background-color: transparent;
  border: 3px solid #cfe2f0;
  border-top-color: #1D7AB8;
  border-radius: 50%;
  animation: spin 800ms linear infinite;
}
.pf-wrap .wpcf7-spinner::before {
  display: none;
}
/* 元CSSに spin の定義が見当たらなかったため追加（無いと回転しません）。
   既に他所で定義済みでも同内容なので無害。 */
@keyframes spin {
  to { transform: rotate(360deg); }
}


/* === キャンペーンバナー === */
.pf-campaign-banner {
  margin-top: 20px;
}
.pf-campaign-banner a {
  display: block;
  text-decoration: none;
}
.pf-campaign-banner img {
  width: 100%;
  max-height: 180px;
  object-fit: contain;
  border-radius: 8px;
  display: block;
}


/* =====================================================================
   ★ 移植元グローバル style.css から取り込んだ satei 専用の仕上げ ★
   （これが無いと表示・挙動が一致しません）
   ===================================================================== */

/* --- CF7 送信結果メッセージ枠 --- */
.pf-wrap form .wpcf7-response-output {
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 15px;
  margin: 14px 0;
  background: #fff;
  border: 2px solid #ccc;
  color: #555;
  font-weight: 500;
}
.pf-wrap form .wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #166534;
  border-color: #22C55E;
  background: #F0FDF4;
}
.pf-wrap form .wpcf7-response-output.wpcf7-validation-errors {
  color: #92400E;
  border-color: #F59E0B;
  background: #FFFBEB;
}
.pf-wrap form .wpcf7-response-output.wpcf7-mail-sent-ng,
.pf-wrap form .wpcf7-response-output.wpcf7-spam-blocked,
.pf-wrap form .wpcf7-response-output.wpcf7-acceptance-missing {
  color: #991B1B;
  border-color: #EF4444;
  background: #FEF2F2;
}

/* --- 項目下のエラー文（「かならず入力してください。」等） --- */
.pf-wrap form .wpcf7-not-valid-tip {
  display: block;
  font-size: 14px;
  color: #991B1B;
  background: #FEF2F2;
  border: 1.5px solid #EF4444;
  border-radius: 6px;
  padding: 10px 12px;
  margin-top: 8px;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(239, 68, 68, 0.15);
}
.pf-wrap form .wpcf7-not-valid-tip::before {
  content: "⚠ ";
}

/* --- エラー項目の入力枠（赤枠）---
   base の入力枠ルール（.pf-wrap form.wpcf7-form input…）は詳細度が
   高いので、ここだけ !important で確実に上書きする。 */
.pf-wrap form .wpcf7-not-valid {
  border-color: #EF4444 !important;
  background: #FEF2F2 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12) !important;
}

/* --- 規約未チェック時：送信ボタンをグレーアウト ---
   acceptance の name は "acceptance-XXX" で自動採番されるため前方一致。
   :has() は現行の主要ブラウザで対応済み。非対応環境では薄くならない
   だけで送信機能には影響しない。 */
.pf-submit-section:not(:has(input[type="checkbox"][name^="acceptance-"]:checked)) .wpcf7-submit {
  opacity: 0.5;
  cursor: not-allowed;
  filter: grayscale(80%);
}

/* --- 二重送信防止（送信中はボタンを無効化） --- */
.pf-wrap form.wpcf7-form.submitting input[type="submit"],
.pf-wrap form.wpcf7-form.submitting .wpcf7-submit {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}


/* =====================================================================
   レスポンシブ
   ===================================================================== */
@media (max-width: 480px) {
  .entry-content:has(.pf-wrap) {
    margin-top: 3px;
  }
  .pf-wrap {
    padding: 0 12px;
    font-size: 15px;
  }
  .pf-section-body {
    padding: 16px;
  }
  .pf-section-top {
    padding: 12px 16px;
  }
  .pf-hero-bar {
    padding: 14px;
    gap: 12px;
  }
  .pf-hero-avatar {
    width: 80px;
    min-width: 80px;
    height: 80px;
  }
  /* iOS のズーム防止に 16px を維持 */
  .pf-wrap form.wpcf7-form textarea,
  .pf-wrap form.wpcf7-form input[type="text"],
  .pf-wrap form.wpcf7-form input[type="email"],
  .pf-wrap form.wpcf7-form select {
    font-size: 16px;
  }
  .pf-wrap form.wpcf7-form textarea[name="item_detail"],
  .pf-wrap textarea[name="item_detail"] {
    height: 160px;
    min-height: 160px;
  }
  .pf-wrap form.wpcf7-form textarea[name="condition_note"],
  .pf-wrap textarea[name="condition_note"] {
    height: 80px;
    min-height: 80px;
  }
}

/* スマホ用：フローバーを縦型に切り替え */
@media screen and (max-width: 767px) {
  .pf-wrap .pf-flow-bar {
    padding: 14px 0;
  }
  .pf-wrap .pf-flow-step {
    flex-direction: column;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    text-align: center;
    flex: 1;
    min-width: 0;
    line-height: 1.3;
  }
  .pf-wrap .pf-flow-num {
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 13px;
  }
  .pf-wrap .pf-flow-line {
    width: auto;
    flex: 0 1 20px;
    margin: 14px 2px 0;
    align-self: flex-start;
    height: 2px;
  }
}

@media screen and (max-width: 380px) {
  .pf-wrap .pf-flow-step {
    font-size: 11px;
  }
  .pf-wrap .pf-flow-line {
    flex: 0 1 12px;
  }
}


/* plugin：include Kakakuhyo From Cache で出力される */
/* Shortcodes Ultimate modern-1-dark 見出しの文字色を白で上書き */
.su-heading-style-modern-1-dark .su-heading-inner {
	color: #ffffff !important;
}

/* テーブル内でreview表示する場合はtableの背景色を無効化する */
table:has(#showreviews) tr {
  background-color: transparent !important;
}

/* nigiwai の h2 文字色を白で上書き */
#nigiwai h2 {
  color: #ffffff !important;
}

/* =====================================================================
   ▼▼▼ 統合部：旧「カスタマイズの追加CSS」をここに統合（2026-09 統合版）▼▼▼
   -----------------------------------------------------------------
   これまで 外観→カスタマイズ→追加CSS に貼っていた内容を子テーマ
   style.css に取り込み。CTA・スライドメニュー等のガワはここが本体。
   ※統合したため、herazao本番では「追加CSS」欄は空のままにすること
     （両方に入れると二重定義になる）。読み込み順は従来どおり
     style.css内で本体→ガワの順（後勝ち）を維持している。
   ===================================================================== */

/* ============================================
   つりぐ買取 apply側 フッター配色
   サイトのキーカラー #1D7AB8 に統一
   
   配置場所：外観 → カスタマイズ → 追加CSS
   ============================================ */

/* === フッター全体の背景・文字色 === */
#footer.footer {
  background: #1D7AB8 !important;
  color: #fff !important;
  margin-bottom: 4rem;
}

/* フッター内の見出し（「買取メニュー」「お買取対象」「会社案内」） */
#footer .widget-title,
#footer .footer-title {
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,0.25) !important;
  padding-bottom: 8px !important;
  margin-bottom: 12px !important;
}

/* リストのテキスト・リンク色 */
#footer ul li,
#footer ul li a {
  color: #fff !important;
}

/* リンクホバー時 */
#footer ul li a:hover {
  color: #cfe4fa !important;
  text-decoration: underline !important;
}

/* フッター下部のクレジット行（著作権・電話・公安委員会） */
#footer .source-org,
#footer .copyright {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
}
#footer .source-org a,
#footer .copyright a {
  color: #cfe4fa !important;
  text-decoration: none !important;
}
#footer .source-org a:hover,
#footer .copyright a:hover {
  text-decoration: underline !important;
}

/* フッターウィジェットエリアの区切り */
#footer .footer-widgets {
  border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
}

/* ============================================
   ヘッダー：ロゴサイズの強制（トップページと同等に縮小）
   ============================================ */
.logo-header img,
.header-site-logo-image,
#header .logo img,
.site-logo-image {
  max-height: 50px !important;
  width: auto !important;
  height: auto !important;
}

/* ヘッダーの余白を適度に */
#header-container,
.header-container {
  padding: 10px 0 !important;
}

/* ヘッダー内のレイアウト：ロゴ左・メニュー右 */
.header-container-in.hlt-top-menu {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* メニューを右端に寄せる */
#navi .navi-in > ul,
.hlt-tm-right .navi-in > ul {
  justify-content: flex-end !important;
}

/* ロゴは左寄せ */
.header-container-in.hlt-top-menu .logo-header {
  margin-right: auto !important;
}

/* ============================================
   ヘッダーメニュー カプセルボタン
   トップページ(turigu-kaitori.jp/)と同じスタイル
   ============================================ */

/* 無料査定（プライマリ：黄色）— フッターと同じ効果 */
#navi .navi-in > ul > li.menu-btn-search > a {
  background: #FCC63D;
  color: #333;
  padding: 5px 20px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 700;
  margin: 0 4px;
  white-space: nowrap;
  box-shadow: 0 4px 15px rgba(252, 198, 61, 0.4);
  transition: all 0.3s ease;
}
#navi .navi-in > ul > li.menu-btn-search > a:hover {
  background: #fdd35e;
  color: #333;
  box-shadow: 0 6px 25px rgba(252, 198, 61, 0.6);
  transform: translateY(-1px);
}
#navi .navi-in > ul > li.menu-btn-search > a .item-label { color: #333; }

/* 宅配買取申込（セカンダリ：緑）— フッターと同じ効果 */
#navi .navi-in > ul > li.menu-btn-truck > a {
  background: #28a745;
  color: #fff;
  border: 2px solid #28a745;
  padding: 5px 20px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 700;
  margin: 0 4px;
  white-space: nowrap;
  box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4);
  transition: all 0.3s ease;
}
#navi .navi-in > ul > li.menu-btn-truck > a:hover {
  background: #34ce57;
  border-color: #34ce57;
  color: #fff;
  box-shadow: 0 6px 25px rgba(40, 167, 69, 0.6);
  transform: translateY(-1px);
}
#navi .navi-in > ul > li.menu-btn-truck > a .item-label { color: #fff; }

#navi .navi-in > ul > li.menu-btn-search,
#navi .navi-in > ul > li.menu-btn-truck {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}


/* メニュー全体のサイズ感調整 */
#navi .navi-in > ul > li.menu-btn-search,
#navi .navi-in > ul > li.menu-btn-truck {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}



/* ============================================================
   Cocoon スライドインメニュー カスタムCSS
   ─ 追加CSS または 子テーマ style.css に貼り付け ─
   ============================================================
   ※ Cocoon のデフォルトスタイルを上書きするため
     セレクタの詳細度を高めに設定しています
   ============================================================ */

/* ----------------------------------------------------------
   0. CSS変数（Cocoon環境用に自己完結させる）
   ---------------------------------------------------------- */
#navi-menu-content {
  --jet: #333;
  --dodger-blue: #1e90ff;
  --white: #fff;
  --font-system:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;
  --fs-body: 15px;
  --lh-normal: 1.8;
}

/* ----------------------------------------------------------
   1. メニューコンテナ全体
   ---------------------------------------------------------- */
#navi-menu-content.navi-menu-content {
  background-color: #F0F2F5;
  width: 82%;
  max-width: 320px;
  font-family: var(--font-system) !important;
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  letter-spacing: 0;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* ----------------------------------------------------------
   2. 閉じるボタン
   ---------------------------------------------------------- */
#navi-menu-content .menu-close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4em;
  height: 2.4em;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  margin: 0.4em 0 0.3em 0.4em;
  font-size: 1.2em;
  transition: background 0.2s;
  cursor: pointer;
}
#navi-menu-content .menu-close-button:hover {
  background: rgba(0, 0, 0, 0.15);
}
#navi-menu-content .menu-close-button span {
  font-size: 1.4em;
  line-height: 1;
  color: var(--jet);
}

/* ----------------------------------------------------------
   3. メニュードロワー共通
   ---------------------------------------------------------- */
#navi-menu-content .menu-drawer {
  padding: 0 1rem 120px;
  list-style: none;
}
#navi-menu-content .menu-drawer ul {
  list-style: none;
  padding-left: 0;
}
#navi-menu-content .menu-drawer li {
  display: block;
  font-family: var(--font-system) !important;
  font-size: var(--fs-body) !important;
  font-weight: 400 !important;
  line-height: var(--lh-normal) !important;
  letter-spacing: 0 !important;
}
#navi-menu-content .menu-drawer a {
  text-decoration: none;
  padding: 6px;
  display: block;
  color: var(--jet);
}
#navi-menu-content .menu-drawer a:hover {
  filter: brightness(1.1);
  transition: all 0.3s ease-in-out;
  color: var(--dodger-blue);
}
#navi-menu-content .menu-drawer .sub-menu {
  padding-left: 20px;
}

/* ----------------------------------------------------------
   4. ゾーン区切り（セグメント）
   ---------------------------------------------------------- */
#navi-menu-content .menu-segment {
  margin-top: 10px;
}

/* ----------------------------------------------------------
   5. ゾーン見出し共通
   ---------------------------------------------------------- */
#navi-menu-content .menu-zone-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 6px;
  margin: 0 0 2px;
  font-size: 0.85em;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#navi-menu-content .menu-zone-heading .zone-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 14px;
  flex-shrink: 0;
}

/* ----------------------------------------------------------
   6. ゾーン別カラー
   ---------------------------------------------------------- */
/* まずは無料査定 */
#navi-menu-content .zone-cta           { color: #EF8C28; }
#navi-menu-content .zone-cta .zone-icon { background: #EF8C28; }

/* 買取について */
#navi-menu-content .zone-trust           { color: #3D5A80; }
#navi-menu-content .zone-trust .zone-icon { background: #3D5A80; }

/* ご利用ガイド */
#navi-menu-content .zone-guide           { color: #7B6B8D; }
#navi-menu-content .zone-guide .zone-icon { background: #7B6B8D; }

/* お申し込み */
#navi-menu-content .zone-action           { color: #43A047; }
#navi-menu-content .zone-action .zone-icon { background: #43A047; }

/* サポート・その他 */
#navi-menu-content .zone-support           { color: #607D8B; }
#navi-menu-content .zone-support .zone-icon { background: #607D8B; }

/* ----------------------------------------------------------
   7. CTA ボタン（無料ウェブ査定）
   ---------------------------------------------------------- */
#navi-menu-content .menu-zone-cta .sub-menu a {
  display: block;
  background: #FCC63D;
  color: #333 !important;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  padding: 14px 16px !important;
  border-radius: 50px;
  box-shadow: 0 4px 15px rgba(252, 198, 61, 0.4);
  margin: 4px 8px;
  transition: all 0.3s ease;
}
#navi-menu-content .menu-zone-cta .sub-menu a:hover {
  background: #fdd35e !important;
  color: #333 !important;
  box-shadow: 0 6px 25px rgba(252, 198, 61, 0.6);
  transform: translateY(-1px);
}

/* ----------------------------------------------------------
   8. バッジ（最短当日 / 0円）
   ---------------------------------------------------------- */
#navi-menu-content .menu-badge {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 3px;
  vertical-align: middle;
  margin-left: 4px;
  letter-spacing: 0;
  line-height: 1.6;
}
#navi-menu-content .badge-urgent {
  color: #fff;
  background: #E74C3C;
}
#navi-menu-content .badge-free {
  color: #fff;
  background: #E67E22;
}

/* ----------------------------------------------------------
   9. Cocoon デフォルトの打ち消し / 競合対策
   ---------------------------------------------------------- */
/* Cocoon がデフォルトで付ける余計な padding-left を除去 */
#navi-menu-content .menu-drawer,
#navi-menu-content .menu-drawer ul,
#navi-menu-content .menu-drawer .sub-menu {
  margin: 0;
}
/* Cocoon のリスト disc を消す */
#navi-menu-content ul {
  list-style: none;
  padding-left: 0;
}
#navi-menu-content .menu-drawer .sub-menu {
  padding-left: 20px;
}
/* Cocoon デフォルトのメニューリンク色を上書き */
#navi-menu-content .menu-drawer a,
#navi-menu-content .sub-menu a {
  color: var(--jet);
}
#navi-menu-content .menu-drawer a:hover,
#navi-menu-content .sub-menu a:hover {
  color: var(--dodger-blue);
}

/* ----------------------------------------------------------
   10. モバイル微調整
   ---------------------------------------------------------- */
@media screen and (max-width: 480px) {
  #navi-menu-content.navi-menu-content {
    font-size: 16px;
    line-height: 1.9;
  }
}

/* ----------------------------------------------------------
   11. アクセシビリティ: prefers-reduced-motion
   ---------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  #navi-menu-content,
  #navi-menu-content * {
    animation: none !important;
    transition: none !important;
  }
}


/* ============================================================
   フッター固定CTAバー
   ─ 追加CSS に追記 ─
   ============================================================ */

/* ----------------------------------------------------------
   0. Cocoon デフォルトのモバイルフッターボタンを非表示
   ---------------------------------------------------------- */
.mobile-footer-menu-buttons {
  display: none !important;
}

/* ----------------------------------------------------------
   1. CSS変数（Cocoon環境用に自己完結）
   ---------------------------------------------------------- */
.floating-cta {
  --jet: #333;
  --white: #fff;
  --gray: #555;
  --dodger-blue: #1e90ff;
  --line-forest-green: #06C755;
  --font-system:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;
}

/* ----------------------------------------------------------
   2. フローティングCTAバー本体
   ---------------------------------------------------------- */
.floating-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--white);
  padding: 10px 32px calc(14px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  z-index: 2;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  font-family: var(--font-system);
}

/* ----------------------------------------------------------
   3. テキスト行（送料・査定料0円）
   ---------------------------------------------------------- */
.floating-cta-text {
  text-align: center;
  line-height: 1.3;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
	
    white-space: nowrap;
    flex-shrink: 0;
}
.floating-cta-text strong {
  font-size: 13px;
  color: var(--jet);
}
.floating-cta-text small {
  font-size: 12px;
  color: var(--gray);
}

/* ----------------------------------------------------------
   4. ボタンコンテナ
   ---------------------------------------------------------- */
.floating-cta-buttons {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* ----------------------------------------------------------
   5. ボタン共通
   ---------------------------------------------------------- */
.floating-cta-button {
  flex: 0 0 auto;
  padding: 13px 30px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
}

/* 無料査定ボタン(黄色) */
.floating-cta-primary {
  background: #FCC63D;
  color: #333;
  box-shadow: 0 4px 15px rgba(252, 198, 61, 0.4);
}
.floating-cta-primary:hover {
  background: #fdd35e;
  color: #333;
  box-shadow: 0 6px 25px rgba(252, 198, 61, 0.6);
  transform: translateY(-1px);
}

/* 宅配買取ボタン(緑) */
.floating-cta-secondary {
  background: #28a745;
  color: #fff;
  border: 2px solid #28a745;
  box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4);
}
.floating-cta-secondary:hover {
  background: #34ce57;
  border-color: #34ce57;
  color: #fff;
  box-shadow: 0 6px 25px rgba(40, 167, 69, 0.6);
  transform: translateY(-1px);
}

/* ----------------------------------------------------------
   8. PC/SP ラベル切り替え
   ---------------------------------------------------------- */
.cta-label-sp {
  display: none;
}
.cta-label-pc {
  display: inline;
}

/* ----------------------------------------------------------
   9. モバイル調整
   ---------------------------------------------------------- */
@media (max-width: 768px) {
  .floating-cta {
    padding: 8px 14px calc(12px + env(safe-area-inset-bottom, 0px));
    gap: 5px;
  }
  .floating-cta-button {
    padding: 12px 20px;
    font-size: 14px;
  }
  .cta-label-pc {
    display: none;
  }
  .cta-label-sp {
    display: inline;
  }
}

/* ----------------------------------------------------------
   10. 印刷時は非表示
   ---------------------------------------------------------- */
@media print {
  .floating-cta {
    display: none !important;
  }
}

/* ----------------------------------------------------------
   11. アクセシビリティ: prefers-reduced-motion
   ---------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .floating-cta,
  .floating-cta * {
    animation: none !important;
    transition: none !important;
  }
}

/* ----------------------------------------------------------
   12. フッターCTAバー分の余白確保
       （ページ最下部のコンテンツが隠れないように）
   ---------------------------------------------------------- */
body {
  padding-bottom: 90px;
}
@media (max-width: 768px) {
  body {
    padding-bottom: 80px;
  }
}

.floating-cta-primary .cta-label-sp,
.floating-cta-primary .cta-label-pc {
  color: #333;
}
.floating-cta-secondary .cta-label-sp,
.floating-cta-secondary .cta-label-pc {
  color: #fff;
}

/* 固定ページ内button色上書き */
/* ===== 宅配買取（syuka-mado）→ #28a745 グリーン ===== */
.su-button[href*="syuka-mado"]{
  background-color:#28a745 !important;
  border-color:#1e7e34 !important;   /* 3D下辺：濃い緑 */
}
.su-button[href*="syuka-mado"] span{
  color:#ffffff !important;          /* 文字：白（緑地での視認性） */
  border-color:#3fb45e !important;   /* 内側の細い辺：明るい緑 */
}
.su-button[href*="syuka-mado"] i{ color:#ffffff !important; }

/* ===== 査定（mkomi/ak.html）→ #FCC63D ゴールド ===== */
.su-button[href*="/ak.html"]{
  background-color:#FCC63D !important;
  border-color:#d4a72c !important;   /* 3D下辺：濃い金 */
}
.su-button[href*="/ak.html"] span{
  color:#000000 !important;          /* 文字：黒（淡い黄に白は読めない＝必須） */
  border-color:#fdd877 !important;   /* 内側の細い辺：明るい金 */
}
.su-button[href*="/ak.html"] i{ color:#000000 !important; }




/* お電話サポート（フローティングCTA・ボタン下の従属テキスト） */
.floating-cta-support {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.floating-cta-tel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  text-decoration: none;
  color: var(--jet);
  white-space: nowrap;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.floating-cta-tel .fct-ic {
  font-size: 18px;
  color: #F5A623;
  font-variant-emoji: text;
  line-height: 1;
}
.floating-cta-tel .fct-label { font-size: 13px; font-weight: 700; color: #555; }
.floating-cta-tel .fct-num {
  font-size: 16px; font-weight: 800; color: #222; letter-spacing: .02em;
  text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px;
}
.floating-cta-tel .fct-hours { font-size: 12px; font-weight: 600; color: #555; }
.floating-cta-tel:active { opacity: .8; }
@media (hover: none) {
  .floating-cta-tel:hover { opacity: 1; }
}
.floating-cta-tagline {
  margin: 0;
	font-size: 1rem !important;
  font-weight: 600;
  color: #8a8a90;
}
.floating-cta-tagline b { color: #A66A00; font-weight: 700; }

/* 最短当日集荷 */
.floating-cta .fct-btn-wrap {
  position: relative;
  display: inline-flex;
}
.fct-badge {
    position: absolute;
    top: -8px;
    right: -2px;
    z-index: 1;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px 7px;
    border-radius: 10px;
    white-space: nowrap;
    color: #fff;
    background: #993C1D;
    pointer-events: none;
}


/* =============================================================
   フローティングCTA 320px幅対応（WordPress 追加CSS / style.css 追記用）
   -------------------------------------------------------------
   対象   : .floating-cta 配下のみ（他要素には一切影響しない）
   適用幅 : 画面幅 380px 以下（320 / 346 / 360 / 375 / 376px）
   目的   : 縦4段（安心文言／ボタン／電話／タグライン）を2段に圧縮し、
            狭幅端末での画面占有を約142px → 約88px（31%→20%）に下げる
   方針   : フォントは原則維持。受付時間・ラベル・タグラインなど
            申込判断に直接効かない補足のみ畳む。電話番号は残す。
   注意   : cta-label-pc / cta-label-sp の出し分けは既存実装に委ねる
            （このCSSでは変更しない）
   追加   : 2026-08-20
   ============================================================= */
@media (max-width: 380px) {
  #footer.footer {
    margin-bottom: unset;
  }

  /* 1段目にボタン、2段目に「0円＋電話番号」を横並びで収める */
  .floating-cta {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2px 8px !important;
    padding: 5px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
  }
 
  /* ボタン群を最上段に固定して横幅いっぱいに */
  .floating-cta .floating-cta-buttons {
    order: -1 !important;
    width: 100% !important;
    gap: 8px !important;
  }
 
  /* ★ 2つのラップを等幅にして左寄りを解消（各ボタンはラップ内で全幅） */
  .floating-cta .floating-cta-buttons > .fct-btn-wrap {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
 
  .floating-cta .floating-cta-buttons > .fct-btn-wrap > .floating-cta-button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 9px 8px !important;
    font-size: 13.5px !important;
  }
 
  /* 安心文言：「キャンセルも無料」は畳み、「送料・査定料0円」のみ2段目へ */
  .floating-cta .floating-cta-text {
    margin: 0 !important;
  }
 
  .floating-cta .floating-cta-text strong {
    font-size: 11.5px !important;
  }
 
  .floating-cta .floating-cta-text small {
    display: none !important;
  }
 
  /* 電話：番号のみ残す（ラベル・受付時間は畳む。tel リンクは維持） */
  .floating-cta .floating-cta-support {
    width: auto !important;
    flex-direction: row !important;
    margin-top: 0 !important;
    gap: 0 !important;
    display: flex;
  }
 
  .floating-cta .floating-cta-tel {
    min-height: 22px !important;
    padding: 0 !important;
    gap: 3px !important;
  }
 
  .floating-cta .floating-cta-tel .fct-ic  { font-size: 13px !important; }
  .floating-cta .floating-cta-tel .fct-num { font-size: 13px !important; }
 
  .floating-cta .floating-cta-tel .fct-label,
  .floating-cta .floating-cta-tel .fct-hours {
    display: none !important;
  }
 
  .floating-cta .floating-cta-tagline {
    display: none !important;
  }
 
  /* 「最短当日集荷」バッジ：基準は上記(B)の .fct-btn-wrap。位置微調整のみ */
  .floating-cta .fct-badge {
    top: -8px !important;
    right: -2px !important;
    font-size: 9.5px !important;
    padding: 1px 5px !important;
  }
}
 
/* -------------------------------------------------------------
   スティッキーホバー対策（タッチ端末のみ・.floating-cta 配下限定）
   ------------------------------------------------------------- */
@media (hover: none) {
  .floating-cta .floating-cta-button:hover {
    transform: none !important;
  }
}