@charset "UTF-8";

/*.bigsilhouette {
    display:none !important;
}*/
#embed-host {
    position: fixed !important;
    z-index: 99999;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    /*-webkit-overflow-scrolling: touch;*/
}

html, body {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

    html.simulator main {
        height: calc(100% - 50px);
        width: 100%;
        overflow: hidden;
        -webkit-text-size-adjust: 100%;
    }

    html.simulator article {
        height: 100%;
    }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}


input[type=text] {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

input[type=email] {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

input[type=checkbox] {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
    }

label {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    label:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
    }

    label.cap-option .not-selected-option {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0.7;
        pointer-events: auto;
        cursor: not-allowed;
    }

ol, ul {
    list-style: outside none none;
}

dl > dt {
    float: left;
    clear: both;
}

html, body {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

input[type=text] {
    font-size: 16px;
}

select {
    font-size: 16px;
}
/*============================
     Base　基本設定
=============================*/

body {
    position: relative;
    min-width: 320px;
    overflow: hidden;
}

main {
    margin-top: 52px
}

body > input {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    line-height: 100%;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

ul {
    list-style: none;
}

label:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

.modal-open {
    padding-right: 0px !important;
}

    .modal-open .modal {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

.uniform_shirt_vfries {
    width: 250px;
    height: 50px;
    line-height: 50px;
    color: white;
    font-size: 1rem;
}

.sim-sizelist-dialog {
    max-width: 75%;
    width: 75%;
}

    .sim-sizelist-dialog.armsleeve {
        max-width: 50%;
        width: 50%;
    }

/*  SPブレイクポイント
===================*/
@media screen and (max-width: 750px) {
    #l-footer {
        padding: 15px 0;
    }

    .menu_design div {
        word-break: break-all;
    }


    .menu_option > ul > li {
        width: 45px !important;
        height: 46px !important;
        margin-bottom: 5px;
    }

        .menu_option > ul > li > label {
            height: 46px !important;
            font-size: 10px !important;
        }

            .menu_option > ul > li > label > .title {
                height: 26px !important;
                line-height: 13px !important;
            }

    #l-footer .nav-area-bottom {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        align-items: baseline;
        color: #5a5a5a;
        padding-bottom: 10px;
    }

        #l-footer .nav-area-bottom .nav-area-ttl {
            font-size: 14px;
            font-weight: bold;
            font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
            border-bottom: 2px solid #5a5a5a;
            position: relative;
            padding-right: 14px;
            margin-right: 10px;
            font-style: italic;
            letter-spacing: 1px;
        }

            #l-footer .nav-area-bottom .nav-area-ttl::after {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 0 0 10px;
                border-color: transparent transparent transparent #5a5a5a;
                position: absolute;
                right: -3px;
                bottom: -2px;
            }

        #l-footer .nav-area-bottom .nav-area-share {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: flex-end;
            -moz-justify-content: flex-end;
            -ms-justify-content: flex-end;
            justify-content: flex-end;
            -ms-flex-pack: flex-end;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            align-items: center;
        }

            #l-footer .nav-area-bottom .nav-area-share li {
                margin-right: 3px;
            }

                #l-footer .nav-area-bottom .nav-area-share li a {
                    display: inline-block;
                    padding: 8px 5px;
                    -moz-border-radius: 20px;
                    -webkit-border-radius: 20px;
                    border-radius: 20px;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                }

                    #l-footer .nav-area-bottom .nav-area-share li a:hover {
                        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                        opacity: 0.6;
                        transition: 0.5s;
                        -o-transition: 0.5s;
                        /* opera */
                        -moz-transition: 0.5s;
                        /* firefox */
                        -webkit-transition: 0.5s;
                        /* chrome, safari */
                        -ms-transition: 0.5s;
                        /* ie */
                    }

                #l-footer .nav-area-bottom .nav-area-share li i {
                    color: #ffffff;
                    font-size: 14px;
                }

                #l-footer .nav-area-bottom .nav-area-share li.share-f a {
                    background: #3a5998;
                }

                #l-footer .nav-area-bottom .nav-area-share li.share-t a {
                    background: #1da1f3;
                }

                #l-footer .nav-area-bottom .nav-area-share li.share-l a {
                    background: #01B901;
                }

    #l-footer .copyright {
        font-size: 10px;
        text-align: left;
        padding-top: 10px;
        border-top: 1px solid #eeeeee;
    }

    .sim-sizelist-dialog {
        max-width: 95%;
        width: 95%;
    }

        .sim-sizelist-dialog.armsleeve {
            max-width: 95%;
            width: 95%;
        }
}
/*============================
     moudule　サイト全体で使うパーツ
=============================*/
/*　スマホ時のみ表時______________________　*/
.sp-show {
    display: none;
}



@media screen and (max-width: 750px) {
    .sp-show {
        display: block;
    }

    .sim-manual-dialog {
        transform: scale(0.8) !important;
    }
}

/*　PCの時のみ表示______________________　*/
@media screen and (max-width: 750px) {
    .pc-show {
        display: none;
    }
}

/*============================
     layout　グリッドの基本設定
=============================*/
#l-header,
#top-mainvisual,
#l-contents,
#l-footer {
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
    width: 100%;
    *zoom: 1;
}
/*============================
     layout　headerのcss
=============================*/
#l-header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    height: 52px;
    width: 100%;
}

    #l-header::before {
        content: "";
        width: 100%;
        height: 2px;
        background-image: -moz-linear-gradient(0deg, #999595 0%, #efefef 33%, #999595 75%, #efefef 100%);
        background-image: -webkit-linear-gradient(0deg, #999595 0%, #efefef 33%, #999595 75%, #efefef 100%);
        background-image: -ms-linear-gradient(0deg, #999595 0%, #efefef 33%, #999595 75%, #efefef 100%);
        position: absolute;
        left: 0;
        bottom: 0;
    }

    /* header-main */
    #l-header .inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }

    #l-header #logo a {
        max-width: 150px;
        display: inline-block;
    }

        #l-header #logo a img {
            width: 150px;
        }

    #l-header .head-navi-area {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        height: 50px;
    }

        #l-header .head-navi-area .button-save {
            align-self: center;
            border: 2px solid #1f296b;
            margin-right: 7px;
            position: relative;
            -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
        }

            #l-header .head-navi-area .button-save a {
                height: 100%;
                left: 0;
                position: absolute;
                text-indent: -999px;
                top: 0;
                width: 100%;
            }

            #l-header .head-navi-area .button-save:hover {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                opacity: 0.6;
                transition: 0.5s;
                -o-transition: 0.5s;
                /* opera */
                -moz-transition: 0.5s;
                /* firefox */
                -webkit-transition: 0.5s;
                /* chrome, safari */
                -ms-transition: 0.5s;
                /* ie */
            }

            #l-header .head-navi-area .button-save .button-save-in {
                border: 1px solid #ffffff;
                -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3) inset;
                -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3) inset;
                box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3) inset;
                position: relative;
                background: #ffffff;
                overflow: hidden;
            }

                #l-header .head-navi-area .button-save .button-save-in .button-save-check {
                    background: #9B000F;
                    color: #ffffff;
                    position: absolute;
                    top: -13px;
                    left: -29px;
                    padding: 1px 25px;
                    font-size: 10px;
                    -webkit-transform-origin: right center;
                    -ms-transform-origin: right center;
                    transform-origin: right center;
                    -webkit-transform: rotate(-25deg);
                    -ms-transform: rotate(25deg);
                    transform: rotate(-25deg);
                }

                #l-header .head-navi-area .button-save .button-save-in .button-save-text {
                    background: url(/img/Simulator/common/icon_save.png) no-repeat left center;
                    padding: 3px 3px 3px 30px;
                    margin-left: 38px;
                }

                    #l-header .head-navi-area .button-save .button-save-in .button-save-text::after {
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        content: "";
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 0 0 5px 5px;
                        border-color: transparent transparent #1f296b;
                    }

                    #l-header .head-navi-area .button-save .button-save-in .button-save-text span {
                        display: block;
                        color: #1f296b;
                        font-weight: bold;
                    }

                    #l-header .head-navi-area .button-save .button-save-in .button-save-text .save-text-sub {
                        font-size: 10px;
                        margin-bottom: 2px;
                    }

        #l-header .head-navi-area .nav-area {
            border-left: 1px solid #eeeeee;
            min-height: 50px;
        }

            #l-header .head-navi-area .nav-area .nav-area-top {
                border-bottom: 1px solid #eeeeee;
            }

                #l-header .head-navi-area .nav-area .nav-area-top .gnavi-list {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-justify-content: space-between;
                    -moz-justify-content: space-between;
                    -ms-justify-content: space-between;
                    justify-content: space-between;
                    -ms-flex-pack: space-between;
                    -webkit-align-items: center;
                    -moz-align-items: center;
                    -ms-align-items: center;
                    align-items: center;
                    padding: 5px 0;
                }

                    #l-header .head-navi-area .nav-area .nav-area-top .gnavi-list .gnavi-item {
                        border-left: 1px solid #eeeeee;
                        padding: 0 13px;
                        font-size: 14px;
                    }

                        #l-header .head-navi-area .nav-area .nav-area-top .gnavi-list .gnavi-item:last-child {
                            padding-right: 5px;
                        }

                        #l-header .head-navi-area .nav-area .nav-area-top .gnavi-list .gnavi-item .in {
                            color: #5a5a5a;
                        }

                            #l-header .head-navi-area .nav-area .nav-area-top .gnavi-list .gnavi-item .in:hover {
                                color: #1f296b;
                                transition: 0.5s;
                                -o-transition: 0.5s;
                                /* opera */
                                -moz-transition: 0.5s;
                                /* firefox */
                                -webkit-transition: 0.5s;
                                /* chrome, safari */
                                -ms-transition: 0.5s;
                                /* ie */
                            }

                            #l-header .head-navi-area .nav-area .nav-area-top .gnavi-list .gnavi-item .in i {
                                margin-right: 3px;
                            }

                        #l-header .head-navi-area .nav-area .nav-area-top .gnavi-list .gnavi-item.official .in {
                            color: #1f296b;
                        }

                            #l-header .head-navi-area .nav-area .nav-area-top .gnavi-list .gnavi-item.official .in:hover {
                                color: #5a5a5a;
                                transition: 0.5s;
                                -o-transition: 0.5s;
                                /* opera */
                                -moz-transition: 0.5s;
                                /* firefox */
                                -webkit-transition: 0.5s;
                                /* chrome, safari */
                                -ms-transition: 0.5s;
                                /* ie */
                            }

            #l-header .head-navi-area .nav-area .nav-area-bottom {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: flex-end;
                -moz-justify-content: flex-end;
                -ms-justify-content: flex-end;
                justify-content: flex-end;
                -ms-flex-pack: flex-end;
                -webkit-align-items: baseline;
                -moz-align-items: baseline;
                -ms-align-items: baseline;
                align-items: baseline;
                padding-top: 2px;
                color: #5a5a5a;
            }

                #l-header .head-navi-area .nav-area .nav-area-bottom .nav-area-ttl {
                    font-size: 14px;
                    font-weight: bold;
                    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
                    border-bottom: 2px solid #5a5a5a;
                    position: relative;
                    padding-right: 14px;
                    margin-right: 10px;
                    font-style: italic;
                    letter-spacing: 1px;
                }

                    #l-header .head-navi-area .nav-area .nav-area-bottom .nav-area-ttl::after {
                        content: "";
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 10px 0 0 10px;
                        border-color: transparent transparent transparent #5a5a5a;
                        position: absolute;
                        right: -3px;
                        bottom: -2px;
                    }

                #l-header .head-navi-area .nav-area .nav-area-bottom .nav-area-share {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-justify-content: flex-end;
                    -moz-justify-content: flex-end;
                    -ms-justify-content: flex-end;
                    justify-content: flex-end;
                    -ms-flex-pack: flex-end;
                    -webkit-align-items: center;
                    -moz-align-items: center;
                    -ms-align-items: center;
                    align-items: center;
                }

                    #l-header .head-navi-area .nav-area .nav-area-bottom .nav-area-share li {
                        margin-right: 3px;
                    }

                        #l-header .head-navi-area .nav-area .nav-area-bottom .nav-area-share li a {
                            display: inline-block;
                            padding: 5px 4px;
                            -moz-border-radius: 20px;
                            -webkit-border-radius: 20px;
                            border-radius: 20px;
                            display: -webkit-box;
                            display: -moz-box;
                            display: -ms-flexbox;
                            display: -webkit-flex;
                            display: flex;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            -webkit-justify-content: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            -webkit-align-items: center;
                            align-items: center;
                        }

                            #l-header .head-navi-area .nav-area .nav-area-bottom .nav-area-share li a:hover {
                                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                                opacity: 0.6;
                                transition: 0.5s;
                                -o-transition: 0.5s;
                                /* opera */
                                -moz-transition: 0.5s;
                                /* firefox */
                                -webkit-transition: 0.5s;
                                /* chrome, safari */
                                -ms-transition: 0.5s;
                                /* ie */
                            }

                        #l-header .head-navi-area .nav-area .nav-area-bottom .nav-area-share li i {
                            color: #ffffff;
                            font-size: 10px;
                        }

                        #l-header .head-navi-area .nav-area .nav-area-bottom .nav-area-share li.share-f a {
                            background: #3a5998;
                        }

                        #l-header .head-navi-area .nav-area .nav-area-bottom .nav-area-share li.share-t a {
                            background: #1da1f3;
                        }


.bigsilhouette_txt {
    color: #F00;
    font-size: 26px;
    font-weight: bold;
    margin: 1rem 0 1rem 1rem;
}

.bigsilhouette_note {
    position: relative;
    border: 2px solid #8BC34A; /* 枠の太さ・種類・色 */
    border-radius: 4px; /* 枠の丸み */
    margin: 1.8em 1em; /* 枠外の余白 */
    padding: 5px 15px;
    background-color: #FFF;
}

.bigsilhouette_note {
    max-height: 115px;
    padding: 0;
    width: auto !important;
    position: relative;
    border: 2px solid #FFF100;
    border-radius: 0px !important;
    background-color: rgba(0,0,0,.65);
    color: #FFF;
}

    .bigsilhouette_note p {
        width: 100%;
        min-height: 94px;
        font-size: 14px;
        padding: .3rem;
        line-height: 150%;
    }

.portal-nav {
    width: 200px;
    margin: 0 auto;
    border: solid 1px #72c6d0;
    text-align: center;
    background-color: #FFF;
}

    .portal-nav a {
        display: block;
        font-size: 1.2rem;
        font-weight: 700;
        color: #72c6d0;
        padding: 1rem;
    }

    .portal-nav svg {
        fill: #72c6d0;
    }

/*  SPブレイクポイント
===================*/
@media screen and (max-width: 750px) {
    .bigsilhouette {
        margin-bottom: 45px !important;
    }

    .bigsilhouette_txt {
        font-size: 20px !important;
    }

    .bigsilhouette_note {
        width: 98% !important;
        height: 100px !important;
    }

        .bigsilhouette_note p {
            font-size: 12px !important;
            min-height: 0px !important;
        }

    /* header-main */
    #l-header #logo {
        margin-left: 5px;
    }

        #l-header #logo a {
            max-width: 110px;
        }

            #l-header #logo a img {
                width: 110px;
            }

    #l-header .head-navi-area {
        width: 100%;
        max-width: 220px;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }

        #l-header .head-navi-area .button-save {
            margin-right: 5%;
        }

            #l-header .head-navi-area .button-save .button-save-in {
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                min-height: 40px;
            }

                #l-header .head-navi-area .button-save .button-save-in .button-save-check {
                    display: block;
                    position: relative;
                    top: auto;
                    left: auto;
                    padding: 3px 0;
                    text-align: center;
                    -webkit-transform-origin: inherit;
                    -ms-transform-origin: inherit;
                    transform-origin: inherit;
                    -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                    transform: rotate(0deg);
                }

                #l-header .head-navi-area .button-save .button-save-in .button-save-text {
                    padding: 6px 3px 4px 17px;
                    margin-left: 5px;
                    background: url(/img/simulator/common/icon_save@2x.png) no-repeat left center;
                    background-size: 15px;
                    text-align: center;
                }

                    #l-header .head-navi-area .button-save .button-save-in .button-save-text::after {
                        bottom: 0;
                        right: 0;
                    }

                    #l-header .head-navi-area .button-save .button-save-in .button-save-text .save-text-sub {
                        display: none;
                    }

                    #l-header .head-navi-area .button-save .button-save-in .button-save-text .save-text-main {
                        font-size: 12px;
                    }

        #l-header .head-navi-area .menu-botton {
            background: #1f296b;
            color: #ffffff;
            position: relative;
            margin-right: 5px;
            width: 45px;
            height: 43px;
            cursor: pointer;
        }

            #l-header .head-navi-area .menu-botton::before, #l-header .head-navi-area .menu-botton::after {
                content: "";
                width: 30px;
                height: 3px;
                position: absolute;
                left: 50%;
                margin-left: -15px;
                top: 10px;
                background: #ffffff;
            }

            #l-header .head-navi-area .menu-botton::after {
                top: 50%;
                margin-top: -1.5px;
            }

            #l-header .head-navi-area .menu-botton .menu-botton-in {
                text-indent: -999px;
            }

                #l-header .head-navi-area .menu-botton .menu-botton-in::before {
                    content: "";
                    width: 30px;
                    height: 3px;
                    position: absolute;
                    left: 50%;
                    margin-left: -15px;
                    bottom: 10px;
                    background: #ffffff;
                }
}


/* message ============== */
.top-message {
    background: #1f296b;
    padding: 5px 10px;
}

    .top-message .top-message-in {
        color: #ffffff;
        font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
        letter-spacing: 2px;
        font-size: 18px;
    }

        .top-message .top-message-in .text-pick {
            color: #f6ff00;
        }

