/* お問い合わせ・レビュー。2026-09-19 page-10.php から切り出し（英中韓版と共通）。 */
/* お問い合わせ・レビュー（2026-09-19）。.ctp の中だけに効く。 */
.ctp{--red:#dc2626;--red-d:#991b1b;--red-l:#fef2f2;--ink:#1f2937;--mut:#6b7280;--line:#e5e7eb;--green:#06c755;--gold:#f59e0b;
  color:var(--ink);line-height:1.85;font-size:15px;overflow-x:hidden}
.ctp *{box-sizing:border-box}
.ctp-wrap{max-width:860px;margin:0 auto;padding:0 16px}

.ctp-hero{position:relative;color:#fff;background:linear-gradient(135deg,#7f1d1d 0%,#dc2626 55%,#b91c1c 100%);padding:40px 0 66px;text-align:center;overflow:hidden}
.ctp-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.07)}
.ctp-hero__eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.2em;opacity:.85;margin-bottom:8px}
.ctp-hero h1{color:#fff;font-size:clamp(26px,6vw,40px);font-weight:900;line-height:1.3;margin:0 0 10px}
.ctp-hero p{margin:0 auto;max-width:560px;opacity:.95;font-size:14.5px}

/* 何をしたいか（3つの入口） */
.ctp-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-44px;position:relative;z-index:2}
.ctp-choice{display:block;background:#fff;border-radius:16px;padding:18px 14px 16px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.09);text-decoration:none!important;color:var(--ink)!important;border:2px solid transparent;transition:transform .15s,border-color .15s}
.ctp-choice:hover{transform:translateY(-3px);border-color:var(--red)}
.ctp-choice__ic{font-size:30px;line-height:1;margin-bottom:6px}
.ctp-choice b{display:block;font-size:16px;font-weight:900;margin-bottom:2px}
.ctp-choice span{display:block;font-size:12.5px;color:var(--mut);line-height:1.6}
.ctp-choice em{display:inline-block;margin-top:8px;font-style:normal;font-size:13px;font-weight:800;color:var(--red)}

/* 本文（管理画面の中身をそのまま出し、見た目だけ整える） */
.ctp-body{background:#fff;border-radius:18px;padding:22px 20px;margin:22px 0 44px;box-shadow:0 4px 18px rgba(0,0,0,.05);border:1px solid var(--line)}
.ctp-body > p:first-child,.ctp-body > p:nth-child(2){font-size:14px;color:#374151;margin:0 0 10px}
.ctp-body > p:first-child strong,.ctp-body > p:nth-child(2) strong{font-weight:700}
.ctp-body h2.wp-block-heading{font-size:20px;font-weight:900;margin:28px 0 12px;padding-left:12px;border-left:5px solid var(--red);line-height:1.4}
/* LINEの枠（本文に直接書かれた見た目を上書き） */
.ctp-body > div[style*="f6fff6"]{background:#f0fdf4!important;border:2px solid var(--green)!important;border-radius:16px!important}
.ctp-body > div[style*="f6fff6"] a{border-radius:999px!important;box-shadow:0 8px 20px rgba(6,199,85,.28)}
/* フォーム */
.ctp-body .hcf-wrap{scroll-margin-top:80px}
.ctp-body .hcf-notice{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:12px 14px;color:#78350f;font-size:13.5px}
.ctp-body .hcf-notice p{margin:0 0 4px}
.ctp-body .hcf-notice a{color:var(--red);font-weight:800}
.ctp-body .hcf-row{margin:0 0 16px}
.ctp-body .hcf-label{display:block;font-weight:800;font-size:14.5px;margin-bottom:6px}
.ctp-body .hcf-req{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:800;border-radius:6px;padding:1px 6px;margin-left:4px;vertical-align:middle}
.ctp-body .hcf input[type=text],.ctp-body .hcf input[type=email],.ctp-body .hcf input[type=tel],.ctp-body .hcf textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:16px;font-family:inherit;background:#fff}
.ctp-body .hcf input:focus,.ctp-body .hcf textarea:focus{border-color:var(--red);outline:none}
.ctp-body .hcf-help{font-size:12.5px;color:var(--mut);margin:6px 0 0;line-height:1.7}
.ctp-body .hcf-radio{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;margin:0 6px 6px 0;font-size:14px;cursor:pointer}
.ctp-body .hcf-radio input{accent-color:var(--red)}
.ctp-body .hcf-radio:has(input:checked){border-color:var(--red);background:var(--red-l);font-weight:800}
.ctp-body .hcf-stars{display:flex;flex-wrap:wrap;gap:6px}
.ctp-body .hcf-star{border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--gold)}
.ctp-body .hcf-star:has(input:checked){border-color:var(--gold);background:#fffbeb}
.ctp-body .hcf-star br{display:none}
.ctp-body .hcf-submit button{width:100%;background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;border:none;border-radius:999px;padding:15px;font-size:17px;font-weight:900;font-family:inherit;cursor:pointer;box-shadow:0 8px 22px rgba(220,38,38,.3)}
/* よくある質問（functions.php が足しているもの） */
.ctp-body .heros-cfaq{max-width:none!important;padding:0!important}
.ctp-body .heros-cfaq h2{border-radius:12px!important}
.ctp-body .heros-cfaq details{border-radius:12px!important}

@media (max-width:700px){
  .ctp{font-size:14.5px}
  .ctp-choices{grid-template-columns:1fr}
  .ctp-choice{display:flex;gap:12px;align-items:center;text-align:left;padding:14px}
  .ctp-choice__ic{margin:0}
  .ctp-choice em{margin-top:2px}
  .ctp-body{padding:18px 14px}
}

/* 英中韓版（inc/intl-contact.php）だけで使う（2026-09-19） */
.ctp-line{text-align:center;background:#f0fdf4;border:2px solid var(--green);border-radius:16px;padding:20px 16px}
.ctp-line h2{font-size:19px;font-weight:900;margin:0 0 6px}
.ctp-line p{margin:0 0 12px;color:#374151;font-size:14px}
.ctp-line__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff!important;font-weight:900;font-size:16px;padding:13px 28px;border-radius:999px;text-decoration:none!important;box-shadow:0 8px 20px rgba(6,199,85,.28)}
.ctp-jp{background:#fffbeb;border-left:4px solid var(--gold);border-radius:10px;padding:10px 14px;font-size:13.5px;color:#78350f;margin:0 0 14px;text-align:left}
.ctp-jp a{color:var(--red);font-weight:800}
.ctp-hours{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.ctp-hours div{background:var(--red-l);border-radius:12px;padding:12px;text-align:center}
.ctp-hours span{display:block;font-size:12.5px;color:var(--mut)}
.ctp-hours b{font-size:18px;color:var(--red)}
.ctp-notes h3{font-size:16px;font-weight:900;margin:0 0 8px;padding-left:10px;border-left:4px solid var(--red)}
.ctp-notes ul{margin:0;padding-left:1.2em;color:#374151;font-size:14px}
.ctp-notes li{margin-bottom:4px}