* {
    margin:  0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    font-size: 15px;
    letter-spacing: 1px;
}

body {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    background-color: #DEDEDE;
}

main {
    flex-grow: 1;
    background-color: #fff;
}

footer {
    background-color: #212121;
    color: #eee; /*#6d6b6b;*/
    padding-top: 20px;
    display: flex;
    flex-direction: column;
}

header, main, footer {
    flex-shrink: 0;
}


/**************************************/
@media all and (min-width: 1026px) {
    main, footer {
        width: 1026px;
        border-left: solid #CCC 1px;
        border-right: solid #CCC 1px;
        margin: 0 auto;
    }
}
/*************************************/
@media all and (min-width: 1024px) {

    html, body {
        font-size: 12px;
    }

    .container {
        max-width: 980px;
    }

    footer {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
/*************************************/

a {
    overflow: hidden;
    word-break: break-all;
}

p {
    line-height: 150%;
}

.data-none {
    text-align: center;
    margin-top: 100px;
}

.data-none h2 {
    margin-bottom: 50px;
}

.etc,
.etc a:link,
.etc a:visited {
    color: #000000;
}

.bg_lgray {
    background-color: #eee;
}

.txt-red {
    color: #b50000;
}

.txt-blue {
    color:blue;
}

.txt-gray {
    color: #999;
}


.divide-line-up {
    width: 95%;
    height: 70px;
    margin: 60px auto;
    border-bottom: solid 1px #e7e7e7;
    background: #f7f7f7;
    background: radial-gradient(ellipse farthest-corner at bottom center, #f7f7f7 0%, #ffffff 80%);
    background: -webkit-radial-gradient(ellipse farthest-corner at bottom center, #f7f7f7 0%, #ffffff 80%);
    background: -moz-radial-gradient(ellipse farthest-corner at bottom center, #f7f7f7 0%, #ffffff 80%);
}

.divide-line-down {
    width: 95%;
    height: 70px;
    margin: 60px auto;
    border-top: solid 1px #e7e7e7;
    background: #f7f7f7;
    background: radial-gradient(ellipse farthest-corner at top center, #f7f7f7 0%, #ffffff 80%);
    background: -webkit-radial-gradient(ellipse farthest-corner at top center, #f7f7f7 0%, #ffffff 80%);
    background: -moz-radial-gradient(ellipse farthest-corner at top center, #f7f7f7 0%, #ffffff 80%);
}

/******* MaterializeCSS OverRide **** #fb8c00;****************/

    .logo-bgcolor {
        background-color: #231F20;
    }

        .logo-bgcolor a:link,
        .logo-bgcolor a:visited {
            color: #fb8c00;
        }

    .sidenav li {
        border-bottom: 1px solid #111;
    }

    .carousel .carousel-item {
        background-color: white;
    }

    .caro-img {
        max-width: 100%;
        height: auto;
    }

.carousel.carousel-slider .carousel-item {
    min-height:300px;
}

.form-group {
    margin-bottom: 15px;
}

    tr {
        border-bottom: none;
    }

    td {
        padding: 1px;
    }

    .divider-15px {
        height: 1px;
        overflow: hidden;
        background-color: #e0e0e0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .bbs-create-td textarea {
        height: auto;
    }

    .material-icons {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -moz-font-feature-settings: 'liga';
        -moz-osx-font-smoothing: grayscale;
    }

    .middle-indicator {
        position: absolute;
        top: 50%;
    }

    .middle-indicator-text {
        font-size: 4.2rem;
    }

    a.middle-indicator-text {
        color: orangered !important;
    }


    /***********************;**********/
    @media all and (min-width: 1024px) {
        #logo-top {
            margin-right: 70px;
        }

        .navbar-1024 {
            width: 800px;
            margin: 0 auto;
        }
    }

/* 
.video-container {
    position: relative;
    padding-bottom: 56.25%; // 16:9
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    background-color:aqua;
}
*/

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube-wrap {
    width: 90%;
    max-width: 90%;
    margin: 50px auto 0;
}



/********************************/
/*************************************************************************************************************************************/
/******** header *********************************************************************************************************************/
nav.nav-extended .nav-wrapper {
    min-height: 15px;
    height: auto;
}

    @media (max-width: 1023px) {

        .navbar-header {
            float: none;
        }

        .navbar-left, .navbar-right {
            float: none !important;
        }

        .navbar-toggle {
            display: block;
        }

        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }

        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }

        .navbar-collapse.collapse {
            display: none !important;
        }

        .navbar-nav {
            float: none !important;
            margin-top: 7.5px;
        }

            .navbar-nav > li {
                float: none;
            }

                .navbar-nav > li > a {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

        .collapse.in {
            display: block !important;
        }
    }
    /****** header end **********************************************************************************************************************************/
    /****** footer *************************************************************************************************************************************/
    .footer-tel, .footer-bank, .footer-sns, footer address {
        width: 80%;
        margin: 10px auto;
    }

    footer address {
        color: #eee;
    }

    .autowear {
        font-weight: bolder;
        color: #22c142;
    }

    .f-tel {
        color: #F36B21;
        font-size: 20px;
        border: 1px solid #F36B21;
        padding: 7px 10px;
        margin-bottom: 5px;
        text-decoration: none;
        width: 245px;
    }

        .f-tel a:link {
            color: #F36B21;
            text-decoration: none;
        }

        .f-tel a:visited {
            color: #F36B21;
            text-decoration: none;
        }

    .f-bank {
        line-height: 200%;
    }

    .footer-sns img {
        margin-right: 10px;
    }

    .footer-copyright {
        width: 100%;
        font-size: 11px;
        font-style: italic;
        text-align: center;
        line-height: 300%;
    }

    /************************************/
    @media all and ( max-width: 480px) {

        .footer-tel,
        .footer-bank,
        .footer-sns,
        footer address {
            width: 100%;
            padding: 0 20px;
        }
    }

    @media all and ( min-width: 1024px) {

        .footer-tel,
        .footer-bank,
        .footer-sns,
        footer address {
            width: 40%;
        }
    }
    /****** footer **********************************************************************************************************************************/


    /******* sub frame ******************************************************************************************************************************/

    @media all and (min-width: 1024px) {
        /*
        article {
            padding-bottom: 80px;
        }
        */
        .sub-article {
            margin-top: 40px;
            padding: 0 50px;
        }
    }
    /***********************************************************/

    #submenu {
        margin: 0;
        padding: 0;
        padding: 0 2px;
        background: #fcfcfc;
        border: 1px solid #f0f0f0;
    }

        #submenu li a {
            list-style: none;
            background-image: url(/images/ic_orange02.gif);
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 20px;
            margin-left: 10px;
            border-bottom: 1px solid #ddd;
            line-height: 52px;
            color: #666;
            font-size: 16px;
            display: block;
            text-decoration: none;
        }

        #submenu li:last-child a {
            border-bottom: 0;
        }

        #submenu li a:hover {
            color: #ff173c;
        }

    /**********************************/
    @media all and (min-width: 1024px) {
        #submenu li a {
            font-size: 12px;
            line-height: 30px;
            margin-left: 5px;
        }

        #card-sidememu #submenu li a {
            border: 1px solid #ccc;
            padding-left: 20px;
            padding-top: 10px;
            margin: 5px;
            width: 300px;
            height: 50px;
            font-size: 20px;
            background-image: none;
            vertical-align:central;
        }

        #card-sidememu #submenu {
            display: flex;
            flex-wrap: wrap;
            padding:30px;
        }
    }

    /***********************************************************/
    /***********************************************************/

    .trimcrumb:before {
        content: "";
        display: block;
        clear: both;
    }

.trimcrumb {
    padding: 8px 30px;
    list-style: none;
    background-color: #424242;
    /* #F36B21 #fb8c00; #429aaa; */
    color: white;
}

        .trimcrumb > li {
            display: inline-block;
            font-size: 15px;
        }

            .trimcrumb > li + li:before {
                padding: 0 5px;
                color: #cccccc;
                content: "/\00a0";
            }

.trimcrumb a:link, 
.trimcrumb a:visited {
    color: #fff;
}
    /***********************************************************/
    /***********************************************************/


    .sub-acc {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .sub-acc-item {
        padding: 5px;
    }

    .sale {
        background-color: #850202;
        color: white;
        padding: 10px;
        text-align: center;
        font-weight: bold;
    }

    /******* sub frame  *********************************************************************************************************************/
    /******* sub frame  *********************************************************************************************************************/
    @media all and (min-width: 1024px) {

        .sub-top {
            background-repeat: no-repeat;
            background-position: top left 0px;
            width: 1024px;
            margin-top: -1px;
        }

        #subframe {
            display: flex;
            flex-direction: row;
            height: 100%;
            padding-bottom: 80px;

        }

        #h-subframe {
            display: flex;
            flex-direction: row;
        }

        aside {
            order: 1;
            width: 170px;
        }

        section {
            order: 2;
            width: 852px; /* = 1024 - 170,  padding 50 X 2 = 752 */
            border-left: 1px solid #CCC;
        }
    }
    /********************************************/


/*********** main start ****************************/

.main-car-note {
    font-size: 15px;
    line-height: 200%;
}

.main-welcome-panel {
    background-color: rgb(240,240,240);
    text-align: center;
    margin: 0;
    padding: 20px 0;
}

    .main-welcome-panel h1 {
        font-size: 22px;
        font-weight: bold;
        line-height: 170%;
        margin: 0;
    }

@media (max-width: 415px) {
    .main-welcome-panel h1 {
        font-size: 15px
    }
}

@media (max-width: 330px) {
    .main-welcome-panel h1 {
        font-size: 13px
    }
}


.main-grey-panel {
    background-color: rgb(240,240,240);
    padding: 10px 5px 20px 5px;
}

.main-white-panel {
    background-color: #fff;
    padding: 10px 5px 20px 5px;
}

.main-grey-panel,
.main-white-panel {
    padding: 10px 5px;
}

.main-autowear p {
    padding: 40px 20px;
    font-size: 14px;
    line-height: 200%;
}

.main-autowear img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 50px;
}

/**********************************/
@media ( min-width: 800px) {
    .main-grey-panel,
    .main-white-panel {
        padding: 20px 40px;
    }
}
/**********************************/






.model-h2 {
    font-weight: bolder;
    font-size: 28px;
    text-align: center;
    margin: 7px 0;
    line-height: 100%;
    width: 100%;
}

.main-model-ul,
.main-gall-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .main-model-ul li {
        padding-bottom: 5px;
        margin: 10px 0 40px 0;
        list-style: none;
        text-align: center;
        cursor: pointer;
        width: 260px;
        border-radius: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

        .main-model-ul li a:link,
        .main-model-ul li a:visited {
            color: #000;
            text-decoration: none;
        }


    .main-gall-ul li figure,
    .main-model-ul li figure {
        margin: 0;
        padding: 0;
    }

    .main-model-ul li figure img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 10px 10px 0 0;
    }

    .main-model-ul li:last-child {
        padding-bottom: 5px;
        margin: 10px 0 40px 0;
        list-style: none;
        text-align: center;
        cursor: pointer;
        width: 260px;
        border-radius: 10px;
        box-shadow: none;
    }

    .main-model-ul li:last-child figure img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        box-shadow: none;
        border-radius: 10px;
    }

