@charset "utf-8";

/* ------------------------------------------------------------------------------------------------------------------
キーパーラボ（サービス サイドメニューページ要素定義）
車のあらゆる汚れを解決するページ（problem_6(ホイールコーティング), problem_8(ヘッドライトクリーン&プロテクト)でも使用中20261015）

URL: http://www.keeperlabo.jp/
© I-tac Giken. All Rights Reserved.
--------------------------------------------------------------------------------------------------------------------- */
#relateinfoArea .relateinfo {
    background-size: 307px 350px;
    height: 330px;
}

#problem, /* problem_6(ホイールコーティング), problem_8(ヘッドライトクリーン&プロテクト)で使用のため追加 */
#sidemenu {
        .colum_item:nth-of-type(3n+2) {
        margin-left: 8px;
    }
    #item_11 {
        width: 900px;
        .read{
            width: 550px;
        }
    }
    .more .block {
        width: 100%;
        margin-bottom: 0;
    }
    .colum p {
        font-size: 0.8rem;
    }
    .block_body.maU1 {
        margin-bottom: 1rem!important;
    }
    div.new_icon {
        display: inline-block;
        font-size: 1.2rem;
        font-weight: bold;
        margin-right: 0.2rem;
        position: absolute;
        margin-left: 10px;
        margin-top: -30px;
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #e60012;
        text-align: center;
        line-height: 48px;
        span {
            display: block;
            font-size: 6px;
            font-weight: bold;
            line-height: 7px;
            color: #fff;
            position: absolute;
            margin-top: -15px;
            margin-left: 13px;
        }
    }
    #item_01,
    #item_02,
    #item_03,
    #item_04,
    #item_05,
    #item_06,
    #item_07,
    #item_08,
    #item_09,
    #item_10 {
        width: 934px;
        margin: 0;
    }
    .colum_item.twoin,
    .colum_item:nth-of-type(3n+2) {
        display: flex;
        flex-direction: column;
        margin: 0;
    }
    .colum_item .read {
        height: 3rem;
    }
    .colum_item .read.sec_2 {
        height: 6rem;
    }
    .more h2 span {
        display: inline-block;
    }

}
#colum_read {
    width: 840px!important;
}
.block p {
    letter-spacing: 0!important;
}

