@charset "utf-8";

/* corp_custom.css ---------------------
 企業別にカスタマイズ可能な項目です。

 ----------------------------------- */

#header {border-top-color: #CC0022;} 
#lead_player_header {border-top-color: #CC0022;} 
#bf_player_header {border-top-color: #CC0022;} 
#header {background-color: #FFFFFF;}
#global_nav.navbar.navbar-inverse {background-color: #CC0022;}
#global_nav.navbar.navbar-inverse .navbar-nav > li > a:hover {background-color: #ED8B00;}
#global_nav.navbar.navbar-inverse .navbar-nav > li > a:focus {background-color: #ED8B00;}
#msg_btn_login {background-color: #CC0022;}
#msg_btn_login {border: #CC0022;}
#msg_btn_forgetpass {background-color: #CC0022;}
#msg_btn_forgetpass {border: #CC0022;}
#msg_btn_login:hover {background-color: #ED8B00;}
#msg_btn_forgetpass:hover {background-color: #ED8B00;}

/* タブレット～PCサイズの場合 */
@media (min-width: 600px) {
    /* グロナビ内の罫線（左右に線を表示） */
    /* 左端の項目の罫線 */
    #global_nav_collapse > .nav {
        background-image: none; /* 色変更前は背景画像で罫線を表示しているので、それを非表示 */
        border-left: 1px solid #fff; /* 罫線のスタイル */
    }
    /* 項目右側の罫線 */
    #global_nav_collapse > .nav > li {
        background-image: none; /* 色変更前は背景画像で罫線を表示しているので、それを非表示 */
        border-right: 1px solid #fff; /* 罫線のスタイル */
    }
    /* 色変更前の背景画像で罫線を表示用の調整を打ち消し */
    #global_nav.navbar-inverse #global_nav_collapse > .nav.navbar-nav > li > a:hover,
    #global_nav.navbar-inverse #global_nav_collapse > .nav.navbar-nav > li > a:focus {
        margin-left: 0;
        padding-left: 4px;
    }
}

/* モバイルサイズの場合 */
@media (max-width: 599px) {
    /* グロナビ内の罫線（上端のみに線を表示） */
    /* 上端の上部罫線 */
    #global_nav.navbar-inverse .navbar-collapse {
        border-color: #fff;
    }
    /* 項目の下部罫線 */
    #global_nav_collapse > .nav > li {
        /* 下部罫線を表示したい場合は、 border-bottom: 1px solid #fff; のように指定 */
    }
}