.main-model-name {
    font-size: 20px;
    font-weight: bold;
}

.main-model-price {
    font-size: 14px;
    margin: 3px 0;
}

.main-model-link {
    font-size: 14px;
}

.main-gall-ul li {
    text-align: center;
    background-color:#eee;
    border-radius: 5px;
    margin: 20px 0;
    width: 170px;
    padding: 7px 0 5px  0;
    border: 1px solid #ddd;
}

#carSerUl {
    width: 290px;
    margin: 20px auto;
    padding-left: 30px;
}

    #carSerUl li {
        font-size: 16px;
        line-height: 180%;
        font-weight: bold;
        text-align: left;
    }

        #carSerUl li a:link,
        #carSerUl li a:visited {
            color: black;
        }

.main-car-search {
    text-align: center;
    font-size: 16px;
    width: 290px;
    margin: 20px auto;
    border: 6px solid #fb8c00;
    border-radius: 20px;
    vertical-align: middle;
    padding: 2px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sale-car-search {
    border: 6px solid #ff0000;
}

    .main-car-search input[type=text] {
        width: 240px;
        height: auto;
        line-height: normal;
        padding: 5px;
        border: none;
        border-radius: 0;
        outline-style: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-align: center;
        appearance: none;
    }

        .main-car-search input[type=text] :focus {
            border: none;
            box-shadow: 0;
        }

.main-welcome-panel input[type=text] {
    background-color: rgb(240,240,240);
}

.car-grey-panel {
    background-color: #eee;
}

.car-top {
    display: flex;
    justify-content: center;
    align-items: center;
}

.car-text {
    display: flex;
    height: 25vh;
    width: 60vw;
    font-size: 4vh;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #555;
}


.car-emoji {
    display: flex;
    width: 40vw;
    height: 70%;
    max-height: 300px;
}

    @media (min-width: 350px) and (max-width: 500px) {
        .main-model-ul li {
            width: 80%;
        }

        .main-model-name {
            font-size: 17px;
        }
    }
    /*********** main end ****************************/
    /********* Text *****************************************#e0f2f1*************************************************************************************/
    .img-center {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.img-og-car {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    max-width: 100%;
    height: auto;
}

.title-maker {
    font-size: 16px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #a9a9a9;
}


.p-title {
    font-weight: bold;
    font-size: large;
    text-shadow: 2px 2px 2px #a9a9a9;
}

.p-msg {
    padding: 5px 15px;
    margin-top: 7px;
}

    .p-msg::before {
        content: "♣ ";
    }

.p-info {
    background-color: #eee;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 7px;
    border: 1px solid #ccc;
    font-weight:bold;
    line-height: 190%;
}




.p-title::before {
    content: "■ ";
}

.bold-text {
    font-weight: bold;
}

.pt-txt {
    margin: 0 auto 30px;
}

.pt-txt-h1 {
    font-size: 140%;
    padding-bottom: 10px;
    font-weight: bold;
    margin: 0;
}

.pt-txt-h2 {
    font-weight: bold;
    text-shadow: 2px 2px 2px #a9a9a9;
    font-size: 18px;
    /* calc(0.26vw + 11.08px); 12px at 360, 16px at 1920
            font-size: large;
        */
}

    .pt-txt-h2::before {
        content: "■ ";
    }

.s-txt {
    padding: 15px 0;
    margin-bottom: -50px;
}

    .s-txt p {
        padding: 10px;
        font-size: 120%;
        line-height: 190%;
    }

.txt-black-orange {
    background-color: #000000;
    color:#ff8C00;
    border-radius: 3px;
    padding:3px 8px;
    margin:0 3px;
    font-weight:bold;
}

.txt-black-green {
    background-color: #000000;
    color: #32CD32;
    border-radius: 3px;
    padding: 3px 8px;
    margin: 0 3px;
    font-weight: bold;
}

/* リンクボタン */
.ct-link-btn {
    margin: 30px auto;
    text-align: center;
}

.ct-link-btn a {
    background: #30458f;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 auto 10px;
    padding: 15px 10px;
    text-decoration: none;
    width: 60%;
}

    .ct-link-btn a:link,
    .ct-link-btn a:visited {
        color: #fff;
    }

    .ct-link-btn a:hover {
        opacity: .7;
    }

@media screen and (max-width: 640px) {
    .ct-link-btn a {
        display: block;
        width: 100%;
    }
}

/* NAP表 */
.nap-box {
    box-sizing: border-box;
    margin: 30px auto;
}

    .nap-box h2 {
        border-bottom: 2px solid #30458f;
        font-size: 120%;
        font-weight: bold;
        margin: 0 auto 10px;
        padding: 0 0 5px;
    }

    .nap-box table {
        border: 1px solid #ddd;
        border-collapse: collapse;
        box-sizing: border-box;
        width: 100%;
    }

    .nap-box th {
        background: #f9f9f9;
        border: 1px solid #ddd;
        padding: 10px;
        vertical-align: middle;
        width: 20%;
    }

    .nap-box td {
        border: 1px solid #ddd;
        padding: 10px;
        vertical-align: middle;
        width: 80%;
    }

    .nap-box ul {
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .nap-box li {
        list-style: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

@media screen and (max-width: 640px) {
    .nap-box th, .nap-box td {
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
}


/********* Home *************************#cfede9;*****;************************************************************************************************/



/*********************************************************************************************************************************************/
@media all and (max-width: 1023px) {
    .mobile-panel {
            -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
            border-radius: 4px;
            background-color: #fff;
            margin: 8px 4px;
            padding: 10px 7px 20px 7px;
        }


        .mobile-title {
            -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
            background-color: #fff;
            margin-bottom: 3px;
            padding: 0;
        }

    .white-panel {
        background-color: #fff;
        padding: 10px 10px 20px 10px;
    }

    .divder-panel {
        background-color: #fafafa;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 10px;
        padding: 10px 5px;
    }
}
    /***********************************/



    /* Materialize OverRide */
    .carList .collapsible-body {
        padding: 15px 5px;
    }

.carList h1 {
    font-size: 22px;
    font-weight: bold;
}

    .carList p {
        font-size: 14px;
    }

    .carTable {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

        .carTable li {
            list-style-type: none;
            line-height: 180%;
            margin-right: 2px;
            margin-bottom: 2px;
        }

    /****************************************/
    @media all and ( max-width: 480px ) {
        .carTable li {
            width: 49%;
            margin-right: 1px;
            padding-bottom: 3px;
            letter-spacing: normal;
        }
    }
    /****************************************/
    @media (min-width: 481px ) and ( max-width: 1023px) {
        .carTable li {
            width: 32%;
        }
    }
    /****************************************/
    @media all and ( min-width: 1024px ) {
        .carTable li {
            width: 24%;
        }

        .model-flex {
            display: flex;
            flex-wrap: wrap;
        }
    }
    /****************************************/

    .carTable li a:link,
    .carTable li a:visited {
        color: #000000;
        text-decoration: none;
    }

    .carTable li a:hover {
        color: #006600;
        text-decoration: none;
    }

    .flex-space-between {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-left: 15px;
        padding-right: 20px;
    }

    .layout-card {
        margin: 50px 0;
        width: 100%;
    }

    /********* Home end ************************************************************************************************************************************/

    /************ step 2 ***********************************************************************************************************************************/
.carbox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 15px ;
}

.carbox-imag {
    min-width: 240px;
    vertical-align: middle;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 110px;
    display: block;
}

.carbox-name {
    min-width: 220px;
    vertical-align: middle;
    padding-left: 0;
    font-size: 22px;
    text-shadow: 2px 2px 2px #a9a9a9;
    font-weight: bolder;
    height: 90px;
    display: block;
}

    .carbox-maker {
        font-size: 14px;
        font-weight: bolder;
        margin-bottom: 15px;
    }

        .carbox-maker:before {
            content: "■  ";
        }

    .trim-ul {
        list-style: none;
        /* margin-bottom: 150px; */
        margin-top: 20px;
    }

        .trim-ul > li:first-child {
            border-top: 1px solid #CCC;
        }

        .trim-ul > li:last-child {
            border-bottom: 1px solid #CCC;
        }

    .trim-li {
        border-bottom: 1px dashed #CCC;
        padding: 10px 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
    }

    .step2-img {
        text-align: left;
    }


/**********************************/
@media all and (max-width: 1023px) {
    .trim-li {
        border-bottom: none;
    }
}
/**********************************/

    .step3-trim-info td,
    .step2-info td {
        padding: 0 1px 0 0;
        border-bottom: hidden;
    }

        .step2-info td:first-child {
            width: 48px;
            color: #666;
            letter-spacing: 0;
            vertical-align: top;
        }

        .step2-info td:nth-child(2) {
            width: 10px;
            text-align: left;
            vertical-align: top;
        }

    .step2-btn {
        text-align: center;
    }

    .codeShare {
        font-weight:bold;
        color:#8e9310;
    }

    .prod-car-btn {
        font-size: 18px;
        padding: 15px 30px;
        background-color:#2d3862;
        color:white;
        font-weight:bold;
        border-radius: 3px;
        display:block;
        margin: 5px 30px;;
    }

        .prod-car-btn a:link,
        .prod-car-btn a:visited {
            color: white;
        }



    .trim-title {
        padding: 10px 5px 20px 5px;
    }

    /*********************************/

    @media all and (max-width: 1023px) {

        .step2-info td:first-child {
            font-size: 13px;
        }

        .step2-img,
        .step2-info {
            padding-left: 10px;
        }
    }
    /*********************************/

    @media all and (min-width: 1024px) {

        .trim-title {
            width: 950px;
            margin: 0 auto;
            padding-bottom: 60px;
        }

        .step2-img {
            width: 350px;
        }

        .step2-info {
            width: 400px;
        }

        .step2-btn {
            width: 190px;
            border-left: 1px dotted #CCC;
            padding: 25px 0;
        }
    }
    /*********************************/

    @media (min-width: 481px ) and ( max-width: 1023px) {
        .step2-img {
            width: 45%;
            margin-bottom: 20px;
        }

        .step2-info {
            width: 55%;
            margin-bottom: 20px;
        }

        .step2-btn {
            width: 100%;
            margin-bottom: 20px;
        }
    }
    /*********************************/

    @media all and ( max-width: 480px ) {

        .step2-img {
            width: 100%;
            margin-bottom: 20px;
        }

        .step2-info {
            width: 100%;
            margin-bottom: 20px;
        }

        .step2-btn {
            width: 100%;
            margin-bottom: 20px;
        }
    }
    /*********************************/
.trim-review-area {
    padding-top: 20px;
    padding-bottom: 50px;
    background-color: #fff;
}

.review-heading {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.review-ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0;
}

    .review-ul li {
        border-radius: 20px;
        background: rgb(240,240,240);
        height: 250px;
        width: 350px;
        margin: 15px 10px 10px 10px;
        padding: 0 20px 0px 20px;
        box-shadow: 0 10px 8px rgba(0, 0, 0, 0.1);
    }


.review-top-context {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 0 0;
}

.review-car-name {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    width: 200px;
}


.review-date {
    color: #6E6E6E;
    text-align: right;
    font-size: 14px;
}

.review-like {
    font-size: 18px;
    font-weight: bold;
}

.review-content-text {
    font-size: 14px;
    overflow: scroll;
    height: 130px;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    .review-content-text::-webkit-scrollbar {
        display: none;
    }


.review-writer {
    font-weight: bold;
    color: #6E6E6E;
}

.icon-star {
    color: orange;
    font-size: 20px;
    line-height: 10px;
}

.icon-thumb {
    margin: 0 0.125em;
    font-size: 18px;
    color: black;
    vertical-align: baseline;
    display: inline-flex
}

 @media only screen and (max-width:350px) {

    .review-ul li {
        border-radius: 20px;
        background: rgb(240,240,240);
        height: 250px;
        width: 300px;
        padding: 0 20px 0px 20px;
        box-shadow: 0 10px 8px rgba(0, 0, 0, 0.1);
    }

    .review-car-name {
        font-size: 15px;
        font-weight: bold;
        text-align: left;
        width: 150px;
    }
}

    /************ step 2 ********************************************************************************************/
    /************ step 3 ********************************************************************************************/
    .step3-trim-bg {
        background-color: #fff;
    }

    .step3-trim {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .step3-trim-info td:first-child {
        width: 52px;
        color: #666;
        letter-spacing: 0;
        vertical-align: top;
    }

    .step3-trim-info td:nth-child(2) {
        width: 10px;
        text-align: left;
        vertical-align: top;
    }

    .step3-trim-img {
        padding: 10px;
        background-color: #FFF;
        border: 1px solid #CCC;
        border-radius: 5px 0 0 5px;
        border-right: none;
    }

    .step3-trim-info {
        padding: 10px;
        background-color: #EEE;
        border: 1px solid #CCC;
        border-top: 17px solid #03348B;
        border-radius: 0 5px 5px 0;
        border-left: none;
    }

    .step3-model-ul {
        margin-top: 20px;
    }

    .step3-model-li {
        list-style: none;
        min-height: 127px;
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
        display: flex;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
    }

    /*
    .step3-model-li div {
        margin-right: 5px;
    } */

    .step3-model-ul > li:first-child {
        border-top: 1px solid #CCC;
    }

    .model-name,
    .model-imag,
    .model-spec,
    .model-btn {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .model-color {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

table.model-color-tb {
    margin: 10px auto;
    display: inline;

}

    table.model-color-tb td {
        padding: 3px  0;
        border-bottom: 1px dotted #ccc;     
    }

        table.model-color-tb td:nth-child(1) {
            vertical-align:top;
        }

        table.model-color-tb td:nth-child(2) {
            padding-left: 10px;
            font-weight: bold;
            width: 100px;
        }
        .sale-off {
            background-color:black;
            color:white;
            font-weight:normal;
            padding: 2px;
        }

        /***********************/
        .step3--ul-h3 {
            /* border-bottom: 6px solid #333; 
        padding-bottom: 5px; */
        }

    .step3-gall-h4:before {
        content: "■ ";
    }

    .step3-gall-ul {
        display: flex;
        flex-wrap: wrap;
    }

        .step3-gall-ul li {
            padding: 5px;
            margin: 10px 0 10px 10px;
            min-width: 150px;
            list-style: none;
            text-align: center;
            border: 1px solid #999;
            border-radius: 5px;
            box-shadow: 2px 2px 5px #999;
            background-color: #F5F5F5;
            cursor: pointer;
        }


            .step3-gall-ul li figure {
                margin: 0;
            }

                .step3-gall-ul li figure img {
                    margin: 0 0 10px 0;
                }

                .step3-gall-ul li figure .gall-figure-model,
                .step3-gall-ul li figure .gall-figure-color {
                    width: 150px;
                }

.step2-car-ul {
    display: flex;
    flex-wrap: wrap;
}

    .step2-car-ul li {
        padding: 5px;
        margin: 10px 0 10px 10px;
        min-width: 150px;
        list-style: none;
        text-align: center;
        border: 1px solid #999;
        border-radius: 5px;
        box-shadow: 2px 2px 5px #999;
        background-color: #F5F5F5;
    }


        .step2-car-ul li figure {
            margin: 0;
        }

            .step2-car-ul li figure img {
                margin: 0 0 10px 0;
            }

.car-figure-model {
    font-weight:bold;
    font-size: 16px;
}

.car-figure-price {
    font-weight: bold;
    font-size: 14px;
    color: #8a2121;
}

    /******* Media Query *****************************************************************************/
    @media all and ( min-width: 481px ) {
        .step3-trim-box {
            display: inline-block;
            background-color: #FFF;
            padding: 5px;
            border-radius: 5px;
            -moz-box-shadow: -3px 0 3px 3px #EEE;
            -webkit-box-shadow: -3px 0 3px 3px #EEE;
            box-shadow: 1px 3px 8px #333;
            margin: 5px 10px 10px 5px;
        }

        .step3-trim {
            min-width: 300px;
            width: auto;
            flex-direction: row;
        }

        .step3-trim-img {
            min-width: 100px;
        }

        .step3-trim-info {
            min-width: 200px;
        }
    }
    /************************************************/
    @media all and ( max-width: 480px ) {

        .step3-trim {
            padding: 10px 5px;
            border: 1px solid #CCC;
            border-radius: 5px;
            width: 100%;
            -moz-box-shadow: -3px 0 3px 3px #EEE;
            -webkit-box-shadow: -3px 0 3px 3px #EEE;
            box-shadow: 1px 3px 8px #333;
        }

        .step3-trim-img {
            background-color: #FFF;
            border-bottom: none;
            margin: 0;
            border-right: 1px solid #CCC;
        }

        .step3-trim-info {
            background-color: #EEE;
            margin: 0;
            border-top: none;
            border-left: 1px solid #CCC;
        }

        .step3-model {
            padding: 0 15px;
        }

        /*
        table.model-color-tb {
            margin-left: 10px;
        }
            */

        .step3-model,
        .step3-gall {
            padding: 5px 5px 50px 5px;
        }

        .step3-model-ul {
            padding-bottom: 3px;
        }

        /*
        .step3-model-li {
            padding-top: 25px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin-bottom: 7px;
        }
        */
    }

    /***************************************************/
    @media (min-width: 850px ) and ( max-width: 1023px) {
        .step3-model-li {
            padding-right: 2px;
        }

        .model-imag {
            width: 24%;
            margin-right: 3px;
        }

        .model-spec {
            width: 34%;
            padding: 0 5px;
        }

        .model-color {
            width: 40%;
        }

        .model-btn {
            width: 97%;
            margin: 20px 0;
        }
    }
    /*****************************/
    @media (min-width: 1024px) {

        .step3-trim-bg {
            padding-top: 10px;
            padding-left: 25px;
            background-image: url('/images/top/mvc-step3-top.jpg'); /* url(/images/bg.gif);*/
            background-repeat: no-repeat;
            background-size: 1024px;
            height: auto; /*171px;*/
            border-bottom: 1px dashed #DDD;
        }


        .step3-model {
            margin-top: 30px;
            margin-bottom: 40px;
        }

        .step3-model,
        .step3-gall {
            padding: 0 40px 80px 40px; /* width=944px */
        }

        .model-name {
            width: 280px;
        }

        .model-imag {
            width: 170px;
        }

        .model-spec {
            width: 280px;
            padding-left: 20px;
        }

        .model-color {
            width: 340px;
        }

        .model-btn {
            width: 130px;
        }
    }
    /************ Step 3 End     **************************************************************************************************/
    /************ Seatcover Prodetail start ***************************************************************************************/
    #prod-photo {
        padding: 50px 0;
        text-align: center;
        min-height: 500px;
    }

    .prod-photo-img .carousel {
        margin: 0 auto;
        height: 225px;
    }

    .prod-photo-img .carousel-item img {
        max-height: 100%;
        width:auto;
    }



    #prod-color {
        padding: 20px 5px 50px 10px;
    }

    #prod-color select {
        width: auto;
    }


    #prod-info {
        padding: 50px 15px;
    }


    table.prod-size-tb td img,
    .prod-box img,
    #prod-info img {
        max-width: 100%;
        height: auto;
    }


    .prod-info-div {
        margin: 0;
        margin-bottom: 90px;
    }

    .prod-info-title-h2 {
        font-size: 24px;
        font-weight: bold;
        margin: 10px 0;
    }

.prod-info-div h2 {
    font-size: 35px;
    font-weight: bold;
    margin-left: 20px;
    padding-left: 8px;
    border-left: solid 10px #FF9100;
}

.prod-info-div h3 {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 20px 0 30px 20px;
    padding-left: 8px;
    border-left: solid 10px #FF9100;
}

.prod-info-div .h3-green {
    border-left: solid 10px #22c142;
}

.prod-info-div h4 {
    font-size: 35px;
    font-weight: bold;
    margin-left: 20px;
    padding-left: 8px;
    border-left: solid 10px #FF9100;
}

.prod-info-div h5 {
    font-size: 35px;
    font-weight: bold;
    margin-left: 20px;
    padding-left: 8px;
    border-left:solid 10px #FF9100;
}

.prod-info-div p {
    padding: 15px 15px 30px 15px;
    font-size: 17px;
    line-height: 180%;
    font-weight: bold;
}

.prod-info-div img {
    margin-bottom: 5px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.prod-info-div .img-border-none {
    margin-bottom: 5px;
    border: none;
    box-shadow: none;
}




    #prod-nogap {
        margin-bottom: 70px;
    }

#prod-nogap img {
    border:none;
    padding: 0;
    margin: 0 ;
}

.prod-desc-div {
    margin: 0;
    margin-bottom: 50px;
}

#prod-mats-ul {
    padding: 30px 50px;
}

.prod-info-ul {
    margin: 10px 25px 90px 25px;
    font-weight: bold;
    font-size: 15px;
}

.prod-info-ul li {
    margin-bottom: 20px;
}


.prod-model-design-head {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: rgb(251, 140, 0) 5px solid;
}

.prod-model-design {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .prod-model-design figure {
        text-align: center;
        font-weight: bold;
        margin:0 0 50px 0;
    }

    .prod-model-design figure img {
        border: none;
    }

    .border-none {
        border-style: none;
    }

    .prod-info-title {
        padding: 20px 0;
        min-height: 1px;
        background-color: darkcyan;
        color: white;
        text-align: center;
        margin-bottom: 50px;
    }

    .box-330 {
        padding-bottom: 30px;
    }
        .box-330 p {
            margin: 10px 0;
        }

    #prod-ex {
        display: block;
        width: 97%;
        text-align: center;
        margin: 50px auto;
    }

        #prod-ex figure {
            margin-bottom: 50px;
        }

            #prod-ex figure img {
                width: inherit;
                max-width: 100%;
                height: auto;
                border: 1px solid #888888;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                margin-bottom: 15px;
            }

    #prod-other {
        text-align: center;
    }

    .prod-other-li img {
        max-width: 150px;
    }

