@charset "utf-8";
/*
Theme Name: SKIN child
Theme URI:https://tcd-theme.com/tcd046
Description:WordPressテーマ「SKIN」の子テーマ（エースグループ用。親テーマに直接書いていた直しをここへ移した 2026-10）
Template:skin_tcd046
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/

/* SKIN 2.2 では #main_col が flex（間 30px）になり、
   ・サイドバーのない固定ページで #article が中身の幅（1200px）まで縮んで左に寄る
   ・一覧ページでサイドバーが 50px 左に詰まる
   左右の列は 2.2 でも float で並べる作りのままなので、#main_col だけ今のサイト（SKIN 1.6）と同じふつうの箱に戻す */
#main_col,
body.single-post #main_col, body.single-news #main_col, body.single-campaign #main_col,
body.single-staff #main_col, body.single-voice #main_col, body.page-template-default #main_col {
  display: block;
  overflow: visible;
}

/* 書体：SKIN 2.2 は書体の設定から変数（--tcd-font-type1〜3）を作って使う。1.6 が出していた書体の並びに戻す
   （ページ全体＝1.6 の type1：Windows ではメイリオ。2.2 の並びだと游ゴシックになり、文字の幅・折り返しが変わる）
   タイトル（.rich_font）＝1.6 の type3（明朝）・太さ 500。2.2 では h2 の太さ（700）になっていた */
:root {
  --tcd-font-type1: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  --tcd-font-type2: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.rich_font {
  font-weight: 500;
}

/* ページビルダーの見出し・キャッチコピー：functions.php で 1.6 の形（h3・h4、pb_font_family_type1〜3）に戻したので、
   1.6 の pagebuilder.css の指定をそのまま写す。2.2 の「.pb_headline は 400（!important）」は、今のサイトの太さ（/style2018.css の 600）に戻す */
.pb_font_family_type1 { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
.pb_font_family_type2 { font-family: "Segoe UI", Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
.pb_font_family_type3 { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.pb-widget-headline h3 { margin:0; padding:0; }
.pb-widget-catchcopy h4 { margin:0; padding:0; }
.post_content #tcd-pb-wrap h3.pb_headline { font-weight: 600 !important; }

/* フッターのウィジェット：SKIN 2.2 で見出しが h3 → div になり、カスタム HTML に本文用の post_content が付いた。
   今のサイト（SKIN 1.6）と同じ文字の大きさ・行間に戻す */
#footer_widget .footer_headline {
  font-size: 16px;
  line-height: 1;
}
#footer_widget .textwidget.post_content {
  font-size: 12px;
  line-height: 1.6;
}
#footer_widget .textwidget.post_content p {
  margin: 0 0 2em;
  font-size: 13.2px !important; /* /style2018.css の「物件のページの本文は 22px（!important）」がフッターに効かないように */
  font-weight: inherit;
  color: inherit;
  line-height: 1.6;
}
#footer_widget .textwidget.post_content h3.footer_headline {
  margin: 0 0 18px;
  padding: 0;
  border: none;
  background: none;
  font-size: 16px;
  line-height: 1;
}
#footer_widget .textwidget.post_content h3.footer_headline::before,
#footer_widget .textwidget.post_content h3.footer_headline::after {
  display: none;
}

/* ===== お問い合わせフォーム（入力 → 確認画面 → 送信 → サンキューページ。くまの整形外科の形。スキル cf7-confirm-thanks） =====
   薄い地色の枠の中に、項目ごとの白いカード。送信ボタンはサイトの青（#0E05BA）。確認画面は js/ace-form.js が作る */
