﻿
/* -------------------------------------------------
    システム連携
------------------------------------------------- */
/*　メニューボタン　*/
.top-menulist {
    width: 100%;
    max-width: 1600px;
    border-bottom: 1px solid #808080;
    border-top: 1px solid #808080;
    margin: 0 auto;
}
    .top-menulist top-nav {
        text-align: center;
    }
        .top-menulist top-nav ul {
            display: table;
            margin: 0 auto;
            padding: 0;
            width: 100%;
            text-align: center;
        }
            .top-menulist top-nav ul li {
                display: table-cell;
                min-width: 50px;
                max-width: 80px;
                width: 10%;
                border-right: 1px solid #808080;
                height: 70px;
                vertical-align: middle;
            }
                .top-menulist top-nav ul li:first-child {
                    border-left: 1px solid #808080;
                }
                .top-menulist top-nav ul li a {
                    display: inline-block;
                    width: 100%;
                    text-decoration: none;
                    color: black;
                    cursor: pointer;
                    font-size: 70%;
                    opacity: 0.5;
                    text-align: center;
                    vertical-align: top;
                    padding: 6px 5px 0 5px;
                    line-height: 1.5;
                    height: 100%;
                }

                    .top-menulist top-nav ul li a:hover {
                        color: black;
                        opacity: 1.0;
                        text-decoration: none;
                    }
                    
                    .top-menulist top-nav ul li a.mkbiz {
                        opacity: 1.0;
                        padding: 0 5px 0 5px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 100%;
                        background-color: lightgray;
                    }

                        .top-menulist top-nav ul li a.mkbiz::before {
                            content: 'Mk-Bizに戻る\A（松村工芸サイト）';
                            white-space: pre;
                            font-size: 1.2em;
                            font-weight: 500;
                            color: blue;
                        }

                        .top-menulist top-nav ul li a.mkbiz:hover {
                            background-color: #B6DBEA;
                        }

                .top-menulist top-nav ul li.current {
                }

                    .top-menulist top-nav ul li.current a {
                        border-bottom: 5px solid #191970;
                        color: black;
                        opacity: 1.0;
                    }


@media (min-width: 950px) {
    /*　MK-Bizからの移動時の画面　*/
    .mklink-box {
        margin: 50px auto 50px auto;
        width: 50%;
    }
        .mklink-box .mkmsg {
            font-size: 20px;
        }

        .mklink-box .mkmargin {
            margin-top: 50px;
            text-align: center;
        }

    /*　検索条件の上線　*/
    .dl-topline {
        border-top: 1px solid #ddd;
    }
    /*　納品先のﾎﾞﾀﾝｻｲｽﾞ指定　*/
    .btn-width {
        padding: 15px 50px 15px 50px;
    }
}

@media (max-width: 949px) {
    .mklink-box {
        margin: 20px auto 20px auto;
        width: 95%;
    }

        .mklink-box .mkmsg {
            font-size: 1em;
        }

        .mklink-box .mkmargin {
            margin-top: 30px;
            text-align: center;
        }

    .dl-topline {
    }

    .top-menulist top-nav ul li {
        height: 60px;
    }
        .top-menulist top-nav ul li a.mkbiz::before {
            content: 'Mk-Biz\Aに戻る\A(松村工芸ｻｲﾄ)';
            white-space: pre;
            font-size: 1em;
        }

    .btn-width {
        padding: 15px 20px 15px 20px;
    }
}