table.prod-price-tb {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 11pt;
}

        table.prod-price-tb th {
            width: 55px;
            padding: 3px;
            vertical-align: top;
            color: #333;
            font-weight: normal;
        }

        table.prod-price-tb td {
            padding: 3px;
            vertical-align: top;
            font-weight: bold;
        }

    table.prod-size-tb {
        width: 100%;
        border-collapse: separate;
        border-spacing: 1px;
        font-size: 11pt;
    }

table.prod-size-tb th {
    width: 55px;
    padding: 3px;
    vertical-align: top;
    color: #333;
    font-weight: normal;
}

        table.prod-size-tb td {
            padding: 3px;
            vertical-align: top;
            font-weight: bold;
        }


    table.prod-color-tb {
        width: 100%;
        border-collapse: separate;
        border-spacing: 1px;
        font-size: 11pt;
    }

table.prod-color-tb th {
    width: 55px;
    padding: 3px;
    vertical-align: top;
    color: #333;
    font-weight: normal;
}

        table.prod-color-tb td {
            padding: 3px;
            vertical-align: top;
            font-weight: bold;
        }


    table.color-select-tb {
        border-collapse: separate;
        border-spacing: 1px; 
        margin-bottom: 20px;
    }

        table.color-select-tb td {
            padding: 5px 1px;
            background-color: #eee;
            border-bottom: 1px solid #ccc;
        }

    .td-color label {
        font-weight:normal;
    }

    .color-select-tb .td-color {
        width: 50%;
    }

    .color-select-tb .td-info {
        width: 50%;
        color: #333;
    }

    table.color-select-tb label {
        color: black;
        font-weight: bold;
    }

    #prod-other h3 {
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-top: 15px;
        margin-bottom: 25px;
        font-size: 20px;
    }

