/*
Theme Name:     Ankle Child
Template:       ankle_tcd092
*/

@charset "UTF-8";
/* 初期化：今は何も記述しません */

/* スマホ：説明文だけ非表示にするCSS */
@media screen and (max-width: 768px) {
  .site-description {
    display: none !important;
  }
}

/* PC：グローバルメニューを1段に収めるCSS*/
@media screen and (min-width: 769px) {
  .global-nav {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 30px; /* 調整可能 */
  }
  .global-nav li {
    white-space: nowrap;
  }
}
/* --- グローバルメニュー整形 --- */
@media screen and (min-width: 1025px) {
  .global_nav_menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 2em;
  }
  .global_nav_menu > li {
    display: inline-block !important;
    white-space: nowrap !important;
  }
  #header_bottom > .inner {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 30px !important;
    box-sizing: border-box;
  }
  #header_bottom .menu li {
    display: inline-block !important;
    white-space: nowrap !important;
  }
  #header_bottom {
    height: auto !important;
  }
}

/* --- header_bottom 余白調整 --- */
@media screen and (min-width: 1025px) {
  #header_bottom {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1 !important;
  }
  #header_bottom > .inner {
    margin: 0 !important;
    padding: 0 !important;
  }
  .global_nav_container,
  .global_nav_menu {
    margin: 0 !important;
    padding: 0 !important;
  }
  .global_nav_menu > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.2 !important;
  }
  .dropdown-tokushu {
    margin-bottom: 0 !important;
  }
}
/* --- ロゴとキャッチコピー（PC・スマホ対応） --- */
@media (min-width: 769px) {
  .site-brand-area {
    display: flex;
    align-items: center;
    margin-left: 0 !important;
  }
  .logo_link img {
    height: 32px !important;
  }
  .site_catchcopy {
    font-size: 16px !important;
    color: #000;
    white-space: nowrap;
    margin-left: 8px;
  }
  .k-logo {
    display: none !important;
  }
}

/* G-アンケート必須マーク用（ラベルの赤枠＋赤文字） */
/* 白カード枠（任意。既にあるなら不要） */
.mk-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 12px;margin:12px 0;box-shadow:0 2px 6px rgba(0,0,0,.04)}

/* CF7｜ラジオ＆チェックを“入力欄風ボタン”に統一（行全体クリック） */
.mk-form .wpcf7-list-item{display:block !important; margin:8px 0 !important;}
.mk-form .wpcf7-list-item > label{display:block !important; position:relative !important;}

/* 入力自体はフルカバー透明にして、行全体をタップ可能に */
.mk-form .wpcf7-list-item input[type="radio"],
.mk-form .wpcf7-list-item input[type="checkbox"]{
  position:absolute !important; opacity:0 !important; inset:0 !important;
  width:100% !important; height:100% !important; cursor:pointer !important;
}

/* 見た目（ボタン化） */
.mk-form .wpcf7-list-item .wpcf7-list-item-label{
  display:block !important; padding:12px 14px !important; text-align:left !important;
  border:1px solid #d1d5db !important; border-radius:12px !important; background:#fff !important;
  transition:background .15s, border-color .15s !important;
}
.mk-form .wpcf7-list-item label:hover .wpcf7-list-item-label{ background:#f8fafc !important; }

/* 選択済みの見た目（ラジオ＆チェック共通） */
.mk-form .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label,
.mk-form .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label{
  border-color:#16a34a !important; background:#eaf7ee !important; font-weight:600 !important;
}

/* アクセシビリティ（キーボード操作の可視フォーカス） */
.mk-form .wpcf7-list-item input[type="radio"]:focus-visible + .wpcf7-list-item-label,
.mk-form .wpcf7-list-item input[type="checkbox"]:focus-visible + .wpcf7-list-item-label{
  outline:2px solid #16a34a !important; outline-offset:2px !important;
}

/*グーグルクチコミ Q2ページ（g-q2）の見た目整形 */
/* --- Q2ページ完全整形（強制優先）--- */
#gq2 #gq2-preview,
#gq2 #gq2-copy-open,
#gq2 #gq2-open-only {
  width: 280px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* 白い枠 */
#gq2 #gq2-preview {
  height: 72px !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 15px !important;
  color: #333 !important;
  margin-bottom: 24px !important;
}

/* 青ボタン */
#gq2 #gq2-copy-open {
  background: #007bff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 0 !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
  margin-bottom: 16px !important; /* ボタン間隔 */
}
#gq2 #gq2-copy-open:hover {
  background: #0069d9 !important;
}

/* 緑ボタン */
#gq2 #gq2-open-only {
  background: #28a745 !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 1