/* button-box-area ============== */
.top-button {
    background: url("/img/simulator/top/button_bg.jpg") top center;
    background-size: cover;
    position: relative;
}

    .top-button::before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 0;
        left: 0;
    }

    .top-button .top-button-item {
        background: url("/img/simulator/top/button_bg.jpg") top left;
        position: relative;
        z-index: 10;
        position: relative;
    }

        .top-button .top-button-item::before {
            content: "";
            width: 100%;
            height: 100%;
            *zoom: 1;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF330000');
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
            background-size: 100%;
            background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
            background-image: -moz-linear-gradient(left top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
            background-image: -webkit-linear-gradient(left top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
            background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
            position: absolute;
            top: 0;
            left: 0;
        }

        .top-button .top-button-item .button-item-in {
            background-position: top right;
            background-repeat: no-repeat;
            min-height: 300px;
            padding: 15px 10px;
            position: relative;
            background-size: 90%;
        }

            .top-button .top-button-item .button-item-in .button-title {
                color: #1f296b;
                font-weight: bold;
                font-size: 45px;
                text-shadow: 0 0 5px #ffffff;
            }

            .top-button .top-button-item .button-item-in .item-list {
                margin-top: 15px;
            }

                .top-button .top-button-item .button-item-in .item-list .item-type {
                    margin-bottom: 5px;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-align-items: center;
                    -moz-align-items: center;
                    -ms-align-items: center;
                    align-items: center;
                }

                    .top-button .top-button-item .button-item-in .item-list .item-type .type-title {
                        border: 1px solid #333333;
                        background: rgba(255, 255, 255, 0.2);
                        padding: 5px;
                        text-align: center;
                        font-weight: bold;
                        margin-right: 10px;
                        font-size: 12px;
                        min-width: 95px;
                        text-shadow: 0 0 2px #ffffff;
                    }

                    .top-button .top-button-item .button-item-in .item-list .item-type .type-price {
                        text-shadow: 0 0 2px #ffffff;
                    }

                        .top-button .top-button-item .button-item-in .item-list .item-type .type-price .big {
                            font-size: 18px;
                            font-weight: bold;
                        }

                        .top-button .top-button-item .button-item-in .item-list .item-type .type-price .small {
                            font-size: 12px;
                            font-weight: 500;
                        }

            .top-button .top-button-item .button-item-in .item-link {
                background: #9B000F;
                display: block;
                padding: 1px;
                max-width: 310px;
                width: 100%;
                position: absolute;
                bottom: 15px;
                left: 10px;
            }

                .top-button .top-button-item .button-item-in .item-link:hover {
                    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                    opacity: 0.6;
                    transition: 0.5s;
                    -o-transition: 0.5s;
                    /* opera */
                    -moz-transition: 0.5s;
                    /* firefox */
                    -webkit-transition: 0.5s;
                    /* chrome, safari */
                    -ms-transition: 0.5s;
                    /* ie */
                }

                .top-button .top-button-item .button-item-in .item-link a {
                    display: block;
                    border: 2px solid #D90011;
                    padding: 10px;
                    text-align: center;
                }

                    .top-button .top-button-item .button-item-in .item-link a .in {
                        font-size: 23px;
                        font-weight: bold;
                        color: #ffffff;
                    }

                        .top-button .top-button-item .button-item-in .item-link a .in::after {
                            font-family: "fontello";
                            content: "";
                            margin-left: 5px;
                        }


        .top-button .top-button-item.t-shirt {
            background: url("/img/simulator/top/button_bg.jpg") bottom right;
        }

        .top-button .top-button-item.uni .button-item-in {
            background-image: url("/img/simulator/button_uni.png?v=2025112001");
            background-position: right 1.5rem;
            min-height: 360px;
        }

        .top-button .top-button-item.uni2 .button-item-in {
            background-image: url("/img/simulator/button_uni2.png?v=2025112001");
            background-position: right 1.5rem;
            min-height: 360px;
        }

        .top-button .top-button-item.cap .button-item-in {
            background-image: url("/img/simulator/button_cap.png?v=2025112001");
            background-position: right 1.5rem;
            min-height: 360px;
        }

        .top-button .top-button-item.t-shirt .button-item-in {
            background-image: url("/img/simulator/top/button_tshirt.png?v=2025112001");
        }

        .top-button .top-button-item.prejan {
            background: url("/img/simulator/top/button_bg.jpg?v=2025112001") top right;
        }

            .top-button .top-button-item.prejan .button-item-in {
                background-image: url("/img/simulator/top/button_prejan.png?v=2025112001");
            }

        .top-button .top-button-item.cloth {
            background: url("/img/simulator/top/button_bg.jpg?v=2025112001") top right;
        }

            .top-button .top-button-item.cloth .button-item-in {
                background-image: url("/img/simulator/top/button_cloth.png?v=2025112001");
            }

        .top-button .top-button-item.warmup .button-item-in {
            background-image: url("/img/simulator/top/button_warmup.png?v=2025112001");
        }

        .top-button .top-button-item.pergame .button-item-in {
            background-image: url("/img/simulator/top/button_pregame.png?v=2025112001");
        }



#fps {
    position: absolute;
    background-color: black;
    border: 2px solid red;
    text-align: center;
    font-size: 16px;
    color: white;
    top: 60px;
    left: 10px;
    width: 60px;
    height: 20px;
    z-index: 9999;
}

#fontModal {
    background: rgba(0, 0, 0, 0.8);
}

    #fontModal #fontLists {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 0px 0px 60px 10px;
        font-size: 0;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
    }

        #fontModal #fontLists > li {
            display: inline-block;
            margin-right: 10px;
            margin-top: 10px;
            border: 3px solid gray;
            box-sizing: border-box;
            background: #ffffff;
        }

            #fontModal #fontLists > li > .imageArea {
                display: block;
                width: 150px;
            }

                #fontModal #fontLists > li > .imageArea > img {
                    width: 100%;
                }

        #fontModal #fontLists > .active {
            animation: borderFlash 2s infinite;
            -webkit-animation: borderFlash 2s infinite;
        }

    #fontModal .modal-dialog {
        margin: 0;
    }

    #fontModal .modal-content {
        background: none;
    }

    #fontModal .close {
        opacity: 1 !important;
    }

    #fontModal .header {
        display: table;
        width: 100%;
        height: 50px;
        padding: 5px 10px;
    }

        #fontModal .header > .close {
            display: table-cell;
            text-align: right;
        }

        #fontModal .header > .title {
            display: table-cell;
            text-align: left;
        }

        #fontModal .header > .close > .closeButton {
            display: inline-block;
            width: 130px;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            background: #ffffff;
            border: 3px solid gray;
            box-sizing: border-box;
            text-align: center;
            cursor: pointer;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
        }

    #fontModal #fontLists > li {
        display: inline-block;
        margin-right: 10px;
        margin-top: 10px;
        border: 3px solid gray;
        box-sizing: border-box;
        background: #ffffff;
    }

        #fontModal #fontLists > li > .imageArea {
            display: block;
            width: 150px;
        }

        #fontModal #fontLists > li > .title {
            display: block;
            width: 150px;
            line-height: 24px;
            font-size: 12px;
            text-align: center;
            background: #cccccc;
        }


label {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.control_menu_icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
}



.color_01 {
    background: #A6A1AD;
}

.color_10 {
    background: #FFFFFF;
}

.color_12 {
    background: #FFEEA9;
}

.color_20 {
    background: #E60012;
}

.color_22 {
    background: #800000;
}

.color_25 {
    background: #E61673;
}

.color_28 {
    background: #EF8EB8;
}

.color_30 {
    background: #FFF100;
}

.color_33 {
    background: #FFAA00;
}

.color_40 {
    background: #4A1100;
}

.color_35 {
    background: #EA5514;
}

.color_38 {
    background: #AD8B02;
}

.color_39 {
    background: #DCAC4F;
}

.color_40 {
    background: #4B1200;
}

.color_50 {
    background: #002417;
}

.color_51 {
    background: #002417;
}

.color_52 {
    background: #ECFF1D;
}

.color_55 {
    background: #006624;
}

.color_60 {
    background: #0068B7;
}

.color_63 {
    background: #1D2088;
}

.color_70 {
    background: #01133E;
}

.color_71 {
    background: #0B0C1C;
}

.color_75 {
    background: #56AFFC;
}

.color_80 {
    background: #601886;
}

.color_90 {
    background: #000000;
}

.color_92 {
    background: #413533;
}

.color_95 {
    background: #c0beb2;
}

.color_95N {
    background: #DDDDB9;
}

.color_96 {
    background: #c0beb2;
}

.color_98 {
    background: #C9CACA;
}

.color_20LIT {
    background-color: #DC3932;
}

.color_22LIT {
    background-color: #903930;
}

.color_25LIT {
    background-color: #DC7E8E;
}

.color_28LIT {
    background-color: #E9A4C1;
}

.color_30LIT {
    background-color: #EFDC64;
}

.color_40LIT {
    background-color: #6D3A0F;
}

.color_33LIT {
    background-color: #F8B850;
}

.color_35LIT {
    background-color: #E4793F;
}

.color_38LIT {
    background-color: #BA9E48;
}

.color_39LIT {
    background-color: #DEB972;
}

.color_51LIT {
    background-color: #3A4F34;
}

.color_52LIT {
    background-color: #DDDA62;
}

.color_55LIT {
    background-color: #527A4C;
}

.color_60LIT {
    background-color: #577CB9;
}

.color_63LIT {
    background-color: #004383;
}

.color_70LIT {
    background-color: #393547;
}

.color_75LIT {
    background-color: #86B6E2;
}

.color_80LIT {
    background-color: #78478F;
}

.color_90LIT {
    background-color: #453F3C;
}

.color_92LIT {
    background-color: #776D6C;
}

.color_95LIT {
    background-color: #CCCAC1;
}

.color_95NLIT {
    background-color: #CECDB5;
}

.color_98LIT {
    background-color: #D4D5D5;
}

.color_10DAK {
    background-color: #F7F8F8;
}

.color_12DAK {
    background-color: #F8E493;
}

.color_20DAK {
    background-color: #D40F1A;
}

.color_22DAK {
    background-color: #65171C;
}

.color_25DAK {
    background-color: #CD2F61;
}

.color_28DAK {
    background-color: #DE6E9F;
}

.color_30DAK {
    background-color: #E5CC00;
}

.color_33DAK {
    background-color: #F29300;
}

.color_35DAK {
    background-color: #DA4713;
}

.color_38DAK {
    background-color: #967528;
}

.color_39DAK {
    background-color: #CD982D;
}

.color_40DAK {
    background-color: #220000;
}

.color_51DAK {
    background-color: #002012;
}

.color_52DAK {
    background-color: #CBCA00;
}

.color_55DAK {
    background-color: #005434;
}

.color_60DAK {
    background-color: #00509D;
}

.color_63DAK {
    background-color: #1F286E;
}

.color_70DAK {
    background-color: #081021;
}

.color_75DAK {
    background-color: #2394D3;
}

.color_80DAK {
    background-color: #49227B;
}

.color_92DAK {
    background-color: #373C40;
}

.color_95DAK {
    background-color: #B1B0A2;
}

.color_95NDAK {
    background-color: #B5B691;
}

.color_98DAK {
    background-color: #BEC0C0;
}



.color_10_font {
    color: #000000;
}

.color_12_font {
    color: #000000;
}

.color_20_font {
    color: #ffffff;
}

.color_22_font {
    color: #ffffff;
}

.color_25_font {
    color: #000000;
}

.color_28_font {
    color: #000000;
}

.color_30_font {
    color: #000000;
}

.color_33_font {
    color: #000000;
}

.color_35_font {
    color: #000000;
}

.color_38_font {
    color: #000000;
}

.color_39_font {
    color: #ffffff;
}

.color_51_font {
    color: #ffffff;
}

.color_52_font {
    color: #ffffff;
}

.color_55_font {
    color: #ffffff;
}

.color_60_font {
    color: #ffffff;
}

.color_63_font {
    color: #ffffff;
}

.color_70_font {
    color: #ffffff;
}

.color_75_font {
    color: #ffffff;
}

.color_80_font {
    color: #ffffff;
}

.color_90_font {
    color: #ffffff;
}

.color_92_font {
    color: #ffffff;
}

.color_95_font {
    color: #000000;
}

.color_95N_font {
    color: #000000;
}

.color_98_font {
    color: #000000;
}

