/* ヘッタ―の調整 */

#common_header {
    background-color: #ffffff;
    border-bottom-color: #06456c;
    border-bottom-style: double;
}

.common_header_menu.navbar.navbar-default.navbar-expand-sm {
    background-color: #fff;
    border: none;
}

#common_header .navbar .nav > li a {
    background-color: #fff;
    color: #06456c;
}

#common_header .navbar .nav > li a:hover {
    background-color: #fff;
    color: #4774b1c2;
}
#cmnheaditem_help_contact_list>button {
    background-color: #fff;
}

.title_bar > .t_title {
    color: #06456c;
    border-bottom: 1px solid #06456c;
}
#cmnheaditem_help_contact_list>button>span {
    background-color: #06456c;
}

#cmnheaditem_help_contact_list>button:hover, #cmnheaditem_help_contact_list>button:focus {
    background-color: #fff;
    color: #4774b1c2;
}

/*　フッターの調整　*/

#footer {
    border-top: 1px;
    border-top-style: double;
    border-color: #06456c;
}

#common_footer {
    background-color: #fff;
}

#cart_footer {
    background-color: #fff;
}

#common_footer a {
    background:none;
}
#common_footer a {
    color: #06456c;
}

@media screen and (max-width: 767px) {
    .common_footer_item a:hover {
        background-color: #06456B !important;
        color: #fff !important;
    }
}

/*　ボタン回り　*/

.login_button, .sinki_button, .fc_sinki_button, .guest_button{
    width: 100%;
}

.login_button, .sinki_button, .fc_sinki_button, .guest_button {
    width: 80%;
    margin-left: 10%;
    background-color: #fff !important;
    border-color: #06456c;
    color: #06456c !important;
    border: 1px solid;
}

.login_button:hover, .sinki_button:hover, .fc_sinki_button:hover, .guest_button:hover {
    color: #4774b1c2;
    border-color: #4774b1c2;
    background-color: #fff;
}

.panel > .privacy_header, .panel > .login_header, .panel > .sinki_header, .panel > .sinki_header_fc, .panel > .guest_header {
    background-color: #06456c;
    text-align: center;
    color: #fff;
    border-color: #06456c;
    border-radius: 8px 8px 0px 0px;
}
.panel{
    border-radius: 8px;
}

@media screen and (min-width: 768px) {
    .flow_guide li {
        color: #06456c;
        border-color: #ffffff;
    }
    .btn {
        background: #06456c;
        color: #FFF;
    }
}

@media screen and (max-width: 767px) {
    .flow_guide li {
        color: #06456c;
        border-color: #ffffff;
    }
    .btn {
        background: #ffffff;
        color: #06456c;
        border: 1px solid;
        border-color: #06456c;
    }
}

.flow_guide ul .current_action {
    background-color: #06456c;
}

.btn:hover {
    background-color: #4774b1c2;
    color: #fff;
}


#ComRegisterLink:after{ content: "ユーザー登録を行う"; }
#RegisterLink:after{ content: "ユーザー登録を行う"; }
#GuestCheckOutLink:after{ content: "ユーザー登録せずに注文"; }
#cmnhead_button_cust:after{ content: "ユーザー情報"; }