@charset "utf-8";
/*
 * fix_zoom.css  ─  90%ズーム崩れ修正
 * common/css/fix_zoom.css としてアップロード
 */

@media screen and (min-width: 700px) {

    /* ── wrapper_02 ── */
    #wrapper_02 {
        width: 100% !important;
        min-width: 980px !important;
    }
    .pc_mode {
        width: 100% !important;
    }

    /* ── グローバルナビ ── */
    .dropmenu,
    .dmenu {
        width: 960px !important;
        min-width: 960px !important;
        margin: 0 auto !important;
    }
    #dmenu {
        width: 960px !important;
        min-width: 960px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    #dmenu > li {
        width: 16.66% !important;
        float: left !important;
        box-sizing: border-box !important;
        border-right: 1px solid #eeeeee !important;
        white-space: nowrap !important;
    }
    #dmenu li a {
        font-size: 12px !important;
        padding: 12px 2px 11px !important;
        white-space: nowrap !important;
    }

    /* ── ヘッダー ── */
    #header-2 {
        width: 960px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }
    #header-left {
        width: 380px !important;
        float: left !important;
    }
    #header-center1 {
        width: 340px !important;
        float: left !important;
    }
    #header-right {
        width: 240px !important;
        float: right !important;
        margin-top: 30px !important;
    }

    /* ── メインコンテンツ 2カラム ── */
    #contents {
        width: 960px !important;
        margin: 28px auto 0 !important;
        overflow: hidden !important;
    }
    #contents .main_area {
        width: 720px !important;
        float: right !important;
        max-width: none !important;
        box-sizing: content-box !important;
    }
    #contents .side_area {
        width: 220px !important;
        float: left !important;
        margin: 0 20px 0 0 !important;
        max-width: none !important;
        box-sizing: content-box !important;
        display: block !important;
    }

    /* ── フッターナビ ── */
    #footer_navi {
        width: 960px !important;
        font-size: 109% !important;
    }
    #footer_navi .navi_1 { width: 170px !important; }
    #footer_navi .navi_2 { width: 200px !important; }
    #footer_navi .navi_3 { width: 160px !important; }
    #footer_navi .group  { width: 200px !important; }
    #footer_navi .inr    { display: block !important; width: 230px !important; float: right !important; }

    /* ── スライダー ── */
    #slider_main { display: block !important; }
    #slider_thumb { display: block !important; }

    /* ── トップページ 3カラム ── */
    .top_box {
        width: 228px !important;
        float: left !important;
        margin: 0 5px 0 0 !important;
    }
    .top-flat li { width: auto !important; }
}

/* ============================================================
   SP（650px以下）はfix_zoom.cssを無効化
   ============================================================ */
@media screen and (max-width: 650px) {
    #wrapper_02 { min-width: 0 !important; }
    #contents { width: 100% !important; }
    #contents .main_area { width: 100% !important; float: none !important; }
    .dmenu { width: 100% !important; min-width: 0 !important; }
}