.color-select-ul {
    margin: 15px 30px;
    ;
}

    .color-select-ul li {
        padding: 5px 0;
        margin-bottom: 3px;
        border-bottom: 1px #808080 dotted;
    }

.li-color-name {
    font-weight: bold;
    font-size: 18px;
    color: #000;
}

.li-color-info {
    padding-top: 1px;
    padding-left: 35px;
    color: #666;
}

    .price-ex {
        text-decoration: line-through;
    }

    .price-sale {
        color: #b50000;
    }

    #prod-other {
        text-align: center;
    }

#prod-others {
    padding: 10px;
}

/*********************************/
@media ( min-width: 1024px) {
    #prod-others {
        padding: 10px 50px;
    }
}
/*********************************/

.prod-others-ul {
    display: flex;
    flex-wrap: wrap;
}

.prod-others-li {
    width: 160px;
    margin: 5px;
    text-align: center;
    padding: 5px;

}

.p-h5 {
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0;
}

        #prod-other img {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

.prod-other-li {
    list-style: none;
    padding: 20px 10px;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
    font-size: 14px;
}


    #myCarousel {
        margin: 20px auto;
        width: 340px;
    }



    .prod-photo-ul {
        margin: 50px auto 20px auto;
        width: 250px;
        display: flex;
        flex-wrap: wrap;
    }

        .prod-photo-ul li {
            list-style: none;
            width: 81px;
            height: 56px;
            padding: 3px;
            border: 1px solid #CCC;
            text-align:center;
            margin-right: -1px;
        }

.prod-photo-ul li img {
    height: 50px;
    width: auto;
    max-width: 75px;
}


.prod-photo-memo {
    margin: 20px auto;
    width: 250px;
}


    .only-design {
        margin: 50px 0;
        padding: 15px;
        background-color: #F48940;
        border-radius: 10px;
        border: 1px solid #B55A1D;
    }

        .only-design p {
            margin-bottom: 15px;
            font-size: 15px;
        }

    /* carwood */
table.type08 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-left: 1px solid #ccc;
    width: 95%;
    margin:30px auto;
}

.car-choose-box {
    text-align:center;
    padding: 25px 0;
}
/*********************************/
@media ( min-width: 400px) {
    table .type08 {
        width: 390px;
    }
}
/*********************************/

        table.type08 thead th {
            padding: 10px;
            font-weight: normal;
            border-top: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-bottom: 2px solid #c00;
            background: #dcdcd1;
        }

        table.type08 tbody th {
            width: 150px;
            padding: 10px;
            vertical-align: top;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background: #ececec;
        }

        table.type08 td {
            padding: 10px;
            vertical-align: top;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
        }

            table.type08 td:nth-child(1) {
                width:70px;
            }

            table.type08 td:nth-child(2) {
                width: 150px;
            }

            table.type08 td:nth-child(3) {
                width: 90px;
            }

            table.type05 {
                border-collapse: separate;
                border-spacing: 1px;
                text-align: left;
                line-height: 1.5;
                border-top: 1px solid #ccc;
                margin: 30px 10px 20px 20px;
                width: 300px;
            }

        table.type05 td {
            padding: 5px 25px 5px 10px;
            vertical-align: top;
            border-bottom: 1px solid #ccc;
            background: #ffffff;
        }



    /* nuburino */
    .material-info-title {
        padding: 40px 20px;
        min-height: 1px;
        background-color: #000;
        color: white;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 100px;
    }

        .material-info-title p {
            padding: 15px;
            color: white;
            font-weight: bold;
        }

.sponge-info-title {
    padding: 40px 20px;
    background-color: #000;
    color: white;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
}

    .sponge-info-title p {
        padding: 15px;
        color: white;
        font-weight: bold;
    }

    .explain-box {
        margin-top: 30px;
        background-color: #ddd;
        border-radius: 10px;
        padding: 25px 15px;
        overflow: hidden;
    }

        .explain-box img {
            float: left;
            margin: 20px 15px 20px 0;
        }

        .explain-box p {
            font-size: 0.95em;
        }



    .cast-box {
        margin-top: 30px;
        border-radius: 10px;
        border: 1px solid #26a93d;
        padding: 0;
        overflow: hidden;
    }


        .cast-box .half h5 {
            padding-top: 15px;
            text-align: center;
            font-weight: bold;
        }

        .cast-box img {
            border: none;
        }

        .cast-box .cast-txt {
            padding: 15px 5px 25px 10px;
        }

    .cale {
        background-color: #fff;
    }

    .cast {
        background-color: #ccffcc;
    }


    /*** Prod Media Query ***************/
/*
    @media (max-width: 720px) {
        #prod-info img {
            width: 100%;
        }
    }
*/

    @media (max-width: 820px) {
        .prod-box .img-line,
        #prod-info .img-line {
            width: 95%;
        }
    }

    @media (max-width: 1023px) {
        #prod-row1,
        #prod-row2 {
            background-color: #ddd;
            padding: 5px 7px;
        }

        #prod-photo,
        #prod-color,
        #prod-info,
        #prod-other {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin-bottom: 7px;
        }

        .prod-box {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin-bottom: 7px;
            padding: 15px 10px;
        }

    }

    @media (min-width: 1024px) {
        #prod-row1 {
            width: 920px;
            margin: 0 auto;
            padding-top: 20px;
        }

        #prod-photo,
        #prod-color,
        #prod-other,
        #prod-info,
        .prod-box {
            display: inline-block;
            vertical-align: top;
        }

        #prod-photo,
        #prod-color {
            width: 450px;
            padding: 0 15px 40px 15px;
        }

        #prod-photo {
            padding-top: 30px;
        }

        #prod-row2 {
            width: 100%;
            padding: 50px 50px 0 50px;
            margin-top: 50px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,efefef+25&1+2,0+26 */
            background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 2%, rgba(239,239,239,0.04) 25%, rgba(239,239,239,0) 26%); /* FF3.6-15 */
            background-image: url('file:///C:\Users\hamada\OneDrive\App\MVC5\AW_JP_MVC5\B2C\images\line.gif');
            background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(239,239,239,1) 2%,rgba(239,239,239,0.04) 25%,rgba(239,239,239,0) 26%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(239,239,239,1) 2%,rgba(239,239,239,0.04) 25%,rgba(239,239,239,0) 26%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00efefef',GradientType=0 ); /* IE6-9 */
        }

        #prod-row2-inner {
            width: 100%;
            background-color: white;
            border-radius: 10px;
            padding-top: 20px;
        }

        .prod-box,
        #prod-info {
            width: 750px;
            padding: 0 30px 80px 30px;
            border-right: 1px solid #DDD;
        }

        #prod-other {
            margin-left: 10px;
            width: 150px;
        }
    }


    @media (min-width: 700px) {

        .prod-model-design figure {
            margin-right: 30px;
        }

        .box-330 {
            width: 320px;
            margin-right: 10px;
            margin-bottom: 10px;
            display: inline-block;
        }

        .cast-box .half {
            float: left;
            width: 50%;
        }
    }

    /************ Prod End ********************************************************************************************************/
    /*********** Shopping cart start **********************************************************************************************/
    .cart-h3:before {
        content: "■ ";
    }

    .cart-ul {
        margin-bottom: 10px;
    }

        .cart-ul li {
            list-style-type: none;
            line-height: 150%;
            border-bottom: 1px dotted #CCC;
            padding: 20px 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

    .cart-imag,
    .cart-dele {
        text-align: center
    }

    .cart-prod {
        font-weight: bolder;
    }

    .cart-mony {
        font-size: large;
        font-weight: bolder;
    }

    .cart-quan,
    .cart-tax {
        font-size: small;
        color: #666;
    }

    .cart-evet {
        color: blue;
    }

    .cart-dele a:link,
    .cart-dele a:visited {
        color: darkgrey;
    }

    .cart-sum {
        font-weight: bolder;
        padding: 5px 20px;
        text-align: right;
        font-size: 18px;
    }

    .cart-btn {
        width: 70%;
        max-width: 400px;
    }


    .cart-empty {
        width: 230px;
        margin: 40px auto 25px auto;
    }

        .cart-empty figcaption {
            color: #0a4e97;
            font-size: 18px;
            font-weight: bolder;
            padding: 5px 0;
            text-align: center;
            width: 100%;
        }

    /*********** cart **********************************/
    @media all and ( max-width: 480px ) {

        .cart-imag,
        .cart-prod,
        .cart-boxs,
        .cart-dele {
            width: 97%;
            margin-bottom: 15px;
        }
    }

    @media (min-width: 481px ) and ( max-width: 1023px) {

        .cart-empty {
            margin: 15px auto 25px auto;
        }

        .cart-boxs {
            width: 70%;
            margin-top: 10px;
        }

        .cart-dele {
            width: 29%;
        }
    }
    /*********** cart ************************/
    @media (max-width: 1023px) {

        #cart-outer {
            padding: 5px 10px;
            /*   background-color: #FFF;
            border: 1px solid #CCC;
            border-radius: 5px;
            -moz-box-shadow: -3px 0 3px 3px #EEE;
            -webkit-box-shadow: -3px 0 3px 3px #EEE;
            box-shadow: 1px 3px 8px #333;
            margin: 5px 6px; */
        }
    }
    /********** cart ***********************/
    @media (min-width: 1024px) {

        .cart-top {
            background-image: url('/images/top/mvc-cart-top.jpg');
            background-size: 1024px;
            height: 132px;
        }

        #cart-outer {
            background-color: #FFF;
            width: 900px;
            margin: 0 auto;
            /*   padding: 20px 50px; */
        }

        .cart-imag {
            min-width: 72px;
            margin-right: 20px;
        }

        .cart-prod {
            width: 430px;
            margin-right: 10px;
        }

        .cart-boxs {
            width: 290px;
            margin-right: 10px;
        }

        .cart-dele {
            width: 50px;
        }

        .cart-quan,
        .cart-tax {
            font-size: 12px;
        }
    }
    /************ shopping cart end ***********************************************************************************************/
    /************** Tracking    ***************************************************************************************************************************************************************/
    .track-form {
        margin: 50px auto;
        width: 90%;
        text-align: center;
        padding: 15px 40px;
        background-color: #ddd;
    }

    .track-p {
        color: #A1A1A1;
        margin: 15px 0;
    }

    .track-errmsg {
        margin-top: 5px;
        color: #b50000;
    }

    .ic-pink {
        background-image: url('/images/ic_pink.gif');
        background-repeat: no-repeat;
        background-position-y: center;
        padding-left: 10px;
        text-align: left;
    }


    /*******************/

