@charset "UTF-8";
/*
 * APAC: migration adjustments, 2026-10-29.
 * Keep the existing Additional CSS. This file supplements the restored site.
 * Targets below were verified on the restored APAC HTML.
 */

/* 1. Copyright footer: keep the original three columns and image alignment.
 * Core styles are also enqueued by inc/migration-adjustments.php.
 */
.site-footer .site-footer-copyright > .wp-block-columns {
    display: flex;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0;
    margin-bottom: 1.75em;
}

.site-footer .site-footer-copyright > .wp-block-columns > .wp-block-column {
    min-width: 0;
    margin: 0;
    overflow-wrap: break-word;
}

.site-footer .site-footer-copyright .wp-block-image .aligncenter {
    display: table;
    margin-right: auto;
    margin-left: auto;
}

.site-footer .site-footer-copyright .wp-block-image img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 782px) {
    .site-footer .site-footer-copyright > .wp-block-columns {
        flex-wrap: nowrap !important;
    }

    .site-footer .site-footer-copyright > .wp-block-columns > .wp-block-column {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .site-footer .site-footer-copyright > .wp-block-columns > .wp-block-column + .wp-block-column {
        margin-left: 2em;
    }
}

@media (max-width: 781px) {
    .site-footer .site-footer-copyright > .wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
        width: 100%;
    }
}

