/* ===========================================================================
 * 🔒 kt-customizer-migrated.css (2026-05-06 Stage 1.1 移管)
 *
 * このファイルは旧 WP Customizer 追加CSS の内容を theme files 側に移したもの。
 * 編集はこのファイル（および kt-home.css 等の他theme files）でのみ行う。
 * WP Customizer 追加CSSは原則「空」を維持（移管マーカーコメントのみ）。
 *
 * 元の整理履歴:
 * kani-tax.com WP Customizer Additional CSS — 2026-05-04 整理後
 *
 * 削減履歴 (2026-05-04 Claude による整理):
 *  - Phase 3-A: :root 重複5ブロック削除（kt-home.css に :root 一本化）
 *  - Phase 3-B-1: HOME FV 4ブロック (440移行 / FV v3 / TOP5 / Phase2) を kt-home.css へ
 *  - Phase 3-B-2: 残り24ブロックの .home / body.home スコープを kt-home.css へ
 *  - Phase 3-C: 移管マーカーと連続空行の整理
 *
 * 当ファイルの残りは「全ページ共通グローバルルール」のみ：
 *  - vk_post / homePost_list / homeColumn_list の card hover effects
 *  - Baigie風 globalナビ
 *  - Zen Kaku Gothic 全ページフォント統一
 *  - 値強制クラス (kt-num-key / kt-em) と A11y
 *  - フローティングCTA (#ktFloatingCta)
 *  - NO-BLUE-OVERRIDE 系（青色根絶）
 *  - CTA-FONT-SIZE-FIX (Lightning CTA文字)
 *  - footer logo拡大
 *
 * HOME固有のスタイルは theme-files/working/assets/css/kt-home.css に格納されている。
 * ==========================================================================*/

.grecaptcha-badge { visibility: hidden; }

.mainSection .widget {
    padding: 0px;
}
.wp-block-group__inner-container li{
	font-size:18px;
}
@media (max-width:767px){
.tablepress {
    font-size: 10px;
}	
}
.page-id-1208 header.siteHeader {
    display: none;
}
.wpcf7 input[type=submit] {
    width: 100%;
}

/* アイキャッチ画像の左端切れ修正 */
.vk_post_imgOuter {
  overflow: hidden;
}
.vk_post_imgOuter_img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  background-color: #1a2332;
}.editor-styles-wrapper ::selection {
    background: #b3d4fd !important;
    color: #000000 !important;
}


/* コラムカードのアイキャッチ切れ防止 */
.vk_post_imgOuter {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #fff !important;
}


/* =========================================
   kani-tax.com フローティングCTA（横型・右端固定）
   実装日: 2026-04-23
   削除方法: このブロック全体を削除して「公開」
   ========================================= */
.kt-floating-cta {
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 9999 !important;
  width: 180px !important;
  background: #ffffff;
  border: 2px solid #dc2626;
  border-right: none;
  border-radius: 8px 0 0 8px;
  box-shadow: -4px 6px 18px rgba(0,0,0,0.2);
  overflow: hidden;
  font-family: 'Yu Gothic UI','Meiryo UI','Meiryo',sans-serif;
  animation: kt-fade-in 0.5s ease-out;
}
@keyframes kt-fade-in {
  from { opacity: 0; transform: translateX(20px); }
  to   { opacity: 1; transform: translateX(0); }
}
.kt-floating-cta__header {
  background: #dc2626;
  color: #fff;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
}
.kt-floating-cta__body {
  padding: 8px 10px 10px;
}
.kt-floating-cta__title {
  font-size: 12px;
  font-weight: 900;
  color: #1a2a5e;
  margin: 0 0 4px;
  line-height: 1.35;
}
.kt-floating-cta__sub {
  font-size: 10px;
  color: #555;
  margin: 0 0 7px;
  line-height: 1.45;
  letter-spacing: 0;
}
.kt-floating-cta__btn {
  display: block;
  width: 100%;
  background: #dc2626;
  color: #fff !important;
  text-align: center;
  padding: 7px 4px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none !important;
  border-radius: 4px;
  transition: background 0.2s;
  box-sizing: border-box;
  line-height: 1.3;
}
.kt-floating-cta__btn:hover { background: #b91c1c; }
.kt-floating-cta__tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 6px;
  color: #1a2a5e !important;
  text-decoration: none !important;
  font-weight: 900;
}
.kt-floating-cta__tel:hover { text-decoration: underline !important; }
.kt-tel-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: #dc2626;
}
.kt-tel-label {
  font-size: 9px;
  font-weight: 900;
  background: #dc2626;
  color: #fff;
  padding: 1px 4px;
  border-radius: 2px;
  letter-spacing: 1px;
}
.kt-tel-num {
  font-size: 11.5px;
  font-weight: 900;
  letter-spacing: 0.3px;
}
/* 本文と重なる幅では非表示（1100px未満） */
@media (max-width: 1099px) {
  .kt-floating-cta { display: none !important; }
}
/* /floating-cta */