.color_12G {
    background: #FFEEA9;
    background: -moz-linear-gradient(top, #FFEEA9 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFEEA9), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #FFEEA9 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #FFEEA9 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #FFEEA9 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #ffeea9 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_20G {
    background: #E60012;
    background: -moz-linear-gradient(top, #E60012 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E60012), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #E60012 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #E60012 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #E60012 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #e60012 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_22G {
    background: #800000;
    background: -moz-linear-gradient(top, #800000 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #800000), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #800000 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #800000 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #800000 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #800000 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_25G {
    background: #E61673;
    background: -moz-linear-gradient(top, #E61673 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E61673), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #E61673 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #E61673 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #E61673 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #e61673 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_28G {
    background: #EF8EB8;
    background: -moz-linear-gradient(top, #EF8EB8 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EF8EB8), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #EF8EB8 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #EF8EB8 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #EF8EB8 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #ef8eb8 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_30G {
    background: #FFF100;
    background: -moz-linear-gradient(top, #FFF100 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF100), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #FFF100 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #FFF100 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #FFF100 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #fff100 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_33G {
    background: #FFAA00;
    background: -moz-linear-gradient(top, #FFAA00 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFAA00), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #FFAA00 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #FFAA00 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #FFAA00 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #ffaa00 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_35G {
    background: #EA5514;
    background: -moz-linear-gradient(top, #EA5514 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EA5514), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #EA5514 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #EA5514 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #EA5514 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #ea5514 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_38G {
    background: #AD8B02;
    background: -moz-linear-gradient(top, #AD8B02 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AD8B02), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #AD8B02 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #AD8B02 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #AD8B02 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #ad8b02 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_39G {
    background: #DCAC4F;
    background: -moz-linear-gradient(top, #DCAC4F 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DCAC4F), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #DCAC4F 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #DCAC4F 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #DCAC4F 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #dcac4f 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}


.color_51G {
    background: #002417;
    background: -moz-linear-gradient(top, #002417 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #002417), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #002417 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #002417 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #002417 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #002417 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_52G {
    background: #ECFF1D;
    background: -moz-linear-gradient(top, #ECFF1D 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ECFF1D), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #ECFF1D 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #ECFF1D 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #ECFF1D 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #ecff1d 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_55G {
    background: #006624;
    background: -moz-linear-gradient(top, #006624 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006624), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #006624 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #006624 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #006624 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #006624 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_60G {
    background: #0068B7;
    background: -moz-linear-gradient(top, #0068B7 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0068B7), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #0068B7 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #0068B7 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #0068B7 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #0068b7 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_63G {
    background: #1D2088;
    background: -moz-linear-gradient(top, #1D2088 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1D2088), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #1D2088 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #1D2088 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #1D2088 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #1d2088 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_70G {
    background: #01133E;
    background: -moz-linear-gradient(top, #01133E 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #01133E), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #01133E 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #01133E 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #01133E 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #01133e 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_75G {
    background: #56AFFC;
    background: -moz-linear-gradient(top, #56AFFC 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56AFFC), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #56AFFC 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #56AFFC 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #56AFFC 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #56affc 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_80G {
    background: #601886;
    background: -moz-linear-gradient(top, #601886 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #601886), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #601886 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #601886 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #601886 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #601886 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_90G {
    background: #000000;
    background: -moz-linear-gradient(top, #000000 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #000000 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #000000 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #000000 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #000000 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_92G {
    background: #413533;
    background: -moz-linear-gradient(top, #413533 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #413533), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #413533 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #413533 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #413533 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #413533 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_95G {
    background: #c0beb2;
    background: -moz-linear-gradient(top, #c0beb2 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0beb2), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #c0beb2 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #c0beb2 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #c0beb2 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #c0beb2 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_95NG {
    background: #DDDDB9;
    background: -moz-linear-gradient(top, #DDDDB9 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DDDDB9), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #DDDDB9 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #DDDDB9 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #DDDDB9 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #ddddb9 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_98G {
    background: #C9CACA;
    background: -moz-linear-gradient(top, #C9CACA 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C9CACA), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #C9CACA 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #C9CACA 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #C9CACA 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #c9caca 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.color_01OLG {
    background: #01133e;
}

.color_02OLG {
    background: #222222;
}

.color_03OLG {
    background: #e60012;
}

.color_05OLG {
    background: #0068b7;
}

.color_06OLG {
    background: #ffffff;
}

.color_07OLG {
    background: #fff100;
}

.color_08OLG {
    background: #002417;
}

.color_09OLG {
    background: #6d1318;
}

.color_52OLG {
    background: #ea5514;
}

.color_61OLG {
    background: #c9caca;
}

.color_80OLG {
    background: #601886;
}

.color_10OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 50%, #006624 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #e60012), color-stop(50%, #006624));
    background: -webkit-linear-gradient(left, #e60012 50%, #006624 50%);
    background: -o-linear-gradient(left, #e60012 50%, #006624 50%);
    background: -ms-linear-gradient(left, #e60012 50%, #006624 50%);
    background: linear-gradient(to right, #e60012 50%, #006624 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_11OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 50%, #01133e 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #e60012), color-stop(50%, #01133e));
    background: -webkit-linear-gradient(left, #e60012 50%, #01133e 50%);
    background: -o-linear-gradient(left, #e60012 50%, #01133e 50%);
    background: -ms-linear-gradient(left, #e60012 50%, #01133e 50%);
    background: linear-gradient(to right, #e60012 50%, #01133e 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_12OLG {
    background: #fff100;
    background: -moz-linear-gradient(left, #fff100 50%, #222222 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff100), color-stop(50%, #222222));
    background: -webkit-linear-gradient(left, #fff100 50%, #222222 50%);
    background: -o-linear-gradient(left, #fff100 50%, #222222 50%);
    background: -ms-linear-gradient(left, #fff100 50%, #222222 50%);
    background: linear-gradient(to right, #fff100 50%, #222222 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_13OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 50%, #222222 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #e60012), color-stop(50%, #222222));
    background: -webkit-linear-gradient(left, #e60012 50%, #222222 50%);
    background: -o-linear-gradient(left, #e60012 50%, #222222 50%);
    background: -ms-linear-gradient(left, #e60012 50%, #222222 50%);
    background: linear-gradient(to right, #e60012 50%, #222222 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_49OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 50%, #ffffff 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #e60012), color-stop(50%, #ffffff));
    background: -webkit-linear-gradient(left, #e60012 50%, #ffffff 50%);
    background: -o-linear-gradient(left, #e60012 50%, #ffffff 50%);
    background: -ms-linear-gradient(left, #e60012 50%, #ffffff 50%);
    background: linear-gradient(to right, #e60012 50%, #ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_56OLG {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 50%, #222222 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #222222));
    background: -webkit-linear-gradient(left, #ffffff 50%, #222222 50%);
    background: -o-linear-gradient(left, #ffffff 50%, #222222 50%);
    background: -ms-linear-gradient(left, #ffffff 50%, #222222 50%);
    background: linear-gradient(to right, #ffffff 50%, #222222 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_57OLG {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 50%, #c9caca 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #c9caca));
    background: -webkit-linear-gradient(left, #ffffff 50%, #c9caca 50%);
    background: -o-linear-gradient(left, #ffffff 50%, #c9caca 50%);
    background: -ms-linear-gradient(left, #ffffff 50%, #c9caca 50%);
    background: linear-gradient(to right, #ffffff 50%, #c9caca 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_66OLG {
    background: #222222;
    background: -moz-linear-gradient(left, #222222 50%, #ffffff 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #222222), color-stop(50%, #ffffff));
    background: -webkit-linear-gradient(left, #222222 50%, #ffffff 50%);
    background: -o-linear-gradient(left, #222222 50%, #ffffff 50%);
    background: -ms-linear-gradient(left, #222222 50%, #ffffff 50%);
    background: linear-gradient(to right, #222222 50%, #ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_15OLG {
    background: #01133e;
    background: -moz-linear-gradient(left, #01133e 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #01133e), color-stop(33%, #ffffff), color-stop(67%, #ffffff), color-stop(67%, #01133e));
    background: -webkit-linear-gradient(left, #01133e 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
    background: -o-linear-gradient(left, #01133e 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
    background: -ms-linear-gradient(left, #01133e 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
    background: linear-gradient(to right, #01133e 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
}

.color_16OLG {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 33%, #01133e 33%, #01133e 67%, #ffffff 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #ffffff), color-stop(33%, #01133e), color-stop(67%, #01133e), color-stop(67%, #ffffff));
    background: -webkit-linear-gradient(left, #ffffff 33%, #01133e 33%, #01133e 67%, #ffffff 67%);
    background: -o-linear-gradient(left, #ffffff 33%, #01133e 33%, #01133e 67%, #ffffff 67%);
    background: -ms-linear-gradient(left, #ffffff 33%, #01133e 33%, #01133e 67%, #ffffff 67%);
    background: linear-gradient(to right, #ffffff 33%, #01133e 33%, #01133e 67%, #ffffff 67%);
}

.color_17OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 33%, #01133e 33%, #01133e 67%, #e60012 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #e60012), color-stop(33%, #01133e), color-stop(67%, #01133e), color-stop(67%, #e60012));
    background: -webkit-linear-gradient(left, #e60012 33%, #01133e 33%, #01133e 67%, #e60012 67%);
    background: -o-linear-gradient(left, #e60012 33%, #01133e 33%, #01133e 67%, #e60012 67%);
    background: -ms-linear-gradient(left, #e60012 33%, #01133e 33%, #01133e 67%, #e60012 67%);
    background: linear-gradient(to right, #e60012 33%, #01133e 33%, #01133e 67%, #e60012 67%);
}

.color_18OLG {
    background: #01133e;
    background: -moz-linear-gradient(left, #01133e 33%, #e60012 33%, #e60012 67%, #01133e 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #01133e), color-stop(33%, #e60012), color-stop(67%, #e60012), color-stop(67%, #01133e));
    background: -webkit-linear-gradient(left, #01133e 33%, #e60012 33%, #e60012 67%, #01133e 67%);
    background: -o-linear-gradient(left, #01133e 33%, #e60012 33%, #e60012 67%, #01133e 67%);
    background: -ms-linear-gradient(left, #01133e 33%, #e60012 33%, #e60012 67%, #01133e 67%);
    background: linear-gradient(to right, #01133e 33%, #e60012 33%, #e60012 67%, #01133e 67%);
}

.color_19OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #e60012), color-stop(33%, #ffffff), color-stop(67%, #ffffff), color-stop(67%, #e60012));
    background: -webkit-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
    background: -o-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
    background: -ms-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
    background: linear-gradient(to right, #e60012 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
}

.color_20OLG {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 33%, #e60012 33%, #e60012 67%, #ffffff 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #ffffff), color-stop(33%, #e60012), color-stop(67%, #e60012), color-stop(67%, #ffffff));
    background: -webkit-linear-gradient(left, #ffffff 33%, #e60012 33%, #e60012 67%, #ffffff 67%);
    background: -o-linear-gradient(left, #ffffff 33%, #e60012 33%, #e60012 67%, #ffffff 67%);
    background: -ms-linear-gradient(left, #ffffff 33%, #e60012 33%, #e60012 67%, #ffffff 67%);
    background: linear-gradient(to right, #ffffff 33%, #e60012 33%, #e60012 67%, #ffffff 67%);
}

.color_21OLG {
    background: #0068b7;
    background: -moz-linear-gradient(left, #0068b7 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #0068b7), color-stop(33%, #ffffff), color-stop(67%, #ffffff), color-stop(67%, #0068b7));
    background: -webkit-linear-gradient(left, #0068b7 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
    background: -o-linear-gradient(left, #0068b7 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
    background: -ms-linear-gradient(left, #0068b7 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
    background: linear-gradient(to right, #0068b7 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
}

.color_22OLG {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 33%, #0068b7 33%, #0068b7 67%, #ffffff 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #ffffff), color-stop(33%, #0068b7), color-stop(67%, #0068b7), color-stop(67%, #ffffff));
    background: -webkit-linear-gradient(left, #ffffff 33%, #0068b7 33%, #0068b7 67%, #ffffff 67%);
    background: -o-linear-gradient(left, #ffffff 33%, #0068b7 33%, #0068b7 67%, #ffffff 67%);
    background: -ms-linear-gradient(left, #ffffff 33%, #0068b7 33%, #0068b7 67%, #ffffff 67%);
    background: linear-gradient(to right, #ffffff 33%, #0068b7 33%, #0068b7 67%, #ffffff 67%);
}

.color_24OLG {
    background: #006624;
    background: -moz-linear-gradient(left, #006624 33%, #222222 33%, #222222 67%, #006624 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #006624), color-stop(33%, #222222), color-stop(67%, #222222), color-stop(67%, #006624));
    background: -webkit-linear-gradient(left, #006624 33%, #222222 33%, #222222 67%, #006624 67%);
    background: -o-linear-gradient(left, #006624 33%, #222222 33%, #222222 67%, #006624 67%);
    background: -ms-linear-gradient(left, #006624 33%, #222222 33%, #222222 67%, #006624 67%);
    background: linear-gradient(to right, #006624 33%, #222222 33%, #222222 67%, #006624 67%);
}

.color_25OLG {
    background: #222222;
    background: -moz-linear-gradient(left, #222222 33%, #006624 33%, #006624 67%, #222222 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #222222), color-stop(33%, #006624), color-stop(67%, #006624), color-stop(67%, #222222));
    background: -webkit-linear-gradient(left, #222222 33%, #006624 33%, #006624 67%, #222222 67%);
    background: -o-linear-gradient(left, #222222 33%, #006624 33%, #006624 67%, #222222 67%);
    background: -ms-linear-gradient(left, #222222 33%, #006624 33%, #006624 67%, #222222 67%);
    background: linear-gradient(to right, #222222 33%, #006624 33%, #006624 67%, #222222 67%);
}

.color_26OLG {
    background: #fff100;
    background: -moz-linear-gradient(left, #fff100 33%, #222222 33%, #222222 67%, #fff100 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #fff100), color-stop(33%, #222222), color-stop(67%, #222222), color-stop(67%, #fff100));
    background: -webkit-linear-gradient(left, #fff100 33%, #222222 33%, #222222 67%, #fff100 67%);
    background: -o-linear-gradient(left, #fff100 33%, #222222 33%, #222222 67%, #fff100 67%);
    background: -ms-linear-gradient(left, #fff100 33%, #222222 33%, #222222 67%, #fff100 67%);
    background: linear-gradient(to right, #fff100 33%, #222222 33%, #222222 67%, #fff100 67%);
}

.color_27OLG {
    background: #222222;
    background: -moz-linear-gradient(left, #222222 33%, #fff100 33%, #fff100 67%, #222222 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #222222), color-stop(33%, #fff100), color-stop(67%, #fff100), color-stop(67%, #222222));
    background: -webkit-linear-gradient(left, #222222 33%, #fff100 33%, #fff100 67%, #222222 67%);
    background: -o-linear-gradient(left, #222222 33%, #fff100 33%, #fff100 67%, #222222 67%);
    background: -ms-linear-gradient(left, #222222 33%, #fff100 33%, #fff100 67%, #222222 67%);
    background: linear-gradient(to right, #222222 33%, #fff100 33%, #fff100 67%, #222222 67%);
}

.color_28OLG {
    background: #0068b7;
    background: -moz-linear-gradient(left, #0068b7 33%, #fff100 33%, #fff100 67%, #0068b7 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #0068b7), color-stop(33%, #fff100), color-stop(67%, #fff100), color-stop(67%, #0068b7));
    background: -webkit-linear-gradient(left, #0068b7 33%, #fff100 33%, #fff100 67%, #0068b7 67%);
    background: -o-linear-gradient(left, #0068b7 33%, #fff100 33%, #fff100 67%, #0068b7 67%);
    background: -ms-linear-gradient(left, #0068b7 33%, #fff100 33%, #fff100 67%, #0068b7 67%);
    background: linear-gradient(to right, #0068b7 33%, #fff100 33%, #fff100 67%, #0068b7 67%);
}

.color_29OLG {
    background: #fff100;
    background: -moz-linear-gradient(left, #fff100 33%, #0068b7 33%, #0068b7 67%, #fff100 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #fff100), color-stop(33%, #0068b7), color-stop(67%, #0068b7), color-stop(67%, #fff100));
    background: -webkit-linear-gradient(left, #fff100 33%, #0068b7 33%, #0068b7 67%, #fff100 67%);
    background: -o-linear-gradient(left, #fff100 33%, #0068b7 33%, #0068b7 67%, #fff100 67%);
    background: -ms-linear-gradient(left, #fff100 33%, #0068b7 33%, #0068b7 67%, #fff100 67%);
    background: linear-gradient(to right, #fff100 33%, #0068b7 33%, #0068b7 67%, #fff100 67%);
}

.color_30OLG {
    background: #ea5514;
    background: -moz-linear-gradient(left, #ea5514 33%, #222222 33%, #222222 67%, #ea5514 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #ea5514), color-stop(33%, #222222), color-stop(67%, #222222), color-stop(67%, #ea5514));
    background: -webkit-linear-gradient(left, #ea5514 33%, #222222 33%, #222222 67%, #ea5514 67%);
    background: -o-linear-gradient(left, #ea5514 33%, #222222 33%, #222222 67%, #ea5514 67%);
    background: -ms-linear-gradient(left, #ea5514 33%, #222222 33%, #222222 67%, #ea5514 67%);
    background: linear-gradient(to right, #ea5514 33%, #222222 33%, #222222 67%, #ea5514 67%);
}

.color_31OLG {
    background: #002417;
    background: -moz-linear-gradient(left, #002417 33%, #fff100 33%, #fff100 67%, #002417 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #002417), color-stop(33%, #fff100), color-stop(67%, #fff100), color-stop(67%, #002417));
    background: -webkit-linear-gradient(left, #002417 33%, #fff100 33%, #fff100 67%, #002417 67%);
    background: -o-linear-gradient(left, #002417 33%, #fff100 33%, #fff100 67%, #002417 67%);
    background: -ms-linear-gradient(left, #002417 33%, #fff100 33%, #fff100 67%, #002417 67%);
    background: linear-gradient(to right, #002417 33%, #fff100 33%, #fff100 67%, #002417 67%);
}

.color_32OLG {
    background: #fff100;
    background: -moz-linear-gradient(left, #fff100 33%, #002417 33%, #002417 67%, #fff100 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #fff100), color-stop(33%, #002417), color-stop(67%, #002417), color-stop(67%, #fff100));
    background: -webkit-linear-gradient(left, #fff100 33%, #002417 33%, #002417 67%, #fff100 67%);
    background: -o-linear-gradient(left, #fff100 33%, #002417 33%, #002417 67%, #fff100 67%);
    background: -ms-linear-gradient(left, #fff100 33%, #002417 33%, #002417 67%, #fff100 67%);
    background: linear-gradient(to right, #fff100 33%, #002417 33%, #002417 67%, #fff100 67%);
}

.color_33OLG {
    background: #0068b7;
    background: -moz-linear-gradient(left, #0068b7 33%, #ea5514 33%, #ea5514 67%, #0068b7 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #0068b7), color-stop(33%, #ea5514), color-stop(67%, #ea5514), color-stop(67%, #0068b7));
    background: -webkit-linear-gradient(left, #0068b7 33%, #ea5514 33%, #ea5514 67%, #0068b7 67%);
    background: -o-linear-gradient(left, #0068b7 33%, #ea5514 33%, #ea5514 67%, #0068b7 67%);
    background: -ms-linear-gradient(left, #0068b7 33%, #ea5514 33%, #ea5514 67%, #0068b7 67%);
    background: linear-gradient(to right, #0068b7 33%, #ea5514 33%, #ea5514 67%, #0068b7 67%);
}

.color_34OLG {
    background: #ea5514;
    background: -moz-linear-gradient(left, #ea5514 33%, #0068b7 33%, #0068b7 67%, #ea5514 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #ea5514), color-stop(33%, #0068b7), color-stop(67%, #0068b7), color-stop(67%, #ea5514));
    background: -webkit-linear-gradient(left, #ea5514 33%, #0068b7 33%, #0068b7 67%, #ea5514 67%);
    background: -o-linear-gradient(left, #ea5514 33%, #0068b7 33%, #0068b7 67%, #ea5514 67%);
    background: -ms-linear-gradient(left, #ea5514 33%, #0068b7 33%, #0068b7 67%, #ea5514 67%);
    background: linear-gradient(to right, #ea5514 33%, #0068b7 33%, #0068b7 67%, #ea5514 67%);
}

.color_37OLG {
    background: #002417;
    background: -moz-linear-gradient(left, #002417 33%, #ffffff 33%, #ffffff 67%, #002417 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #002417), color-stop(33%, #ffffff), color-stop(67%, #ffffff), color-stop(67%, #002417));
    background: -webkit-linear-gradient(left, #002417 33%, #ffffff 33%, #ffffff 67%, #002417 67%);
    background: -o-linear-gradient(left, #002417 33%, #ffffff 33%, #ffffff 67%, #002417 67%);
    background: -ms-linear-gradient(left, #002417 33%, #ffffff 33%, #ffffff 67%, #002417 67%);
    background: linear-gradient(to right, #002417 33%, #ffffff 33%, #ffffff 67%, #002417 67%);
}

.color_38OLG {
    background: #6d1318;
    background: -moz-linear-gradient(left, #6d1318 33%, #ffffff 33%, #ffffff 67%, #6d1318 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #6d1318), color-stop(33%, #ffffff), color-stop(67%, #ffffff), color-stop(67%, #6d1318));
    background: -webkit-linear-gradient(left, #6d1318 33%, #ffffff 33%, #ffffff 67%, #6d1318 67%);
    background: -o-linear-gradient(left, #6d1318 33%, #ffffff 33%, #ffffff 67%, #6d1318 67%);
    background: -ms-linear-gradient(left, #6d1318 33%, #ffffff 33%, #ffffff 67%, #6d1318 67%);
    background: linear-gradient(to right, #6d1318 33%, #ffffff 33%, #ffffff 67%, #6d1318 67%);
}

.color_39OLG {
    background: #222222;
    background: -moz-linear-gradient(left, #222222 33%, #ffffff 33%, #ffffff 67%, #222222 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #222222), color-stop(33%, #ffffff), color-stop(67%, #ffffff), color-stop(67%, #222222));
    background: -webkit-linear-gradient(left, #222222 33%, #ffffff 33%, #ffffff 67%, #222222 67%);
    background: -o-linear-gradient(left, #222222 33%, #ffffff 33%, #ffffff 67%, #222222 67%);
    background: -ms-linear-gradient(left, #222222 33%, #ffffff 33%, #ffffff 67%, #222222 67%);
    background: linear-gradient(to right, #222222 33%, #ffffff 33%, #ffffff 67%, #222222 67%);
}

.color_44OLG {
    background: #002417;
    background: -moz-linear-gradient(left, #002417 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #002417), color-stop(33%, #ffffff), color-stop(67%, #ffffff), color-stop(67%, #e60012));
    background: -webkit-linear-gradient(left, #002417 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
    background: -o-linear-gradient(left, #002417 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
    background: -ms-linear-gradient(left, #002417 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
    background: linear-gradient(to right, #002417 33%, #ffffff 33%, #ffffff 67%, #e60012 67%);
}

.color_45OLG {
    background: #222222;
    background: -moz-linear-gradient(left, #222222 33%, #e60012 33%, #e60012 67%, #222222 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #222222), color-stop(33%, #e60012), color-stop(67%, #e60012), color-stop(67%, #222222));
    background: -webkit-linear-gradient(left, #222222 33%, #e60012 33%, #e60012 67%, #222222 67%);
    background: -o-linear-gradient(left, #222222 33%, #e60012 33%, #e60012 67%, #222222 67%);
    background: -ms-linear-gradient(left, #222222 33%, #e60012 33%, #e60012 67%, #222222 67%);
    background: linear-gradient(to right, #222222 33%, #e60012 33%, #e60012 67%, #222222 67%);
}

.color_46OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 33%, #222222 33%, #222222 67%, #e60012 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #e60012), color-stop(33%, #222222), color-stop(67%, #222222), color-stop(67%, #e60012));
    background: -webkit-linear-gradient(left, #e60012 33%, #222222 33%, #222222 67%, #e60012 67%);
    background: -o-linear-gradient(left, #e60012 33%, #222222 33%, #222222 67%, #e60012 67%);
    background: -ms-linear-gradient(left, #e60012 33%, #222222 33%, #222222 67%, #e60012 67%);
    background: linear-gradient(to right, #e60012 33%, #222222 33%, #222222 67%, #e60012 67%);
}

.color_51OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #e60012), color-stop(33%, #ffffff), color-stop(67%, #ffffff), color-stop(67%, #01133e));
    background: -webkit-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
    background: -o-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
    background: -ms-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
    background: linear-gradient(to right, #e60012 33%, #ffffff 33%, #ffffff 67%, #01133e 67%);
}

.color_53OLG {
    background: #c9caca;
    background: -moz-linear-gradient(left, #c9caca 33%, #0068b7 33%, #0068b7 67%, #c9caca 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #c9caca), color-stop(33%, #0068b7), color-stop(67%, #0068b7), color-stop(67%, #c9caca));
    background: -webkit-linear-gradient(left, #c9caca 33%, #0068b7 33%, #0068b7 67%, #c9caca 67%);
    background: -o-linear-gradient(left, #c9caca 33%, #0068b7 33%, #0068b7 67%, #c9caca 67%);
    background: -ms-linear-gradient(left, #c9caca 33%, #0068b7 33%, #0068b7 67%, #c9caca 67%);
    background: linear-gradient(to right, #c9caca 33%, #0068b7 33%, #0068b7 67%, #c9caca 67%);
}

.color_54OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 33%, #097d91 33%, #097d91 67%, #1d2088 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #e60012), color-stop(33%, #097d91), color-stop(67%, #097d91), color-stop(67%, #1d2088));
    background: -webkit-linear-gradient(left, #e60012 33%, #097d91 33%, #097d91 67%, #1d2088 67%);
    background: -o-linear-gradient(left, #e60012 33%, #097d91 33%, #097d91 67%, #1d2088 67%);
    background: -ms-linear-gradient(left, #e60012 33%, #097d91 33%, #097d91 67%, #1d2088 67%);
    background: linear-gradient(to right, #e60012 33%, #097d91 33%, #097d91 67%, #1d2088 67%);
}

.color_55OLG {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 33%, #15aa8a 33%, #15aa8a 67%, #222222 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #ffffff), color-stop(33%, #15aa8a), color-stop(67%, #15aa8a), color-stop(67%, #222222));
    background: -webkit-linear-gradient(left, #ffffff 33%, #15aa8a 33%, #15aa8a 67%, #222222 67%);
    background: -o-linear-gradient(left, #ffffff 33%, #15aa8a 33%, #15aa8a 67%, #222222 67%);
    background: -ms-linear-gradient(left, #ffffff 33%, #15aa8a 33%, #15aa8a 67%, #222222 67%);
    background: linear-gradient(to right, #ffffff 33%, #15aa8a 33%, #15aa8a 67%, #222222 67%);
}

.color_58OLG {
    background: #e60012;
    background: -moz-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #e60012), color-stop(33%, #ffffff), color-stop(67%, #ffffff), color-stop(67%, #0068b7));
    background: -webkit-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
    background: -o-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
    background: -ms-linear-gradient(left, #e60012 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
    background: linear-gradient(to right, #e60012 33%, #ffffff 33%, #ffffff 67%, #0068b7 67%);
}

.color_59OLG {
    background: #01133e;
    background: -moz-linear-gradient(left, #01133e 33%, #ad8b02 33%, #ad8b02 67%, #01133e 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #01133e), color-stop(33%, #ad8b02), color-stop(67%, #ad8b02), color-stop(67%, #01133e));
    background: -webkit-linear-gradient(left, #01133e 33%, #ad8b02 33%, #ad8b02 67%, #01133e 67%);
    background: -o-linear-gradient(left, #01133e 33%, #ad8b02 33%, #ad8b02 67%, #01133e 67%);
    background: -ms-linear-gradient(left, #01133e 33%, #ad8b02 33%, #ad8b02 67%, #01133e 67%);
    background: linear-gradient(to right, #01133e 33%, #ad8b02 33%, #ad8b02 67%, #01133e 67%);
}

.color_60OLG {
    background: #ad8b02;
    background: -moz-linear-gradient(left, #ad8b02 33%, #ad8b02 33%, #ad8b02 67%, #ad8b02 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #ad8b02), color-stop(33%, #ad8b02), color-stop(67%, #ad8b02), color-stop(67%, #ad8b02));
    background: -webkit-linear-gradient(left, #ad8b02 33%, #ad8b02 33%, #ad8b02 67%, #ad8b02 67%);
    background: -o-linear-gradient(left, #ad8b02 33%, #ad8b02 33%, #ad8b02 67%, #ad8b02 67%);
    background: -ms-linear-gradient(left, #ad8b02 33%, #ad8b02 33%, #ad8b02 67%, #ad8b02 67%);
    background: linear-gradient(to right, #ad8b02 33%, #ad8b02 33%, #ad8b02 67%, #ad8b02 67%);
}

.color_63OLG {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 33%, #002417 33%, #002417 67%, #ffffff 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #ffffff), color-stop(33%, #002417), color-stop(67%, #002417), color-stop(67%, #ffffff));
    background: -webkit-linear-gradient(left, #ffffff 33%, #002417 33%, #002417 67%, #ffffff 67%);
    background: -o-linear-gradient(left, #ffffff 33%, #002417 33%, #002417 67%, #ffffff 67%);
    background: -ms-linear-gradient(left, #ffffff 33%, #002417 33%, #002417 67%, #ffffff 67%);
    background: linear-gradient(to right, #ffffff 33%, #002417 33%, #002417 67%, #ffffff 67%);
}

.color_64OLG {
    background: #01133e;
    background: -moz-linear-gradient(left, #01133e 33%, #c9caca 33%, #c9caca 67%, #01133e 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #01133e), color-stop(33%, #c9caca), color-stop(67%, #c9caca), color-stop(67%, #01133e));
    background: -webkit-linear-gradient(left, #01133e 33%, #c9caca 33%, #c9caca 67%, #01133e 67%);
    background: -o-linear-gradient(left, #01133e 33%, #c9caca 33%, #c9caca 67%, #01133e 67%);
    background: -ms-linear-gradient(left, #01133e 33%, #c9caca 33%, #c9caca 67%, #01133e 67%);
    background: linear-gradient(to right, #01133e 33%, #c9caca 33%, #c9caca 67%, #01133e 67%);
}

.color_65OLG {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 33%, #222222 33%, #222222 67%, #ffffff 67%);
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #ffffff), color-stop(33%, #222222), color-stop(67%, #222222), color-stop(67%, #ffffff));
    background: -webkit-linear-gradient(left, #ffffff 33%, #222222 33%, #222222 67%, #ffffff 67%);
    background: -o-linear-gradient(left, #ffffff 33%, #222222 33%, #222222 67%, #ffffff 67%);
    background: -ms-linear-gradient(left, #ffffff 33%, #222222 33%, #222222 67%, #ffffff 67%);
    background: linear-gradient(to right, #ffffff 33%, #222222 33%, #222222 67%, #ffffff 67%);
}

.color_1020 {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 50%, #e60012 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #e60012));
    background: -webkit-linear-gradient(left, #ffffff 50%, #e60012 50%);
    background: -o-linear-gradient(left, #ffffff 50%, #e60012 50%);
    background: -ms-linear-gradient(left, #ffffff 50%, #e60012 50%);
    background: linear-gradient(to right, #ffffff 50%, #e60012 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_1063 {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 50%, #1d2088 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #1d2088));
    background: -webkit-linear-gradient(left, #ffffff 50%, #1d2088 50%);
    background: -o-linear-gradient(left, #ffffff 50%, #1d2088 50%);
    background: -ms-linear-gradient(left, #ffffff 50%, #1d2088 50%);
    background: linear-gradient(to right, #ffffff 50%, #1d2088 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_1070 {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 50%, #01133e 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #01133e));
    background: -webkit-linear-gradient(left, #ffffff 50%, #01133e 50%);
    background: -o-linear-gradient(left, #ffffff 50%, #01133e 50%);
    background: -ms-linear-gradient(left, #ffffff 50%, #01133e 50%);
    background: linear-gradient(to right, #ffffff 50%, #01133e 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_1090 {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 50%, #222222 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #222222));
    background: -webkit-linear-gradient(left, #ffffff 50%, #222222 50%);
    background: -o-linear-gradient(left, #ffffff 50%, #222222 50%);
    background: -ms-linear-gradient(left, #ffffff 50%, #222222 50%);
    background: linear-gradient(to right, #ffffff 50%, #222222 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_7020 {
    background: #01133E;
    background: -moz-linear-gradient(left, #01133E 50%, #E60012 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #01133E), color-stop(50%, #E60012));
    background: -webkit-linear-gradient(left, #01133E 50%, #E60012 50%);
    background: -o-linear-gradient(left, #01133E 50%, #E60012 50%);
    background: -ms-linear-gradient(left, #01133E 50%, #E60012 50%);
    background: linear-gradient(to right, #01133E 50%, #E60012 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_1270 {
    background: #FFEEA9;
    background: -moz-linear-gradient(left, #FFEEA9 50%, #01133E 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #FFEEA9), color-stop(50%, #01133E));
    background: -webkit-linear-gradient(left, #FFEEA9 50%, #01133E 50%);
    background: -o-linear-gradient(left, #FFEEA9 50%, #01133E 50%);
    background: -ms-linear-gradient(left, #FFEEA9 50%, #01133E 50%);
    background: linear-gradient(to right, #FFEEA9 50%, #01133E 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_9035 {
    background: #000000;
    background: -moz-linear-gradient(left, #000000 50%, #EA5514 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000000), color-stop(50%, #EA5514));
    background: -webkit-linear-gradient(left, #000000 50%, #EA5514 50%);
    background: -o-linear-gradient(left, #000000 50%, #EA5514 50%);
    background: -ms-linear-gradient(left, #000000 50%, #EA5514 50%);
    background: linear-gradient(to right, #000000 50%, #EA5514 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}



.color_9020 {
    background: #000000;
    background: -moz-linear-gradient(left, #000000 50%, #E60012 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000000), color-stop(50%, #E60012));
    background: -webkit-linear-gradient(left, #000000 50%, #E60012 50%);
    background: -o-linear-gradient(left, #000000 50%, #E60012 50%);
    background: -ms-linear-gradient(left, #000000 50%, #E60012 50%);
    background: linear-gradient(to right, #000000 50%, #E60012 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}



.color_5030 {
    background: #002417;
    background: -moz-linear-gradient(left, #002417 50%, #FFF100 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #002417), color-stop(50%, #FFF100));
    background: -webkit-linear-gradient(left, #002417 50%, #FFF100 50%);
    background: -o-linear-gradient(left, #002417 50%, #FFF100 50%);
    background: -ms-linear-gradient(left, #002417 50%, #FFF100 50%);
    background: linear-gradient(to right, #002417 50%, #FFF100 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}


.color_1220 {
    background: #FFEEA9;
    background: -moz-linear-gradient(left, #FFEEA9 50%, #E60012 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #FFEEA9), color-stop(50%, #E60012));
    background: -webkit-linear-gradient(left, #FFEEA9 50%, #E60012 50%);
    background: -o-linear-gradient(left, #FFEEA9 50%, #E60012 50%);
    background: -ms-linear-gradient(left, #FFEEA9 50%, #E60012 50%);
    background: linear-gradient(to right, #FFEEA9 50%, #E60012 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}


.color_9690 {
    background: #c0beb2;
    background: -moz-linear-gradient(left, #c0beb2 50%, #222222 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c0beb2), color-stop(50%, #222222));
    background: -webkit-linear-gradient(left, #c0beb2 50%, #222222 50%);
    background: -o-linear-gradient(left, #c0beb2 50%, #222222 50%);
    background: -ms-linear-gradient(left, #c0beb2 50%, #222222 50%);
    background: linear-gradient(to right, #c0beb2 50%, #222222 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
}

.color_20TR {
    background: url(/img/Simulator/color/20tr.png) no-repeat center center;
    background-size: contain;
}

.color_25TR {
    background: url(/img/Simulator/color/25tr.png) no-repeat center center;
    background-size: contain;
}

.color_51TR {
    background: url(/img/Simulator/color/51tr.png) no-repeat center center;
    background-size: contain;
}

.color_63TR {
    background: url(/img/Simulator/color/63tr.png) no-repeat center center;
    background-size: contain;
}

.color_70TR {
    background: url(/img/Simulator/color/70tr.png) no-repeat center center;
    background-size: contain;
}

.color_90TR {
    background: url(/img/Simulator/color/90tr.png) no-repeat center center;
    background-size: contain;
}

.color_95TR {
    background: url(/img/Simulator/color/95tr.png) no-repeat center center;
    background-size: contain;
}

.color_30TR {
    background: url(/img/Simulator/color/30tr.png) no-repeat center center;
    background-size: contain;
}

.color_35TR {
    background: url(/img/Simulator/color/35tr.png) no-repeat center center;
    background-size: contain;
}

.color_75TR {
    background: url(/img/Simulator/color/75tr.png) no-repeat center center;
    background-size: contain;
}

.color_80TR {
    background: url(/img/Simulator/color/80tr.png) no-repeat center center;
    background-size: contain;
}


.color_20SC {
    background: url(/img/Simulator/color/20sc.png) no-repeat center center;
    background-size: contain;
}

.color_25SC {
    background: url(/img/Simulator/color/25sc.png) no-repeat center center;
    background-size: contain;
}

.color_51SC {
    background: url(/img/Simulator/color/51sc.png) no-repeat center center;
    background-size: contain;
}

.color_63SC {
    background: url(/img/Simulator/color/63sc.png) no-repeat center center;
    background-size: contain;
}

.color_70SC {
    background: url(/img/Simulator/color/70sc.png) no-repeat center center;
    background-size: contain;
}

.color_90SC {
    background: url(/img/Simulator/color/90sc.png) no-repeat center center;
    background-size: contain;
}

.color_95SC {
    background: url(/img/Simulator/color/95sc.png) no-repeat center center;
    background-size: contain;
}

.color_20CR {
    background: url(/img/Simulator/color/20cr.png) no-repeat center center;
    background-size: contain;
}

.color_25CR {
    background: url(/img/Simulator/color/25cr.png) no-repeat center center;
    background-size: contain;
}

.color_51CR {
    background: url(/img/Simulator/color/51cr.png) no-repeat center center;
    background-size: contain;
}

.color_63CR {
    background: url(/img/Simulator/color/63cr.png) no-repeat center center;
    background-size: contain;
}

.color_70CR {
    background: url(/img/Simulator/color/70cr.png) no-repeat center center;
    background-size: contain;
}

.color_90CR {
    background: url(/img/Simulator/color/90cr.png) no-repeat center center;
    background-size: contain;
}

.color_95CR {
    background: url(/img/Simulator/color/95cr.png) no-repeat center center;
    background-size: contain;
}

.color_30CR {
    background: url(/img/Simulator/color/30cr.png) no-repeat center center;
    background-size: contain;
}

.color_35CR {
    background: url(/img/Simulator/color/35cr.png) no-repeat center center;
    background-size: contain;
}

.color_75CR {
    background: url(/img/Simulator/color/75cr.png) no-repeat center center;
    background-size: contain;
}

.color_80CR {
    background: url(/img/Simulator/color/80cr.png) no-repeat center center;
    background-size: contain;
}

.color_20C {
    background: url(/img/Simulator/color/20c.png) no-repeat center center;
    background-size: contain;
}

.color_25C {
    background: url(/img/Simulator/color/25c.png) no-repeat center center;
    background-size: contain;
}

.color_25C {
    background: url(/img/Simulator/color/25c.png) no-repeat center center;
    background-size: contain;
}

.color_30C {
    background: url(/img/Simulator/color/30c.png) no-repeat center center;
    background-size: contain;
}

.color_35C {
    background: url(/img/Simulator/color/35c.png) no-repeat center center;
    background-size: contain;
}

.color_51C {
    background: url(/img/Simulator/color/51c.png) no-repeat center center;
    background-size: contain;
}

.color_63C {
    background: url(/img/Simulator/color/63c.png) no-repeat center center;
    background-size: contain;
}

.color_70C {
    background: url(/img/Simulator/color/70c.png) no-repeat center center;
    background-size: contain;
}

.color_75C {
    background: url(/img/Simulator/color/75c.png) no-repeat center center;
    background-size: contain;
}

.color_80C {
    background: url(/img/Simulator/color/80c.png) no-repeat center center;
    background-size: contain;
}

.color_90C {
    background: url(/img/Simulator/color/90c.png) no-repeat center center;
    background-size: contain;
}

.color_95C {
    background: url(/img/Simulator/color/95c.png) no-repeat center center;
    background-size: contain;
}

.color_20D {
    background: url(/img/Simulator/color/20d.png) no-repeat center center;
    background-size: contain;
}

.color_20D_socks {
    background: #E60012;
}

.color_01_socks {
    background: #A6A1AD;
}

.color_10_socks {
    background: #FFFFFF;
}

.color_12_socks {
    background: #FFEEA9;
}

.color_20_socks {
    background: #E60012;
}

.color_22_socks {
    background: #800000;
}

.color_25_socks {
    background: #E61673;
}

.color_28_socks {
    background: #EF8EB8;
}

.color_30_socks {
    background: #FFF100;
}

.color_33_socks {
    background: #FFAA00;
}

.color_35_socks {
    background: #EA5514;
}

.color_35G_socks {
    background: #EA5514;
}

.color_38_socks {
    background: #AD8B02;
}

.color_39_socks {
    background: #DCAC4F;
}

.color_50_socks {
    background: #002417;
}

.color_51_socks {
    background: #002417;
}

.color_52_socks {
    background: #ECFF1D;
}

.color_55_socks {
    background: #006624;
}

.color_60_socks {
    background: #0068B7;
}

.color_63_socks {
    background: #1D2088;
}

.color_70_socks {
    background: #01133E;
}

.color_71_socks {
    background: #0B0C1C;
}

.color_75_socks {
    background: #56AFFC;
}

.color_80_socks {
    background: #601886;
}

.color_90_socks {
    background: #000000;
}

.color_92_socks {
    background: #413533;
}


.color_95_socks {
    background: #c0beb2;
}




.color_22D_socks {
    background-color: #65171C;
}

.color_60L_socks {
    background-color: #577CB9;
}

.color_63D_socks {
    background-color: #1F286E;
}



.color_30D {
    background: url(/img/Simulator/color/30d.png) no-repeat center center;
    background-size: contain;
}

.color_35D {
    background: url(/img/Simulator/color/35d.png) no-repeat center center;
    background-size: contain;
}

.color_75D {
    background: url(/img/Simulator/color/75d.png) no-repeat center center;
    background-size: contain;
}

.color_80D {
    background: url(/img/Simulator/color/80d.png) no-repeat center center;
    background-size: contain;
}



.color_25D {
    background: url(/img/Simulator/color/25d.png) no-repeat center center;
    background-size: contain;
}

.color_51D {
    background: url(/img/Simulator/color/51d.png) no-repeat center center;
    background-size: contain;
}

.color_63D {
    background: url(/img/Simulator/color/63d.png) no-repeat center center;
    background-size: contain;
}

.color_70D {
    background: url(/img/Simulator/color/70d.png) no-repeat center center;
    background-size: contain;
}

.color_90D {
    background: url(/img/Simulator/color/90d.png) no-repeat center center;
    background-size: contain;
}

.color_95D {
    background: url(/img/Simulator/color/95d.png) no-repeat center center;
    background-size: contain;
}

.color_20ST {
    background: url(/img/Simulator/color/20st.png) no-repeat center center;
    background-size: contain;
}

.color_25ST {
    background: url(/img/Simulator/color/25st.png) no-repeat center center;
    background-size: contain;
}

.color_51ST {
    background: url(/img/Simulator/color/51st.png) no-repeat center center;
    background-size: contain;
}

.color_63ST {
    background: url(/img/Simulator/color/63st.png) no-repeat center center;
    background-size: contain;
}

.color_70ST {
    background: url(/img/Simulator/color/70st.png) no-repeat center center;
    background-size: contain;
}

.color_90ST {
    background: url(/img/Simulator/color/90st.png) no-repeat center center;
    background-size: contain;
}

.color_95ST {
    background: url(/img/Simulator/color/95st.png) no-repeat center center;
    background-size: contain;
}

.color_20SP {
    background: url(/img/Simulator/color/20sp.jpg) no-repeat center center;
    background-size: contain;
}

.color_51SP {
    background: url(/img/Simulator/color/51sp.jpg) no-repeat center center;
    background-size: contain;
}

.color_60SP {
    background: url(/img/Simulator/color/60sp.jpg) no-repeat center center;
    background-size: contain;
}

.color_80SP {
    background: url(/img/Simulator/color/80sp.jpg) no-repeat center center;
    background-size: contain;
}

.color_20PY {
    background: url(/img/Simulator/color/20py.jpg) no-repeat center center;
    background-size: contain;
}

.color_25PY {
    background: url(/img/Simulator/color/25py.jpg) no-repeat center center;
    background-size: contain;
}

.color_51PY {
    background: url(/img/Simulator/color/51py.jpg) no-repeat center center;
    background-size: contain;
}

.color_63PY {
    background: url(/img/Simulator/color/63py.jpg) no-repeat center center;
    background-size: contain;
}

.color_70PY {
    background: url(/img/Simulator/color/70py.jpg) no-repeat center center;
    background-size: contain;
}

.color_90PY {
    background: url(/img/Simulator/color/90py.jpg) no-repeat center center;
    background-size: contain;
}

.color_22SK {
    background: url(/img/Simulator/color/22sk.jpg) no-repeat center center;
    background-size: contain;
}

.color_51SK {
    background: url(/img/Simulator/color/51sk.jpg) no-repeat center center;
    background-size: contain;
}

.color_70SK {
    background: url(/img/Simulator/color/70sk.jpg) no-repeat center center;
    background-size: contain;
}

.color_90SK {
    background: url(/img/Simulator/color/90sk.jpg) no-repeat center center;
    background-size: contain;
}

.color_63DM {
    background: url(/img/Simulator/color/63dm.jpg) no-repeat center center;
    background-size: contain;
}

.color_70DM {
    background: url(/img/Simulator/color/70dm.jpg) no-repeat center center;
    background-size: contain;
}

.color_75DM {
    background: url(/img/Simulator/color/75dm.jpg) no-repeat center center;
    background-size: contain;
}

.color_51PA {
    background: url(/img/Simulator/color/51pa.jpg) no-repeat center center;
    background-size: contain;
}

.color_60PA {
    background: url(/img/Simulator/color/60pa.jpg) no-repeat center center;
    background-size: contain;
}

.color_20LT {
    background: url(/img/Simulator/color/20lt.jpg) no-repeat center center;
    background-size: contain;
}

.color_25LT {
    background: url(/img/Simulator/color/25lt.jpg) no-repeat center center;
    background-size: contain;
}

.color_63LT {
    background: url(/img/Simulator/color/63lt.jpg) no-repeat center center;
    background-size: contain;
}

.color_90LT {
    background: url(/img/Simulator/color/90lt.jpg) no-repeat center center;
    background-size: contain;
}

.color_98LT {
    background: url(/img/Simulator/color/98lt.jpg) no-repeat center center;
    background-size: contain;
}

.color_10FS {
    background: url(/img/Simulator/color/10fs.jpg) no-repeat center center;
    background-size: contain;
}

.color_20FS {
    background: url(/img/Simulator/color/20fs.jpg) no-repeat center center;
    background-size: contain;
}

.color_70FS {
    background: url(/img/Simulator/color/70fs.jpg) no-repeat center center;
    background-size: contain;
}
/* gradetate */
.color_2022CGV {
    background: url(/img/Simulator/color/2022CGV.png) no-repeat center center;
    background-size: contain;
}

.color_2580CGV {
    background: url(/img/Simulator/color/2580CGV.png) no-repeat center center;
    background-size: contain;
}

.color_3590CGV {
    background: url(/img/Simulator/color/3590CGV.png) no-repeat center center;
    background-size: contain;
}

.color_3892CGV {
    background: url(/img/Simulator/color/3892CGV.png) no-repeat center center;
    background-size: contain;
}

.color_5270CGV {
    background: url(/img/Simulator/color/5270CGV.png) no-repeat center center;
    background-size: contain;
}

.color_5551CGV {
    background: url(/img/Simulator/color/5551CGV.png) no-repeat center center;
    background-size: contain;
}

.color_7563CGV {
    background: url(/img/Simulator/color/7563CGV.png) no-repeat center center;
    background-size: contain;
}
/* gradeyoko */
.color_2220CG {
    background: url(/img/Simulator/color/2220CG.png) no-repeat center center;
    background-size: contain;
}

.color_5155CG {
    background: url(/img/Simulator/color/5155CG.png) no-repeat center center;
    background-size: contain;
}

.color_6375CG {
    background: url(/img/Simulator/color/6375CG.png) no-repeat center center;
    background-size: contain;
}

.color_7052CG {
    background: url(/img/Simulator/color/7052CG.png) no-repeat center center;
    background-size: contain;
}

.color_8025CG {
    background: url(/img/Simulator/color/8025CG.png) no-repeat center center;
    background-size: contain;
}

.color_9035CG {
    background: url(/img/Simulator/color/9035CG.png) no-repeat center center;
    background-size: contain;
}

.color_9238CG {
    background: url(/img/Simulator/color/9238CG.png) no-repeat center center;
    background-size: contain;
}


.filter .pattern_gradetate {
    background: url(/img/Simulator/button/pattern_gradetate.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_gradeyoko {
    background: url(/img/Simulator/button/pattern_gradeyoko.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_normal {
    background: url(/img/Simulator/button/pattern_normal.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_normal_light {
    background: url(/img/Simulator/button/pattern_normal_li.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_normal_dark {
    background: url(/img/Simulator/button/pattern_normal_da.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_triangle {
    background: url(/img/Simulator/button/pattern_triangle.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_seam {
    background: url(/img/Simulator/button/pattern_seam.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_crash {
    background: url(/img/Simulator/button/pattern_crash.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_camo {
    background: url(/img/Simulator/button/pattern_camo.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_dejicamo {
    background: url(/img/Simulator/button/pattern_dejicamo.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_stripe {
    background: url(/img/Simulator/button/pattern_stripe.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_space {
    background: url(/img/Simulator/button/pattern_space.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_python {
    background: url(/img/Simulator/button/pattern_python.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_spark {
    background: url(/img/Simulator/button/pattern_spark.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_denim {
    background: url(/img/Simulator/button/pattern_denim.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_paint {
    background: url(/img/Simulator/button/pattern_paint.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_lightning {
    background: url(/img/Simulator/button/pattern_lightning.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_fusionstratum {
    background: url(/img/Simulator/button/pattern_fusionstratum.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_gradetate {
    background: url(/img/Simulator/button/pattern_gradetate.png) no-repeat center center;
    background-size: contain;
}

.filter .pattern_gradeyoko {
    background: url(/img/Simulator/button/pattern_gradeyoko.png) no-repeat center center;
    background-size: contain;
}

.filter .color_none {
    background: url(/img/Simulator/button/color_none.png) no-repeat center center;
    background-size: contain;
}

.filter .color_olg_5 {
    background: url(/img/Simulator/button/color_olg_5.png) no-repeat center center;
    background-size: contain;
}

.filter .color_olg_7 {
    background: url(/img/Simulator/button/color_olg_7.png) no-repeat center center;
    background-size: contain;
}

.filter .color_olg_10 {
    background: url(/img/Simulator/button/color_olg_10.png) no-repeat center center;
    background-size: contain;
}

.filter .color_olg_16 {
    background: url(/img/Simulator/button/color_olg_16.png) no-repeat center center;
    background-size: contain;
}

.filter .color_olg_23 {
    background: url(/img/Simulator/button/color_olg_23.png) no-repeat center center;
    background-size: contain;
}

.filter .color_olg_35 {
    background: url(/img/Simulator/button/color_olg_35.png) no-repeat center center;
    background-size: contain;
}

.filter .color_p_stripe {
    background: url(/img/Simulator/button/color_p_stripe.png) no-repeat center center;
    background-size: contain;
}

.filter .color_s_stripe {
    background: url(/img/Simulator/button/color_p_stripe.png) no-repeat center center;
    background-size: contain;
}


.design_select_icon {
    background: url(/img/Simulator/button/design_select.png) no-repeat center center;
    background-size: contain;
}

.stripe_pattern_select_icon {
    background: url(/img/Simulator/button/stripe_select_icon.png) no-repeat center center;
    background-size: contain;
}

.stripe_width_select_icon {
    background: url(/img/Simulator/button/stripe_width_select_icon.png) no-repeat center center;
    background-size: contain;
}

.stripe_interval_select_icon {
    background: url(/img/Simulator/button/stripe_interval_select_icon.png) no-repeat center center;
    background-size: contain;
}


/*.option_select_icon {
    background: url(/img/Simulator/button/option_select.png) no-repeat center center;
    background-size: contain;
}*/

.cloth_sbbm {
    background: url(/img/Simulator/cloth/cloth_sbbm.jpg) no-repeat center center;
    background-size: contain;
}

.cloth_sbsm {
    background: url(/img/Simulator/cloth/cloth_sbsm.jpg) no-repeat center center;
    background-size: contain;
}

.cloth_sbln {
    background: url(/img/Simulator/cloth/cloth_sbln.jpg) no-repeat center center;
    background-size: contain;
}

.cloth_hyms {
    background: url(/img/Simulator/cloth/cloth_hyms.jpg?v=220921) no-repeat center center;
    background-size: contain;
}

.cloth_sb36tn {
    background: url(/img/Simulator/cloth/cloth_sb36tn.jpg) no-repeat center center;
    background-size: contain;
}

.cloth_sbmin {
    background: url(/img/Simulator/cloth/cloth_sbmin.jpg) no-repeat center center;
    background-size: contain;
}

.cloth_fhk {
    background: url(/img/Simulator/cloth/cloth_fhk.jpg) no-repeat center center;
    background-size: contain;
}

.cloth_stcfhk {
    background: url(/img/Simulator/cloth/cloth_stcfhk.jpg) no-repeat center center;
    background-size: contain;
}

#h-menu {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
}

#h-icon {
    position: relative;
    display: block;
    width: 26px;
    height: 17px;
    top: 10px;
    left: 7px;
    background-color: #848484;
    box-sizing: border-box;
}

    #h-icon:before, #h-icon:after {
        position: absolute;
        left: 0;
        content: "";
        width: 100%;
        border-top: 4px solid #fff;
        box-sizing: border-box;
    }

    #h-icon:before {
        top: 3px;
    }

    #h-icon:before, #h-icon:after {
        position: absolute;
        left: 0;
        content: "";
        width: 100%;
        border-top: 4px solid #fff;
        box-sizing: border-box;
    }

    #h-icon:after {
        bottom: 3px;
    }

}

#menu_page > .menu_page_close {
    display: inline-block;
    width: 50%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    float: left;
}

#menu_page {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 0;
    z-index: 99998;
}

    #menu_page > .menu_page_close {
        display: inline-block;
        width: 50%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        float: left;
    }

    #menu_page > .menu_page_contents {
        display: inline-block;
        width: 50%;
        height: 100%;
        background-color: #000000;
        clear: both;
    }

        #menu_page > .menu_page_contents > .menu_page_contents_header {
            width: 100%;
            height: 50px;
            text-align: right;
        }

            #menu_page > .menu_page_contents > .menu_page_contents_header > .close {
                position: relative;
                display: inline-block;
                width: 50px;
                height: 50px;
                cursor: pointer;
                overflow: hidden;
            }

                #menu_page > .menu_page_contents > .menu_page_contents_header > .close::before {
                    content: '';
                    position: absolute;
                    height: 2px;
                    width: 100%;
                    top: 50%;
                    left: 0;
                    margin-top: -1px;
                    background: #ffffff;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                #menu_page > .menu_page_contents > .menu_page_contents_header > .close::after {
                    content: '';
                    position: absolute;
                    height: 2px;
                    width: 100%;
                    top: 50%;
                    left: 0;
                    margin-top: -1px;
                    background: #ffffff;
                    -webkit-transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

        #menu_page > .menu_page_contents > ul {
            display: none;
            height: 100%;
            color: #ffffff;
            overflow: auto;
        }

            #menu_page > .menu_page_contents > ul > .title {
                display: block;
                padding: 0px 10px;
                font-size: 16px;
                line-height: 30px;
                background: #333333;
            }

            #menu_page > .menu_page_contents > ul > .link {
                display: block;
                padding: 0px 10px 0px 40px;
                background: #222222;
            }

                #menu_page > .menu_page_contents > ul > .link:hover {
                    background: #999999;
                    color: #000000;
                }

                #menu_page > .menu_page_contents > ul > .link > label {
                    display: block;
                    width: 100%;
                    font-size: 16px;
                    line-height: 40px;
                    cursor: pointer;
                }

            #menu_page > .menu_page_contents > ul > .aLink {
                display: block;
                padding: 0px 10px 0px 40px;
                background: #222222;
            }

                #menu_page > .menu_page_contents > ul > .aLink:hover {
                    background: #999999;
                    color: #000000;
                }

                #menu_page > .menu_page_contents > ul > .aLink > a {
                    display: block;
                    width: 100%;
                    font-size: 16px;
                    line-height: 40px;
                    color: #ffffff;
                    cursor: pointer;
                    text-decoration: none;
                }

            #menu_page > .menu_page_contents > ul > .sns_icon {
                display: block;
                padding: 10px 10px 10px 0px;
                background: #222222;
            }

                #menu_page > .menu_page_contents > ul > .sns_icon > label {
                    margin-left: 10px;
                    cursor: pointer;
                }

                    #menu_page > .menu_page_contents > ul > .sns_icon > label > img {
                        width: 40px;
                        height: 40px;
                    }

#contents > #etcColors {
    position: absolute;
    display: inline-block;
    top: 10px;
    left: 10px;
    width: 60px;
}

    #contents > #etcColors > label {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin-bottom: 10px;
        background: #1874cd;
        border-radius: 4px;
        box-shadow: 1px 1px 1px #115497;
    }

        #contents > #etcColors > label > img {
            width: 100%;
            vertical-align: top;
        }

body > .underColors > .colorsArea > .colors > li,
body > .socksColors > .colorsArea > .colors > li {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0px 10px 10px 0px;
}

.underColors > .colorsArea > .colors > li > label > .color,
.socksColors > .colorsArea > .colors > li > label > .color {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 3px solid gray;
    border-radius: 50%;
}

.sk-fading-circle {
    position: relative;
    width: 100px;
    height: 100px;
}

    .sk-fading-circle .sk-circle {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            width: 15%;
            height: 15%;
            background-color: #ffffff;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

        .sk-fading-circle .sk-circle2:before {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

    .sk-fading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

        .sk-fading-circle .sk-circle3:before {
            -webkit-animation-delay: -1s;
            animation-delay: -1s;
        }

    .sk-fading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        .sk-fading-circle .sk-circle4:before {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
        }

    .sk-fading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

        .sk-fading-circle .sk-circle5:before {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
        }

    .sk-fading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

        .sk-fading-circle .sk-circle6:before {
            -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s;
        }

    .sk-fading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

        .sk-fading-circle .sk-circle7:before {
            -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s;
        }

    .sk-fading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

        .sk-fading-circle .sk-circle8:before {
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
        }

    .sk-fading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

        .sk-fading-circle .sk-circle9:before {
            -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s;
        }

    .sk-fading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

        .sk-fading-circle .sk-circle10:before {
            -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
        }

    .sk-fading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

        .sk-fading-circle .sk-circle11:before {
            -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s;
        }

    .sk-fading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

        .sk-fading-circle .sk-circle12:before {
            -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s;
        }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

#header {
    height: 50px;
    padding: 5px 0;
    background: #ffffff;
}

    #header > ul {
        display: table;
        width: 100%;
        vertical-align: top;
    }

        #header > ul > li {
            display: table-cell;
            vertical-align: top;
        }

            #header > ul > li.logo img {
                display: inline-block;
                padding: 5px 10px;
                height: 40px;
                vertical-align: top;
            }

#contents {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #C9CACA;
    background: -moz-linear-gradient(top, #C9CACA 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C9CACA), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #C9CACA 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #C9CACA 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #C9CACA 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #c9caca 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

#canvasBox {
    width: 100vw;
    overflow: hidden;
    transform: translateX(0px);
    transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#header > ul > li.menu > input {
    display: none;
}

#header > ul > li.menu {
    padding-right: 10px;
    text-align: right;
}

#renderCanvas {
    width: 100vw;
    height: calc(100vh - 50px);
    height: calc(var(--vh, 1vh) * 100 - 50px);
    top: 0px;
    left: 0px;
    z-index: 1;
    outline: none;
}

#loadingBox {
    display: inline-block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

    #loadingBox > #loading {
        width: 100vw;
        height: 100vh;
    }

        #loadingBox > #loading > #loadingAnimationArea {
            display: table-cell;
            width: 100vw;
            height: 100vh;
            text-align: center;
            vertical-align: middle;
        }

            #loadingBox > #loading > #loadingAnimationArea > #loadingAnimation {
                display: inline-block;
                vertical-align: middle;
            }

.inner {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    *zoom: 1;
}

/*  箱わけする___________________ */
.col-set {
    -webkit-box-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

    .col-set .col2 {
        width: 50%;
    }

    .col-set .col3 {
        width: 33.33333%;
    }

    .col-set .col4 {
        width: 25%;
    }

    .col-set .col5 {
        width: 20%;
    }

    .col-set .col6 {
        width: 16.66667%;
    }

.help {
    color: #000;
    font-size: 40px;
}

.main-catch {
    text-align: center;
}
/*　mein-width ブレイクポイント
===================*/
@media screen and (max-width: 1200px) {
    .col5, .col6 {
        width: 33.33333%;
    }

    .help {
        color: #000;
        font-size: 3vw;
        transition: none;
    }
}
/* 　SP ブレイクポイント
===================*/
@media screen and (max-width: 750px) {
    .col-set {
        display: block;
    }

        .col-set .col2 {
            clear: both;
            float: none;
            margin: 0;
            width: 100%;
        }

        .col-set .col3 {
            clear: both;
            float: none;
            margin: 0;
            width: 100%;
        }

        .col-set .col4 {
            clear: both;
            float: none;
            margin: 0;
            width: 100%;
        }

        .col-set .col5 {
            clear: both;
            float: none;
            margin: 0;
            width: 100%;
        }

        .col-set .col6 {
            clear: both;
            float: none;
            margin: 0;
            width: 100%;
        }
}

#js-pageTop {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
}

    #js-pageTop:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        transition: 0.5s;
        -o-transition: 0.5s;
        /* opera */
        -moz-transition: 0.5s;
        /* firefox */
        -webkit-transition: 0.5s;
        /* chrome, safari */
        -ms-transition: 0.5s;
        /* ie */
    }

    #js-pageTop .page-top-in {
        display: block;
        cursor: pointer;
        padding: 8px;
        text-align: center;
    }

        #js-pageTop .page-top-in::before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 100px 100px;
            border-color: transparent transparent #1f296b;
            position: absolute;
            bottom: 0;
            right: 0;
        }

        #js-pageTop .page-top-in .page-top-text {
            color: #ffffff;
            position: relative;
            z-index: 100;
            font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
            font-weight: bold;
        }
/* SP ブレイクポイント
===================*/
@media screen and (max-width: 750px) {

    #js-pageTop:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        transition: 0.5s;
        -o-transition: 0.5s;
        /* opera */
        -moz-transition: 0.5s;
        /* firefox */
        -webkit-transition: 0.5s;
        /* chrome, safari */
        -ms-transition: 0.5s;
        /* ie */
    }

    #js-pageTop .page-top-in {
        padding: 8px;
        text-align: center;
    }

        #js-pageTop .page-top-in::before {
            border-width: 0 0 80px 80px;
        }

        #js-pageTop .page-top-in .page-top-text {
            font-size: 12px;
        }
}
/*============================
    TOP
=============================*/
/* Main visual ============== */
.top .main-visual {
    background: url("/img/simulator/top/main_visual.jpg?v=220926") center top no-repeat;
    background-size: cover;
    max-height: 365px;
}

    .top .main-visual .main-catch {
        padding: 10% 0;
        max-width: 900px;
        margin: 0 20px 0 40%;
    }

/* message ============== */
.top-message {
    background: #1f296b;
    padding: 5px 10px;
}

    .top-message .top-message-in {
        color: #ffffff;
        font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
        letter-spacing: 2px;
        font-size: 18px;
    }

        .top-message .top-message-in .text-pick {
            color: #f6ff00;
        }

/* button-box-area ============== */
.top-button {
    background: url("/img/Simulator/button_bg.jpg") top center;
    background-size: cover;
    position: relative;
}

    .top-button::before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 0;
        left: 0;
    }

    .top-button .top-button-item {
        background: url("/img/Simulator/button_bg.jpg") top left;
        position: relative;
        z-index: 10;
        position: relative;
    }

        .top-button .top-button-item::before {
            content: "";
            width: 100%;
            height: 100%;
            *zoom: 1;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF330000');
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
            background-size: 100%;
            background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
            background-image: -moz-linear-gradient(left top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
            background-image: -webkit-linear-gradient(left top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
            background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
            position: absolute;
            top: 0;
            left: 0;
        }

        .top-button .top-button-item .button-item-in {
            min-height: 300px;
            padding: 15px 10px;
            position: relative;
        }

            .top-button .top-button-item .button-item-in .button-title {
                color: #1f296b;
                font-weight: bold;
                font-size: 35px;
                text-shadow: 0 0 5px #ffffff;
            }

            .top-button .top-button-item .button-item-in .item-list {
                margin-top: 15px;
            }

                .top-button .top-button-item .button-item-in .item-list .item-type {
                    margin-bottom: 5px;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-align-items: center;
                    -moz-align-items: center;
                    -ms-align-items: center;
                    align-items: center;
                }

                    .top-button .top-button-item .button-item-in .item-list .item-type .type-title {
                        border: 1px solid #333333;
                        background: rgba(255, 255, 255, 0.2);
                        padding: 5px;
                        text-align: center;
                        font-weight: bold;
                        margin-right: 10px;
                        font-size: 12px;
                        min-width: 95px;
                        text-shadow: 0 0 2px #ffffff;
                    }

                    .top-button .top-button-item .button-item-in .item-list .item-type .type-price {
                        text-shadow: 0 0 2px #ffffff;
                    }

                        .top-button .top-button-item .button-item-in .item-list .item-type .type-price .big {
                            font-size: 18px;
                            font-weight: bold;
                        }

                        .top-button .top-button-item .button-item-in .item-list .item-type .type-price .small {
                            font-size: 12px;
                            font-weight: 500;
                        }

            .top-button .top-button-item .button-item-in .item-link {
                background: #9B000F;
                display: block;
                padding: 1px;
                max-width: 310px;
                width: 100%;
                position: absolute;
                bottom: 15px;
                left: 10px;
            }

                .top-button .top-button-item .button-item-in .item-link:hover {
                    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                    opacity: 0.6;
                    transition: 0.5s;
                    -o-transition: 0.5s;
                    /* opera */
                    -moz-transition: 0.5s;
                    /* firefox */
                    -webkit-transition: 0.5s;
                    /* chrome, safari */
                    -ms-transition: 0.5s;
                    /* ie */
                }

                .top-button .top-button-item .button-item-in .item-link a,
                .top-button .top-button-item .button-item-in .item-link button {
                    background-color: transparent;
                    border: none;
                    cursor: pointer;
                    outline: none;
                    padding: 0;
                    appearance: none;
                    display: block;
                    border: 2px solid #D90011;
                    padding: 10px;
                    text-align: center;
                }

                .top-button .top-button-item .button-item-in .item-link.disabled {
                    pointer-events: none;
                    background: #999;
                    border: solid 2px #666;
                }

                    .top-button .top-button-item .button-item-in .item-link.disabled a {
                        pointer-events: none;
                        background: #999;
                        border: solid 2px #666;
                    }

                .top-button .top-button-item .button-item-in .item-link a .in::after,
                .top-button .top-button-item .button-item-in .item-link button .in::after {
                    font-family: "fontello";
                    content: "";
                    margin-left: 5px;
                }

                .top-button .top-button-item .button-item-in .item-link a .in,
                .top-button .top-button-item .button-item-in .item-link button .in {
                    font-size: 23px;
                    font-weight: bold;
                    color: #ffffff;
                }

                .top-button .top-button-item .button-item-in .item-link a .in {
                    font-size: 23px;
                    font-weight: bold;
                    color: #ffffff;
                }

                    .top-button .top-button-item .button-item-in .item-link a .in::after {
                        font-family: "fontello";
                        content: "";
                        margin-left: 5px;
                    }

        .top-button .top-button-item.t-shirt {
            background: url("/img/Simulator/button_bg.jpg?v=2025112001") bottom right;
        }

            .top-button .top-button-item.t-shirt .button-item-in {
                background-image: url("/img/Simulator/button_tshirt.png?v=2025112001");
            }

        .top-button .top-button-item.prejan {
            background: url("/img/Simulator/button_bg.jpg?v=2025112001") top right;
        }

            .top-button .top-button-item.prejan .button-item-in {
                background-image: url("/img/Simulator/button_prejan.png?v=2025112001");
            }

        .top-button .top-button-item.cloth {
            background: url("/img/Simulator/button_bg.jpg?v=2025112001") top right;
        }

            .top-button .top-button-item.cloth .button-item-in {
                background-image: url("/img/Simulator/button_cloth.png?v=2025112001");
            }

        .top-button .top-button-item.sweat {
            background: url("/img/Simulator/button_bg.jpg?v=2025112001") top right;
        }

            .top-button .top-button-item.sweat .button-item-in {
                background-image: url("/img/Simulator/button_sweat.png?v=2025112001");
            }

        .top-button .top-button-item.poloshirt {
            background: url("/img/Simulator/button_bg.jpg?v=2025112001") top right;
        }

            .top-button .top-button-item.poloshirt .button-item-in {
                background-image: url("/img/Simulator/button_poloshirt.png?v=2025112001");
            }

        .top-button .top-button-item.nakawatadown {
            background: url("/img/Simulator/button_bg.jpg?v=2025112001") top right;
        }

            .top-button .top-button-item.nakawatadown .button-item-in {
                background-image: url("/img/Simulator/button_nakawatadown.png?v=2025112001");
            }

        .top-button .top-button-item.halfpants {
            background: url("/img/Simulator/button_bg.jpg") top right;
        }

            .top-button .top-button-item.halfpants .button-item-in {
                background-image: url("/img/Simulator/button_halfpants.png?v=2025112001");
            }

        .top-button .top-button-item.armsleeve {
            background: url("/img/Simulator/button_bg.jpg?v=2025112001") top right;
        }

            .top-button .top-button-item.armsleeve .button-item-in {
                background-image: url("/img/Simulator/button_armsleeve.png?v=2025112001");
            }

        .top-button .top-button-item.nakawatadown .button-item-in {
            background-image: url("/img/Simulator/button_nakawatadown.png?v=2025112001");
        }

        .top-button .top-button-item.stocking {
            background: url("/img/Simulator/button_bg.jpg") bottom right;
        }

            .top-button .top-button-item.stocking .button-item-in {
                background-image: url("/img/Simulator/button_stocking.png?v=2025112001");
            }

        .top-button .top-button-item.warmup .button-item-in {
            background-image: url("/img/Simulator/button_warmup.png?v=2025112001");
        }

        .top-button .top-button-item.pregame .button-item-in {
            background-image: url("/img/Simulator/button_pregame.png?v=2025112001");
            background-position: right 1.5rem;
            min-height: 360px;
        }

        .top-button .top-button-item.pregame2 .button-item-in {
            background-image: url("/img/Simulator/button_pregame2.png?v=2025112001");
            background-position: right 1.5rem;
            min-height: 360px;
        }

.sk-fading-circle {
    position: relative;
    width: 100px;
    height: 100px;
}

    .sk-fading-circle .sk-circle {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            width: 15%;
            height: 15%;
            background-color: #ffffff;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

        .sk-fading-circle .sk-circle2:before {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

    .sk-fading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

        .sk-fading-circle .sk-circle3:before {
            -webkit-animation-delay: -1s;
            animation-delay: -1s;
        }

    .sk-fading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        .sk-fading-circle .sk-circle4:before {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
        }

    .sk-fading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

        .sk-fading-circle .sk-circle5:before {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
        }

    .sk-fading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

        .sk-fading-circle .sk-circle6:before {
            -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s;
        }

    .sk-fading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

        .sk-fading-circle .sk-circle7:before {
            -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s;
        }

    .sk-fading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

        .sk-fading-circle .sk-circle8:before {
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
        }

    .sk-fading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

        .sk-fading-circle .sk-circle9:before {
            -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s;
        }

    .sk-fading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

        .sk-fading-circle .sk-circle10:before {
            -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
        }

    .sk-fading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

        .sk-fading-circle .sk-circle11:before {
            -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s;
        }

    .sk-fading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

        .sk-fading-circle .sk-circle12:before {
            -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s;
        }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

#complete_view {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #000000;
    background: rgba(24, 116, 205, 0.8);
}

    #complete_view > .title {
        padding: 10px;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.5);
    }

        #complete_view > .title > h1 {
            line-height: 24px;
            font-size: 20px;
            text-align: center;
        }

        #complete_view > .title > h2 {
            line-height: 18px;
            font-size: 14px;
            text-align: center;
        }

    #complete_view > .info {
        display: inline-block;
        width: 100%;
        padding: 10px 10px 0px 10px;
        margin-top: 10px;
        background: rgba(255, 255, 255, 0.5);
    }

        #complete_view > .info > dl {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            clear: left;
        }

            #complete_view > .info > dl dt {
                float: left;
                clear: left;
                width: 40%;
                margin-bottom: 5px;
                line-height: 30px;
                background: rgba(255, 255, 255, 0.5);
                text-align: center;
            }

            #complete_view > .info > dl dd {
                float: left;
                width: 59%;
                height: 30px;
                margin-left: 1%;
                margin-bottom: 10px;
            }

                #complete_view > .info > dl dd > input {
                    width: 100%;
                    height: 100%;
                    padding: 0 5px;
                    border: 1px solid #000000;
                }

    #complete_view > .sns_icon {
        display: block;
        padding: 10px;
        margin-top: 10px;
        background: rgba(255, 255, 255, 0.2);
    }

        #complete_view > .sns_icon > label {
            display: inline-block;
            margin-right: 10px;
            vertical-align: top;
            cursor: pointer;
        }

            #complete_view > .sns_icon > label > img {
                width: 40px;
                height: 40px;
            }

    #complete_view > .buttons {
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        background: rgba(0, 0, 0, 0.5);
    }

        #complete_view > .buttons > .buttons {
            display: table;
            width: 100%;
        }

            #complete_view > .buttons > .buttons > .button {
                display: table-cell;
                width: 50%;
                padding: 5px;
            }

                #complete_view > .buttons > .buttons > .button > span {
                    display: inline-block;
                    width: 100%;
                    line-height: 60px;
                    font-size: 16px;
                    cursor: pointer;
                    background: white;
                    text-align: center;
                }

body > #wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

#items > div > .cloth {
    display: block;
    padding-bottom: 10px;
    padding-right: 3px;
    font-size: 0;
    vertical-align: top;
    background: rgba(24, 116, 205, 0.6);
}

    #items > div > .cloth > li {
        display: block;
        width: 100%;
        margin-top: 10px;
        font-size: 1em;
        vertical-align: top;
    }

        #items > div > .cloth > li > label {
            position: relative;
            display: table;
            width: 100%;
            padding: 0px;
            background-color: #ffffff;
            cursor: pointer;
            text-align: left;
            vertical-align: top;
            border: 3px solid gray;
            box-sizing: border-box;
            image-rendering: -moz-crisp-edges;
            image-rendering: -o-crisp-edges;
            image-rendering: -webkit-optimize-contrast;
            -ms-interpolation-mode: nearest-neighbor;
        }

            #items > div > .cloth > li > label > .image {
                display: table-cell;
                width: 200px;
                height: 100px;
                vertical-align: top;
            }

            #items > div > .cloth > li > label > .info {
                display: table-cell;
                vertical-align: top;
            }

                #items > div > .cloth > li > label > .info > .title {
                    padding: 0 5px;
                    line-height: 20px;
                    font-size: 12px;
                    color: #ffffff;
                    background: #333333;
                }

                #items > div > .cloth > li > label > .info > .comment {
                    padding: 0 5px;
                    line-height: 16px;
                    font-size: 12px;
                    color: #000000;
                }

            #items > div > .cloth > li > label.active {
                animation: borderFlash 2s infinite;
                -webkit-animation: borderFlash 2s infinite;
            }

#items > .menu_uniform_design {
    background: none;
}

#items > .menu_armsleeve_design {
    background: none;
}

#items > .menu_uniform_cloth {
    padding: 0 10px;
}


    #items > .menu_uniform_cloth > .cloth_title {
        padding: 10px;
        margin-top: 10px;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.5);
    }

        #items > .menu_uniform_cloth > .cloth_title > h1 {
            line-height: 20px;
            font-size: 12px;
            text-align: left;
        }

    #items > .menu_uniform_cloth > .cloth_buttons {
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        background: rgba(0, 0, 0, 0.5);
    }

        #items > .menu_uniform_cloth > .cloth_buttons > .row {
            display: block;
            clear: both;
            line-height: 18px;
            font-size: 14px;
            color: #ffffff;
            text-align: center;
        }

        #items > .menu_uniform_cloth > .cloth_buttons > .buttons {
            display: table;
            width: 100%;
        }

            #items > .menu_uniform_cloth > .cloth_buttons > .buttons > .button {
                display: table-cell;
                width: 50%;
                padding: 5px;
            }

                #items > .menu_uniform_cloth > .cloth_buttons > .buttons > .button > label {
                    display: inline-block;
                    width: 100%;
                    line-height: 60px;
                    font-size: 16px;
                    cursor: pointer;
                    background: white;
                    text-align: center;
                }

#items > .menu_socks_cloth {
    padding: 0 10px;
}


    #items > .menu_socks_cloth > .cloth_title {
        padding: 10px;
        margin-top: 10px;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.5);
    }

        #items > .menu_socks_cloth > .cloth_title > h1 {
            line-height: 20px;
            font-size: 12px;
            text-align: left;
        }

    #items > .menu_socks_cloth > .cloth_buttons {
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        background: rgba(0, 0, 0, 0.5);
    }

        #items > .menu_socks_cloth > .cloth_buttons > .row {
            display: block;
            clear: both;
            line-height: 18px;
            font-size: 14px;
            color: #ffffff;
            text-align: center;
        }

        #items > .menu_socks_cloth > .cloth_buttons > .buttons {
            display: table;
            width: 100%;
        }

            #items > .menu_socks_cloth > .cloth_buttons > .buttons > .button {
                display: table-cell;
                width: 50%;
                padding: 5px;
            }

                #items > .menu_socks_cloth > .cloth_buttons > .buttons > .button > label {
                    display: inline-block;
                    width: 100%;
                    line-height: 60px;
                    font-size: 16px;
                    cursor: pointer;
                    background: white;
                    text-align: center;
                }

#items > .menu_save {
    padding: 0 10px;
}

    #items > .menu_save > .save_title {
        padding: 10px;
        margin-top: 10px;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.5);
    }

        #items > .menu_save > .save_title > h1 {
            line-height: 24px;
            font-size: 20px;
            text-align: center;
        }

        #items > .menu_save > .save_title > h2 {
            line-height: 18px;
            font-size: 14px;
            text-align: center;
        }

            #items > .menu_save > .save_title > h2 > a {
                display: inline-block;
                color: #ffff00;
                padding: 5px 0px;
                vertical-align: top;
            }

                #items > .menu_save > .save_title > h2 > a > .sub {
                    font-size: 12px;
                }

    #items > .menu_save > #totalPrices {
        display: inline-block;
        width: 100%;
        padding: 10px;
        margin-top: 10px;
        background: rgba(255, 255, 255, 0.5);
    }

        #items > .menu_save > #totalPrices > dl {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            clear: left;
        }

            #items > .menu_save > #totalPrices > dl dt {
                float: left;
                clear: left;
                width: 40%;
                margin-bottom: 5px;
                line-height: 30px;
                background: rgba(255, 255, 255, 0.5);
                text-align: center;
            }

            #items > .menu_save > #totalPrices > dl dd {
                float: left;
                width: 59%;
                height: 30px;
                padding: 0 10px;
                line-height: 30px;
                margin-left: 1%;
                margin-bottom: 10px;
                border: 1px solid #000000;
                background: white;
            }

    #items > .menu_save > .save_inputs {
        display: inline-block;
        width: 100%;
        padding: 10px;
        margin-top: 10px;
        background: rgba(255, 255, 255, 0.5);
    }

        #items > .menu_save > .save_inputs > dl {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            clear: left;
        }

            #items > .menu_save > .save_inputs > dl dt {
                float: left;
                clear: left;
                width: 40%;
                margin-bottom: 5px;
                line-height: 30px;
                background: rgba(255, 255, 255, 0.5);
                text-align: center;
            }

            #items > .menu_save > .save_inputs > dl dd {
                float: left;
                width: 59%;
                height: 30px;
                margin-left: 1%;
                margin-bottom: 10px;
            }

                #items > .menu_save > .save_inputs > dl dd > input {
                    width: 100%;
                    height: 100%;
                    padding: 0 5px;
                    border: 1px solid #000000;
                }

        #items > .menu_save > .save_inputs > .row {
            display: block;
            clear: both;
            line-height: 16px;
            font-size: 12px;
            color: #990000;
            text-align: center;
        }

    #items > .menu_save > .save_buttons {
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        background: rgba(0, 0, 0, 0.5);
    }

        #items > .menu_save > .save_buttons > .row {
            display: block;
            clear: both;
            line-height: 18px;
            font-size: 14px;
            color: #ffffff;
            text-align: center;
        }

        #items > .menu_save > .save_buttons > .buttons {
            display: table;
            width: 100%;
        }

            #items > .menu_save > .save_buttons > .buttons > .button {
                display: table-cell;
                width: 50%;
                padding: 5px;
            }

                #items > .menu_save > .save_buttons > .buttons > .button > span {
                    display: inline-block;
                    width: 100%;
                    line-height: 60px;
                    font-size: 16px;
                    cursor: pointer;
                    background: white;
                    text-align: center;
                }

.underColors,
.socksColors {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
    vertical-align: middle;
}

    .underColors > .colorsArea,
    .socksColors > .colorsArea {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        .underColors > .colorsArea > .title,
        .socksColors > .colorsArea > .title {
            display: inline-block;
            max-width: 310px;
            width: 310px;
            padding: 5px 10px;
            color: #ffffff;
            background: #115497;
            border-radius: 10px 10px 0px 0px;
        }

        .underColors > .colorsArea > .colors,
        .socksColors > .colorsArea > .colors {
            display: inline-block;
            max-width: 310px;
            padding: 10px 0px 0px 10px;
            background: #1874cd;
            text-align: left;
        }

            .underColors > .colorsArea > .colors > li,
            .socksColors > .colorsArea > .colors > li {
                text-align: center;
                display: inline-block;
                width: 60px;
                /*height: 60px;*/
                margin: 0px 10px 10px 0px;
            }

                .underColors > .colorsArea > .colors > li > label,
                .socksColors > .colorsArea > .colors > li > label {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                }

                    .underColors > .colorsArea > .colors > li > label > input,
                    .socksColors > .colorsArea > .colors > li > label > input {
                        display: none;
                    }

                    .underColors > .colorsArea > .colors > li > label > .color,
                    .socksColors > .colorsArea > .colors > li > label > .color {
                        display: inline-block;
                        width: 100%;
                        height: 100%;
                        border: 3px solid gray;
                        border-radius: 50%;
                    }

                    .underColors > .colorsArea > .colors > li > label > input:checked ~ .color,
                    .socksColors > .colorsArea > .colors > li > label > input:checked ~ .color {
                        animation: borderFlash 2s infinite;
                        -webkit-animation: borderFlash 2s infinite;
                    }

        .underColors > .colorsArea > .info,
        .socksColors > .colorsArea > .info {
            display: inline-block;
            max-width: 310px;
            width: 310px;
            padding: 5px 10px;
            color: #ffffff;
            background: #1874cd;
            border-radius: 0px 0px 10px 10px;
            text-align: left;
            font-size: 14px;
            font-weight: bold;
            line-height: 20px;
        }

#underColors:checked ~ .underColors {
    display: table;
}

#socksColors:checked ~ .socksColors {
    display: table;
}

#tools {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    padding-top: 5px;
    background: #1874cd;
}

    #tools > ul {
        display: inline-block;
        height: 100%;
        padding-left: 10px;
        font-size: 0;
        vertical-align: middle;
        float: left;
    }

        #tools > ul > li {
            display: inline-block;
            width: 75px;
            height: 60px;
            margin-bottom: 5px;
            margin-right: 0px;
            font-size: 1em;
            vertical-align: top;
        }

            #tools > ul > li > span.right_cursor {
                display: inline-block;
                width: 15px;
                height: 60px;
                vertical-align: top;
                background: url(/img/Simulator/uniform/right_cursor.png) no-repeat center center;
                background-size: contain;
            }

    #tools ul li label {
        display: inline-block;
        width: 60px;
        height: 60px;
        vertical-align: top;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.2);
    }

        #tools ul li label.active {
            background-color: rgba(0, 0, 0, 0.5);
        }

    #tools ul li img {
        display: inline-block;
        width: 100%;
        height: 100%;
        vertical-align: top;
        image-rendering: auto;
    }

#items {
    position: absolute;
    left: 0;
    bottom: 70px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    overflow: auto;
}

    #items > .menu_header {
        width: 100%;
        height: auto;
        background: rgba(0, 0, 0, 0.8);
        text-align: left;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

        #items > .menu_header > .title {
            display: inline-block;
            padding: 0px 0px 0px 10px;
            color: #ffffff;
            font-size: 12px;
            line-height: 20px;
            vertical-align: top;
        }

    #items > div {
        display: block;
        width: 100%;
        height: 0px;
        background: rgba(24, 116, 205, 0.8);
        vertical-align: top;
        overflow: hidden;
    }

        #items > div > .design {
            display: block;
            padding-bottom: 10px;
            padding-right: 10px;
            font-size: 0;
            vertical-align: top;
            background: rgba(24, 116, 205, 0.6);
        }

        #items > div > .design_socks {
            background: rgba(0, 0, 0, 0.6) !important;
        }

        #items > div > .style {
            display: block;
            /*padding-bottom: 10px;*/
            /*padding-right: 10px;*/
            font-size: 0;
            vertical-align: top;
            /* background: rgba(24, 116, 205, 0.5); */
            background: rgba(0, 0, 0, 0.6);
        }

        #items > div > .style_socks {
            background: rgba(24, 116, 205, 0.6) !important;
        }

        #items > div > .style > li {
            display: inline-block;
            width: 100px;
            margin-top: 10px;
            margin-left: 10px;
            font-size: 1em;
            vertical-align: top;
        }

            #items > div > .style > li > label.active {
                animation: borderFlash 2s infinite;
                -webkit-animation: borderFlash 2s infinite;
            }

            #items > div > .style > li > label {
                position: relative;
                display: inline-block;
                width: 100px;
                background-color: #ffffff;
                cursor: pointer;
                text-align: center;
                vertical-align: top;
                border: 3px solid gray;
                box-sizing: border-box;
                image-rendering: -moz-crisp-edges;
                image-rendering: -o-crisp-edges;
                image-rendering: -webkit-optimize-contrast;
                -ms-interpolation-mode: nearest-neighbor;
            }

                #items > div > .style > li > label > img {
                    width: 100%;
                    vertical-align: top;
                }


    #items > .menu_select_color {
        display: block;
        width: 100%;
        height: 0px;
        background: rgba(24, 116, 205, 0.6);
        vertical-align: top;
        overflow: hidden;
    }



    #items > div > .design > li > label > img {
        width: 100%;
        vertical-align: top;
    }

    #items > div > .design > li > label {
        position: relative;
        display: inline-block;
        width: 150px;
        background-color: #ffffff;
        cursor: pointer;
        text-align: center;
        vertical-align: top;
        border: 3px solid gray;
        box-sizing: border-box;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        -ms-interpolation-mode: nearest-neighbor;
    }

    #items > div > .design > li {
        display: inline-block;
        width: 150px;
        margin-top: 10px;
        margin-left: 10px;
        font-size: 1em;
        vertical-align: top;
    }

        #items > div > .design > li > label.active {
            animation: borderFlash 2s infinite;
            -webkit-animation: borderFlash 2s infinite;
        }

    #items > div > .design_uniform > li {
        width: 100px;
    }

        #items > div > .design_uniform > li > label {
            width: 100px;
        }

    #items > div > .menu > .menu_design > ul > li > label.active {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > div > .menu > .menu_option > ul > li > label.active {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > div > .menu > li > ul > li > div {
        line-height: 15px;
        font-size: 10px;
        color: #000000;
        text-align: center;
    }

    #items > div > .menu > li > ul > li > label {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 60px;
        cursor: pointer;
        text-align: center;
        vertical-align: top;
        border: 3px solid gray;
        box-sizing: border-box;
    }

    #items > div > .menu > li > ul > li {
        display: inline-block;
        width: 60px;
        height: 90px;
        margin-left: 10px;
        font-size: 1em;
        vertical-align: top;
    }

    #items > div > .menu > .menu_parts > ul > li > label {
        display: inline-block;
        line-height: 60px;
        font-weight: bold;
        font-size: 20px;
        color: #ffffff;
        text-shadow: black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;
        border: 3px solid gray;
        box-sizing: border-box;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

    #items > div > .menu > li > ul {
        display: block;
        padding-top: 10px;
        font-size: 0;
        vertical-align: top;
    }

    #items > div > .menu > li {
        display: table-cell;
    }

    #items > .menu_header > .close_area {
        display: inline-block;
        padding: 0px 10px;
        float: right;
        cursor: pointer;
    }

        #items > .menu_header > .close_area > .close {
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 0 10px;
            margin: 5px 0px;
            border-color: #ffffff transparent transparent transparent;
            text-align: center;
            float: none;
            opacity: 1;
        }

        #items > .menu_header > .close_area > .close_title {
            display: inline-block;
            padding: 0px 0px 0px 5px;
            color: #ffffff;
            font-size: 12px;
            line-height: 20px;
            vertical-align: top;
        }

    #items > .menu_select_color > .color > li > label.active {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

.design_select_icon {
    background: url(/img/Simulator/uniform/design_select.png) no-repeat center center;
    background-size: contain;
}

.wearmaterial_select_icon {
    background: url(/img/Simulator/uniform/Wearmaterial.png) no-repeat center center;
    background-size: contain;
}

.colorAmount_select_icon {
    background: url(/img/Simulator/uniform/colorAmount_select.png) no-repeat center center;
    background-size: contain;
}

.lineDesign_select_icon {
    background: url(/img/Simulator/uniform/AdjustLineDesign.png) no-repeat center center;
    background-size: contain;
}

.lineStart_select_icon {
    background: url(/img/Simulator/uniform/LineStartPoint.png) no-repeat center center;
    background-size: contain;
}


#items > .menu_select_color {
    display: block;
    width: 100%;
    height: 0px;
    background: rgba(24, 116, 205, 0.6);
    vertical-align: top;
    overflow: hidden;
}

    #items > .menu_select_color > input {
        display: none;
    }

    #items > .menu_select_color > .color {
        display: none;
        padding-right: 10px;
        padding-bottom: 10px;
        font-size: 0;
        vertical-align: top;
    }

    #items > .menu_select_color > .filter {
        display: block;
        /* background: rgba(255, 255, 255, 0.2); */
        background: rgba(0, 0, 0, 0.6);
    }

    #items > .menu_select_color > .color > li {
        text-align: center;
        display: inline-block;
        width: 60px;
        /*height: 60px;*/
        margin-top: 10px;
        margin-left: 10px;
        font-size: .7em;
        vertical-align: top;
    }

        #items > .menu_select_color > .color > li > div {
            margin-top: 5px;
        }

    #items > .menu_select_color > #color_none:checked ~ .color_none {
        display: block;
    }

    #items > .menu_select_color > #color_normal:checked ~ .color_normal {
        display: block;
    }

    #items > .menu_select_color > #color_socks:checked ~ .color_socks {
        display: block;
        background-color: blue;
    }





    #items > .menu_select_color > #color_normal_light:checked ~ .color_normal_light {
        display: block;
    }

    #items > .menu_select_color > #color_normal_dark:checked ~ .color_normal_dark {
        display: block;
    }

    #items > .menu_select_color > #color_gradation:checked ~ .color_gradation {
        display: block;
    }

    #items > .menu_select_color > #color_triangle:checked ~ .color_triangle {
        display: block;
    }

    #items > .menu_select_color > #color_seam:checked ~ .color_seam {
        display: block;
    }

    #items > .menu_select_color > #color_crash:checked ~ .color_crash {
        display: block;
    }

    #items > .menu_select_color > #color_stripe:checked ~ .color_stripe {
        display: block;
    }

    #items > .menu_select_color > #color_camo:checked ~ .color_camo {
        display: block;
    }

    #items > .menu_select_color > #color_dejicamo:checked ~ .color_dejicamo {
        display: block;
    }

    #items > .menu_select_color > #color_space:checked ~ .color_space {
        display: block;
    }

    #items > .menu_select_color > #color_python:checked ~ .color_python {
        display: block;
    }

    #items > .menu_select_color > #color_spark:checked ~ .color_spark {
        display: block;
    }

    #items > .menu_select_color > #color_denim:checked ~ .color_denim {
        display: block;
    }

    #items > .menu_select_color > #color_paint:checked ~ .color_paint {
        display: block;
    }

    #items > .menu_select_color > #color_lightning:checked ~ .color_lightning {
        display: block;
    }

    #items > .menu_select_color > #color_fusionstratum:checked ~ .color_fusionstratum {
        display: block;
    }

    #items > .menu_select_color > #color_gradetate:checked ~ .color_gradetate {
        display: block;
    }

    #items > .menu_select_color > #color_gradeyoko:checked ~ .color_gradeyoko {
        display: block;
    }

    #items > .menu_select_color > #color_olg_5:checked ~ .color_olg_5 {
        display: block;
    }

    #items > .menu_select_color > #color_olg_7:checked ~ .color_olg_7 {
        display: block;
    }

    #items > .menu_select_color > #color_olg_10:checked ~ .color_olg_10 {
        display: block;
    }

    #items > .menu_select_color > #color_olg_16:checked ~ .color_olg_16 {
        display: block;
    }

    #items > .menu_select_color > #color_olg_23:checked ~ .color_olg_23 {
        display: block;
    }

    #items > .menu_select_color > #color_olg_35:checked ~ .color_olg_35 {
        display: block;
    }

    #items > .menu_select_color > #color_p_stripe:checked ~ .color_p_stripe {
        display: block;
    }

    #items > .menu_select_color > #color_s_stripe:checked ~ .color_s_stripe {
        display: block;
    }

    #items > .menu_select_color > #color_none:checked ~ .filter > li > .color_none {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_normal:checked ~ .filter > li > .color_normal {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }



    #items > .menu_select_color > #color_normal_light:checked ~ .filter > li > .color_normal_light {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_normal_dark:checked ~ .filter > li > .color_normal_dark {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_gradation:checked ~ .filter > li > .color_gradation {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_triangle:checked ~ .filter > li > .color_triangle {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_seam:checked ~ .filter > li > .color_seam {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_crash:checked ~ .filter > li > .color_crash {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_stripe:checked ~ .filter > li > .color_stripe {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_camo:checked ~ .filter > li > .color_camo {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_dejicamo:checked ~ .filter > li > .color_dejicamo {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_space:checked ~ .filter > li > .color_space {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_python:checked ~ .filter > li > .color_python {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_spark:checked ~ .filter > li > .color_spark {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_denim:checked ~ .filter > li > .color_denim {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_paint:checked ~ .filter > li > .color_paint {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_lightning:checked ~ .filter > li > .color_lightning {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_fusionstratum:checked ~ .filter > li > .color_fusionstratum {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_olg_5:checked ~ .filter > li > .color_olg_5 {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_olg_7:checked ~ .filter > li > .color_olg_7 {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_olg_10:checked ~ .filter > li > .color_olg_10 {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_olg_16:checked ~ .filter > li > .color_olg_16 {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_olg_23:checked ~ .filter > li > .color_olg_23 {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_olg_35:checked ~ .filter > li > .color_olg_35 {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_p_stripe:checked ~ .filter > li > .color_p_stripe {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_s_stripe:checked ~ .filter > li > .color_s_stripe {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_gradetate:checked ~ .filter > li > .color_gradetate {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

    #items > .menu_select_color > #color_gradeyoko:checked ~ .filter > li > .color_gradeyoko {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

#items > .menu_header > .title > a {
    color: #ffff00;
}

#items > .menu_select_color > .color > li > label {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    border: 3px solid gray;
    box-sizing: border-box;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

#items > .menu_select_color > .filter > li > label {
    border: 3px solid gray;
    box-sizing: border-box;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#items > div > .menu > .menu_parts > ul > li > label.active {
    animation: borderFlash 2s infinite;
    -webkit-animation: borderFlash 2s infinite;
}

#items > div > .menu > .menu_parts > ul > li .color_00 {
    background: #ffffff;
}

#items > .menu_select_color > .color > li .color_00 {
    background: url(/img/Simulator/button/cross.svg) #ffffff;
    background-size: cover;
}

#items > div > .menu > .menu_mark > ul > li > label {
    display: table-cell;
    width: 60px;
    height: 66px;
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
    vertical-align: middle;
    border: 3px solid gray;
    box-sizing: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

    #items > div > .menu > .menu_mark > ul > li > label > .title {
        height: 40px;
        line-height: 20px;
        vertical-align: middle;
    }

    #items > div > .menu > .menu_mark > ul > li > label > .option {
        height: 20px;
        line-height: 20px;
    }

    #items > div > .menu > .menu_mark > ul > li > label > .charge {
        color: #ffffff;
        background: #990000;
    }

    #items > div > .menu > .menu_mark > ul > li > label.active {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

#items > div > .menu > .menu_option > ul > li > label {
    display: table-cell;
    width: 60px;
    height: 66px;
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
    vertical-align: middle;
    border: 3px solid gray;
    box-sizing: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

    #items > div > .menu > .menu_option > ul > li > label > .title {
        height: 40px;
        line-height: 20px;
        vertical-align: middle;
    }

    #items > div > .menu > .menu_option > ul > li > label > .option {
        height: 20px;
        line-height: 20px;
    }

    #items > div > .menu > .menu_option > ul > li > label > .charge {
        color: #ffffff;
        background: #990000;
    }

    #items > div > .menu > .menu_option > ul > li > label.active {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }

#tools > ul > li > #menu_cloth_save {
    background: rgba(0, 0, 255, 0.5);
}

    #tools > ul > li > #menu_cloth_save.active {
        background-color: rgba(0, 0, 255, 0.7);
    }

#tools > ul.save_area {
    padding-left: 0px;
    float: none;
    clear: both;
}

#items > .menu_select_mark > span > .list > .select_font > .font > img {
    width: 100%;
    vertical-align: top;
}

#items > .menu_select_mark {
    display: block;
    width: 100%;
    height: 0px;
    background: rgba(24, 116, 205, 0.6);
    vertical-align: top;
    overflow: hidden;
}

    #items > .menu_select_mark > .left {
        display: inline-block;
        width: 49%;
    }

    #items > .menu_select_mark > span > .list {
        display: table;
        width: 100%;
        padding: 10px 10px 0px;
    }

        #items > .menu_select_mark > span > .list > .title_area {
            display: table-cell;
            width: 100px;
            vertical-align: top;
        }

            #items > .menu_select_mark > span > .list > .title_area > .title {
                display: block;
                padding: 0px 5px;
                width: 100%;
                font-size: 12px;
                line-height: 25px;
                color: #ffffff;
                background: #1874cd;
            }

        #items > .menu_select_mark > span > .list > .select {
            display: table-cell;
            padding-left: 10px;
            vertical-align: top;
        }

    #items > .menu_select_mark > span > .list {
        display: table;
        width: 100%;
        padding: 10px 10px 0px;
    }

    #items > .menu_select_mark > span > .list_select_color {
        display: none;
        width: 100%;
        /* margin-bottom: 10px; */
    }

    #items > .menu_select_mark > span > .list_color {
        position: relative;
        display: block;
        width: 100%;
        padding: 10px 10px 0px;
    }

    #items > .menu_select_mark > .right {
        display: inline-block;
        width: 50%;
    }

    #items > .menu_select_mark > span {
        vertical-align: top;
        padding-bottom: 10px;
    }

#items > div > .menu > .menu_mark > ul > li > label.use_on {
    background: url(/img/Simulator/common/mark_check.png) no-repeat center center #ffffff;
    /*backgeound-size: contain;*/
}

#items > div > .menu label.cap_option.use_on {
    background: url(/img/Simulator/common/mark_check.png) no-repeat center center #ffffff;
    /*backgeound-size: contain;*/
}

#items > div > .menu label.shirt_option.use_on {
    background: url(/img/Simulator/common/mark_check.png) no-repeat center center #ffffff;
}

#items > .menu_select_mark > span > .list_color > .select_color > .color {
    display: block;
    width: 60px;
    height: 60px;
    border: 3px solid gray;
    box-sizing: border-box;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

#items > .menu_select_mark > span > .list_color > .select_color > input {
    display: none;
}

#items > .menu_select_mark > span > .list_color > .select_color {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: top;
}

#items > .menu_select_mark > span > .list > .select > input {
    display: block;
    max-width: 100%;
    height: 25px;
    padding: 0 4px;
    line-height: 25px;
    vertical-align: top;
    border: 1px solid gray;
    box-sizing: border-box;
}

#items > .menu_select_mark > span > .list > .title_area > .select_font_code {
    display: block;
    margin-top: 10px;
    padding: 0px 10px;
    width: 100%;
    font-size: 12px;
    line-height: 21px;
    background: #ffffff;
    border: 3px solid gray;
    box-sizing: border-box;
    cursor: pointer;
}

#items > .menu_select_mark > span > .list > .select_font > .font {
    display: inline-block;
    width: 150px;
    border: 3px solid gray;
    box-sizing: border-box;
    background: #ffffff;
    vertical-align: top;
    cursor: pointer;
}

#items > .menu_select_mark > span > .list_color > .back {
    display: none;
    width: 60px;
    height: 98px;
    margin-right: 10px;
    /* background: rgba(255, 255, 255, 0.5); */
    cursor: pointer;
    vertical-align: top;
    background: url(/img/Simulator/button/marking_back.png) no-repeat center center;
    background-size: contain;
}

#items > .menu_select_mark > span > .list_select_color .color_title {
    display: block;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
}

#items > .menu_select_mark > span > .list_color > .select_color > .color_title {
    display: block;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
}

#items > .menu_select_mark > span > .list_color > .select_color > .title {
    display: block;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    background: #1874cd;
}

#items > .menu_select_mark > span > .list_color {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px 0px;
}

#items > div > .design_pants > li {
    width: 100px;
}

    #items > div > .design_pants > li > label {
        width: 100px;
    }

#items > div > .design_cap > li {
    width: 100px;
}

    #items > div > .design_cap > li > label {
        width: 100px;
    }

#items > .menu_select_mark.type_select_color > .left {
    display: none;
}

#items > .menu_select_mark.type_select_color > .right .list {
    display: none;
}

#items > .menu_select_mark.type_select_color > .right .back {
    display: inline-block;
}

#items > .menu_select_mark.type_select_color > .right {
    display: inline-block;
    width: 100%;
}

#items > .menu_select_mark > span > .text_alert .alert {
    display: inline-block;
    width: 100%;
    padding: 2px;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #990000;
    background-color: #ff0000;
    color: #ffffff;
}

#items > .menu_select_mark.type_select_color > .right .list_select_color {
    display: inline-block;
    width: 100%;
}

#items > .menu_select_mark > span > .list_color > .back {
    display: none;
    width: 60px;
    height: 98px;
    margin-right: 10px;
    /* background: rgba(255, 255, 255, 0.5); */
    cursor: pointer;
    vertical-align: top;
    background: url(/img/simulator/button/marking_back.png) no-repeat center center;
    background-size: contain;
}

#items > .menu_select_mark > span > .list_select_color {
    display: none;
    width: 100%;
    /* margin-bottom: 10px; */
}

    #items > .menu_select_mark > span > .list_select_color > .colors {
        display: inline-block;
        width: 100%;
        padding-top: 10px;
        background: rgba(255, 255, 255, 0.2);
        list-style: outside none none;
    }

        #items > .menu_select_mark > span > .list_select_color > .colors > li {
            display: inline-block;
            margin-left: 8px;
            margin-bottom: 10px;
        }

            #items > .menu_select_mark > span > .list_select_color > .colors > li > span.active {
                animation: borderFlash 2s infinite;
                -webkit-animation: borderFlash 2s infinite;
            }

            #items > .menu_select_mark > span > .list_select_color > .colors > li > span {
                display: inline-block;
                width: 60px;
                height: 60px;
                border: 3px solid gray;
                box-sizing: border-box;
                vertical-align: top;
                -moz-border-radius: 30px;
                -webkit-border-radius: 30px;
                border-radius: 30px;
            }

#items > .menu_select_mark > span > .list_color > .select_color > .color.active {
    animation: borderFlash 2s infinite;
    -webkit-animation: borderFlash 2s infinite;
}

#items > .menu_select_mark > span > .list > .info_area {
    display: table-cell;
    padding: 0px 5px;
    font-size: 12px;
    line-height: 25px;
    color: #ffffff;
    background: #990000;
    vertical-align: top;
}

#items > div > .menu > .menu_mark > ul > li > label.use_on {
    background: url(/img/Simulator/common/mark_check.png) no-repeat center center #ffffff;
    background-size: contain;
}

#items > .menu_select_mark .mark-processitemnolist > ul > li {
    display: inline-block;
    margin-right: 5px;
    margin-top: 0px;
    border: 3px solid gray;
    box-sizing: border-box;
    background: #ffffff;
}

    #items > .menu_select_mark .mark-processitemnolist > ul > li.active {
        animation: borderFlash 2s infinite;
        -webkit-animation: borderFlash 2s infinite;
    }


@keyframes Flash {
    50% {
        opacity: 0;
    }
}

@keyframes borderFlash {
    0% {
        border-color: #e74c3c;
    }

    20% {
        border-color: #f1c40f;
    }

    40% {
        border-color: #1abc9c;
    }

    60% {
        border-color: #3498db;
    }

    80% {
        border-color: #9b59b6;
    }

    100% {
        border-color: #e74c3c;
    }
}

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


    #items > .menu_select_mark > .left {
        display: block;
        width: 100%;
        padding-bottom: 0px;
    }

    #items > .menu_select_mark > .right {
        display: block;
        width: 100%;
    }

    #items > .menu_save {
        padding: 0 5px;
    }

        #items > .menu_save > .save_title {
            padding: 5px;
            margin-top: 5px;
        }

            #items > .menu_save > .save_title > h1 {
                line-height: 20px;
                font-size: 16px;
            }

            #items > .menu_save > .save_title > h2 {
                line-height: 15px;
                font-size: 12px;
            }

                #items > .menu_save > .save_title > h2 > .spBlock {
                    display: inline-block;
                    white-space: nowrap;
                    text-align: left;
                }

                #items > .menu_save > .save_title > h2 > a > .spBlock {
                    display: inline-block;
                    white-space: nowrap;
                    text-align: left;
                }

                #items > .menu_save > .save_title > h2 > a > .sub {
                    font-size: 10px;
                }

        #items > .menu_save > .save_inputs {
            padding: 5px;
            margin-top: 5px;
        }

            #items > .menu_save > .save_inputs > dl dt {
                margin-bottom: 5px;
                font-size: 10px;
            }

            #items > .menu_save > .save_inputs > dl dd {
                height: 30px;
                margin-bottom: 5px;
            }

            #items > .menu_save > .save_inputs > .row {
                line-height: 14px;
                font-size: 10px;
            }

                #items > .menu_save > .save_inputs > .row > .spBlock {
                    display: inline-block;
                    white-space: nowrap;
                    text-align: left;
                }

        #items > .menu_save > .save_buttons {
            padding: 5px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

            #items > .menu_save > .save_buttons > .row {
                line-height: 15px;
                font-size: 11px;
            }

                #items > .menu_save > .save_buttons > .row > .spBlock {
                    display: inline-block;
                    white-space: nowrap;
                    text-align: left;
                }

            #items > .menu_save > .save_buttons > .buttons > .button > span {
                line-height: 40px;
                font-size: 14px;
            }

    body > #complete_view {
        padding: 5px;
    }

        body > #complete_view > .title {
            padding: 5px;
        }

            body > #complete_view > .title > h1 {
                line-height: 20px;
                font-size: 16px;
            }

            body > #complete_view > .title > h2 {
                line-height: 15px;
                font-size: 11px;
            }

        body > #complete_view > .info {
            padding: 5px 5px 0px 5px;
            margin-top: 5px;
        }

            body > #complete_view > .info > dl dt {
                margin-bottom: 5px;
                font-size: 10px;
            }

            body > #complete_view > .info > dl dd {
                height: 30px;
                margin-bottom: 5px;
            }

                body > #complete_view > .info > dl dd > input {
                    font-size: 10px;
                }

        body > #complete_view > .buttons {
            padding: 5px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

            body > #complete_view > .buttons > .buttons > .button {
                padding: 5px;
            }

                body > #complete_view > .buttons > .buttons > .button > span {
                    line-height: 40px;
                    font-size: 16px;
                }
}

@media screen and (max-width: 420px) {
    #header {
        height: 40px;
        padding: 0;
    }

    #renderCanvas {
        height: calc(100vh - 50px);
        height: calc(var(--vh, 1vh) * 100 - 50px);
    }

    #header > ul > li.logo > img {
        margin: 5px 0;
        padding: 5px;
        height: 30px;
    }

    #header > ul > li.menu {
        padding-right: 5px;
    }

        #header > ul > li.menu > ul > li > img {
            margin: 5px 0;
            height: 30px;
        }

    #contents {
        /*
    			> #detail {
    				> table {
    					> tbody {
    						> tr {
    							> td {
    								> span {
    									height: 18px;
    									padding-left: 5px;
    									font-size: 14px;
    									line-height: 18px;
    								}
    								> .icon {
    								}
    								> .code {
    								}
    								> .price {
    								}
    							}
    						}
    					}
    				}
    			}
    			> #save {
    				width: 40px;
    				height: 40px;
    			}
    */
    }


        #contents > #etcColors {
            position: absolute;
            display: inline-block;
            top: 10px;
            left: 10px;
            width: 60px;
        }

        #contents > #etcColors {
            width: 40px;
        }

            #contents > #etcColors > label {
                display: inline-block;
                width: 100%;
                vertical-align: top;
                margin-bottom: 10px;
                background: #1874cd;
                border-radius: 4px;
                box-shadow: 1px 1px 1px #115497;
            }

                #contents > #etcColors > label > img {
                    width: 100%;
                    vertical-align: top;
                }

        #contents > #detail {
            position: absolute;
            top: 5px;
            left: 5px;
        }

            #contents > #detail > table > tbody > tr > td > span {
                display: inline-block;
                height: 18px;
                font-size: 14px;
                line-height: 18px;
                color: #ffffff;
                vertical-align: top;
            }

            #contents > #detail > table > tbody > tr > td > .icon {
                padding: 0 2px;
                background: #333333;
            }

                #contents > #detail > table > tbody > tr > td > .icon > img {
                    display: inline-block;
                    height: 100%;
                    vertical-align: top;
                    image-rendering: -moz-crisp-edges;
                    image-rendering: -o-crisp-edges;
                    image-rendering: -webkit-optimize-contrast;
                    -ms-interpolation-mode: nearest-neighbor;
                }

            #contents > #detail > table > tbody > tr > td > .price {
                padding: 0 2px;
                background: #555555;
            }

            #contents > #detail > #calculate {
                height: 22px;
                background: #777777;
                text-align: right;
            }

                #contents > #detail > #calculate > .price {
                    padding: 0 2px;
                    font-size: 18px;
                    line-height: 22px;
                    color: #ffffff;
                }

    bod

    #footer {
        text-align: center;
    }

    #tools > ul {
        padding-left: 5px;
    }

        #tools > ul > li {
            width: 50px;
            height: 40px;
        }

            #tools > ul > li > label {
                width: 40px;
                height: 40px;
            }

            #tools > ul > li > span.right_cursor {
                width: 10px;
                height: 40px;
            }

    #items {
        bottom: 50px;
    }

        #items > div > .menu > li > ul {
            padding-top: 5px;
        }

            #items > div > .menu > li > ul > li {
                width: 40px;
                height: 65px;
                margin-top: 0px;
                margin-left: 5px;
            }

                #items > div > .menu > li > ul > li > label {
                    width: 40px;
                    height: 40px;
                }

                #items > div > .menu > li > ul > li > div {
                    line-height: 12px;
                    font-size: 10px;
                }

        #items > div > .menu > .menu_design {
            width: 40px;
        }

            #items > div > .menu > .menu_design > ul > li {
                height: 65px;
            }

                #items > div > .menu > .menu_design > ul > li > label {
                    padding-top: 3px;
                    line-height: 12px;
                    font-size: 10px;
                }

        #items > div > .menu > .menu_parts > ul > li > label {
            font-size: 16px;
            line-height: 40px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
        }

        #items > div > .menu > .menu_mark > ul > li {
            width: 45px;
            height: 46px;
            margin-bottom: 5px;
        }

            #items > div > .menu > .menu_mark > ul > li > label {
                height: 46px;
                font-size: 10px;
            }

                #items > div > .menu > .menu_mark > ul > li > label > .title {
                    height: 26px;
                    line-height: 13px;
                }

                #items > div > .menu > .menu_mark > ul > li > label > .option {
                    height: 14px;
                    line-height: 14px;
                }

        #items > div > .style {
            padding-bottom: 5px;
        }

            #items > div > .style > li {
                width: 85px;
                margin-top: 5px;
                margin-left: 5px;
            }

                #items > div > .style > li > label {
                    width: 85px;
                }

        #items > div > .design {
            padding-bottom: 5px;
        }

            #items > div > .design > li {
                width: 85px;
                margin-top: 5px;
                margin-left: 5px;
            }

                #items > div > .design > li > label {
                    width: 85px;
                }

        #items > div > .cloth > li {
            margin-top: 5px;
        }

            #items > div > .cloth > li > label > .image {
                width: 150px;
                height: 75px;
            }

            #items > div > .cloth > li > label > .info > .title {
                line-height: 14px;
                font-size: 10px;
            }

            #items > div > .cloth > li > label > .info > .comment {
                line-height: 14px;
                font-size: 10px;
            }

        #items > div > .design_uniform > li {
            width: 84px;
        }

            #items > div > .design_uniform > li > label {
                width: 84px;
            }

        #items > div > .design_pants > li {
            width: 84px;
        }

            #items > div > .design_pants > li > label {
                width: 84px;
            }

        #items > div > .design_cap > li {
            width: 84px;
        }

            #items > div > .design_cap > li > label {
                width: 84px;
            }

        #items > .menu_header {
            height: auto;
        }

            #items > .menu_header > .title {
                padding: 0px 0px 0px 5px;
                font-size: 12px;
                line-height: 25px;
            }

            #items > .menu_header > .close_area {
                padding: 0px 5px;
            }

                #items > .menu_header > .close_area > .close {
                    border-width: 10px 10px 0 10px;
                    margin: 7px 0px;
                }

                #items > .menu_header > .close_area > .close_title {
                    padding: 0px 0px 0px 5px;
                    font-size: 12px;
                    line-height: 25px;
                }

        #items > .menu_select_color > .color {
            padding-right: 5px;
            padding-bottom: 5px;
        }

            #items > .menu_select_color > .color > li {
                width: 40px;
                margin-top: 5px;
                margin-left: 5px;
            }

                #items > .menu_select_color > .color > li > label {
                    width: 40px;
                    height: 40px;
                    -moz-border-radius: 20px;
                    -webkit-border-radius: 20px;
                    border-radius: 20px;
                }

        #items > .menu_select_color > .filter {
            display: block;
        }

            #items > .menu_select_color > .filter > li > label {
                -moz-border-radius: 0px;
                -webkit-border-radius: 0px;
                border-radius: 0px;
            }

        #items > .menu_select_mark > span {
            vertical-align: top;
            padding-bottom: 5px;
        }

            #items > .menu_select_mark > span > .list {
                padding: 5px 5px 0px;
            }

                #items > .menu_select_mark > span > .list > .title {
                    padding: 0px 5px;
                    width: 100px;
                    font-size: 12px;
                    line-height: 24px;
                }

                #items > .menu_select_mark > span > .list > .title_area > .select_font_code {
                    margin-top: 5px;
                }

                #items > .menu_select_mark > span > .list > .select {
                    padding-left: 5px;
                }

                #items > .menu_select_mark > span > .list > .select_font {
                    padding-left: 5px;
                }

                    #items > .menu_select_mark > span > .list > .select_font > .font {
                        width: 100px;
                    }

            #items > .menu_select_mark > span > .list_select_color > .colors {
                padding-top: 5px;
            }

                #items > .menu_select_mark > span > .list_select_color > .colors > li {
                    margin-left: 5px;
                    margin-bottom: 5px;
                }

                    #items > .menu_select_mark > span > .list_select_color > .colors > li > span {
                        width: 40px;
                        height: 40px;
                        -moz-border-radius: 20px;
                        -webkit-border-radius: 20px;
                        border-radius: 20px;
                    }

            #items > .menu_select_mark > span > .list_color {
                padding: 5px 5px 0px;
            }

                #items > .menu_select_mark > span > .list_color > .select_color {
                    margin-right: 5px;
                }

                    #items > .menu_select_mark > span > .list_color > .select_color > .color {
                        width: 40px;
                        height: 40px;
                        -moz-border-radius: 20px;
                        -webkit-border-radius: 20px;
                        border-radius: 20px;
                    }

                    #items > .menu_select_mark > span > .list_color > .select_color > .color_title {
                        line-height: 14px;
                        font-size: 10px;
                    }

                    #items > .menu_select_mark > span > .list_color > .select_color > .title {
                        line-height: 24px;
                        font-size: 12px;
                    }

                #items > .menu_select_mark > span > .list_color > .back {
                    width: 60px;
                    height: 78px;
                    margin-right: 5px;
                }

    body > .underColors > .colorsArea > .title,
    body > .socksColors > .colorsArea > .title {
        max-width: 300px;
        width: 300px;
        padding: 5px 5px;
        font-size: 12px;
    }

    body > .underColors > .colorsArea > .colors,
    body > .socksColors > .colorsArea > .colors {
        max-width: 300px;
        padding: 5px 0px 0px 5px;
    }

        body > .underColors > .colorsArea > .colors > li,
        body > .socksColors > .colorsArea > .colors > li {
            width: 40px;
            height: 40px;
            margin: 0px 5px 5px 0px;
        }

    body > .underColors > .colorsArea > .info,
    body > .socksColors > .colorsArea > .info {
        max-width: 300px;
        width: 300px;
        padding: 5px 5px;
        font-size: 11px;
        line-height: 16px;
    }

    body > #fontModal > #fontLists > li > .imageArea {
        width: 100px;
    }

    body > #fontModal > #fontLists > li > .title {
        width: 100px;
    }

    #h-menu {
        position: relative;
        width: 34px;
        height: 34px;
        margin-top: 3px;
    }

    #h-icon {
        width: 20px;
        height: 17px;
        top: 8px;
    }

    .control_menu_icon {
        width: 34px;
        height: 34px;
        margin-top: 3px;
        line-height: 34px;
        font-size: 12px;
    }
}