/* 2. Support: legacy buttons do not all have modern Buttons block parents. */
body.post-name-support-6 .entry-body table .wp-block-button__link,
body.post-name-support-6 .entry-body > .wp-block-button > .wp-block-button__link {
    color: #fff;
    background-color: var(--vk-color-primary, #5b8ab5);
    border-radius: 5px;
}

/* 3. Core buttons: restore the old bottom spacing on the affected pages. */
body:is(.home, .post-name-apac-mech-6, .post-name-apac-ace-6, .post-name-apac-duct-6, .post-name-apac-pipe-6, .post-name-apac-caps-6, .post-name-support-6, .post-name-pricelist)
    .entry-body .wp-block-buttons > .wp-block-button {
    margin-bottom: 0.5em;
}

body:is(.home, .post-name-apac-mech-6, .post-name-apac-ace-6, .post-name-apac-duct-6, .post-name-apac-pipe-6, .post-name-apac-caps-6, .post-name-pricelist)
    .entry-body .wp-block-buttons .wp-block-button__link {
    border-radius: 5px;
}

/* The current WP preset fixes "small" at 14px with !important.
 * The restored product buttons originally scaled with the surrounding text.
 * Keep their width, restore 14px on desktop / 12.25px on a 14px mobile body.
 */
body:is(.post-name-apac-mech-6, .post-name-apac-ace-6, .post-name-apac-duct-6, .post-name-apac-pipe-6, .post-name-apac-caps-6)
    .entry-body .wp-block-buttons > .wp-block-button.has-small-font-size {
    font-size: 0.875em !important;
}

/* 4. Helpie FAQ: the new UL wrapper adds 16px + 24px per category.
 * Scope this to the plugin's category lists, not all lists on the site.
 */
body.post-name-faq-6 .entry-body .helpie-faq.accordions {
    margin-top: 0;
}

body.post-name-faq-6 .entry-body .helpie-faq .accordion > .helpie-faq-row > .helpie-faq-col > ul {
    margin-top: 0;
    margin-bottom: 0;
}

/* 5. Home: the date used to contain no calendar icon. */
body.home .entry-body .vk_posts-layout-postListText .postListText_date > svg,
body.home .entry-body .vk_posts-layout-postListText .postListText_date > i {
    display: none;
}

/* Legacy stacked columns had no extra row gap. Images and buttons already
 * carry their own spacing; retain the current desktop column gap.
 */
@media (max-width: 781px) {
    body:is(.home, .post-name-apac-mech-6, .post-name-apac-ace-6, .post-name-apac-duct-6, .post-name-apac-pipe-6, .post-name-apac-caps-6, .post-name-support-6, .post-name-pricelist)
        .entry-body .wp-block-columns {
        row-gap: 0;
    }
}

/* 6. Price list: only the leaf DIVs containing the existing blank text.
 * Do not change table cells, price values or the hidden desktop/mobile tables.
 * :has is supported by current Chrome, Edge, Firefox and Safari.
 */
@supports selector(div:has(> *)) {
    body.post-name-pricelist .entry-body > div:is(.vk_hidden-md.vk_hidden-sm.vk_hidden-xs, .vk_hidden-xxl.vk_hidden-xl-v2.vk_hidden-lg):not(:has(> *)) {
        line-height: 23px;
    }

    @media (max-width: 767px) {
        body.post-name-pricelist .entry-body > div:is(.vk_hidden-md.vk_hidden-sm.vk_hidden-xs, .vk_hidden-xxl.vk_hidden-xl-v2.vk_hidden-lg):not(:has(> *)) {
            line-height: 20px;
        }
    }
}


/* 7. お問い合わせ案内：本文の枠を中央配置（固定ページ1828のみ）
 * WordPressの .is-layout-flex > :is(*, div) によるmargin:0を補正。
 * 本文幅・文字揃え・フォームページは変更しない。
 */
body.page-id-1828 .entry-body .wp-block-columns > .centering1 {
    margin-left: auto;
    margin-right: auto;
}


/* 8. サイト全体：英数字も移行元と同じ Noto Sans JP を優先。
 * 移行元で読み込まれていなかった Lato を候補から外す。
 * html/body のみ指定し、アイコンや個別指定フォントを上書きしない。
 * サイズ・太さ・行間は既存の指定を維持する。
 */
html,
body {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* 9. サポート：表内ボタンがセルの高さまで伸びるのを防ぐ。
 * WordPressの .wp-block-button__link { height: 100%; } を補正。
 * 製品本体・マニュアル・アップデートの各ダウンロードに共通適用。
 * 固定の高さは設定せず、折り返した文字と既存の余白に合わせる。
 */
body.post-name-support-6 .entry-body table .wp-block-button__link {
    height: auto;
}

/* 上部の小さい文字の案内ボタン：PC 14px / スマートフォン 12.25px。
 * WordPressのsmall固定値を、移行元と同じ親文字サイズの比率へ戻す。
 */
body.post-name-support-6 .entry-body .wp-block-button.has-small-font-size {
    font-size: 0.875em !important;
}


/* 10. 通常の青いボタン：移行元と同じ背景色の切り替えへ戻す。
 * Lightningのホバーfilterを解除。アウトラインは既存の専用指定を維持。
 * フォーム、Download Manager、ナビゲーションのボタンには適用しない。
 */
body:is(.home, .post-name-apac-mech-6, .post-name-apac-ace-6, .post-name-apac-duct-6, .post-name-apac-pipe-6, .post-name-apac-caps-6, .post-name-pricelist, .post-name-support-6)
    .entry-body .wp-block-button:not([class*="is-style-outline"]) > .wp-block-button__link:hover {
    filter: none;
    background-color: var(--vk-color-primary-vivid, #6498c7);
    border-color: var(--vk-color-primary-vivid, #6498c7);
    color: #fff;
}

/* サポートの表セル直下のボタンは、移行元では背景色を変えない。
 * .wp-block-button を親に持つボタンと区別してfilterだけを解除。
 */
body.post-name-support-6 .entry-body td > a.wp-block-button__link:hover {
    filter: none;
}

/* 11. PCの追従ナビ：本番と同じ画面幅基準の中央位置へ補正。
 * 現テーマのヘッダー幅100%は維持し、内容だけスクロールバー半幅ずらす。
 * 100%はヘッダー幅、100vwは画面幅。スクロールバーがなければ移動量は0。
 * スクロール前・スマートフォンのナビは変更しない。
 */
@media (min-width: 993px) {
    body.header_scrolled .site-header .site-header-container--scrolled--nav-center {
        position: relative;
        left: calc((100vw - 100%) / 2);
    }
}


/* 12. トップのメイン画像内：狭い画面で本番と同じ本文幅へ戻す。
 * 新テーマの画面幅基準ではなく、カバーの内容幅を基準に左右余白を確保。
 * 390px画面で本文332px。PC・タブレットの幅指定は維持する。
 */
@media (width < 576px) {
    body.home .entry-body > .wp-block-cover > .wp-block-cover__inner-container {
        max-width: calc(100% - var(--vk-width-container-padding, 15px) * 2);
    }
}

/* 13. FAQ冒頭：空の3列カラムが縦並びになった際の段間隔を除去。
 * 既存のカラム下余白・説明文・質問枠のスタイルは維持する。
 */
@media (max-width: 781px) {
    body.post-name-faq-6 .entry-body > .wp-block-columns {
        row-gap: 0;
    }
}

/* 14. バージョン履歴：Helpie FAQが追加した分類リストの余白を除去。
 * FAQページと同じ補正を、履歴ページの分類リストだけに追加。
 */
body.post-name-history-6 .entry-body .helpie-faq .accordion > .helpie-faq-row > .helpie-faq-col > ul {
    margin-top: 0;
    margin-bottom: 0;
}

/* 15. 価格表・サポート：本番の表の下余白を復元。
 * PCの文字16pxで24px、スマートフォンの文字14pxで21pxとなる。
 * 表の値・列幅・ボタン寸法や、他ページの表には作用しない。
 */
body:is(.post-name-pricelist, .post-name-support-6) .entry-body table {
    margin-bottom: 1.5em;
}

/* 16. 購入方法：狭い画面で各手順内に追加された下余白を除去。
 * 矢印・枠の色・見出しと本文の間隔は維持する。
 */
@media (width < 576px) {
    body.post-name-howtopurchase .entry-body .vk_flow .vk_flow_frame_text {
        margin-bottom: 0;
    }
}


/* 17. トップの強調段落：狭い画面でlargeプリセットを本番と同じ比率へ。
 * 本番の1.5rem＝本文14pxの画面で21px。更新後の固定24pxを補正。
 * 見出し、段落内の画像・個別指定文字、PC表示は変更しない。
 */
@media (width < 576px) {
    body.home .entry-body > .wp-block-cover .wp-block-cover__inner-container p.has-large-font-size {
        font-size: 1.5rem !important;
    }
}

/* 18. 価格表の空白行：フォント調整後は本番と同じnormalの行高を使用。
 * 第6項の固定23px／20pxを上書きし、環境ごとのフォント計測に追従。
 * 対象は既存の空白DIVのみ。表のセルや金額・本文の行間は変更しない。
 */
@supports selector(div:has(> *)) {
    body.post-name-pricelist .entry-body > div:is(.vk_hidden-md.vk_hidden-sm.vk_hidden-xs, .vk_hidden-xxl.vk_hidden-xl-v2.vk_hidden-lg):not(:has(> *)) {
        line-height: normal;
    }
}


/* 19. 入力フォーム：更新後に追加された表の外枠を本番に合わせる。
 * セルの既存の罫線を使い、テーブル側の重複する左右・下罫線だけ除く。
 * 見積2593・問い合わせ607の入力画面に限定する。
 */
#mw_wp_form_mw-wp-form-2593.mw_wp_form_input .cform,
#mw_wp_form_mw-wp-form-607.mw_wp_form_input .cform {
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
}

/* 20. 見積：除去済みの旧スクリプト段落が作っていた上部空白を復元。
 * 本番の段落1行(1.7em)＋段落下余白(1.5em)に相当する。
 * 文字サイズに追従し、PC約51.2px／スマートフォン約44.8pxとなる。
 */
#mw_wp_form_mw-wp-form-2593.mw_wp_form_input > form::before {
    content: "";
    display: block;
    height: 3.2em;
}

/* 商品選択の説明文：本番の改行を表示上だけ復元する。 */
#mw_wp_form_mw-wp-form-2593.mw_wp_form_input .cform > tbody > tr > th[rowspan="11"] > span::before {
    content: "\A";
    white-space: pre;
}

/* 21. 見積の商品欄見出し：本番の「数量」とUSB説明の改行を再現。
 * 現在確認済みの16行目・列幅属性を条件にし、入力欄には作用させない。
 * 元のDOM文字は残し、表示用文字の読み上げ代替を空にして重複を抑える。
 * 商品欄の見出しや構成を変更する場合は、この補正も見直す。
 * 非対応ブラウザーでは元の文字をそのまま表示する。
 */
@supports (content: "x" / "") and selector(tr:has(> td)) {
    #mw_wp_form_mw-wp-form-2593.mw_wp_form_input .cform > tbody > tr:nth-child(16):has(> td:first-child[style*="35.7878"]) > td:nth-child(2)[style*="24.7031"] {
        font-size: 0;
        line-height: 0;
    }

    #mw_wp_form_mw-wp-form-2593.mw_wp_form_input .cform > tbody > tr:nth-child(16):has(> td:first-child[style*="35.7878"]) > td:nth-child(2)[style*="24.7031"]::before {
        content: "数量\AUSBプロクテクトキー選択" / "";
        display: block;
        white-space: pre-line;
        font-size: 1rem;
        line-height: 1.5;
    }
}

