@charset "UTF-8";

/* ========================================================
/* PC・SP表示切替
=========================================================*/

#pc-header {
    display: block;
}

#sp-header {
    display: none;
}

@media (max-width: 690px) {
    #pc-header {
        display: none;
    }

    #sp-header {
        display: block;
    }
}


/* ================== */
/* ▼タブレット画面用 */
/* ================== */
@media (min-width: 690px) {
    #gnav {
        display: none;
    }

    #gnav-tb {
        display: block;
    }
}


/* ============ */
/* ▼PC画面用 */
/* ============ */
@media (min-width: 950px) {
    #gnav {
        display: block;
    }

    #gnav-tb {
        display: none;
    }
}



/* ========================================================
/* PCナビ
=========================================================*/

/*グロナビ*/
#gnav{ background:url(../images/button_gloss_20.png) repeat-x center center #6D83A1; height:50px; position:relative; z-index:1099;box-shadow: 0px 2px 2px rgba(0,0,0,0.20); text-align: center; font-size: 14px;}
#gnav ul{ width:100%; max-width:1000px; margin:0 auto 0; background:url(../images/gnav_inner.png) no-repeat center top; position:relative; display: flex; align-items: center; justify-content: center;}
#gnav ul li{ margin:0; flex-grow: 1;} 
#gnav ul li a{ display:flex; align-items: center; justify-content: center; height:50px; line-height:1.2; color:#fff; font-weight: 600; text-decoration:none; border-radius: 5px;}
#gnav ul li a:hover{ background-color:#fff; color:#1954A0;}

/*グロナビ　タブレット*/
#gnav-tb{ background-color: #6D83A1; height:80px; position:relative; text-align: center; font-size: 16px;}
#gnav-tb ul{ width:100%; max-width:1000px; margin:0 auto; position:relative; display: flex; align-items: center; justify-content: center; padding:5px 0;}
#gnav-tb ul li{ margin:5px 10px 0 ; flex-grow: 1; width:33%;} 
#gnav-tb ul li a{ display:flex; align-items: center; justify-content: center; height:60px; line-height:1.2; color:#fff; font-weight: 500; text-decoration:none; border-radius: 5px;  background-color:#859ebf;}
#gnav-tb ul li a:hover{ background-color:#fff; color:#1954A0;}