#problem, /* problem_6(ホイールコーティング), problem_8(ヘッドライトクリーン&プロテクト)で使用のため追加 */
#sidemenu {
    .fender_1,
    .fender_2,
    .fender_3,
    .fender_4,
    .fender_5,
    .fender_6,
    .fender_7,
    .fender_8,
    .fender_9 {
        padding-top: 0;
        width: 100%;
        height: auto;

        .brackets::before {
            content: '【';
            margin-left: -0.3rem;
        }
        .brackets::after {
            content: '】';
        }
        .mt_05 {
            margin-top: 0.5rem !important;
        }
        /* 作業時間 */
        p.fender_times {
            background: #ddd !important;
            font-size: 0.75rem !important;
            font-weight: bold !important;
            line-height: 1rem !important;
            padding: 0.5rem !important;
            display: inline-block !important;
            width: 6rem !important;
        }
        p.fender_times-bkw {
            background: #fff!important;
            border: 1px solid #222!important;
            font-size: 0.75rem !important;
            font-weight: bold !important;
            line-height: 1rem !important;
            padding: 0.5rem !important;
            display: inline-block !important;
            width: auto !important;
            span {
                display: block!important;
                margin-left: 3rem;
                font-weight: bold;
            }
        }
        /* 価格 */
        .fender_price {
            background: #fff;
            font-size: 1rem;
            font-weight: bold;
            padding: 0.5rem;
            width: 6rem;
            text-align: center;
            border: 1px solid #222;
        }
        /* サイズ価格表 */
        .fender_table {
            margin-top: 0.5rem;
            font-size: 0.75rem;
            text-align: center;
            width: 280px;
            line-height: 1.2rem;

            tr, td {
                font-weight: bold;
            }
            tr:first-child {
                background: #eee;
            }
            tr:last-child {
                border-bottom: 1px solid #222;
            }
            td {
                border-left:1px solid #222;
                border-top: 1px solid #222;
                background: #fff;
            }
            td:nth-child(1),
            td:nth-child(3),
            td.bk {
                background: #eee;
            }
            td:last-child {
                border-right:1px solid #222;
            }
            td span {
                font-size: 0.9rem !important;
                border: none !important;
                width: 70px!important; /*auto*/
                margin-right: 0!important;
                font-size: 0.75rem!important;
                font-weight: bold;
            }
        }
        /* 罫線 */
        .b_solid {
            display: block;
            width: 500px;
            height: 1px;
            border-top: 1px solid #222;
        }
        .b_dotted {
            display: block;
            width: 500px;
            height: 1px;
            border-top: 1px dotted #222;
        }
        .w_full {
            width: 840px!important;
        }
        /* block top 太罫線 */
        .line {
            height: 9px;
            width: 100%;
            margin: 0 auto;
        }
        /* h2 下 説明 */
        .h2_detail {
            font-size: 1.1rem !important;
            letter-spacing: -1px !important;
            margin: 0.5rem 0 !important;
            line-height: unset !important;
        }
        /* 但し書き */
        p.note {
            font-size: 0.6rem;
            font-weight: bold;
        }
        /* 改行 */
        br {
            display: block;
        }

        .wrap {
            padding-bottom: 0!important;
            /* height: auto; */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding-bottom: 0;
            width: 100%; /*840px;*/
        }
        .title {
            margin: 0 auto;
            margin: 0 auto;
            width: 840px;

            .b_solid {
                width: 448px;
                height: 1px;
            }
            .b_dotted {
                width: 595px;
                height: 2px;
            }
            div {
                padding-top: 0;
                width:100%;
                height: auto;
                h2 {
                    font-size: 2.2rem !important;
                    letter-spacing: 1px;
                    line-height: 3.2rem;
                    color: #aa6249!important;
                    padding: 0 0 0 0.2rem!important;
                    margin:0!important;
                    border-left: none!important;
                }
                p {
                    margin-top: 0;
                    font-size: 1.65rem;
                    font-weight: bold;
                    letter-spacing: 0 !important;
                    padding:0!important;
                }
                ul {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    margin-top: 0;
                    padding: 0;
                    width: 476px;

                    li {
                        display: flex;
                        align-items: center;
                        padding: 0.4rem;
                    }
                    li:nth-child(1) {
                        background: #eee;
                        width: 96px;
                        font-weight: bold;
                    }
                    li:nth-child(2) {
                        font-size: 1.0rem;
                        letter-spacing: 1px;
                        font-weight: bold;
                    }
                    li:nth-child(2)::before {
                        content:'■';
                    }
                    li.about:nth-child(1) {
                        background: #d3d2c5;
                        width: 96px;
                        font-weight: bold;
                        border: 1px solid #222;
                        border-right: none;
                    }
                    li.about:nth-child(2) {
                        background: #fffded;
                        font-size: 0.75rem;
                        letter-spacing: -1px;
                        font-weight: bold;
                        line-height: 1rem;
                        border: 1px solid #222;
                    }
                    li.about:nth-child(2)::before {
                        content: none;
                    }
                    li.about:nth-child(2)::after {
                        content:none;
                    }
                }
                ul:nth-child(2) {
                    flex-direction: column;
                    li::nth-child(1) {
                        border-bottom: 0;
                        border-right: 1px;
                    }
                }
            }
        }
        .content {
            width: 840px;
            height: auto;
            margin: 1rem auto 0;

            .item {
                display: flex;
                flex-direction: row;
                width: 100%;
                height: auto;
                align-items: baseline;
            }
            .item:nth-child(2) {
                margin-top: 0.5rem;
                margin-bottom: 0.5rem;
            }
            h3 {
                margin-top: 0;
                font-size: 1.65rem!important;
                font-weight: bold;
                display: flex;
                align-items: flex-end;

                span {
                    font-size: 1.4rem!important;
                    font-weight: bold;
                    color: #e60012;
                    border: 2px solid #e60012;
                    padding: 0.2rem 0.5rem;
                    background: #fff;
                }
            }
            h3::before {
                content: '■';
                color: #aa6249;
                font-size: 2.2rem;
                line-height: 2.2rem;
                margin-left: -0.5rem;
            }

            .wrap {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding-bottom: 0;
                width: 840px;
                height: auto;
                p {
                    margin-top: 1rem;
                }
                h2 {
                    padding-bottom: 0 !important;
                }
                h3 {
                    width: 450px;
                }
                div:nth-child(1) {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    width: 810px;
                    height: auto;
                    margin-left: 30px;

                    p {
                        border-bottom: none;
                    }

                    div:nth-child(1) {
                        display: flex;
                        flex-direction: column;
                        width: 580px;
                        margin-left: 0;

                        div.item  {
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            margin-left: 0;
                            padding: 0;
                            width:580px;
                        }
                    }
                    div:nth-child(2) {
                        width: 270px;
                        padding: 0.5rem 1rem;
                        margin-top: 0.5rem;
                        font-size: 0.65rem;

                        p {
                            margin-top: 0;
                            font-weight: bold;
                        }
                        li {
                            font-weight: bold;
                        }
                    }
                }
            }
        }
        h4 {
            font-size: 1rem;
            font-weight: bold;
            letter-spacing: -1px;

            span {
                font-weight: bold;
                color: #e60012;
                border: 2px solid #e60012;
                padding: 0 0.5rem;
                background: #fff;
            }
        }
        h4::before {
            content: '●';
            color: #aa6249;
            font-size: 1rem;
            margin-right: 0.2rem;
        }
        h4.effect {
            margin-top: 1rem;
            margin-left: -0.5rem;
            /* width: 840px; */
            padding-bottom: 0;
        }
        h4.effect::before {
            content:none;
            margin-right: 0;
        }
        .b_solid.effect {
            margin-left: 0;
            padding-bottom: 0;
            /* width: 840px; */
        }

        .effect {
            /* width: 840px; */
            margin-left: 0;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 0.5rem;
            padding-bottom: 1rem;

            p {
                font-size: 0.6rem;
                margin-top:0!important;
            }
        }
    }
}