@media screen and (max-width: 360px) {
    #header > ul > li.logo img {
        padding: 10px 10px;
    }

    #items > div > .menu > li > ul {
        padding-top: 5px;
    }

        #items > div > .menu > li > ul > li {
            width: 34px;
            height: 58px;
            margin-top: 0px;
            margin-left: 5px;
        }

            #items > div > .menu > li > ul > li > label {
                width: 34px;
                height: 34px;
            }

    #items > div > .menu > .menu_design {
        width: 34px;
    }

        #items > div > .menu > .menu_design > ul > li {
            height: 58px;
        }

            #items > div > .menu > .menu_design > ul > li > label {
                padding-top: 2px;
                line-height: 13px;
                font-size: 8px;
            }

    #items > div > .menu > .menu_parts > ul > li > label {
        font-size: 16px;
        line-height: 34px;
        -moz-border-radius: 17px;
        -webkit-border-radius: 17px;
        border-radius: 17px;
    }

    #items > div > .menu > .menu_mark > ul > li {
        width: 45px;
        height: 46px;
        margin-bottom: 5px;
    }

        #items > div > .menu > .menu_mark > ul > li > label {
            height: 46px;
        }

    #items > div > .style > li {
        width: 70px;
    }

        #items > div > .style > li > label {
            width: 70px;
        }

    #items > div > .design > li {
        width: 46px;
    }

        #items > div > .design > li > label {
            width: 46px;
        }

            #items > div > .design > li > label:after {
                width: 46px;
            }

    #items > div > .cloth > li {
        margin-top: 5px;
    }

        #items > div > .cloth > li > label > .image {
            width: 100px;
            height: 50px;
        }

        #items > div > .cloth > li > label > .info > .title {
            line-height: 14px;
            font-size: 10px;
        }

        #items > div > .cloth > li > label > .info > .comment {
            line-height: 14px;
            font-size: 10px;
        }

    #items > div > .design_uniform > li {
        width: 70px;
    }

        #items > div > .design_uniform > li > label {
            width: 70px;
        }

    #items > div > .design_pants > li {
        width: 70px;
    }

        #items > div > .design_pants > li > label {
            width: 70px;
        }

    #items > div > .design_cap > li {
        width: 70px;
    }

        #items > div > .design_cap > li > label {
            width: 70px;
        }

    #items > .menu_select_color > .color > li {
        width: 34px;
        height: 34px;
    }

        #items > .menu_select_color > .color > li > label {
            width: 34px;
            height: 34px;
            -moz-border-radius: 17px;
            -webkit-border-radius: 17px;
            border-radius: 17px;
        }

    #items > .menu_select_mark > span {
        vertical-align: top;
        padding-bottom: 5px;
    }

        #items > .menu_select_mark > span > .list {
            padding: 5px 5px 0px;
        }

            #items > .menu_select_mark > span > .list > .title {
                padding: 0px 5px;
                width: 100px;
                font-size: 10px;
                line-height: 24px;
            }

            #items > .menu_select_mark > span > .list > .title_area > .select_font_code {
                margin-top: 5px;
            }

            #items > .menu_select_mark > span > .list > .select {
                padding-left: 5px;
            }

                #items > .menu_select_mark > span > .list > .select > select {
                    font-size: 10px;
                }

                #items > .menu_select_mark > span > .list > .select > input[type=text] {
                    width: 200px;
                }

            #items > .menu_select_mark > span > .list > .select_font {
                padding-left: 5px;
            }

                #items > .menu_select_mark > span > .list > .select_font > .font {
                    width: 100px;
                }

        #items > .menu_select_mark > span > .list_select_color > .colors {
            padding-top: 5px;
        }

            #items > .menu_select_mark > span > .list_select_color > .colors > li {
                margin-left: 5px;
                margin-bottom: 5px;
            }

                #items > .menu_select_mark > span > .list_select_color > .colors > li > span {
                    width: 34px;
                    height: 34px;
                    -moz-border-radius: 17px;
                    -webkit-border-radius: 17px;
                    border-radius: 17px;
                }

        #items > .menu_select_mark > span > .list_color {
            padding: 5px 5px 0px;
        }

            #items > .menu_select_mark > span > .list_color > .select_color {
                margin-right: 5px;
            }

                #items > .menu_select_mark > span > .list_color > .select_color > .color {
                    width: 34px;
                    height: 34px;
                    -moz-border-radius: 17px;
                    -webkit-border-radius: 17px;
                    border-radius: 17px;
                }

                #items > .menu_select_mark > span > .list_color > .select_color > .color_title {
                    line-height: 14px;
                    font-size: 10px;
                }

                #items > .menu_select_mark > span > .list_color > .select_color > .title {
                    line-height: 20px;
                    font-size: 10px;
                }

            #items > .menu_select_mark > span > .list_color > .back {
                width: 45px;
                height: 68px;
                margin-right: 5px;
            }

    body > #fontModal > #fontLists > li > .imageArea {
        width: 80px;
    }

    body > #fontModal > #fontLists > li > .title {
        width: 80px;
    }
}


