/* =====================================================
   株式会社クラージュ 追加CSS
   PC：ヘッダー固定
   スマホ：固定解除＋レスポンシブ対応
===================================================== */

.globalNavi{
    background:#2F5D8A;
}

.globalNavi ul{
    display:flex;
    margin:0;
    padding:0;
}

.globalNavi ul li{
    flex:1;
    list-style:none;
    text-align:center;
    width:auto;
    float:none;
}

.globalNavi ul li:first-child a{
    text-align:left;
    padding-left:15px;
}

.globalNavi ul li a{
    display:block;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:500;
    transition:all .2s ease;
}

.globalNavi ul li a:hover,
.globalNavi ul li a:focus{
    color:#FFFF33 !important;
    font-weight:bold;
    text-shadow:0 0 3px rgba(255,255,120,.6);
}

.globalNavi ul li.current a{
    color:#FFFF33 !important;
    font-weight:bold;
}

@media screen and (max-width:768px){

    #page{
        width:100%;
        max-width:100%;
        margin:0 auto;
        overflow-x:hidden;
    }

    #head{
        position:static !important;
        top:auto !important;
        left:auto !important;
        width:100% !important;
        height:auto !important;
        background-color:rgba(255,255,255,0.98);
    }

    #pageHead{
        height:auto;
        padding:15px;
        box-sizing:border-box;
    }

    .rogomark{
        float:none;
        width:70px;
        margin:0 auto 5px;
        padding:0;
        text-align:center;
    }

    .rogomark img{
        max-width:100%;
        height:auto;
    }

    .rogotype{
        float:none;
        width:auto;
        padding:0;
        text-align:center;
    }

    .siteTitle,
    .siteTitle a{
        font-size:38px;
    }

    .nihonnyomi{
        text-align:center;
        padding:0;
    }

    .catchcopy{
        float:none;
        width:auto;
        margin:5px 0 0;
        padding:0;
        text-align:center;
    }

    .globalNavi{
        width:calc(100% - 20px);
        margin:10px auto 0;
        padding:0;
        box-sizing:border-box;
    }

    .globalNavi ul{
        display:flex;
        flex-wrap:wrap;
        width:100%;
    }

    .globalNavi ul li{
        flex:0 0 50%;
        width:50%;
        text-align:center;
        border-bottom:1px solid rgba(255,255,255,.2);
        box-sizing:border-box;
    }

    .globalNavi ul li:nth-child(odd){
        border-right:1px solid rgba(255,255,255,.2);
    }

    .globalNavi ul li:first-child a{
        text-align:center;
        padding-left:0;
    }

    .globalNavi ul li a{
        padding:12px 6px;
        font-size:14px;
    }

    #mainBodyHOME,
    #mainBody{
        width:100%;
        margin:20px 0 0;
        padding:0 10px;
        box-sizing:border-box;
    }

    .subTitle,
    .subTitleplof{
        margin-top:20px;
    }

    img,
    .mainimage,
    .worksIMG{
        max-width:100%;
        height:auto;
    }

    #pageBodyMain,
    #pageBodyMainniigata,
    #pageBodyMaingyousyu,
    #pageBodyMainnagaoka,
    #pageBodyMainDG,
    #pageBodyMainsaikin{
        width:100%;
        float:none;
        margin:0;
        padding-left:10px;
        padding-right:10px;
        box-sizing:border-box;
    }

    .profileBody article,
    .nagaokaimg article,
    .nagaokaDekikaisyo article,
    .honsyaDekikaisyo article,
    .nagaokanyuusyashiki article{
        width:100%;
        float:none;
        margin:20px 0;
        box-sizing:border-box;
    }

    .addresshonsya,
    .SYHPF,
    .SYNPF,
    .SYGPF,
    .SYIPF,
    .SAIYO,
    .PF,
    .PFisesaki{
        width:calc(100% - 20px);
        margin:20px auto;
        float:none;
        box-sizing:border-box;
    }

    table{
        width:calc(100% - 20px);
        margin:25px auto;
    }

    table,
    table tbody,
    table tr,
    table th,
    table td{
        display:block;
        width:100%;
        box-sizing:border-box;
    }

    table tr{
        margin-bottom:12px;
        border:1px solid #CCCCCC;
    }

    table th{
        background:#EEEEEE;
        border:none;
        border-bottom:1px solid #CCCCCC;
    }

    table td{
        border:none;
    }

    .subsyokusyu,
    .infobar{
        position:static;
        width:auto;
        height:auto;
        right:auto;
    }

    #pageBodySub .subNavisigoto,
    #pageBodySub .subNavi,
    .subNaviNaga,
    .subNaviNagaTOP{
        margin-top:20px;
        padding-top:0;
    }

    #pageFoot,
    #pageFootmain{
        width:100%;
    }

    #copyright,
    #NGcopyright{
        width:auto;
        text-align:center;
    }
}