.track-title {
    padding: 40px 0;
    text-align: center;
    font-size: 16px;;
    font-weight: bold;
    text-shadow: 2px 2px 2px #a9a9a9;
}


    .track-ul {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
    }

        .track-ul li {
            list-style-type: none;
            line-height: 150%;
            border-bottom: 1px dotted #CCC;
            padding-top: 10px;
            padding-bottom: 10px;
            align-items: center;
        }

    .track-h3 {
        width: 100%;
        color: #9370DB;
        font-size: 14px;
        font-weight: bold;
        background-image: url('http://www.autowear.live/images/ic_pink01.gif');
        padding-left: 20px;
        background-repeat: no-repeat;
    }

    .track-th:before {
        content: " ■ ";
    }

    .track-imag {
        text-align: center;
    }

    .track-imag,
    .track-prod,
    .track-boxs {
        margin-bottom: 10px;
    }

    .prod-desc,
    .prod-evet {
        font-weight: bold;
    }

    .track-boxs {
        padding-left: 20px;
    }

    .track-boxs-th {
        text-align: right;
        padding-right: 10px;
        color: #666;
    }

        .track-boxs-th:after {
            content: ":";
        }

    .track-boxs-td {
        font-weight: bold;
    }

    .paygentForm {
        margin: 20px auto;
    }
    /********************************************************************/
    @media (max-width: 1023px) {

        .track-th {
            background-color: #eee;
        }

        .track-td {
            margin-bottom: 20px;
            line-height: 150%;
        }
    }

    /********************************************************************/
    @media (min-width: 1024px) {

        .track-form {
            width: 50%;
        }

        #tracking {
            width: 900px;
            margin: 0 auto;
            padding-bottom: 70px;
        }

        .track-top {
            background-image: url('/images/top/mvc-track-top.jpg');
            background-size: 1024px;
            height: 172px;
        }

        .bar3d20 {
            width: 100%;
            height: 20px;
            border-radius: 10px;
            border: 1px solid #DDD;
            margin-top: 5px;
            margin-bottom: 5px;
            background: rgb(255,255,255); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        }

        .track-category {
            display: flex;
            flex-wrap: wrap;
        }

        .track-ul li {
            display: flex;
            flex-wrap: wrap;
        }

        .track-imag {
            width: 10%;
        }

        .track-prod {
            width: 45%;
        }

        .track-boxs {
            width: 45%;
        }

        .track-th,
        .track-td,
        .track-td-coll,
        .track-td-full {
            border: 1px solid #DDD;
            padding: 5px 10px;
            margin-bottom: -1px;
            margin-right: -1px;
        }




        .track-th {
            width: 180px;
            background-color: #F7F7F7;
            color: #999;
        }

        .track-td {
            width: 270px;
            background-color: #FFF;
        }

        .track-td-coll {
            width: 718px;
            background-color: #FFF;
        }

        .track-td-full {
            width: 900px;
            background-color: #FFF;
            padding: 15px;
        }
    }
    /***/

    /************** track ******************************************************************************************************************************************************/
    /************** cart check out *********************************************************************************************************************************************/


    .form-table-h3 {
        background-image: url(/images/ic_or01.gif);
        background-repeat: no-repeat;
        background-position: 5px;
        color: #666;
        padding: 5px 0 5px 25px;
    }

    .form-table {
        width: 97%;
        margin: 0 auto 10px auto;
        border-spacing: 1px;
    }

    .form-table-pay {
        width: 97%;
        margin: 0 auto;
        background-color: #F9FBF0;
        border-spacing: 1px;
        border: 1px solid #E8F0C4;
        padding: 15px 20px;
    }

    .form-th {
        vertical-align: middle;
        background-color: #F7F7F7;
        background-image: url(/images/ic_column.gif);
        background-repeat: no-repeat;
        background-position: 5px;
        padding-left: 20px;
        color: #A1A1A1;
        font-size: 13px;
    }

    .form-td {
        vertical-align: middle;
        padding: 2px 5px;
        background-color: #FFF;
    }

    .form-th2 {
        vertical-align: middle;
        background-image: url(/images/ic_column.gif);
        background-repeat: no-repeat;
        background-position: 25px;
        padding-left: 40px;
        color: #A1A1A1;
    }

    .form-td2 {
        padding: 2px 5px;
        vertical-align: middle;
        color: #A1A1A1;
    }

    .form-cont {
        display: block;
        height: 26px;
        padding: 3px 6px;
        line-height: 1.428571429;
        color: #555555;
        vertical-align: middle;
        background-color: #ffffff;
        border: 1px solid #C2C2C2;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

        .form-textarea:focus,
        .form-cont:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        }


    .form-memo {
        width: 97%;
        margin: 0 auto 50px auto;
    }

    .form-textarea {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 10px 15px;
        line-height: 1.428571429;
        color: #555555;
        border: 1px solid #C2C2C2;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

    .form-dot {
        border-bottom: 1px #C2C2C2 dotted;
        width: 100%;
        height: 2px;
        margin: 10px 0;
    }

    .dark-orange {
        color: #CD853F;
        padding-left: 25px;
    }

    .red-circle {
        background-image: url(/images/ic_redball.gif);
        background-repeat: no-repeat;
        background-position-x: 15px;
        background-position-y: 9px;
        padding-left: 25px;
    }

    .form-br {
        height: 15px;
    }

    .bg-F9FBF0 {
        background-color: #F9FBF0;
    }

    .form-center {
        text-align: center;
    }

    .form-220px,
    .form-350px {
        width: 95%;
    }

    .form-300px {
        width: 300px;
    }


    /*********************************/
    @media ( max-width: 1023px ) {

        .form-checkout {
            width: 97%;
            margin: 30px auto;
        }

        .form-tr {
            margin-bottom: 20px;
        }



        .form-addr {
            width: 95%;
        }
    }

    @media (min-width: 700px) {

        .form-220px {
            width: 220px;
        }

        .form-350px {
            width: 350px;
        }

        .form-150px {
            width: 150px;
        }
    }

    /*********************************/
    @media ( min-width: 1024px ) {

        .form-checkout {
            width: 900px;
            margin: 50px auto;
        }

        .form-table,
        .form-table-pay,
        .form-memo {
            width: 800px;
        }

        .form-table {
            display: table;
            background-color: #DDD;
        }

        .form-tr {
            display: table-row;
        }

        .form-th,
        .form-th2,
        .form-td,
        .form-td2 {
            display: table-cell;
        }

        .form-th {
            width: 20%;
        }

        .form-td {
            width: 80%;
        }

        .form-td-span {
            display: flex;
        }

        .form-checkout input[type=text] {
            display: inline-block;
        }

        .form-addr {
            width: 500px;
        }
    }

    /*******************************/
    @media (min-width: 768px) {
        .form-inline .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle;
        }

        .form-inline .form-control {
            display: inline-block;
        }

        .form-inline .radio,
        .form-inline .checkbox {
            display: inline-block;
            padding-left: 0;
            margin-top: 0;
            margin-bottom: 0;
        }

            .form-inline .radio input[type="radio"],
            .form-inline .checkbox input[type="checkbox"] {
                float: none;
                margin-left: 0;
            }
    }

    /**********自動車用品 *******************************************************************************************************************************************************/

    .acc-ul {
        list-style-type: none;
    }

    .acc-li {
        width: 250px;
    }
    /**********自動車用品 End*******************************************************************************************************************************************************/
    /************** kiji **********************************************************************************************************************************************************/

    .kiji-box {
        margin-top: 30px;
        margin-bottom: 70px;
    }

    .kiji-li .kiji-li-model:before {
        content: url('/images/bu_cr02.gif')
    }

    .kiji-li {
        padding: 7px 0;
        border-bottom: 1px dotted #999;
    }

    .kiji-li-quan input {
        display: inline;
    }
    /****************************/
    @media (max-width: 1023px) {

        .kiji-li-title {
            display: none;
        }

        .kiji-li-model,
        .kiji-li-color,
        .kiji-li-spec,
        .kiji-li-price,
        .kiji-li-quan,
        .kiji-li-sumit {
            display: block;
            text-align: center;
            padding: 5px 0;
        }
    }

    /****************************/
    @media (min-width: 1024px ) {

        .kiji-top {
            background-image: url('/images//top/mvc-kiji-top.jpg');
            background-size: 1024px;
            height: 170px;
        }

        .kiji-li-title {
            color: #999;
            font-weight: bold;
            padding: 10px 0;
            border-radius: 10px;
            border: 1px solid #DDD;
            margin-top: 5px;
            margin-bottom: 5px;
            background: rgb(255,255,255); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        }


        .kiji-li-model,
        .kiji-li-color,
        .kiji-li-spec,
        .kiji-li-price,
        .kiji-li-quan,
        .kiji-li-sumit {
            display: inline-block;
        }

        .kiji-li-color,
        .kiji-li-spec,
        .kiji-li-price {
            width: 120px;
        }

        .kiji-li-model {
            width: 140px;
            padding-left: 30px;
        }

        .kiji-li-sumit {
            width: 100px;
            text-align: center;
            vertical-align: middle;
        }

        .kiji-li-quan {
            width: 120px;
        }
    }

    /******* board *************************************************************************************************************************************************************/

    .bbs-search-form {
        display: flex;
        justify-content: flex-end;
        padding: 4px 10px;
    }

        .bbs-search-form button {
            margin: 0 5px;
        }

    .bbs-list-ul {
        border-top: 1px solid #AE4A7A;
        border-bottom: 1px solid #AE4A7A;
    }

        .bbs-list-ul img {
            margin-right: 5px;
        }

        .bbs-list-ul li {
            list-style-type: none;
            list-style-position: inside;
            line-height: 30px;
            border-bottom: dotted #CCC 1px;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .bbs-list-ul a:link,
        .bbs-list-ul a:visited {
            color: black;
        }

        .bbs-list-ul a:hover {
            text-decoration: none;
            color: blue;
        }



    .bbs-list-subj {
        width: 100%;
        font-size: 17px;
        padding-left: 10px;
        padding-right: 20px;
    }

    .bbs-list-code,
    .bbs-list-writ,
    .bbs-list-date,
    .bbs-list-visi {
        display: inline-block;
        color: #999;
    }

    .bbs-list-code,
    .bbs-list-date,
    .bbs-list-visi {
        text-align: center;
    }

    .bbs-list-code {
        width: 80px;
    }

    .bbs-list-writ {
        color: #2846bb;
    }


    .bbs-list-li-title {
        font-weight: bold;
        text-align: center;
        background-color: #EEE;
        border-bottom: 1px solid #666;
    }

        .bbs-list-li-title .bbs-list-code,
        .bbs-list-li-title .bbs-list-subj,
        .bbs-list-li-title .bbs-list-writ,
        .bbs-list-li-title .bbs-list-date,
        .bbs-list-li-title .bbs-list-visi {
            color: #E39EC5;
        }


    .bbs-page li.active {
        background-color: #FF80AB;
    }

    .bbs-list-total, .bbs-list-page {
        display: inline-block;
        width: 48%;
    }

    .bbs-list-total {
        text-align: left;
        padding-left: 20px;
    }

    .bbs-list-page {
        text-align: right;
        padding-right: 20px;
    }

    /*

    .bbs-page.pagination > .active > a,
    .bbs-page.pagination > .active > span,
    .bbs-page.pagination > .active > a:hover,
    .bbs-page.pagination > .active > span:hover,
    .bbs-page.pagination > .active > a:focus,
    .bbs-page.pagination > .active > span:focus {
        background: #E39EC5;
        border-color: #E39EC5;
    }
*/
    .bbs-btn-space {
        padding-top: 8px;
    }

    /*** board detail *******/
    .bbs-detail-box {
        display: table;
        border-collapse: collapse;
        border-spacing: 1px;
        width: 100%;
        border-top: solid 5px #E39EC5;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .bbs-detail-tr {
        display: table-row;
    }


    .bbs-detail-title,
    .bbs-detail-item {
        display: table-cell;
        border: 1px solid #D8D8D8;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .bbs-detail-title {
        width: 13%;
        background-color: #EEE;
        text-align: center;
        color: #E39EC5;
        font-weight: bold;
    }

    .bbs-detail-item {
        width: 37%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .bbs-detail-subject {
        border: 1px solid #D8D8D8;
        padding: 10px 20px;
        margin-bottom: 5px;
        font-weight: bold;
        background-color: #FBF8FB;
        font-size: 20px;
    }

    .bbs-detail-content {
        border: 1px solid #D8D8D8;
        padding: 20px 20px 50px 20px;
        line-height: 180%;
        margin-bottom: 5px;
        overflow: hidden;
        word-wrap: break-word;
    }

        .bbs-detail-content img {
            max-width : 95%;
        }

        .p-right {
            text-align: right;
            padding-right: 10px;
        }

    .p-margin-bottom-30 {
        margin-bottom: 30px;
        padding-left: 10px;
    }

    .bbs-newold-tb {
        width: 100%;
        margin: 30px 0 5px 0;
    }

        .bbs-newold-tb,
        .bbs-newold-tb th,
        .bbs-newold-tb td {
            border: 1px solid #D8D8D8;
            border-collapse: collapse;
        }

            .bbs-newold-tb th {
                background-color: #EEE;
                width: 60px;
                text-align: center;
                font-weight: normal;
                width: 13%;
            }

            .bbs-newold-tb td {
                background-color: #FBFBFB;
                padding: 5px 15px;
            }

    /**** board delete ************/

    .bbs-delete-form {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .bbs-delete-p {
        margin-top: 60px;
        margin-bottom: 20px;
        text-align: center;
        font-weight: bold;
        font-size: 1.3em;
        color: #b50000;
    }

    /************ board creat ********* */

    .bbs-create-table {
        width: 97%;
        margin: 0 auto 10px auto;
        border-spacing: 1px;
    }

    .bbs-create-th {
        vertical-align: middle;
        color: #E39EC5;
        font-weight: bold;
    }

    .bbs-create-td {
        vertical-align: middle;
        padding: 2px 5px;
        background-color: #FFF;
    }

    .bbs-textarea {
        margin: 10px auto;
        width: 99%;
    }

    .form-100 {
        width: 100%;
    }

    /****************************/
    @media (max-width: 1023px) {
        .bbs-create-tr {
            margin-bottom: 15px;
        }
    }

    /****************************/
    @media (min-width: 1024px) {
        .bbs-create-table {
            display: table;
            border-top: solid 5px #E39EC5;
            background-color: #D8D8D8;
        }

        .bbs-create-tr {
            background-color: #F7F7F7;
            display: table-row;
        }

        .bbs-create-th {
            display: table-cell;
            width: 100px;
            text-align: right;
            padding-right: 15px;
            font-size: 12px;
        }

        .bbs-create-td {
            display: table-cell;
            width: 650px;
            background-color: #fff;
        }

            .bbs-create-td input[type=text] {
                display: inline-block;
            }
    }


    /****************************/
    @media (max-width: 1023px) {

        .bbs-list-ul .bbs-list-li-title {
            display: none;
        }

        .bbs-list-writ,
        .bbs-list-date,
        .bbs-list-visi {
            color: #666;
            font-size: 14px;
        }

        .bbs-list-date {
            margin-left: 10px;
            margin-right: 10px;
        }

        .bbs-list-visi {
            margin-right: 5px;
        }

        .bbs-list-code {
            display: none;
        }

        .bbs-list-writ::before {
            content: "お名前:";
        }

        .bbs-list-visi::before {
            content: "照会:";
        }
    }


    /******** Board *************/
    @media ( min-width: 1024px) {

        .bbs-top {
            background-image: url('/images//top/mvc-bbs-top.jpg');
            background-size: 1024px;
            height: 170px;
        }

        .bbs-list-subj {
            order: 2;
            width: 390px;
            font-size: 12px;
        }

        .bbs-list-code {
            order: 1;
            width: 50px;
        }

        .bbs-list-writ {
            order: 3;
            width: 150px;
        }

        .bbs-list-date {
            order: 4;
            width: 90px;
        }

        .bbs-list-visi {
            order: 5;
            width: 60px;
        }
    }

    /******** Board End ************************************************************************************************************************************************************/
    /************ news ************************************************************************************************************/

    .news-page li.active {
        background-color: #428BCA;
    }

    .news-head {
        margin-top: 50px;
    }

    .news-h3 {
        font-weight: bold;
        font-size: medium;
    }

    .align-r {
        font-size: 12px;
        color: #999;
        margin-left: 20px;
    }

        .align-r a:link,
        .align-r a:visited {
            color: #999;
            text-decoration: none;
        }

    .news-ul {
        border-top: 2px solid #428BCA;
        border-bottom: 2px solid #428BCA;
        margin: 10px 0;
    }

    .news-li-title {
        background-color: #428BCA;
    }

        .news-li-title .news-li-date,
        .news-li-title .news-li-subj,
        .news-li-title .news-li-visi {
            color: white;
            font-weight: bold;
        }

    .news-ul li {
        list-style-type: none;
        list-style-position: inside;
        padding: 5px 8px;
        line-height: 26px;
        border-bottom: 1px dotted #428BCA;
    }

        .news-ul li:last-child {
            border-bottom: none;
        }

    .news-ul a:visited, a:link {
        color: #000000;
    }

    .news-ul a:hover {
        text-decoration: none;
        color: blue;
    }

    .news-li-subj {
        padding-left: 10px;
        padding-right: 10px;
    }

    .news-li-date {
        text-align: center;
        min-width: 90px;
    }

    .news-li-visi {
        text-align: center;
        min-width: 50px;
    }

    /***********************/
    .news-dl {
        margin: 50px 0px;
    }

    .news-dt {
        padding: 10px 10px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .news-dd {
        padding: 10px 10px 5px 10px;
        line-height: 180%;
    }

    .news-dd-div {
        margin-top: 50px;
        border-top: 1px solid #428BCA;
    }

    .news-dd-title {
        color: darkgray;
    }

    .news-dd-item {
        margin-right: 15px;
    }

    .news-p {
        margin-left: 25px;
    }

    /* ###### news #######################*/
    @media all and (max-width: 1023px) {




        .news-li-title,
        .news-li-visi {
            display: none;
        }

        .news-dt,
        .news-dd {
            background-color: #EEE;
            border-radius: 5px;
        }

        /*  +++++ Board ++++++++ */
        .bbs-list-code {
            display: none;
        }
    }

    /****** news ****************************/
    @media all and ( min-width: 1024px) {
        .news-top {
            background-image: url('/images/top/mvc-news-top.jpg');
            background-size: 1024px;
            height: 121px;
        }

        .news-ul li {
            display: flex;
        }

        .news-li-subj {
            width: 580px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .layout-card .news-li-subj {
            width: 630px;
        }

        .news-dt {
            background-color: #428BCA;
            color: white;
        }

        .news-dd {
            border: 1px solid #428BCA;
        }
    }

    /******* news  end *******************************************************************************************************************************************************/
    /******** galley ****************************************************************************************************************************************************** */
    .gall-ul-img {
        display: flex;
        flex-wrap: wrap;
    }

        .gall-ul-img li {
            padding: 5px;
            margin: 10px 0 10px 10px;
            min-width: 150px;
            list-style: none;
            text-align: center;
            border: 1px solid #999;
            border-radius: 5px;
            box-shadow: 2px 2px 5px #999;
            background-color: #F5F5F5;
            cursor: pointer;
        }

            /* MaterializeCss OverRide */
            .gall-ul-img li figure {
                margin: 0;
            }

                .gall-ul-img li figure figcaption {
                    width: 140px;
                    margin: 0 auto;
                }

                .gall-ul-img li figure img {
                    border-radius: 3px;
                }

        .gall-ul-img .gall-fig-num,
        .gall-ul-img time {
            font-size: x-small;
        }


    .pagination li {
        border: 1px solid #e4dddd;
    }

    .pagination {
        margin-top: 30px;
        margin-bottom: 80px;
    }

    .active {
        background-color: orange;
    }

    .btn-space {
        padding: 40px 20px 80px 0;
    }



    /*****************************************************************/

.gall-fig-imag {
    margin-bottom: 10px;
}

    .gall-fig-model,
    .gall-fig-size,
    .gall-fig-code {
        width: 150px;
    }

    .gall-fig-model {
        font-weight: bold;
    }

    .gall-fig-size {
        height: 30px;
    }

    .gall-fig-code {
        height: 20px;
    }

    .gall-fig-num {
        margin-right: 25px;
    }


    /************************************************/
    .gall-ul {
        border-top: 1px solid #BD843E;
        border-bottom: 1px solid #BD843E;
        margin-top: 5px;
    }

        .gall-ul li {
            list-style-type: none;
            list-style-position: inside;
            padding: 4px 0;
            border-bottom: dotted #CCC 1px;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .gall-ul a:link,
        .gall-ul a:visited {
            color: black;
        }

        .gall-ul a:hover {
            text-decoration: none;
            color: blue;
        }

    .gall-li:nth-child(odd) {
        background-color: #FAFAFA;
    }

    .gall-id,
    .gall-size,
    .gall-date,
    .gall-visi {
        display: inline-block;
        text-align: center;
    }

    .gall-visi {
        margin-right: 10px;
    }

    .gall-li-title {
        background-color: #EEE;
        border-bottom: 1px solid #666;
    }

        .gall-li-title .gall-id,
        .gall-li-title .gall-subj,
        .gall-li-title .gall-model,
        .gall-li-title .gall-name,
        .gall-li-title .gall-color,
        .gall-li-title .gall-size,
        .gall-li-title .gall-date,
        .gall-li-title .gall-visi {
            font-weight: bold;
            text-align: center;
            color: #BD843E;
        }

    .gall-subj {
        width: 100%;
        padding: 0 10px;
    }

    .gall-page li.active {
        background-color: #f57f17;
    }


.you-ul {
    margin-top: 20px;
}

    .you-ul li {
        list-style-type: none;
        list-style-position: inside;
        margin-right: 25px;
        /*
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
            */
    }
    /***** gallery ********************/
    @media (max-width: 1023px) {

        .gall-ul .gall-li-title {
            display: none;
        }

        .gall-id,
        .gall-size,
        .gall-date,
        .gall-visi {
            margin-left: 30px;
            color: #666;
            font-size: 12px;
        }

        .gall-model {
            width: 22%;
        }

        .gall-name {
            width: 55%;
        }

        .gall-color {
            width: 23%;
        }

        .gall-size {
            display: none;
        }

        .gall-id::before {
            content: "番号:  "
        }

        .gall-size::before {
            content: "車名: "
        }

        .gall-date::before {
            content: "日付: "
        }

        .gall-visi::before {
            content: "照会数: "
        }

        .gall-detail-table {
            margin-top: 30px;
        }
    }

    /*********** gallery ************************/
    @media (min-width: 1024px ) {

        .gall-top {
            background-image: url('/images//top/mvc-gall-top.jpg');
            background-size: 1024px;
            height: 172px;
        }

        .gall-id {
            width: 30px;
            order: 1;
            text-align: left;
        }

        .gall-model {
            width: 120px;
            order: 2;
        }

        .gall-size {
            color: #4169E1;
            width: 125px;
            order: 3;
            text-align: left;
        }

        .gall-name {
            width: 270px;
            order: 4;
        }

        .gall-subj {
            width: 440px;
            order: 4;
        }

        .layout-card .gall-subj {
            width: 480px;
        }

        .trim-title .gall-subj {
            width: 520px;
        }

        .gall-color {
            width: 120px;
            order: 5;
        }

        .gall-date {
            width: 90px;
            order: 9;
        }

        .gall-visi {
            width: 50px;
            order: 10;
        }

        .gall-id,
        .gall-date,
        .gall-visi {
            font-size: 11px;
            color: #666;
        }

        .gall-detail-title {
            width: 15%;
        }

        .gall-detail-conts {
            width: 35%;
        }

        .gall-detail-subt {
            width: 85%;
            font-weight: bold;
        }
    }

    /**********************************/
    @media all and ( max-width: 480px ) {

        /*** gallery */

        .gall-name a:link {
            color: blue;
        }
    }


    /***** gall detail *****/

    .gall-detail-table {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

        .gall-detail-table span {
            border: 1px solid #CCC;
            padding: 5px 10px;
            margin-bottom: -1px;
        }

    .gall-detail-title {
        width: 20%;
        background-color: #EEE;
        text-align: right;
        font-weight: bold;
        color: #CD853F;
    }

    .gall-detail-subt,
    .gall-detail-conts {
        width: 80%;
    }

    .gall-detail-subt {
        font-weight: bold;
    }


.gall-detail-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 80px;
    padding: 0;
    width: 97%;
}

    .gall-detail-content p {
        width: 90%;
        font-weight: bolder;
        margin: 20px auto;
        border-bottom: 1px dotted #999;
    }

.gall-memo {
    text-align: center;
    padding: 10px;
    margin: 0;
    margin-bottom: 60px;
    /* width: 320px;*/
}

/***********************************/
@media all and (min-width:1024px) {
    .gall-memo {
        width: 350px;
    }
}
/***********************************/

.gall-memo img {
    margin-bottom: 5px;
    width: inherit;
    max-width: 100%;
    height: auto;
}

    .gall-memo figcaption {
        width: 95%;
        margin: 0 auto;
    }

    /**** step3**  */
.gallcontent,
#gallcontent {
    display: block;
    text-align: center;
    width: 97%;
    margin: 0 auto;
}

    .gallcontent img,
    #gallcontent img {
        width: inherit;
        max-width: 100%;
        height: auto;
        border: 1px solid #888888;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .gallcontent figure {
        margin: 0 0 40px 0;
    }

    .gallcontent figure img {
        width: inherit;
        max-width: 100%;
        height: auto;
        border: 1px solid #888888;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin-bottom: 15px;
    }

    .gallcontent .gall-memo-start {
        font-size: 1.4em;
        line-height: 190%;
        padding: 20px 0;
        font-weight: bold;
    }

    .gallcontent blockquote {
        text-align: left;
        font-size: 1.2em;
        line-height: 190%;
        margin: 60px 20px;
        padding: 20px;
        background-color: #baeef7;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border-left: none;
    }


    .gallcontent  blockquote:before {
        content: "\201C";
        font-size: 3em;
        font-family: Georgia;
        color: #bcbcbc;
        float: left;
        margin: -5px 10px 0px -10px;
    }

    .gall-linktomodel {
        font-size: 18px;
        text-align:center;
    }

    .gall-linktomodel a:link,
    .gall-linktomodel a:visited {
        color:black;
    }
/***** gallery  end  ***************************************************************************************************************************************************************/
/******* Off Line shop *********************************************************************************************************************************************************/
.h1-offline-memo {
    width: 90%;
    margin: 0 auto;
    padding: 10px;
    background-color: #fcfcfc;
    font-weight: bold;
    color: #999;
    border-radius: 10px;
}

    .OffShop-ul-tittle {
        background-image: url('/images/ic_blue.gif');
        background-repeat: no-repeat;
        padding-left: 18px;
        font-weight: bold;
        margin: 15px 0;
    }

    .OffShop-ul-ken {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #EEE;
        margin-left: 10px;
        margin-bottom: 60px;
    }

        .OffShop-ul-ken li {
            width: 120px;
            list-style-type: none;
            line-height: 180%;
            color: #4169E1;
        }

        .OffShop-ul-ken a:link, a:visited, a:hover {
            color: #4169E1;
            text-decoration: none;
        }

.OffShop-ul-shop {
    margin: 0;
    padding: 0;
    /*/padding-left: 20px;
        padding-right: 10px; */
        list-style: none;
    }

    .OffShop-ul-shop li {
        /* list-style-image: url('/images/ic_blue01.gif');*/
        line-height: 150%;
        padding: 15px 15px;
    }

    /***********************************/
    @media all and (min-width:1024px) {
        .OffShop-ul-shop li {
            border-bottom: 1px dotted #666;
        }
    }
    /***********************************/


    .OffShop-name {
        color: #4169E1;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .OffShop-url a:link,
    .OffShop-url a:visited,
    .OffShop-url a:hover {
        color: #669933;
    }

    .OffShop-tele a:link,
    .OffShop-tele a:visited,
    .OffShop-tele a:hover {
        color: #000;
    }

    .OffShop-addr {
        margin-bottom: 10px;
    }

    .OffShop-memo {
        color: #666;
    }

    /******* Off Line shop  End *******************************************************************************************************************************************************************/
    /****** FAQ *************************************************************************************************************************************************************************************/

    .faqdl {
        margin-top: 20px;
    }

.faqdl dt {
    color: #EA7500;
    font-weight: bold;
    padding: 15px 10px;
}

.faqdl dd {
    line-height: 150%;
    padding: 10px 15px;
    border-bottom: 1px dotted #CCC;
}

        .faq h2 {
            color: #EA7500;
            font-weight: bold;
            padding: 5px 0;
            font-size: 16px;
        }

.faq p {
    line-height: 150%;
    font-size: 15px;
    padding: 0 15px;
}

.faq-unit {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/****** FAQ END *********************************************************************************************************************************************************************************/
/****** シートカバーについて ********************************************************************************************************************************************************************/
.h3-orange {
    color: #F97F2C;
    padding-top: 15px;
}

    .faq-tip-orange {
        margin: 30px 0;
        padding: 15px;
        background: #fdc;
        border-radius: 10px;
    }

    /*****************************/
    @media all and (min-width:1024px) {
        .seatcover-top {
            background-image: url('/images/top/uphol_top.gif');
            background-size: 1024px;
            height: 159px;
        }
    }

    /****** シートカバーについて END ****************************************************************************************************************************************************************/
    /****** Tokutei *********************************************************************************************************************************************************************************/
    .tokutei-dl {
        margin-top: 50px;
    }

        .tokutei-dl dt {
            font-weight: bold;
            padding: 15px 10px;
        }

        .tokutei-dl dd {
            line-height: 150%;
            padding: 0 30px 20px 30px;
            border-bottom: 1px dotted #CCC;
        }

    /****** Tokutei End ******************************************************************************************************************************************************************************/
    /****** ETC      ******************************************************************************************************************************************************************************/
    .h1-head {
        font-size: 24px;
        line-height: 110%;
        font-weight:bold;
    }

    .h1-title {
        border-bottom: 2px solid #30458F;
        padding-bottom: 3px;
        display: block;
        font-size: 22px;
    }

    .h1-title-note,
    .h1-title-car,
    .h1-title-news {
        width: 100%;
        height: 55px;
        background-repeat: no-repeat;
        background-position: bottom right;
        border-bottom: solid #ccc 1px;
        font-size: 14px;
        color: gray;
        margin-bottom: 10px;
    }

    .h1-title-note {
        background-image: url(/images/TT_faqimg.gif);
    }

    .h1-title-car {
        background-image: url(/images/TT_dataimg03.gif);
    }

    .h1-title-news {
        background-image: url('/images/TT_qnaimg.gif');
    }

.h1-title-tip {
    font-size: 12px;
    color: #424242;
    padding: 0 15px 0px 15px;
}

    .Breadcrumbs {
        min-height: 10px;
    }

        .Breadcrumbs li {
        }




    .push50 {
        width: 100%;
        height: 50px;
    }

    /****** ETC End ******************************************************************************************************************************************************************************/
    /****** DownLoad Start ******************************************************************************************************************************************************************************/
    .down-ul {
        border-top: 1px solid #BD843E;
        border-bottom: 1px solid #BD843E;
    }

        .down-ul li {
            list-style-type: none;
            list-style-position: inside;
            padding: 7px 0;
            border-bottom: dotted #CCC 1px;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .down-ul a:link,
        .down-ul a:visited {
            color: black;
        }

        .down-ul a:hover {
            text-decoration: none;
            color: blue;
        }

    .down-li:nth-child(odd) {
        background-color: #FAFAFA;
    }

    .down-code,
    .down-name,
    .down-exte,
    .down-size {
        display: inline-block;
    }

    .down-code,
    .down-exte,
    .down-size {
        text-align: center;
    }

    .down-size {
        margin-right: 30px;
    }

    .down-li-title {
        background-color: #EEE;
        border-bottom: 1px solid #666;
        font-weight: bold;
        text-align: center;
        color: #BD843E;
    }


    /*********** Down ******************/
    @media (min-width: 1024px ) {
        .down-code {
            width: 50px;
            order: 1;
            text-align: center;
        }

        .down-name {
            width: 450px;
            order: 2;
            text-align: left;
        }

        .down-exte {
            width: 100px;
            order: 3;
            text-align: center;
        }

        .down-size {
            width: 100px;
            order: 4;
            text-align: center;
        }
    }

    /***** Down ********************/
    @media (max-width: 1023px) {

        .down-li-title {
            display: none;
        }

        .down-exte,
        .down-size {
            margin-left: 30px;
            color: #666;
            font-size: 12px;
        }

        .down-name {
            width: 100%;
            margin-left: 30px;
        }

        .down-code::before {
            content: "番号:  "
        }

        .down-exte::before {
            content: "区分: "
        }

        .down-size::before {
            content: "サイズ: ";
        }
    }


    .comp-p,
    .comp-table {
        width: 90%;
    }

    .comp-p {
        margin-bottom: 60px;
    }

    .comp-h4 {
        margin-bottom: 30px;
    }

    .comp-table tr {
        border-bottom: solid 1px #999;
    }

    .comp-table th {
        width: 100px;
        padding: 7px;
    }

    .comp-table td {
        padding: 7px;
        text-decoration: none;
    }

/************************************************************************************************************/
/****** Mummur Start ****************************************************************************************/

.mum-ul-img {
    display: flex;
    flex-wrap: wrap;
}

    .mum-ul-img li {
        padding: 5px 5px 10px 5px;
        margin: 10px 0 10px 10px;
        min-width: 150px;
        list-style: none;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 2px 2px 5px #999;
        background-color: #FFF;
        cursor: pointer;
    }

        /* MaterializeCss OverRide */
        .mum-ul-img li figure {
            margin: 0;
        }

            .mum-ul-img li figure figcaption {
                width: 140px;
                margin: 0 auto;
            }

            .mum-ul-img li figure img {
                border-radius: 3px;
            }

.mum-model {
    margin: 5px 0;
    min-height: 45px;
    color: #333;
}

.mum-price {
    font-family: Arial, Helvetica, sans-serif;
    min-height: 40px;
    font-weight: bold;
    color: black;
}

.mum-price-sale {
    background-color: #850202;
    color: white;
    padding:3px;
    font-weight:normal;
    border-radius: 3px;
}

.mummur {
    margin: 40px auto;
    width: 95%;
}

    .mummur p {
        margin: 10px;
        font-weight: bold;
        font-size: 18px;
        
    }
    .mummur h4 {
        font-weight: bolder;
        margin-bottom:40px;
    }

.mummur-bland {
    color: #d75d5d;
}
.evet-memo {
    color: blue;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.height30 {
    height: 30px;
}

.height50 {
    height: 50px;
}

.height70 {
    height: 70px;
}

.height100 {
    height: 100px;
}

.height150 {
    height: 150px;
}

.prod-figure {
    margin-top: 30px;
    margin-bottom: 100px;
    margin-left: 0;
}

/*********************************/
@media all and (max-width:700px) {
    .prod-figure {
        width: 100%;
    }
}
/*********************************/


    .prod-figure figcaption {
        font-weight: bold;
        font-size: 20px;     
    }

    .prod-figure p {
        line-height: 180%;
    }

.prod-figure img {
    margin: 0 auto;
    margin-bottom: 25px;
}

.f20b-m20 {
    font-weight: bold;
    font-size: 20px;
    margin:20px 0;
}

.f18-m20 {
    font-size: 18px;
    line-height: 180%;
    margin: 20px 0;
}

.f18-lp30 {
    font-size: 18px;
    line-height: 150%;
    padding-left: 15px;
}

.h5-b20m30 {
    font-weight: bold;
    font-size: 20px;
}



/*********************************************************************************************/
/****** ajax loader  ************************************************************************/

.wrap-loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.75);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');
}

    .wrap-loading div {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -21px;
        margin-top: -21px;
    }

.display-none {
    display: none;
}


/*********************************************************************************************/
/****** Seatcover40  Sale 40%  ***************************************************************/

.sale-40-main {
    width: 100%;
    height: 100%;
    background-color: white;
}

.sale-40-top {
    height: 150px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    background-image: url("/images/saleback1.gif")
}

.sale-40-top-text {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    width: 100%;
    color: white;
}

.txt-sale-top-red {
    color: #ff0000;
    font-size: 33px;
    display: inline-block;
}

.txt-sale-top-white {
    color: #fff;
    font-size: 28px;
    display: inline-block;
}

.txt-sale-h1 {
    width: 100%;
    margin: 5px 0;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}

.p-info-grey {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 140%;
}

/*********************************/
@media all and (min-width: 1023px) {
    .p-info-grey {
        width: 740px;
        margin: 0 auto;
    }
}
/*********************************/

.sale-40-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .sale-40-ul a:hover,
    .sale-40-ul a:link,
    .sale-40-ul a:visited {
        color: #000;
        text-decoration: none;
    }

    .sale-40-ul li {
        width: 280px;
        height: 130px;
        border-radius: 15px;
        cursor: pointer;
        list-style: none;
        padding: 7px 1px;
        margin: 10px 15px 15px 15px;
        display: flex;
        align-items: center;
        box-shadow: 3px 3px 13px 2px rgba(0,0,0,0.15);
        padding: 0;
    }


.sale-40-text-area {
    width: 100%;
}

.sale-40-text-car {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.sale-40-text-price {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.sale-40-text-model,
.sale-40-text-color,
.sale-40-text-code {
    display: block;
    text-align: center;
    color: gray;
    font-size: 13px;
    width: 200px;
}

.sale-40-ul li a:link,
.sale-40-ul li a:visited,
.sale-40-ul li a:visited {
    color: #000;
    text-decoration: none;
}

.sale-40-ul li figure img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sale-page li.active {
    background-color: #ff0000;
}

/*********************************************************************************************/
/********* Floor Mats     ********************************************************************/


.floormat-landing-body {
    padding:15px;
}

.floormat-landing-ul {
    display: flex;
    flex-wrap: wrap;
}

    .floormat-landing-ul li a {
        display: flex;
        flex-wrap: wrap;
        margin-bottom:25px;      
    }

.floormat-landing-ul li a:visited,
.floormat-landing-ul li a:hover {
    color: black;
}

.floormat-landing-h2 {
    font-weight: bold;
    font-size: 28px;
}
.floormat-landing-img-area {
    width: 100%;
    text-align: center;
}
.floormat-landing-img {
    max-width: 100%;
    height: auto;
}

.floormat-landing-text-area {
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 60px;
}
.floormat-landing-text-area p {
    font-size: 15px;
}

.floormat-landing-text-price {
    margin: 10px 0 20px 0;
    font-weight: bold;
}
.btn-floormat {
    display: grid;
    place-items: center;
    margin-top: 15px;
}
/*************************************/
@media (min-width: 660px) and (max-width: 1023px) {
    .floormat-landing-text-area {
        width: 85%;
        margin: 0 auto;
        text-align: left;
        padding: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .floormat-landing-top {
        background-image: url("/images/top/main_2018_coil.jpg");
        background-size: 1024px;
        height: 300px;
    }

    .floormat-landing-text-area {
        width: 50%;
        text-align: left;
        padding: 30px;
    }

    .floormat-landing-img-area {
        width: 50%;
        height: 400px;
        display: grid;
        place-items: center;
        padding: 15px;
    }
    .floormat-landing-img {
        width: 100%;
        height: auto;
    }
    .btn-floormat {
        display: inline-block;
        margin-top: 15px;
    }
}
/******* floor mat landing end *******/
/*************************************/

.floormat-top {
    height: auto;
    padding-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.floormat-top-h1 {
    font-size: 40px;
    font-weight: bold;
}

.floormat-top-left {
    width: 100%;
    max-width: 580px;
    padding: 40px;
}

.floormat-top-left-img {
    width:100%;
    height: auto;
}

.floormat-top-right {
    padding: 0 0 15px 0;
    width: 100%;
    max-width: 400px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.floormat-top-right-list-area {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.floormat-top-list li {
    text-align: left;
    font-size: 17px;
    list-style-type:disc !important;
}

.floormat-top-price {
    padding: 25px 0 10px 0;
    font-size: 20px;
    width: 100%;
    text-align: center;
}

/*********/


.floormat-explanation {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.floormat-ul {
    list-style: none;
}
.floormat-ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 40px;
}

.floormat-li-2 {
    display: block !important;
    padding: 0 15px 40px 15px;
}

.floormat-ul li:nth-child(odd) {
    background-color: #e0e0e2;
}

.floormat-li-img-area {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    order: 2;
}


.floormat-li-img-area-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items:flex-start;
}


.floormat-li-img,
.floormat-li-img-2 {
    max-width: 100%;
    height: auto;
    padding:15px;
}


.floormat-li-text-area,
.floormat-li-text-area-2 {
    padding: 1px 25px 0 25px;
}



.floormat-li-text-area h2,
.floormat-li-text-area-2 h2 {
    border-left: 13px solid orange;
    padding: 8px 0 5px 10px;
    font-size: 22px;
    font-weight: bold;
}


.floormat-li-text-area p,
.floormat-li-text-area-2 p {
    font-size: 16px;
    text-align: justify;
}
.floormat-li-text {
    order: 1;
}

.floormat-color-box {
    text-align: center;
    width: 100%;
}

table.floor-color-tb {
    width: 360px;
    margin: 0 auto 20px auto;
    border-collapse: separate;
    border-spacing: 1px;
}

table.floor-color-tb th {
    width: 60px;
    padding: 3px;
    vertical-align: top;
    color: #666;
    font-weight: normal;
}

table.floor-color-tb td {
    padding: 3px;
    vertical-align: top;
    font-weight: bold;
}

/*************************************/
@media only screen and (min-width: 1024px) {
    
    .floormat-top-h1 {
        margin-top: 20px;
    }
    .floormat-top-left-img {
        width: 450px;
        height: auto;
    }
    
    /***********/

    .floormat-li-img-area {
        order:inherit;
        width: 50%;
        padding: 40px;
    }
    .floormat-li-text-area {
        width: 50%;
        padding: 0 60px 20px 60px;
    }

    .floormat-li-text-area-2 {
        padding: 1px 60px 20px 60px;
        order:1;
    }

    .floormat-li-img {
        width: 400px;
        height: auto;
    }

    .floormat-li-img-2 {
        width: 45%;
        height: auto;
        margin-bottom: 10px;
    }
    .floormat-li-text {
        order: inherit;

    }

}
/*********************************************************************************************/
/******** autowear.live/seatcover ***********/
/*********************************************************************************************/
.model-top-img {
    width: 100%;
    height: auto;
    margin-bottom: -5px;
}

.model-cards {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    justify-content: space-between;
}

.model-cards-item {
    display: flex;
    padding: 12px;
}

/**************************************/
@media (min-width: 1024px) {
    .model-cards-item {
        width: 33%;
    }

    .go_to_container {
        padding: 25px;
    }
}

/**************************************/
@media (min-width: 600px) and (max-width:1023px) {

    .model-cards-item {
        width: 50%;
    }
}

.model-card {
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.model-card-image {
    height: auto;
    max-width: 100%;
}

.model-card-content {
    padding: 25px;
}

.model-card-title {
    color: black;
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
}

.model-card-text {
    color: black;
    font-size: 15px;
    padding: 10px 0 0 0;
    text-align: justify;
    width: 0;
    min-width: 100%;
}

.model-desc {
    text-align: center;
    font-size: 18px;
    padding: 10px;
}


.box31 {
    margin: 2em auto;
    margin-bottom: 90px;
    padding: 1em;
    position: relative;
    border: 1px solid #c6d4c6;
    color: #6D8378;
}

.box31:before {
    border-bottom: 30px solid transparent;
    border-left: 30px solid #c6d4c6;
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.box31:after {
    border-left: 30px solid transparent;
    border-bottom: 30px solid #c6d4c6;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.box31 h3 {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 20px 0 30px 20px;
    padding-left: 8px;
}


.box31 h5 {
    font-size: 20px;
    font-weight: bold;
}

.box31 p {
    padding: 10px 0;
    font-size: 17px;
    line-height: 180%;
    font-weight: bold;
}