#problem, /* problem_6(ホイールコーティング), problem_8(ヘッドライトクリーン&プロテクト)で使用のため追加 */
#sidemenu {
    /* 1. 無塗装樹脂パーツーキーパー */
    .fender_1 {
        .line {
            background-color: #aa6249;
        }
        .wrap {
            background: -moz-linear-gradient(to bottom, #fff 40%, #eee)!important;
            background: -webkit-linear-gradient(to bottom, #fff 40%, #eee)!important;
            background: linear-gradient(to bottom, #fff 40%, #eee)!important;
        }
        .title {
            background-image: url(../img/service/sidemenu/back-parts.png)!important;
            background-position: 0 0!important;
            background-size: contain!important;
            background-repeat: no-repeat!important;
            background-position: left bottom!important;
            height: 257px!important;

            h2 {
                letter-spacing: -2px!important;
            }

            div {
                width:600px;
                padding-top: 0.5rem;
                p.detail {
                    margin-bottom: 0.85rem;
                }
                ul {
                    margin-bottom: 0.5rem;
                }
            }
        }
        .sizeList {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 835px;
            height: auto;
            max-width: 835px;
            margin: 0.5rem 0 0 0;
            margin-right: 0;
            ul {
                width: auto;
                height: auto;
            }
            /*
            ul {
                display: flex;
                flex-direction: column;
                width: calc(96% / 10);
                max-width: calc(96% / 10 - 2px);
                height: auto;
            }
            ul:nth-child(1) {
                width: calc(96% / 9 - 2px);
                max-width: calc(96% / 9 - 2px);
            }
            ul:nth-child(2) {
                width: calc(96% / 7 - 2px);
                max-width: calc(96% / 7 - 2px);
            }
            ul:nth-child(3) {
                width: calc(96% / 10 - 2px);
                max-width: calc(96% / 10 - 2px);
            }
            ul:nth-child(4) {
                max-width: calc(96% / 8 - 2px);
            }
            ul:nth-child(5) {
                width: calc(96% / 10 - 2px);
                max-width: calc(96% / 10 - 2px);
            }
            ul:nth-child(6) {
                width: calc(96% / 10 - 2px);
                max-width: calc(96% / 10 - 2px);
            }
            ul:nth-child(7) {
                width: calc(96% / 8 - 2px);
                max-width: calc(96% / 8 - 2px);
            }
            ul:nth-child(8) {
                width: calc(96% / 9 - 2px);
                max-width: calc(96% / 9 - 2px);
            }
            ul:nth-child(9) {
                width: calc(96% / 9 - 2px);
                max-width: calc(96% / 9 - 2px);
            }
            ul:nth-child(10) {
                width: calc(96% / 10 - 2px);
                max-width: calc(96% / 10 - 2px);
            }
            */
            li {
                border: 1px solid #222;
                border-bottom: 0;
                font-size: 0.45rem;
                font-weight: bold;
                padding: 1px;
                line-height: 0.8rem;
                letter-spacing: 0;
                background: #fff;
                width: auto;
                height: auto;
            }
            li.pickup {
                background: #eee;
            }
            li:last-child {
                border-bottom: 1px solid #222;
            }
        }
        .effect {   /* 効果 */
            p {
                font-weight: bold;
                width: 600px;
            }
            .img {
                width: 190px;
                height: 92px;
                img {
                    width: 100%;
                    height: auto;
                }
            }
        }
        .wrapList {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 840px;
            margin-left: 0;
            margin-top: 1rem;

            .txt {
                width: 675px;
            }
            .bk {
                background: -moz-linear-gradient(top, #fff, #d6d5d6)!important;
                background: -webkit-linear-gradient(top, #fff, #d6d5d6)!important;
                background: linear-gradient(to left, #fff, #d6d5d6)!important;
                font-size: 0.65rem;
                padding: 0.5rem;
                p,
                li {
                    font-weight: bold!important;
                }
            }
        }
    }

    /* 10. シリコンウインドウ KeePer */
    .fender_10 * {
        font-weight: bold;
    }

    .fender_10 {
        --main-color10: #00bab5;
        background: linear-gradient(to bottom, #fff, #a4f4f23d)!important;

        .main-color10 {
            color: var(--main-color10);
        }

        .line {
            height: 9px;
            width: 100%;
            margin: 0 auto;
            background-color: var(--main-color10);
        }

        .bkWrap {
            width: 840px;
            margin: 0 auto;
            padding: 2rem 0;

            background-image: url(../img/service/sidemenu/silicon-glass.png);
            background-size: 70%;
            background-repeat: no-repeat;
            background-position: 100% 9.5rem;

            /* タイトルエリア */
            .title-area {
                .title-highlight {
                    display: inline-block;
                    background-color: #fbfb17;
                    border: 2px solid #f8b772;
                    padding: 0 0.5rem;
                    margin-bottom: 0.5rem;
                    font-size: 1.5rem;
                }

                .titile-border {
                    border-top: 1px dotted #222;
                    border-bottom: 1px solid #222;
                    /* margin-bottom: 2rem; */
                }

                .title-text {
                    padding: 0; /* h2の初期化 */
                    font-size: 2.2rem;
                    line-height: 3.2rem;
                    margin: 0;
                    border-left: none;
                }

                .title-detail {
                    font-size: 1.2rem;
                }
            }

            /* 上段 説明エリア */
            .description-area {
                height: 10rem;
                display: flex;
                align-items: center;
                margin-bottom: 1rem;

                .description-detail {
                    font-size: 1rem;
                    line-height: 2rem;
                }
            }

            /* 中段 コンテンツエリア */
            .content-area {
                display: flex;
                align-items: flex-end;
                margin-bottom: 1.5rem;

                /* メンテナンス剤有りグループ */
                .maint-inc-group {
                    display: flex;
                    align-items: flex-end;
                    gap: 1rem;
                    flex: 3;
                }

                /* メンテナンス剤無しグループ */
                .maint-noinc-group {
                    display: flex;
                    flex: 2;
                    justify-content: center;

                    /* メンテナンス剤無しの価格表は強制的に小さく */
                    .table-body {
                        width: 200px!important;
                    }
                }

                /* 縦仕切り点線 */
                .line-vertical {
                    width: 0;
                    border-left: 2px dotted #b0a6a6;
                    margin: 0 10px 0 37px;
                    flex: 0 0 auto;
                    align-self: stretch;
                }

                /* 共通価格テーブル */
                .price-table-box {
                    .table-head {
                        margin-bottom: 0.5rem;
                    }

                    .head-times {
                        display: inline-block;
                        background: #eee;
                        font-size: 0.75rem;
                        padding: 0.1rem 0.5rem;
                        margin-bottom: 0.5rem;
                    }

                    .table-body {
                        font-size: 0.75rem;
                        text-align: center;
                        line-height: 1.2rem;
                        margin-bottom: 0.3rem;

                        width: 255px;

                        tr:first-child {
                            background: #eee;
                        }
                        tr:last-child {
                            border-bottom: 1px solid #222;
                        }
                        td {
                            border-left: 1px solid #222;
                            border-top: 1px solid #222;
                            background: #fff;
                        }
                        td:nth-child(1),
                        td:nth-child(3),
                        td.bk {
                            background: #eee;
                        }
                        td:last-child {
                            border-right:1px solid #222;
                        }
                        td span {
                            font-size: 0.9rem;
                            border: none;
                            width: 70px; /*auto*/
                            margin-right: 0;
                            font-size: 0.75rem;
                        }
                    }

                    .table-text {
                        font-size: 0.6rem;
                        text-align: left;
                    }
                }
                /* END 共通価格テーブル */

                /* ウインドウ撥水メンテナンス */
                .siliconMaint-box {
                    display: flex;
                    height: 8rem;
                    border: 1px solid #adadad;

                    .sm-img {
                        img {
                            display: block;
                            object-fit: cover;
                            width: 60px;
                            height: 100%;
                        }
                    }

                    .sm-box {
                        background: white;
                        width: 210px; /* 変更の余地あり */
                        height: 100%;

                        .sm-description {
                            position: relative;
                            display: flex;
                            width: 11rem;
                            height: 100%;
                            flex-direction: column;
                            justify-content: center;
                            align-items: flex-start;
                            margin: 0 auto;
                            padding-top: 0.2rem;
                        }

                        .sm-ribbon {
                            position: absolute;
                            top: 0%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            background-color: #ffffff;
                            color: #f03e3e;
                            font-size: 0.7rem;
                            border: 1px solid #f03e3e;
                            text-align: center;
                            width: 100%;
                        }

                        .sm-highlight {
                            display: inline-block;
                            font-size: 0.6rem;
                            background-color: #FFF100;
                            padding: 0 6px;
                            margin: 0;
                            line-height: normal;
                        }

                        .sm-title {
                            font-size: 0.7rem;
                        }

                        .sm-note {
                            font-size: 0.6rem;
                        }

                        .sm-desc {
                            font-size: 0.7rem;
                            color: #f03e3e;
                        }

                        .sm-price {
                            width: 100%;
                            font-size: 0.7rem;
                            border: 1px solid #000000;
                            text-align: center;

                            td {
                                padding: 0.2rem;
                                font-size: 0.8rem;
                            }
                        }

                        .price-text {
                            background-color: #eee;
                            border-right: 1px solid #000000;
                        }

                        .price-desc {
                            span {
                                font-size: 0.5rem;
                            }
                        }
                    }
                }
                /* END ウインドウ撥水メンテナンス */
            }

            /* 横仕切り線 */
            .line-horizontal {
                width: 100%;
                border-top: 1px solid #b0a6a6;
                margin-bottom: 1.5rem;
            }

            /* 下段 長所・短所 */
            .pros-cons-area {
                display: flex;
                align-items: center;
                gap: 20px;
                justify-content: space-between;

                .procon-box {
                    display: flex;
                    gap: 1rem;

                    .pros,
                    .cons {
                        display: inline-block;
                        font-size: 1rem;
                        color: white;
                        line-height: normal;
                        padding: 0 2rem;
                    }
                    .procon-desc {
                        font-size: 0.8rem;
                    }
                    .pros {
                        background-color: #0ab60a;
                    }
                    .cons {
                        background-color: #f03e3e;
                    }
                    .pros-highlight {
                        border-bottom: 2px solid #0ab60a;
                    }
                    .cons-highlight {
                        text-decoration: underline wavy #f03e3e;
                    }
                }

                p {
                    margin: auto; /* p全体にmarginが付与されているため初期化 */
                }
                div {
                    width: auto; /* div全体にwidth: 100%;が付与されているため打消し */
                }
            }
        }
    }

    /* 2. 超撥水ウィンドウコーティング */
    .fender_2 {
        padding-bottom: 0;

        .line {
            background-color: #2591b6;
        }
        .wrap {
            background: -moz-linear-gradient(top, #fff, #d5e9f0)!important;
            background: -webkit-linear-gradient(top, #fff, #d5e9f0)!important;
            background: linear-gradient(to bottom, #fff, #d5e9f0)!important;
            padding-bottom: 1rem!important;
            height: auto;

            .bkWrap {
                background-image: url(../img/service/sidemenu/back-window.png);
                background-size: 810px 194px;
                background-repeat: no-repeat;
                background-position: 60% 63%;

                .title {
                    background-image: none;

                    height: auto;
                    p {
                        margin-top: 0.5rem;
                    }
                    h3 {
                        width: 840px;
                    }
                    h2 {
                        color: #2591b6!important;
                        padding-bottom: 0 !important;
                    }
                }
            }
            .content {
                margin-top: 0.5rem;
                table {
                    margin-top: 0.5rem;
                    font-size: 0.75rem;
                    text-align: center;
                    width: 280px;
                    line-height: 1.2rem;

                    tr, td {
                        font-weight: bold;
                    }
                    tr:first-child {
                        background: #eee;
                    }
                    tr:last-child {
                        border-bottom: 1px solid #222;
                    }
                    td {
                        border-left:1px solid #222;
                        border-top: 1px solid #222;
                        background: #fff;
                    }
                    td:nth-child(1),
                    td:nth-child(3),
                    td.bk {
                        background: #eee;
                    }
                    td:last-child {
                        border-right:1px solid #222;
                    }
                    td span {
                        font-size: 0.9rem !important;
                        border: none !important;
                        width: 70px!important; /*auto*/
                        margin-right: 0!important;
                        font-size: 0.75rem!important;
                        font-weight: bold;
                    }
                }
            }
        }
        .effect {
            width: 840px;
            margin: 0 auto;
            margin-top: 1rem;
            padding-bottom: 0;
            p {
                font-size: 0.6rem!important;
                font-weight: bold;
            }
        }
    }

    /* 3. レンズコーティング */
    .fender_3 {
        .line {
            background-color: #015293;
        }
        .wrap {
            background: -moz-linear-gradient(top, #fff, #cdeafc)!important;
            background: -webkit-linear-gradient(top, #fff, #cdeafc)!important;
            background: linear-gradient(to bottom, #fff, #cdeafc)!important;
            padding-bottom: 1rem!important;
            .bkWrap {
                background-image: url(../img/service/sidemenu/back-lens.png);
                background-size: 840px 320px;
                background-repeat: no-repeat;
                background-position: 50% 100%;
                height: 470px;

                .title {
                    background: none;
                    p {
                        margin-top: 0.5rem;
                    }
                    h2 {
                        color: #015293!important;
                        padding-bottom: 0 !important;
                    }
                }

                .detail {
                    font-size: 1.1rem;
                    letter-spacing: -1px !important;
                    margin-top: 0.5rem;
                    margin-bottom: 0.85rem;
                    line-height: unset !important;
                    width: 100%;

                    ol {
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        li {
                            font-size: 1.1rem;
                            font-weight: bold;
                            margin-right: 1rem;
                        }
                        li::before {
                            content: '●';
                            color: #94aed1;
                        }
                    }
                }
                .content {
                    width: 290px;
                    margin-left: 0;
                    margin-top: 0.5rem;

                    .item {
                        display: flex;
                        justify-content: flex-start;
                        flex-direction: column;
                        margin-top: 2rem;
                        width: 240px;
                        p {
                            font-size: 0.85rem;
                            text-align: left;
                            margin-top: 0;
                            width: 100%;
                        }
                        p.small {
                            font-size: 0.6rem;
                            letter-spacing: 1px;
                        }
                        p.small::before {
                            content: '※';
                        }
                        ul {
                            margin-top: 0;
                            flex-direction: column;
                            text-align: left;
                            width: 100%;
                        }
                        li {
                            flex-direction: row;
                            padding-bottom: 0;
                        }
                        li:nth-child(1) {
                            background: #fff;
                            width: 160px;
                            font-size: 1rem;
                            height: 1.5rem;
                            align-items: baseline;
                            border: 1px solid #222;

                            span {
                                font-size: 0.6rem;
                                font-weight: bold;
                            }
                        }
                        li:nth-child(2) {
                            font-size: 0.6rem;
                            width: 160px;
                            text-align: right;
                            justify-content: flex-end;
                        }
                        li:nth-child(2)::before {
                            content: none;
                        }
                    }

                    .effect {
                        margin-top: 1rem;
                        background: #eee;
                        padding: 0.5rem;
                        width: 270px;

                        div:nth-child(1) {
                            width: 180px!important;
                            padding: 0;
                            h3 {
                                font-size: 1.2rem !important;
                                font-weight: bold;
                                background: #fff;
                                padding: 0.2rem 0.5rem !important;
                                align-items: center;
                                justify-content: flex-start;
                                width: 159px;
                            }
                            h3::before {
                                content: none;
                            }
                            p {
                                font-size: 0.65rem;
                                line-height: 0.8rem!important;
                                margin-top: 0.4rem !important;
                                width: auto;
                            }
                            ul {
                                width: 180px;
                                margin-top: 0.4rem;
                                flex-direction: row;
                                font-weight: bold;
                            }
                            li:nth-child(1) {
                                width: 80px;
                                flex-direction: row;
                                background: #fff;
                                border: 1px solid #222;

                                span {
                                    font-size: 0.45rem;
                                    font-weight: bold;
                                    width: 100px;
                                }
                                p:nth-child(1) {
                                    font-size: 0.45rem;
                                    line-height: 0.6rem!important;
                                }
                                p:nth-child(2) {
                                    font-size: 0.45rem !important;
                                    margin-top: 0.4rem !important;
                                    width: 175px;
                                    text-align: right;
                                }
                            }
                            li:nth-child(2) {
                                text-align: left;
                                font-size: 0.45rem !important;
                                padding-left: 0;
                                padding-right: 0;
                            }
                            li:nth-child(2)::before {
                                content: none;
                            }
                        }
                        div:nth-child(2) {
                            display: flex;
                            padding: 0;
                            align-items: center;
                            width: 88px;
                            height: auto;
                            object-fit: cover;
                            align-items: flex-start;

                            img {
                                width: 100%;
                                height: auto;
                            }
                        }
                        p.note {
                            font-size: 0.6rem!important;
                        }
                    }
                }
            }
        }
    }

    /* 4. セット */
    .fender_4 {
        .line {
            background-color: #015293;
        }
        .b_solid {
            margin: 0 auto;
        }

        .wrap {
            background: -moz-linear-gradient(top, #fff, #e3e9f5)!important;
            background: -webkit-linear-gradient(top, #fff, #e3e9f5)!important;
            background: linear-gradient(to bottom, #fff, #e3e9f5)!important;
            padding-bottom: 0!important;
            height: auto !important;
            padding-bottom: 1rem !important;

            .bkWrap {
                .title {
                    background: none;
                    height: auto;
                    margin-top: 1rem;

                    h2 {
                        color: #015293!important;
                        font-size: 1.6rem !important;
                        font-weight: bold!important;
                        margin-left: -0.5rem !important;
                        margin-top: 0.5rem!important;
                        margin-bottom: 0.5rem!important;
                        padding-left: 0!important;
                        border-left: none!important;
                        span {
                            color: #000;
                        }
                        span {
                            font-weight: bold;
                        }
                        span.headlight {
                            color: #006c3c;
                        }
                    }
                    h2::after {
                        content: none;
                    }
                }
            }
        }

        .content {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 840px;
            margin-top: 0.5rem;

            div:nth-child(1) {
                display: flex;
                flex-direction: column;
                width: 100%;

                p {
                    font-size: 0.95rem;
                    font-weight: bold;
                    line-height: 1.4rem;
                    margin-top: 0;
                }
                ul {
                    align-items: baseline;
                    width: 270px;
                    margin-top: 0.5rem;

                    li:nth-child(1) {
                        background: #fff;
                        font-size: 1rem;
                        font-weight: bold;
                        padding: 0.4rem;
                        border: 1px solid #222;

                        span {
                            font-size: 0.6rem;
                            font-weight: bold;
                        }
                    }
                    li:nth-child(2) {
                        font-size: 0.6rem;
                        font-weight: bold;
                    }
                }
            }
            div:nth-child(1)::before {
                content: none;
            }
            div:nth-child(2) {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                width: 590px;

                .item:nth-child(1) {
                    padding: 0.5rem;
                    background: #fff;
                    width: 250px;
                    height: auto;

                    ol {
                        width: 100%;
                        margin-top: 0.4rem;
                        display: flex;
                        flex-wrap: wrap;
                    }
                    li {
                        font-size: 0.5rem;
                        font-weight: bold;
                        line-height: 0.8rem;
                    }
                    li::before {
                        content:'・';
                    }
                }
                .item:nth-child(2) {
                    font-size: 1.5rem;
                    font-weight: bold;
                    align-items: center;
                    height: 100px;
                    width: 1.5rem;
                }

                .item:nth-child(3) {
                    align-items: flex-start;
                    padding: 0.5rem 0.5rem 0 0.5rem;
                    background: #fff;
                    height: 110px;
                    width: 250px;

                    img {
                        width: 100%;
                        height: auto;
                    }
                }

            }
            h3::before {
                content: none;
            }
            ul {
                display: flex;
                flex-direction: row;
                width: 200px;
            }
        }
    }

    /* ヘッドライトクリーン&プロテクト */
    .fender_5 {
        .line {
            background-color: #006c3a;
        }
        .b_solid {
            margin-left: 0;
        }
        .wrap {
            background: -moz-linear-gradient(top, #fff, #d1e5dc)!important;
            background: -webkit-linear-gradient(top, #fff, #d1e5dc)!important;
            background: linear-gradient(to bottom, #fff, #d1e5dc)!important;
            padding-bottom: 1rem !important;

            .bkWrap {
                padding: 1.0rem 0;
                background-image: url(../img/service/sidemenu/back-headprotect.png);
                background-position: 50% 100%;
                background-size: contain;
                background-repeat: no-repeat;
                margin: 0 auto;
                height: 300px;

                .title {
                    margin: 0 auto;
                    h2 {
                        color: #006c3a!important;
                        padding-bottom: 0 !important;
                    }
                }
                .detail {
                    margin-top: 0.5rem;
                    ol {
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        width: 700px;
                        li {
                            font-size: 1.1rem;
                            font-weight: bold;
                            margin-right: 1rem;
                        }
                        li::before {
                            content: '●';
                            color: #a0c0a8;
                        }
                    }
                }
                .content {
                    display: flex;
                    flex-direction: column;
                    div:nth-child(1) {
                        background: #eee;
                        padding: 3px;
                        font-size: 1rem;
                        font-weight: bold;
                        width: 140px;
                    }
                    div:nth-child(2) {
                        ol {
                            margin: 0.5rem 0;
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                        }
                        li:nth-child(1) {
                            background: #fff;
                            font-size: 1rem;
                            font-weight: bold;
                            padding: 0.4rem;
                            width: 6rem;
                            text-align: center;
                            border: 1px solid #222;
                        }
                        li:nth-child(2) {
                            background: none;
                            font-size: 0.6rem;
                            font-weight: bold;
                        }
                    }
                    div:nth-child(3) {
                        li {
                            font-size: 0.6rem;
                            font-weight: bold;
                        }
                        li:before {
                            content: '※';
                            color: #000;
                        }
                    }
                }
            }
            p.fender_times {
                font-size: 0.75rem !important;
                width: 6rem !important;
            }
        }
    }

    /* 6. ホイールコーティング */
    .fender_6 {
        .line {
            background-color: #695c98;
        }
        .b_dotted,
        .b_solid {
            margin-left: 0;
        }
        .b_dotted.item_1 {
            width: 608px!important;
            height: 2px;
        }
        .b_dotted.item_2 {
            width: 612px!important;
            height: 2px;
        }
        .b_solid {
            width: 570px !important;
            height: 1px;
        }
        .wrap {
            background: -moz-linear-gradient(top, #fff, #e1dfeb)!important;
            background: -webkit-linear-gradient(top, #fff, #e1dfeb)!important;
            background: linear-gradient(to bottom, #fff, #e1dfeb)!important;
            padding-bottom: 1rem !important;

            .bkWrap {
                padding: 1.0rem 0;
                background-image: url(../img/service/sidemenu/wheel-back.png);
                background-position: 100% 0%;
                background-size: contain;
                background-repeat: no-repeat;
                margin: 0 auto;
                height: 530px;
                width: 880px;
                margin-right: 0;

                .title {
                    width: 840px;
                    height: auto;
                    margin: 0 auto;
                    margin-left: 0;
                    p:nth-child(2) {
                        line-height: 3rem;
                    }
                    h2 {
                        color: #695c98!important;
                        padding-bottom: 0 !important;
                        line-height: 4rem!important;
                        margin-top: 0.25rem !important;
                        width: 100%!important;
                        height: auto!important;
                    }
                }
                .detail {
                    margin-top: 0.5rem;
                    width: auto;
                    height: auto;
                    ol {
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        width: auto;
                        height: auto;
                        li {
                            font-size: 1.1rem;
                            font-weight: bold;
                            margin-right: 1rem;
                            width: auto;
                            height: auto;
                        }
                        li::before {
                            content: '●';
                            color: #bdb7d4;
                        }
                    }
                }
                .content {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: flex-end;
                    margin-top: 0.5rem;
                    margin-left: 0;
                    height: auto;
                    width: 840px;

                    .wrap-type {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        width: 650px;
                        height: auto;

                        .type {
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            width: 650px;
                            height: auto;
                            margin-bottom: 1rem;
                        }
                        .note {
                            width: 650px;
                            margin-top: 0.5rem;
                            p {
                                font-size: 0.65rem;
                                font-weight: bold;
                                line-height: 1rem !important;
                            }
                            p::before {
                                content: '※';
                                font-weight: bold;
                            }
                            p:nth-child(2),
                            p:nth-child(3) {
                                display: inline-block;
                            }
                            p:nth-child(3) {
                                margin-left: 0.5rem;
                            }
                        }
                    }

                    .item {
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: flex-start;
                        margin: 0;
                        p {
                            font-size: 0.9rem;
                            font-weight: bold;
                        }
                    }
                    h3 {
                        font-weight: bold;
                        padding: 0.5rem;
                        background: #eee;
                        width: calc(304px - 1rem);
                        height: auto;
                    }
                    h3::before {
                        content: none;
                        margin: 0;
                    }
                    .detail {
                        display: flex;
                        flex-direction: row;
                        width: 100%;
                        height: auto;
                        div {
                            width: 200px;
                            height: auto;
                            p {
                                font-size: 0.9rem;
                                font-weight: bold;
                                line-height: 1.2rem!important;
                                margin-bottom: 0.5rem;
                                width: auto!important;
                                height: auto;
                            }
                        }
                        img {
                            display: block;
                            width: auto;
                            height: 90px;
                        }
                    }
                    .list {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        width: 100%;
                        height: auto;
                        table {
                            margin-top: 0.5rem;
                            font-size: 0.75rem;
                            width: 150px;
                            height: auto;
                            line-height: 1.2rem;

                            tr, td {
                                font-weight: bold;
                                padding-top: 0.2rem;
                                padding-bottom: 0.2rem;
                            }
                            tr:first-child {
                                background: #eee;
                            }
                            tr:last-child {
                                border-bottom: 1px solid #222;
                            }
                            td {
                                border-left:1px solid #222;
                                border-top: 1px solid #222;
                                text-align: left;
                                padding: 0.3rem;
                                line-height: 0.8rem;
                                margin:0;
                                width: 100%;
                                height: auto;
                            }
                            td.title {
                                text-align: center;
                            }
                            td:nth-child(1),
                            td:nth-child(3) {
                                background: #eee;
                            }
                            td:last-child {
                                border-right:1px solid #222;
                            }
                            td span {
                                font-size: 0.9rem !important;
                                border: none !important;
                                width: 70px!important; /*auto*/
                                height: auto;
                                margin-right: 0!important;
                                font-size: 0.75rem!important;
                                font-weight: bold;
                            }
                            tr.small {
                                border-bottom: none;
                                td {
                                    font-size: 0.55rem;
                                    font-weight: bold;
                                    text-align: right;
                                    line-height: 0.8rem;
                                    background: none;
                                    border-left: none;
                                    border-right: none;
                                }
                            }
                            td:nth-child(2) {
                                background:#fff;
                            }
                        }
                        img {
                            display: block;
                            margin-top: 1rem;
                            width: 120px;
                            height: auto;
                        }
                    }
                    .type {
                        .item:nth-child(1) {
                            width: 300px;
                            height: auto;
                            max-width: 300px;
                            height: 306px;
                            margin-right: 0.5rem;
                            .detail {
                                width: 304px;
                                height: auto;
                                div {
                                    p.fender_times-bkw {
                                        width: calc(150px - 1rem)!important;
                                        height: auto;
                                    }
                                }
                                img {
                                    width: 104px;
                                    height: 90px;
                                    margin-left: 0;
                                }
                            }
                            .list  {
                                width: 304px;
                                height: auto;
                                img {
                                    width: 140px;
                                    height: auto;
                                }
                            }
                        }
                        .item:nth-child(2) {
                            width: 320px;
                            max-width: 320px;
                            height: 306px;
                            border-left: 2px dotted #222;
                            padding-left: 0.7rem;
                            h3 {
                                width: calc(320px - 1rem);
                            }
                            tr.small {
                                border-bottom: none;
                                td {
                                    font-size: 0.55rem;
                                    font-weight: bold;
                                    text-align: right;
                                    line-height: 0.8rem;
                                    background: none;
                                    border-left: none;
                                    border-right: none;
                                }
                            }
                            .detail {
                                width: 320px;
                                height: auto;
                                div {
                                    width: 320px;
                                    height: auto;
                                }
                            }
                            .list {
                                width: 320px;
                                height: auto;
                                div {
                                    width: 180px!important;
                                    height: auto;
                                }
                                p {
                                    width: calc(180px - 1rem)!important;
                                    height: auto;
                                }
                                table {
                                    width: 180px!important;
                                    height: auto;
                                }
                                img {
                                    width: 120px;
                                    height: auto;
                                }
                            }
                        }
                    }
                    .cleaning {
                        width: 172px;
                        height: auto;
                        .item {
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-start;
                            padding: 1rem;
                            background: #fff;
                            border: 1px solid #222;
                            width: 138px;
                            height: auto;
                            margin-top: 1.6rem;
                            h3 {
                                background: none;
                                padding:0;
                                font-size: 1.3rem !important;
                                letter-spacing: -1px;
                                width: 138px;
                                height: auto;
                            }
                            p {
                                font-size: 0.75rem !important;
                                line-height: 1rem !important;
                                margin-top: 0.2rem;
                                width: auto;
                                height: auto;
                            }
                            p.fender_times {
                                width:calc(138px - 1rem)!important;
                                height: auto;
                            }
                            div {
                                display: flex;
                                flex-direction: row;
                                align-items: baseline;
                                width: 138px;
                                height: 38px;
                                p {
                                    height: calc(38px - 1rem - 2px);
                                }
                                span {
                                    padding:0!important;
                                    border:none!important;
                                    font-size: 0.55rem!important;
                                    font-weight: bold;
                                }
                            }
                            img {
                                margin-top: 0.5rem;
                                width: 138px;
                                height: auto;
                            }
                        }
                    }
                }
            }
        }
    }

    /* 7.マットコーティング */
    .fender_7 {
        .line {
            background-color: #9e0136;
        }
        .b_solid {
            width: 600px !important;
            height: auto;
            margin-left: 0;
        }
        .wrap {
            background: -moz-linear-gradient(top, #fff, #ebd4da)!important;
            background: -webkit-linear-gradient(top, #fff, #ebd4da)!important;
            background: linear-gradient(to bottom, #fff, #ebd4da)!important;

            .bkWrap {
                padding: 1.0rem 0;
                background-image: url(../img/service/sidemenu/back-matwheel.png);
                background-position: 100% 100%;
                background-size: contain;
                background-repeat: no-repeat;
                margin: 0 auto;
                height: 220px;
                width: 880px;
                height: auto;
                margin-right: 0;

                .title {
                    margin: 0 auto;
                    margin-left: -0.5rem;
                    h2 {
                        color: #9e0136!important;
                        padding-bottom: 0 !important;
                        span {
                            color: #e60012!important;
                        }
                    }
                }
                .detail {
                    margin-top: 0.5rem;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    width: 590px;
                    height: auto;
                    div:nth-child(1) {
                        width: 420px;
                        height: auto;
                        height: auto;
                        p {
                            font-size:1.2rem;
                            font-weight: bold;
                            width: 420px;
                            line-height: 1.4rem;
                        }
                    }
                    div:nth-child(2) {
                        width: 150px;
                        height: auto;

                        table {
                            margin-top: 0.5rem;
                            font-size: 0.75rem;
                            width: 150px;
                            height: auto;
                            line-height: 1.2rem;

                            tr, td {
                                font-weight: bold;
                                padding-top: 0.2rem;
                                padding-bottom: 0.2rem;
                            }
                            tr:first-child {
                                background: #eee;
                            }
                            tr:last-child {
                                border-bottom: 1px solid #222;
                            }
                            td {
                                border-left:1px solid #222;
                                border-top: 1px solid #222;
                                text-align: left;
                                padding: 0.3rem;
                                line-height: 0.8rem;
                                margin:0;
                                width: 100%;
                                height: auto;
                            }
                            td.title {
                                text-align: center;
                            }
                            td:nth-child(1),
                            td:nth-child(3) {
                                background: #eee;
                            }
                            td:last-child {
                                border-right:1px solid #222;
                            }
                            td span {
                                font-size: 0.9rem !important;
                                border: none !important;
                                width: 70px!important; /*auto*/
                                height: auto;
                                margin-right: 0!important;
                                font-size: 0.75rem!important;
                                font-weight: bold;
                            }
                            tr.small {
                                border-bottom: none;
                                td {
                                    font-size: 0.55rem;
                                    font-weight: bold;
                                    text-align: right;
                                    line-height: 0.8rem;
                                    background: none;
                                    border-left: none;
                                    border-right: none;
                                }
                            }
                            td:nth-child(2) {
                                background:#fff;
                            }
                        }
                    }
                }
            }
        }
    }

    /* 8.エンジンルーム */
    .fender_8 {
        .line {
            background-color: #779438;
        }
        .b_dotted {
            width: 650px !important;
            height: auto;
        }
        .b_solid {
            width: 650px !important;
            height: auto;
            margin-left: 0;
        }
        .wrap {
            background: -moz-linear-gradient(top, #fff, #e5ead8)!important;
            background: -webkit-linear-gradient(top, #fff, #e5ead8)!important;
            background: linear-gradient(to bottom, #fff, #e5ead8)!important;

            .bkWrap {
                padding: 1.0rem 0 0;
                background-image: url(../img/service/sidemenu/engine-back.png);
                background-position: 100% 100%;
                background-size: contain;
                background-repeat: no-repeat;
                margin: 0 auto;
                margin-right: 0;
                height: 220px;
                width: 880px;

                .title {
                    margin: 0 auto;
                    margin-left: -0.5rem;
                    h2 {
                        color: #779438!important;
                        padding-bottom: 0 !important;
                    }
                }
                .detail {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    width: 650px;
                    height: auto;
                    margin-left: -0.5rem;
                    div:nth-child(1) {
                        display: flex;
                        flex-direction: column;
                        width: 120px;
                        height: auto;
                        margin-top: 0.5rem;
                        p.note {
                            font-size: 0.55rem;
                            width: 100px;
                            height: auto;
                            text-align: right;
                        }
                    }
                    div:nth-child(2) {
                        margin-top: 0.5rem;
                        width: 500px;
                        height: auto;
                        p {
                            font-size: 0.70rem;
                            font-weight: bold;
                        }
                    }
                }
            }
        }
    }

    /* 9.アンダーウォッシュ */
    .fender_9 {
        .line {
            background-color: #e07a00;
        }
        .b_solid {
            margin-left: 0;
        }
        .wrap {
            background: -moz-linear-gradient(top, #fff, #dedede)!important;
            background: -webkit-linear-gradient(top, #fff, #dedede)!important;
            background: linear-gradient(to bottom, #fff, #dedede)!important;

            .bkWrap {
                padding: 1.0rem 0;
                margin: 0 auto;
                height: auto;

                .title {
                    width: 840px;
                    margin: 0 auto;
                    h2 {
                        color: #e07a00!important;
                        padding-bottom: 0 !important;
                    }
                    p.detail {
                        font-weight: bold;
                        font-size: 1.2rem;
                        margin-top:0.5rem;
                    }
                }
                .content {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: flex-start;
                    width: 840px;
                    height: auto;
                    margin:0 auto;

                    .item {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        margin-left: 0;
                        width: 380px;
                        height: 290px;
                        background: #eee;
                        padding: 1rem;
                        p {
                            font-size: 0.85rem;
                            font-weight: bold;
                        }
                        h3 {
                            background: #fff;
                            padding:0.5rem;
                            font-size: 0.9rem;
                            font-weight: bold;
                            width: 364px;
                        }
                        h3::before {
                            content: none;
                        }
                        .wrap-item {
                            margin-top: 0.5rem;
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            width: 100%;
                            div:nth-child(1) {
                                p {
                                    font-size: 0.7rem;
                                    letter-spacing: -1px!important;
                                    font-weight: bold;
                                    line-height: 1.0rem;
                                }
                                p.small {
                                    display: flex;
                                    justify-content: end;
                                    font-size: 0.55rem;
                                    width: 112px;
                                    margin-top: 0.25rem;
                                }
                            }
                            div:nth-child(2) {
                                width: 200px;
                                height: auto;
                                object-fit: cover;
                            }
                                img {
                                    width: 100%;
                                    height: auto;
                                }
                        }
                    }
                    .item:nth-child(2) {
                        background-image: url(../img/service/sidemenu/underwash-2.png);
                        background-position: 94% 30%;
                        background-size: 45%;
                        background-repeat: no-repeat;
                        height: 295px;
                        width: 420px;
                        margin:0;
                        padding-bottom: 0.7rem;
                        h3 {
                            width:250px;
                        }
                        div {
                            p {
                                font-size: 0.7rem;
                                letter-spacing: -1px!important;
                                font-weight: bold;
                                line-height: 1.0rem;
                                margin-top: 0.5rem;
                            }
                        }
                        table {
                            margin-top: 0.6rem;
                            font-size: 0.75rem;
                            width: 150px;
                            line-height: 1.2rem;

                            tr, td {
                                font-weight: bold;
                                padding-top: 0.2rem;
                                padding-bottom: 0.2rem;
                            }
                            tr:first-child {
                                background: #eee;
                            }
                            tr:last-child {
                                border-bottom: 1px solid #222;
                            }
                            td {
                                border-left:1px solid #222;
                                border-top: 1px solid #222;
                                text-align: left;
                                padding: 0.3rem;
                                line-height: 0.8rem;
                                margin:0;
                                width: 100%;
                            }
                            td.title {
                                text-align: center;
                            }
                            td:nth-child(1),
                            td:nth-child(3) {
                                background: #eee;
                            }
                            td:last-child {
                                border-right:1px solid #222;
                            }
                            td span {
                                font-size: 0.9rem !important;
                                border: none !important;
                                width: 70px!important; /*auto*/
                                margin-right: 0!important;
                                font-size: 0.75rem!important;
                                font-weight: bold;
                            }
                            tr.small {
                                border-bottom: none;
                                td {
                                    font-size: 0.55rem;
                                    font-weight: bold;
                                    text-align: right;
                                    line-height: 0.8rem;
                                    background: none;
                                    border-left: none;
                                    border-right: none;
                                    padding-right: 0!important;
                                }
                            }
                            td:nth-child(2) {
                                background:#fff;
                            }
                        }
                        div.btn_wrap {
                            height: 100%;
                            width: 100%;
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            p.btn {
                                width: 49%!important;
                                height: auto;
                                img {
                                    width: 100%!important;
                                    height: auto!important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}