/* =========================================
   kani-tax 記事一覧の表示修正
   実装日: 2026-04-23
   削除方法: このブロック全体を削除して「公開」
   ========================================= */

/* --- カテゴリページ（.vk_post_imgOuter） --- */
.vk_post_imgOuter {
  aspect-ratio: 1200 / 630 !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #fff !important;
  overflow: visible !important;
  position: relative !important;
}
.vk_post_imgOuter a { display: block !important; width: 100% !important; height: 100% !important; position: relative !important; }
.vk_post_imgOuter img {
  opacity: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  position: relative !important;
  inset: auto !important;
}
.vk_post_imgOuter_singleTermLabel,
.vk_post_imgOuter_cat,
.post-thumbnail-category,
.card-thumb-cat { display: none !important; }
.vk_post_date,
.card-date,
.published.card-date,
.vk_post .published,
.vk_posts_data_chip,
time.entry-date { display: none !important; }

/* --- トップページのコラム一覧（共通） --- */
.homePost_list ._cat,
.homeColumn_list ._cat,
.homePost_list .homePost_day,
.homeColumn_list .homePost_day { display: none !important; }

/* デスクトップ（768px以上）: 横並び */
@media screen and (min-width: 768px) {
  .homePost_list a,
  .homeColumn_list a {
    display: grid !important;
    grid-template-columns: 180px 1fr !important;
    gap: 16px !important;
    align-items: center !important;
  }
  .homePost_list ._thumbnail,
  .homeColumn_list ._thumbnail {
    grid-area: 1 / 1 / 2 / 2 !important;
    width: 180px !important;
    aspect-ratio: 300 / 158 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .homePost_list ._head,
  .homeColumn_list ._head { display: none !important; }
  .homePost_list .homePost_ttl,
  .homeColumn_list .homePost_ttl {
    grid-area: 1 / 2 / 2 / 3 !important;
    margin: 0 !important;
  }
  .homePost_list ._thumbnail > div,
  .homeColumn_list ._thumbnail > div {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
    aspect-ratio: auto !important;
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
    background: #fff !important;
  }
  .homePost_list ._thumbnail img,
  .homeColumn_list ._thumbnail img {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }
}

/* スマホ（767px以下）: 縦並び */
@media screen and (max-width: 767px) {
  .homePost_list a,
  .homeColumn_list a {
    display: block !important;
    grid-template-columns: 1fr !important;
  }
  .homePost_list ._thumbnail,
  .homeColumn_list ._thumbnail {
    grid-area: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 300 / 158 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
    display: block !important;
  }
  .homePost_list ._head,
  .homeColumn_list ._head { display: none !important; }
  .homePost_list .homePost_ttl,
  .homeColumn_list .homePost_ttl {
    grid-area: auto !important;
    margin: 0 !important;
  }
  .homePost_list ._thumbnail > div,
  .homeColumn_list ._thumbnail > div {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
    aspect-ratio: 300 / 158 !important;
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
    background: #fff !important;
  }
  .homePost_list ._thumbnail img,
  .homeColumn_list ._thumbnail img {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }
}
/* /article-list */

/* ===== コラム一覧カードホバー演出（baigie風） 2026-04-24追加 v2 ===== */

/* 1. カード全体の浮き上がり */
.vk_post {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: 8px;
  overflow: hidden;
}
.vk_post:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

/* 2. アイキャッチ全面をクリック可能（aタグを最前面へ強制） */
.vk_post .vk_post_imgOuter {
  position: relative !important;
  transition: transform 0.5s ease;
}
.vk_post:hover .vk_post_imgOuter {
  transform: scale(1.04);
}
.vk_post .vk_post_imgOuter > a {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 50 !important;
  pointer-events: auto !important;
}
.vk_post .vk_post_imgOuter > a .card-img-overlay {
  z-index: 51 !important;
  pointer-events: none !important;
}
.vk_post .vk_post_imgOuter > a img {
  pointer-events: none !important;
}

/* 3. タイトルホバー：左→右に流れる下線 */
.vk_post_title a {
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s ease;
  padding-bottom: 2px;
}
.vk_post:hover .vk_post_title a,
.vk_post_title a:hover {
  background-size: 100% 1px;
}


/* ============================================================
   トップページ お知らせ／コラム: カード型統一＋ベイジ風ホバー
   （2026-04-24 追加）
   ============================================================ */

/* お知らせをコラムと同じカードレイアウトに揃える（B案） */
.homeNews_list a {
  display: grid;
  grid-template-columns: 140px 1fr;
  grid-template-rows: auto 1fr;
  gap: 13px 20px;
  padding: 9px 10px;
  border: 1px solid rgb(112,112,112);
  border-left: 1px solid rgb(112,112,112);
  min-height: 0;
  background: #fff;
  transition: transform 0.35s cubic-bezier(0.215,0.61,0.355,1),
              box-shadow 0.35s cubic-bezier(0.215,0.61,0.355,1),
              border-color 0.25s;
}
.homeNews_list ._thumbnail { grid-area: 1 / 1 / 3 / 2; }
.homeNews_list ._thumbnail > div {
  background: rgb(234,246,253);
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.homeNews_list ._thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0; left: 0;
  transition: transform 0.5s cubic-bezier(0.215,0.61,0.355,1);
}
.homeNews_list .homePost_day { grid-area: 1 / 2 / 2 / 3; }
.homeNews_list .homePost_ttl { grid-area: 2 / 2 / 3 / 3; margin-top: 0; }
.homeNews_list li + li { margin-top: 30px; }
.homeNews_list li + li::before { display: none; }

@media screen and (max-width: 767px) {
  .homeNews_list a {
    grid-template-columns: 1fr calc(37.3333vw);
    gap: 7px 10px;
    padding: calc(4vw) calc(4vw) calc(0.8vw);
  }
  .homeNews_list ._thumbnail { grid-area: 1 / 2 / 2 / 3; }
}

/* ベイジ風ホバー（お知らせ・コラム共通） */
.homeColumn_list a {
  transition: transform 0.35s cubic-bezier(0.215,0.61,0.355,1),
              box-shadow 0.35s cubic-bezier(0.215,0.61,0.355,1),
              border-color 0.25s;
}
@media (hover: hover) {
  .homeNews_list a:hover,
  .homeColumn_list a:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(0,0,0,0.08), 0 4px 10px rgba(0,0,0,0.04);
    border-color: var(--color-blue, #1a1a1a);
  }
  .homeNews_list a:hover ._thumbnail img,
  .homeColumn_list a:hover ._thumbnail img {
    transform: scale(1.06);
  }
  .homeNews_list .homePost_ttl,
  .homeColumn_list .homePost_ttl {
    transition: color 0.3s cubic-bezier(0.215,0.61,0.355,1),
                text-decoration-color 0.3s cubic-bezier(0.215,0.61,0.355,1);
    text-decoration: underline solid transparent;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
  }
  .homeNews_list a:hover .homePost_ttl,
  .homeColumn_list a:hover .homePost_ttl {
    color: var(--color-blue, #1a1a1a);
    text-decoration-color: var(--color-blue, #1a1a1a);
  }
}


/* ============================================================
   人気の記事ウィジェット: ベイジ風ホバー&横長サムネ表示
   (2026-04-24 追加)
   ============================================================ */
.veu_postList .postList_thumbnail {
  overflow: hidden;
  aspect-ratio: 300 / 158;
  width: 140px;
  max-width: 40%;
}
.veu_postList .postList_thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
}
.veu_postList .postList_thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s cubic-bezier(0.215,0.61,0.355,1);
}
.veu_postList .postList_item {
  transition: transform 0.35s cubic-bezier(0.215,0.61,0.355,1);
}
.veu_postList .postList_title a {
  transition: color 0.3s cubic-bezier(0.215,0.61,0.355,1),
              text-decoration-color 0.3s cubic-bezier(0.215,0.61,0.355,1);
  text-decoration: underline solid transparent;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
@media (hover: hover) {
  .veu_postList .postList_item:hover .postList_thumbnail img {
    transform: scale(1.08);
  }
  .veu_postList .postList_item:hover .postList_title a {
    color: var(--color-blue, #1a1a1a);
    text-decoration-color: var(--color-blue, #1a1a1a);
  }
  .veu_postList .postList_title a:hover {
    color: var(--color-blue, #1a1a1a);
    text-decoration-color: var(--color-blue, #1a1a1a);
  }
}

/* === CTA コンバージョン最適化デザイン (2026-04-27) === */
/* 白枠CTAを青塗りに統一 */

/* 初期状態：軽い影で「ボタンらしさ」を確保 */

/* ホバー時：-2px浮上がり + 影成長 + 背景を一段深めに */


/* アクティブ状態（クリック瞬間）：閃かせてクリックされた手ごたえを出す */



/* === 浮遊CTA文言の上書き（価値訴求版・2026-04-27） === */
/* 元のテキスト（freeeのことから節税まで／無料Web面談を予約する 等）を非表示にして、価値訴求型のテキストに上書き */

/* 1. ヘッダー帯「初回30分 無料相談」→ 「経営判断のパートナー」 */
.kt-floating-cta__header span {
  font-size: 0 !important;
}
.kt-floating-cta__header span::after {
  content: "経営判断のパートナー";
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  display: inline-block;
}

/* 2. キャッチコピー「freeeのことから節税まで／まずは無料Web面談で」→ 価値訴求 */
.kt-floating-cta__title {
  font-size: 0 !important;
  line-height: 0 !important;
}
.kt-floating-cta__title br { display: none !important; }
.kt-floating-cta__title::after {
  content: "経営の数字、毎月\A 見える化しませんか";
  white-space: pre-line;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  display: block !important;
  color: inherit;
}

/* 3. フローティングCTA サブ表示を「freee導入130社／大阪・本町」に上書き */
.kt-floating-cta__sub {
  font-size: 0 !important;
  line-height: 0 !important;
}
.kt-floating-cta__sub br { display: none !important; }
.kt-floating-cta__sub::after {
  content: "freee導入130社／大阪・本町";
  font-size: 11px !important;
  line-height: 1.4 !important;
  display: block !important;
  opacity: 0.9;
}

/* 4. ボタン「無料Web面談を予約する」→ 「うちの場合を聞いてみる」 */
.kt-floating-cta__btn {
  font-size: 0 !important;
  line-height: 0 !important;
}
.kt-floating-cta__btn::after {
  content: "うちの場合を聞いてみる";
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  display: inline-block;
}

/* === /service/advisory/ FV CTA文言の上書き（価値訴求版・2026-04-28） === */
/* PHPテンプレート内の旧文言を非表示にして新文言を表示 */

/* 1. メインボタン「まずは30分、税理士に話してみる（無料・Web）」→「うちの場合を聞いてみる」 */
/* 2. キャプション「全国対応／大阪本町／無理な営業はいたしません」→「全国対応／大阪本町／経理を仕組み化する税理士」 */
.kt-bg-fv-note {
  font-size: 0 !important;
  line-height: 0 !important;
}
.kt-bg-fv-note::after {
  content: "全国対応／大阪本町／経理を仕組み化する税理士";
  font-size: 13px !important;
  line-height: 1.6 !important;
  display: block !important;
  color: inherit;
}

/* ===== Baigie風グローバルナビ（2026-05-02 v2） ===== */
/* お問い合わせCTA（._contact）は除外。それ以外の文字色を変えず、現在ページとhoverでアンダーラインのみ表示 */
.global-nav .menu-item:not(._contact) > a,
.global-nav .menu-item:not(._contact) > a .global-nav-name,
.global-nav .menu-item:not(._contact).current-menu-item > a,
.global-nav .menu-item:not(._contact).current-menu-item > a .global-nav-name,
.global-nav .menu-item:not(._contact).current_page_item > a,
.global-nav .menu-item:not(._contact).current_page_item > a .global-nav-name,
.global-nav .menu-item:not(._contact).current-menu-ancestor > a,
.global-nav .menu-item:not(._contact).current-menu-ancestor > a .global-nav-name,
.global-nav .menu-item:not(._contact) > a:hover,
.global-nav .menu-item:not(._contact) > a:hover .global-nav-name,
.global-nav .menu-item:not(._contact) > a:focus,
.global-nav .menu-item:not(._contact) > a:focus .global-nav-name {
  color: #333 !important;
  background-color: transparent !important;
}

/* アンダーライン: current/hover/focus に表示 */
.global-nav .menu-item:not(._contact) > a {
  position: relative;
}
.global-nav .menu-item:not(._contact) > a .global-nav-name {
  position: relative;
  padding-bottom: 4px;
  display: inline-block;
}
.global-nav .menu-item:not(._contact) > a .global-nav-name::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #333;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease;
}
.global-nav .menu-item:not(._contact).current-menu-item > a .global-nav-name::after,
.global-nav .menu-item:not(._contact).current_page_item > a .global-nav-name::after,
.global-nav .menu-item:not(._contact).current-menu-ancestor > a .global-nav-name::after,
.global-nav .menu-item:not(._contact) > a:hover .global-nav-name::after,
.global-nav .menu-item:not(._contact) > a:focus .global-nav-name::after {
  transform: scaleX(1);
}
/* 親メニュー（業務案内▼）のアンダーラインは非表示 */
.global-nav .menu-item-has-children > a > .global-nav-name::after { display: none; }


/* ===== FV CTA outline button 強制（2026-05-02） ===== */
/* kt-bg-btn-outline は白塗り+青枠+青文字のサブCTA */


/* メインCTAは現状の青塗りを維持・hover時は少し濃く */




/* === Zen Kaku Gothic New 全ページ統一フォント by Claude 2026-05-02 === */
/* 巻き戻し時はこのコメントマーカー以降を削除すればOK */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');