/* 22. 問い合わせ：選択欄を本番と同じブラウザー標準の外観へ戻す。
 * 標準の矢印と親テーマの背景矢印が重ならないよう背景画像を除去。
 * 高さは固定せず、標準コントロールと既存の上下余白に従う。
 */
#mw_wp_form_mw-wp-form-607.mw_wp_form_input select:is([name="inquiryproducts"], [name="inquirykinds"]) {
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
    padding-right: 1em;
}

/* 23. トップのお知らせ：日付欄の最小幅を本番と同じ115pxへ戻す。
 * Lightning更新後の135pxを補正し、PCのタイトル開始位置を20px左へ戻す。
 * 対象はトップ本文のお知らせ一覧のみ。スマートフォンの上下配置は維持する。
 */
body.home .entry-body .vk_posts-layout-postListText .postListText_date {
    min-width: 115px;
}

/* 24. お知らせ一覧：本番にはない公開日先頭のカレンダーを非表示にする。
 * お知らせアーカイブのメイン欄だけを対象とし、投稿詳細のヘッダーには作用しない。
 * Font AwesomeのSVG変換前後の両方に対応する。
 */
body.post-type-archive-information .main-section .vk_post_date.published > svg,
body.post-type-archive-information .main-section .vk_post_date.published > i {
    display: none;
}