.ace-entry__body {
  --ace-main: #0E05BA;
  --ace-text: #333;
  --ace-req: #f39800;
  margin: 24px 0 0;
  padding: 32px 32px 40px;
  border-radius: 12px;
  background: #eef0f6;
  color: var(--ace-text);
  font-size: 16px;
  line-height: 1.7;
}
.ace-entry__lead {
  margin: 0 0 24px;
  text-align: center;
}
.ace-entry__lead a { color: var(--ace-main); text-decoration: underline; }
/* フォームのページの上の説明文（ページビルダー）の「個人情報保護方針」のリンクに下線（本人 2026-10-12） */
.pb-widget-editor a[href*="/privacy/"] { text-decoration: underline; }
.ace-entry__item {
  margin: 0 0 20px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  line-height: 1.6;
}
.ace-entry__back-link { margin: 0 0 20px; text-align: right; }
.ace-entry__back-link a { color: var(--ace-main); }
/* 項目ごとの白いカード */
.ace-entry__group {
  margin: 0 0 16px;
  padding: 24px 32px;
  border-radius: 12px;
  background: #fff;
}
.ace-entry__type .wpcf7-list-item { margin: 0 40px 0 0; }
.ace-entry__type label { cursor: pointer; }
.ace-entry__type .wpcf7-list-item-label { font-size: 18px; }
.ace-entry__type input[type="radio"] { width: 22px; height: 22px; margin: 0 10px 0 0; vertical-align: -4px; accent-color: var(--ace-main); }
.ace-entry__heading {
  margin: 32px 0 16px;
  padding: 4px 0 4px 14px;
  border-left: 4px solid var(--ace-main);
  color: var(--ace-main);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
.ace-entry__label {
  display: block;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}
/* 「必須」の札（オレンジ） */
.ace-entry__req {
  display: inline-block;
  margin-left: 10px;
  padding: 0 10px;
  border-radius: 4px;
  background: var(--ace-req);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  vertical-align: 1px;
}
.ace-entry__note {
  display: inline-block;
  margin-left: 10px;
  color: #555;
  font-size: 16px;
  font-weight: 400;
}
/* 入力欄 */
.ace-entry__body input[type="text"],
.ace-entry__body input[type="email"],
.ace-entry__body input[type="tel"],
.ace-entry__body textarea {
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  padding: 10px 14px;
  border: 1px solid #b3b3b3;
  border-radius: 6px;
  background: #fff;
  color: var(--ace-text);
  font-size: 16px; /* 16px未満だとiPhoneで入力時に画面が拡大されるため */
  line-height: 1.5;
}
.ace-entry__body input[type="text"],
.ace-entry__body input[type="email"],
.ace-entry__body input[type="tel"] { max-width: 480px; }
.ace-entry__body input.ace-entry__short { max-width: 200px; }
.ace-entry__body input[readonly] { background: #f3f4f6; }
.ace-entry__body textarea { height: 180px; resize: vertical; }
.ace-entry__body input:focus,
.ace-entry__body textarea:focus {
  border-color: var(--ace-main);
  outline: 2px solid rgba(14, 5, 186, .25);
  outline-offset: 0;
}
.ace-entry__body ::placeholder { color: #999; }
/* 個人情報保護方針への同意 */
.ace-entry__privacy {
  margin: 24px 0 0;
  padding: 24px 32px;
  border-radius: 12px;
  background: #fff;
  font-size: 16px;
  text-align: center;
}
.ace-entry__privacy .wpcf7-list-item { margin: 0; }
.ace-entry__privacy label { cursor: pointer; }
.ace-entry__privacy .wpcf7-list-item-label { font-size: 18px; }
.ace-entry__privacy input[type="checkbox"] { width: 22px; height: 22px; margin: 0 10px 0 0; vertical-align: -4px; accent-color: var(--ace-main); }
.ace-entry__privacy a { color: var(--ace-main); text-decoration: underline; }
.ace-entry__privacy .ace-entry__mailnote { margin: 16px 0 0; color: #555; font-size: 16px; text-align: left; }
/* 送信ボタン：幅いっぱい最大400px・高さ72px以上・文字20px・角丸6px・白い文字 */
.ace-entry__submit {
  position: relative;
  margin-top: 40px;
  text-align: center;
}
.ace-entry__body input.wpcf7-submit {
  display: block;
  width: 100%;
  max-width: 400px;
  min-height: 72px;
  margin: 0 auto;
  padding: 12px 32px;
  border: none;
  border-radius: 6px;
  background: var(--ace-main);
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .05em;
  cursor: pointer;
  transition: opacity .2s;
  -webkit-appearance: none;
}
.ace-entry__body input.wpcf7-submit:hover,
.ace-entry__body input.wpcf7-submit:focus { background: var(--ace-main); color: #fff; opacity: .85; } /* テーマの「乗せると黒」を打ち消す */
/* 同意にチェックが入るまで、CF7がボタンを押せなくする。押せないことが分かるよう薄くする */
.ace-entry__body input.wpcf7-submit:disabled { opacity: .45; cursor: not-allowed; }
.ace-entry__body .wpcf7-spinner { position: absolute; top: 100%; left: 50%; margin: 12px 0 0 -12px; }
/* 入力エラー・送信結果のメッセージ */
.ace-entry__body .wpcf7-not-valid-tip { margin-top: 6px; color: #d63638; font-size: 16px; }
.ace-entry__body .wpcf7-not-valid { border-color: #d63638; }
.wpcf7 form .ace-entry__body ~ .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output { margin: 24px 0 0; padding: 14px 20px; border-radius: 6px; background: #fff; font-size: 16px; text-align: center; }
/* 確認画面 */
.wpcf7 [hidden] { display: none !important; } /* display を指定した要素でも確実に隠す */
.ace-entry__confirm { padding: 32px 40px; border-radius: 12px; background: #fff; }
p.ace-entry__confirm-intro { margin: 0 0 16px; font-size: 16px; line-height: 1.8; }
.ace-entry__confirm-row { display: flex; gap: 4px 24px; padding: 16px 0; border-bottom: 1px dotted #b3b3b3; font-size: 16px; line-height: 1.7; }
.ace-entry__confirm-row:last-child { border-bottom: none; }
.ace-entry__confirm-label { flex: 0 0 180px; font-weight: 600; }
.ace-entry__confirm-value { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; } /* 長いメールアドレスで枠からはみ出さない */
.ace-entry__empty { color: #888; }
/* 「内容を修正する」：送信ボタンの上に、同じ大きさ・同じ文字の大きさで（白・灰色の枠） */
.ace-entry__body .ace-entry__back {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 400px;
  min-height: 72px;
  margin: 0 auto 16px;
  padding: 12px 32px;
  border: 1px solid #999;
  border-radius: 6px;
  background: #fff;
  color: var(--ace-text);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.4;
  cursor: pointer;
}
.ace-entry__body .ace-entry__back:hover { background: #f5f5f5; }
.ace-entry__body input.wpcf7-submit { box-sizing: border-box; line-height: 1.4; }
.is-confirm .ace-entry__submit { margin-top: 24px; }
.is-confirm .wpcf7-response-output { display: none; }

/* ===== サンキューページ（/inquiry/thanks/・/item-inq/thanks/） ===== */
/* テーマ（.post_content の p・h2）の指定より強くするため、.post_content から書く */
.post_content .ace-thanks { margin: 48px 0 24px; padding: 32px; border-radius: 12px; background: #eef0f6; color: #333; }
.post_content .ace-thanks__card { padding: 48px 56px 56px; border-radius: 12px; background: #fff; }
.post_content .ace-thanks p { margin: 0; font-size: 17px; line-height: 2; }
.post_content .ace-thanks p + p { margin-top: 16px; }
.post_content .ace-thanks h2.ace-thanks__heading {
  margin: 48px 0 16px;
  padding: 6px 0 6px 16px;
  border: none;
  border-left: 5px solid #0E05BA;
  background: none;
  color: #0E05BA;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
.post_content .ace-thanks h2.ace-thanks__heading::before,
.post_content .ace-thanks h2.ace-thanks__heading::after { display: none; }
.post_content .ace-thanks__tels { margin: 32px 0 0; display: grid; gap: 20px; }
.post_content .ace-thanks p.ace-thanks__tel { margin: 0; text-align: center; line-height: 1.5; }
.ace-thanks__tel-label { display: block; color: #555; font-size: 16px; }
.ace-thanks .ace-thanks__tel a { display: inline-flex; align-items: center; gap: 10px; color: #0E05BA; font-size: 32px; font-weight: 600; line-height: 1.4; text-decoration: none; }
.ace-thanks__tel-icon { width: 30px; height: 30px; flex: none; fill: currentColor; }
.ace-thanks a.ace-thanks__btn {
  display: flex; align-items: center; justify-content: center;
  max-width: 400px; min-height: 72px; margin: 40px auto 0; padding: 12px 32px; box-sizing: border-box;
  border-radius: 6px; background: #0E05BA; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: .05em; text-decoration: none;
}
.ace-thanks a.ace-thanks__btn:hover { opacity: .85; }

/* 物件のページの「この物件に問い合わせる」：サンキューページの「トップページへ」と同じ形に（本人 2026-10-12） */
.sendok .bukkenfrm input.q_button {
  -webkit-appearance: none; appearance: none;
  display: block; width: 100%; max-width: 400px; min-width: 0; height: auto; min-height: 72px; margin: 0 auto; padding: 12px 32px; box-sizing: border-box;
  border: 0; border-radius: 6px; box-shadow: none; background: #0E05BA; color: #fff;
  font-size: 20px; font-weight: 600; letter-spacing: .05em; line-height: 1.4; cursor: pointer;
}
/* 外側の灰色の枠（.well）は付けない（本人 2026-10-12） */
.sendok .bukkenfrm .well { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.sendok .bukkenfrm input.q_button:hover,
.sendok .bukkenfrm input.q_button:focus { background: #0E05BA; color: #fff; box-shadow: none; opacity: .85; }

@media screen and (max-width: 768px) {
  .ace-entry__body { padding: 20px 12px 28px; }
  .ace-entry__group, .ace-entry__privacy { padding: 18px 16px; }
  .ace-entry__confirm { padding: 20px 16px; }
  .ace-entry__confirm-row { flex-direction: column; }
  .ace-entry__confirm-label { flex: none; }
  .post_content .ace-thanks { margin-top: 32px; padding: 16px 12px; }
  .post_content .ace-thanks__card { padding: 28px 18px 32px; }
  .ace-thanks .ace-thanks__tel a { font-size: 28px; }
  /* 「（太宰府支店 不動産部）」は会社名の次の行に（本人 2026-10-12） */
  .ace-thanks__tel-sub { display: block; }
  /* 「この物件に問い合わせる」が1行に収まるように（input のボタンは折り返さない） */
  .sendok .bukkenfrm input.q_button { padding: 12px 8px; font-size: 18px; letter-spacing: 0; }
}
@media screen and (max-width: 340px) {
  .sendok .bukkenfrm input.q_button { font-size: 16px; }
}