/* ミカタ名刺 子テーマ 追加CSS（THE THOR 親テーマが読む style-user.css。スタッフが自由に使う） */

/* 2026-11-01 ブログ記事の表（スマホ）: 4列以上は縦に潰れないよう横スクロールにする（記事本文 .postContents 内のみ） */
@media (max-width:767px){
  .postContents .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .postContents .wp-block-table:has(tr > :nth-child(4)) table{min-width:600px}
  .postContents .wp-block-table:has(tr > :nth-child(6)) table{min-width:760px}
  .postContents .wp-block-table:has(tr > :nth-child(4))::before{content:"表は横にスクロールできます →";display:block;font-size:12px;color:#666;margin:0 0 6px}
}

/* 記事下の CTA・追従ボタン（mu-plugins/mikata-cta.php）の文字サイズ。THE THOR は rem の基準が小さく .95rem だと潰れて見えるので px で指定（2026-11-01） */
.mk-cta .mk-cta__title{font-size:20px}
.mk-cta .mk-cta__text{font-size:15px}
.mk-cta .mk-btn,.mk-sticky .mk-btn{font-size:15px}
@media (max-width:767px){.mk-cta .mk-cta__title{font-size:18px}body .mk-sticky .mk-btn{font-size:15px}}

/* お問い合わせ等のフォーム（CF7 のフォーム本文を <div class="mk-form"> で包んである。ID16〜18 共通）2026-11-01 */
.mk-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin:8px 0 24px}
.mk-form .mk-full{grid-column:1/-1}
.mk-form .mk-f{display:block;margin:0}
.mk-form .mk-lab{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700;color:#0f1115;line-height:1.4}
.mk-form .mk-lab em{font-style:normal;font-size:11px;font-weight:700;color:#fff;background:#1f9e8a;padding:2px 7px;border-radius:4px}
.mk-form .mk-opt{font-size:11px;font-weight:400;color:#5b646c;border:1px solid #cfd8d6;padding:1px 6px;border-radius:4px}
.mk-form .wpcf7-form-control-wrap{display:block}
.mk-form input[type=text],.mk-form input[type=email],.mk-form input[type=tel],.mk-form select,.mk-form textarea{width:100%;max-width:none;box-sizing:border-box;padding:12px 14px;border:1px solid #cfd8d6;border-radius:8px;background:#fff;font-size:16px;line-height:1.5;color:#0f1115}
.mk-form select{height:50px}
.mk-form textarea{min-height:180px}
.mk-form input:focus,.mk-form select:focus,.mk-form textarea:focus{outline:2px solid #1f9e8a;outline-offset:1px;border-color:#1f9e8a}
.mk-form .mk-agree{font-size:14px;line-height:1.7}
.mk-form .mk-agree .wpcf7-list-item{margin:0}
.mk-form .mk-submit{text-align:center}
.mk-form .mk-submit input[type=submit]{min-width:240px;min-height:54px;padding:0 28px;border:0;border-radius:999px;background:#1f9e8a;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.mk-form .mk-submit input[type=submit]:disabled{background:#9fcfc6;cursor:not-allowed}
@media (max-width:767px){.mk-form{grid-template-columns:1fr;gap:18px}}