#menu_page > .menu_page_contents > .menu_page_contents_header > .close {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
}

    #menu_page > .menu_page_contents > .menu_page_contents_header > .close::before {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #menu_page > .menu_page_contents > .menu_page_contents_header > .close::after {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1px;
        background: #ffffff;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

/* ==================
　SP ブレイクポイント
===================*/
@media screen and (max-width: 750px) {
    .top .main-visual {
        background: url("/img/simulator/top/main_visual_sp.jpg?v=220926") no-repeat right top;
        background-size: cover;
        position: relative;
    }

        .top .main-visual .main-catch {
            margin-left: 60%;
            max-width: 30%;
            padding: 10% 0 40% 0;
        }

    @-webkit-keyframes closeimg {
        0% {
            height: 100%;
            opacity: 1;
            top: 0;
        }

        100% {
            top: -500px;
            height: 0;
            opacity: 0;
        }
    }

    @-moz-keyframes closeimg {
        0% {
            height: 100%;
            opacity: 1;
            top: 0;
        }

        100% {
            top: -500px;
            height: 0;
            opacity: 0;
        }
    }

    @keyframes closeimg {
        0% {
            height: 100%;
            opacity: 1;
            top: 0;
        }

        100% {
            top: -500px;
            height: 0;
            opacity: 0;
        }
    }

    .top .main-visual.close {
        animation: closeimg 0.8s ease 3s;
        -moz-animation: closeimg 0.8s ease 3s;
        -webkit-animation: closeimg 0.8s ease 3s;
        animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }

    @-webkit-keyframes opening {
        0% {
            opacity: 1;
            top: 0;
        }

        100% {
            top: -100%;
            opacity: 0;
        }
    }

    @-moz-keyframes opening {
        0% {
            opacity: 1;
            top: 0;
        }

        100% {
            top: -100%;
            opacity: 0;
        }
    }

    @keyframes opening {
        0% {
            opacity: 1;
            top: 0;
        }

        100% {
            top: -100%;
            opacity: 0;
        }
    }

    .top .main-visual.opening {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        width: 100%;
        height: 100%;
        animation: opening 1.5s ease 2s;
        -moz-animation: opening 1.5s ease 2s;
        -webkit-animation: opening 1.5s ease 2s;
        animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }

        .top .main-visual.opening .inner {
            position: absolute;
            bottom: 0;
            left: 0;
        }

    /* message ============== */
    .top-message .top-message-in {
        letter-spacing: 1px;
        font-size: 12px;
    }

    /* button-box-area ============== */
    .top-button .top-button-item .button-item-in {
        background-size: contain;
        min-height: 275px;
        padding: 10px;
    }

        .top-button .top-button-item .button-item-in .button-title {
            font-size: 35px;
            margin-top: 5px;
        }

        .top-button .top-button-item .button-item-in .item-list {
            margin-top: 10px;
        }

            .top-button .top-button-item .button-item-in .item-list .item-type {
                margin-bottom: 15px;
                display: block;
            }

                .top-button .top-button-item .button-item-in .item-list .item-type .type-title {
                    display: inline-block;
                    padding: 3px 5px;
                    margin: 0 0 3px;
                    min-width: 125px;
                }

                .top-button .top-button-item .button-item-in .item-list .item-type .type-price {
                    text-shadow: 0 0 2px #ffffff;
                }

                    .top-button .top-button-item .button-item-in .item-list .item-type .type-price .big {
                        font-size: 15px;
                    }

                    .top-button .top-button-item .button-item-in .item-list .item-type .type-price .small {
                        font-size: 12px;
                    }

        .top-button .top-button-item .button-item-in .item-link {
            max-width: 300px;
            width: 100%;
            bottom: 10px;
        }

            .top-button .top-button-item .button-item-in .item-link a {
                padding: 10px;
            }

                .top-button .top-button-item .button-item-in .item-link a .in {
                    font-size: 17px;
                }

    .top-button .top-button-item.uni .button-item-in {
        background-image: url("/img/simulator/button_uni@2x.png?v=2025112001");
        background-size: auto 75%;
        background-position: right 1.5rem;
        min-height: 275px;
    }

    .top-button .top-button-item.uni2 .button-item-in {
        background-image: url("/img/simulator/button_uni2@2x.png?v=2025112001");
        background-size: auto 75%;
        background-position: right 1.5rem;
        min-height: 275px;
    }

    .top-button .top-button-item.cap .button-item-in {
        background-image: url("/img/simulator/button_cap@2x.png?v=2025112001");
        background-size: auto 75%;
        background-position: right 1.5rem;
        min-height: 275px;
    }

    .top-button .top-button-item.t-shirt .button-item-in {
        background-image: url("/img/simulator/button_tshirt@2x.png?v=2025112001");
        min-height: 275px;
    }

    .top-button .top-button-item.prejan .button-item-in {
        background-image: url("/img/simulator/button_prejan@2x.png?v=2025112001");
    }

    .top-button .top-button-item.cloth .button-item-in {
        background-image: url("/img/simulator/button_cloth@2x.png?v=2025112001");
    }

    .top-button .top-button-item.sweat .button-item-in {
        background-image: url("/img/simulator/button_sweat@2x.png?v=2025112001");
    }

    .top-button .top-button-item.poloshirt .button-item-in {
        background-image: url("/img/simulator/button_poloshirt@2x.png?v=2025112001");
    }

    .top-button .top-button-item.nakawatadown .button-item-in {
        background-image: url("/img/simulator/button_nakawatadown@2x.png?v=2025112001");
    }

    .top-button .top-button-item.halfpants .button-item-in {
        background-image: url("/img/simulator/button_halfpants@2x.png?v=2025112001");
    }

    .top-button .top-button-item.armsleeve .button-item-in {
        background-image: url("/img/simulator/button_armsleeve@2x.png?v=2025112001");
    }

    .top-button .top-button-item.stocking .button-item-in {
        background-image: url("/img/simulator/button_stocking@2x.png?v=2025112001");
    }

    .top-button .top-button-item.nakawatadown .button-item-in {
        background-image: url("/img/simulator/button_nakawatadown@2x.png?v=2025112001");
        min-height: 380px;
    }

    .top-button .top-button-item.warmup .button-item-in {
        background-image: url("/img/simulator/button_warmup@2x.png?v=2025112001");
        background-size: auto 82%;
        min-height: 275px;
    }

    .top-button .top-button-item.pregame .button-item-in {
        background-image: url("/img/simulator/button_pregame@2x.png?v=2025112001");
        background-size: auto 75%;
        background-position: right 1.5rem;
        min-height: 275px;
    }

    .top-button .top-button-item.pregame2 .button-item-in {
        background-image: url("/img/simulator/button_pregame2@2x.png?v=2025112001");
        background-size: auto 75%;
        background-position: right 1.5rem;
        min-height: 275px;
    }

    /* お知らせ ============== */
    .top-button .top-button-item.news .button-item-in {
        min-height: 100%;
    }

    .top-button .top-button-item.news .news-title {
        margin: 5px 0 10px;
    }

    .top-button .top-button-item.news .news-box {
        display: block;
    }

    .top-button .top-button-item.news .news-list {
        padding: 10px 5px;
        min-height: 100%;
    }

        .top-button .top-button-item.news .news-list .news-item .item-text {
            font-size: 14px;
        }
}

#slideMenuOpen {
    display: none;
}

    #slideMenuOpen:checked ~ #slideMenuOverLayer {
        background-color: rgba(0, 0, 0, 0.6);
        right: 0;
    }

        #slideMenuOpen:checked ~ #slideMenuOverLayer > #slideMenuList {
            right: 0;
        }

#slideMenuOverLayer {
    display: block;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 900;
    overflow: hidden;
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

    #slideMenuOverLayer input {
        display: none;
    }

#l-footer {
    padding: 20px 0;
}

    #l-footer::before {
        content: "";
        width: 100%;
        height: 2px;
        background-image: -moz-linear-gradient(0deg, #efefef 0%, #999595 25%, #efefef 67%, #999595 100%);
        background-image: -webkit-linear-gradient(0deg, #efefef 0%, #999595 25%, #efefef 67%, #999595 100%);
        background-image: -ms-linear-gradient(0deg, #efefef 0%, #999595 25%, #efefef 67%, #999595 100%);
        position: absolute;
        left: 0;
        top: 0;
    }

    #l-footer .copyright {
        font-size: 10px;
        font-weight: bold;
        margin-left: 5px;
        line-height: 1.2;
        padding-right: 65px;
    }

.menutitle {
    color: red;
}