/*************出品車両一覧のテーブル******************/
.wi_tt{
    width:100px;
    }

.wi_no{
    width:270px;
    }

.wi_car{
    width:647px;
    }


.fo_93{
    vertical-align:bottom;
    }

.btn-primary{
    max-width: 100px;
    width: 100%;
    color: #322e25;
    border:1px solid #ffa200;
    /* text-shadow:1px 1px 0px #ffdd88; */
    background: rgb(255,192,0); /* Old browsers */
    /* background: -moz-linear-gradient(top,  rgba(255,192,0,1) 0%, rgba(255,162,0,1) 100%); /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,192,0,1)), color-stop(100%,rgba(255,162,0,1))); /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top,  rgba(255,192,0,1) 0%,rgba(255,162,0,1) 100%); /* Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top,  rgba(255,192,0,1) 0%,rgba(255,162,0,1) 100%); /* Opera 11.10+ */
    /* background: -ms-linear-gradient(top,  rgba(255,192,0,1) 0%,rgba(255,162,0,1) 100%); /* IE10+ */
    /* background: linear-gradient(to bottom,  rgba(255,192,0,1) 0%,rgba(255,162,0,1) 100%); /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc000', endColorstr='#ffa200',GradientType=0 ); /* IE6-9 */
}

.btn-primary:hover{
    background: rgb(255,162,0); /* Old browsers */
    /* background: -moz-linear-gradient(top,  rgba(255,162,0,1) 1%, rgba(255,192,0,1) 100%); /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,162,0,1)), color-stop(100%,rgba(255,192,0,1))); /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top,  rgba(255,162,0,1) 1%,rgba(255,192,0,1) 100%); /* Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top,  rgba(255,162,0,1) 1%,rgba(255,192,0,1) 100%); /* Opera 11.10+ */
    /* background: -ms-linear-gradient(top,  rgba(255,162,0,1) 1%,rgba(255,192,0,1) 100%); /* IE10+ */
    /* background: linear-gradient(to bottom,  rgba(255,162,0,1) 1%,rgba(255,192,0,1) 100%); /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa200', endColorstr='#ffc000',GradientType=0 ); /* IE6-9 */
}

.btn-primary.apply_claim{
    width:60px;
    padding:9px 0px;
    color:#ffffff;
    border-color:#92be06;
    /* text-shadow:0px 0px 0px #ffffff; */
    background: rgb(153,203,0);
    /* background: -moz-linear-gradient(top,  rgba(153,203,0,1) 0%, rgba(134,177,3,1) 100%); */
    /* background: -webkit-linear-gradient(top,  rgba(153,203,0,1) 0%,rgba(134,177,3,1) 100%); */
    /* background: linear-gradient(to bottom,  rgba(153,203,0,1) 0%,rgba(134,177,3,1) 100%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cb00', endColorstr='#86b103',GradientType=0 ); */
}


.btn-primary.apply_claim.trade_date_btn:hover{
    background: rgb(134,177,3,1);
    /* background: -moz-linear-gradient(top, rgba(134,177,3,1) 0%, rgba(153,203,0,1) 100%); */
    /* background: -webkit-linear-gradient(top, rgba(134,177,3,1) 0%,rgba(153,203,0,1) 100%); */
    /* background: linear-gradient(to bottom, rgba(134,177,3,1) 0%,rgba(153,203,0,1) 100%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b103', endColorstr='#99cb00',GradientType=0 ); */
}

.btn-danger{
    width:111px;
    height:36px;
    padding-top:9px;
    color:#7d7d7d;
    border:1px solid #c5c5c5;
    background: rgb(248,248,248); /* Old browsers */
    /* background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
    /* background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
    /* background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

    }
.btn-danger:hover{
    background:#e9e9e9;
}

.add_tender.btn_small, .cancel_tender.btn_small{
    width:auto;
}

.mb30 {
    margin-bottom: 30px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius:4px
}

.pagination > li {
    display:inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius:4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius:4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color:#eee
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color:#428bca
}

.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color:#ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size:18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius:6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius:6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size:12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius:3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius:3px
}


/* _________________________________________

共通

/scrap_trader_auctions/all_index
 - テーブル　【相場検索】落札・流札車両一覧

/trader_auctions/
 - 【出品する】出品車両管理

 _________________________________________ */


 .table-auctions-grid .table-panel:not(:last-child) {
    border-right: 1px solid #e4e4e4;
}

.table-auctions-grid .svg-icon-arrow:after{
    display: none;
}

@media screen and (max-width: 768px){
    .table-auctions-grid .auctions_t_ttl{
        display: inline;
    }
    .table-auctions-grid .auctions_t_ttl:after{
        content: '：';
    }
    .table-auctions-grid .table-auctions-tbody{
        border-bottom: solid 1px #ccc;
        margin-bottom: 10px;
        display: grid;
        /* grid-template-rows: 1fr;
        grid-template-columns: 30% 1fr; */
        grid-template-columns: 1fr;
        padding: 15px;
        grid-gap: 0 5px;
    }
    .table-auctions-grid .table-auctions-tbody .table-panel{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .table-auctions-grid .svg-icon-arrow:after{
        display: block;
        top: 15px;
    }
    .table-auctions-grid .table-panel:not(:last-child) {
        border: none;
    }
}


/*************自社出品管理のテーブル******************/
.trader_auctions_wrap {
    width: 100%;
}
.trader_auctions_wrap th{
    height:50px;
    background:#7f7f7f;
    border:1px solid #e4e4e4;
    color:#fff;
    }
.trader_auctions_wrap th a{
    color:#fff;
    text-decoration:underline;
    font-size:11px;
    }

.trader_auctions_wrap th a:hover{
    text-decoration:none;
    }


.trader_auctions_wrap td{
    height:76px;
    border:1px solid #e4e4e4;
    padding:10px;
    }

.trader_auctions_car{width:176px;}
.trader_auctions_h{width:111px;}


/* オークションステータスアイコンリニューアル版 */
/* 可能であれば下記に移行していく（2016/11/21） */
.auction_status_icon{
    margin:0 auto;
    display:block;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    width:60px;
    height:50px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;    /* Firefox用 */
}
/* アイコン色 */
.icon_red{
    background:#e28887;
}
.icon_green{
    background:#49bdb1;
}
.icon_purple{
    background:#b49ccd;
}
.icon_yellow{
    background:#cec30f;
}
.icon_gray{
    background:#bcb7b7;
}
.icon_blue{
    background:#3832b2;
}
/* 二行→pt10、一行→pt16 */
.icon_pt16{
    padding-top:16px;
}
.icon_pt10{
    padding-top:10px;
}
/* オークションステータスアイコンリニューアル版 */



.mylist_btn{
    width:60px;
}

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

出品車両詳細ページ

**********************************************/
.trader_auctions_view{
    width:1120px;
    }
.trader_auctions .row{ margin:0}
/****************テーブル1*****************/

.view_table_content1{ float:left;}

.view_table_content1 table{
    width:449px;
    }

.trader_auctions_view .view_table_content1 table tr{
    border:1px solid #c5d4d3;
    }

.trader_auctions_view .view_table_content1 table th{
    font-size:13px;
    height:54px;
    width:85px;
    background:#e1f1ef;
    }

.trader_auctions_view .view_table_content1 table td{
    width:139px;
    text-align:left;
    padding-left:12px;
    font-size:11px;
    }

.trader_auctions_view .view_table_content1 table .view_content1_sp1{
    font-size:18px;
    font-weight:bold;
    }



#photo_add{
    font-size:1.2em;
    margin-bottom: 10px;
}
#photo_add .defalut_hidden{
    padding:10px 0px;
    background:#f8f8f8;
    margin-bottom: 10px;
}
#photo_add .col.col-md-3{
    margin-bottom: 15px;
}
#photo_add .photobox{
    width:248px;
    height:168px;
    margin-bottom: 5px;
    border:1px solid #e5e5e5;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;

    overflow:hidden;
}
#photo_add .photobox.add_photo_box{
    background-repeat:no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
#photo_add .photobox.add_photo_box.load_now{
    background-color:#ffffff;
    background-position:50% 50%;
    background-size:63px 63px;
    -moz-background-size:63px 63px;
    -webkit-background-size:63px 63px;
}
#photo_add .photo_delete{
    float: right;
    margin-left: 5px;
}
#photo_add .photobox img{
    width:100%;
    height:auto;
}





/*******他の必須の場合********/

.add_table_1 .add_table2-tr{
    border:1px solid #cb585b;
}

.add_table_1 .add_table2-th{
background: none repeat scroll 0 0 #fdcfd2;
    border: medium none;
    height:54px;
    background:#fdcfd2;
    width:123px;
    border:none;
}



/* _________________________________________ 車両一覧検索結果　ここから */
.auctions_window {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 30px;
    border: 1px solid #e5e5e5;
}

.auctions_window .auctions_window_box {
    width: 100%;
    margin: 0 auto;
    padding: 15px 20px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.auctions_window .auctions_window_box:nth-child(odd) {
    background: #f5f4f0;
}
.auctions_window .auctions_window_inner{
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-grid-columns: 150px 1fr;
    grid-template-columns: 150px 1fr;
    width: 100%;
}
.auctions_window .auctions_window_inner .auctions_window_ttl{
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 1;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
}
.auctions_window .auctions_window_inner .auctions_window_carImg{
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2 / 4;
        grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4;
    margin-right: 10px;
}
.auctions_window .auctions_window_inner .auctions_window_carImg a{
    width: 100%;
    height: 110px;
    display: block;
    overflow: hidden;
    position: relative;
}
.auctions_window .auctions_window_inner .auctions_window_carImg img{
height: auto;
    width: 120%;
    max-width: 120%;
    top: 0;
    left: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.auctions_window .auctions_window_inner .auctions_window_desc {
    align-self: end;
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 2 / 4;
        grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4;
}
.auctions_window .auctions_window_inner .auctions_window_carName {
    -ms-grid-column: 2 / 4;
    grid-column-start: 2;
    -ms-grid-column-span: 2;
    grid-column-end: 4;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
}
.auctions_window .auctions_window_inner .auctions_window_carName .car_name_td{
    color: #3388cc;
    font-weight: bold;
}
.auctions_window .auctions_window_inner .auctions_window_carName .car_rated:before{
    /* content: ' / '; */
}
.auctions_window .auctions_window_inner .auctions_window_carName .car_rated{
    background-color: #535353;
    color: #fff;
    border-radius: 0.3em;
    font-size: 0.9em;
    padding: 0.12em 0.5em 0.1em;
    margin-left: 0.6em;
}
.auctions_window_end_at {
    text-align: right;
    -ms-grid-column: 4;
        grid-column-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
}
.auctions_window .auctions_window_inner .auctions_window_carDesc {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-width: 410px;
}

.auctions_window .auctions_window_inner .auctions_window_carDesc dl{
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 12px;
}
.auctions_window .auctions_window_inner .auctions_window_carDesc dl:not(:first-child){
    border-left: 1px solid #b5b5b5;
    padding-left: 15px;
}
.auctions_window .auctions_window_inner .auctions_window_carDesc dt,
.auctions_window .auctions_window_inner .auctions_window_carDesc  dd{
    margin-bottom: 4px;
}
.auctions_window .auctions_window_inner .auctions_window_carDesc dt{
    width: 35%;
    min-width: 60px;
}

.auctions_window .auctions_window_inner .auctions_window_carDesc  dd{
    width: 65%;
}
.auctions_window_buyout_price {
    margin-top: auto;
    margin-bottom: -5px;
    -ms-grid-column: 3;
        grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-row: 2 / 4;
        grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4;
}
.auctions_window_buyout_price strong {
    font-size:  28px;
}
.auctions_window .auctions_window_inner .auctions_window_tender_count {
    text-align: right;
    align-self: end;
    -ms-grid-column: 4 / 5;
    grid-column-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
}
.auctions_linkArea {
    width: 280px;
    margin-top: auto;
    -ms-grid-column: 4;
        grid-column-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    text-align: right;
}
.auctions_linkArea .flex-box-col{
    justify-content: end;
}
.auctions_linkArea .flex-box-col > div{
    width: 48%;
}
.auctions_linkArea .btn-02:hover{
    background-color:#cc780a;
}
.auctions_linkArea .btn-02.delete_watch_list{
    background-color:#ddd;
    color: initial;
}
.auctions_linkArea .btn-02.delete_watch_list:hover{
    background-color:#ccc;
}
.auctions_linkArea a.watchlist_button {
    font-size: 11px;
    line-height: 1.1em
}
@media screen and (max-width: 768px){
    .auctions_window{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: calc(100% + 20px);
        margin-left: -10px;
        background-color: #f5f4f0;
        border:none;
        padding: 10px;
    }
    .auctions_window .auctions_window_box{
        /* width: calc(50% - 3px); */
        padding:10px;
        background-color: #fff;
        margin: initial;
        margin-bottom: 10px;
        position: relative;
    }
    .auctions_window .auctions_window_box:nth-child(odd){
        background-color: #fff;
    }
    .auctions_window .auctions_window_inner{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; */
        height: 100%;
        font-size: 12px;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    .auctions_window .auctions_window_inner .auctions_window_ttl{
        order:3;
        width: inherit;
        margin-bottom: 3px;
    }
    /* .auctions_window .auctions_window_inner .auctions_window_ttl .auction_id_td{
        display: inline-block;
    } */
    .auctions_window .auctions_window_inner .auctions_window_carImg{
        order:1;
        margin-right: 0;
        width: 50%;
        padding-top: 50px;
    }
    .auctions_window .auctions_window_inner .auctions_window_desc{
        order:2;
        width: 50%;
    }
    /* .auctions_window .auctions_window_inner .auctions_window_desc .auctions_window_carName{
        font-weight: bold;
        color: #3388cc;
        margin-bottom: 0;
    } */

    .auctions_window .auctions_window_inner .auctions_window_carDesc {
        display:block;
        max-width: 410px;
    }
    .auctions_window .auctions_window_inner .auctions_window_carDesc dl{
        width: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        font-size: 12px;
    }
    .auctions_window .auctions_window_inner .auctions_window_carDesc dl:not(:first-child){
        border-left: none;
        padding-left: 0px;
    }
    .auctions_window .auctions_window_inner .auctions_window_carDesc dt,
    .auctions_window .auctions_window_inner .auctions_window_carDesc dd{
        margin-bottom: 3px;
    }
    .auctions_window .auctions_window_inner .auctions_window_carDesc dt{
        width: 45%;
        min-width: 70px;
        background-color: #dfdfdf;
        padding-left: 5px;
    }
    .auctions_window .auctions_window_inner .auctions_window_carDesc  dd{
        width: calc(55% - 5px);
        margin-left: 5px;
    }

    .auctions_window .auctions_window_inner .auctions_window_carName{
        order: 4;
        margin-bottom: 0;
    }
    .auctions_window .auctions_window_inner .auctions_window_carName .icon_popular{
        position: absolute;
        top: 0;
        left: 0;
        font-weight: normal;
    }
    .auctions_window .auctions_window_inner .auctions_window_carName .car_rated{
        /* display: block; */
    }
    .auctions_window .auctions_window_inner .auctions_window_carName .car_rated:before{
        display: none;
    }
    .auctions_window .auctions_window_inner .auctions_window_buyout_price{
        order:5;
        width: inherit;
    }
    .auctions_window .auctions_window_inner .auctions_window_buyout_price strong{
        font-size: initial;
    }
    .auctions_window .auctions_window_inner .auctions_linkArea{
        order:8;
    }
    .auctions_window .auctions_window_inner .auctions_linkArea .btn-01{
        width: 100%;
    }
    .auctions_window .auctions_window_inner .auctions_window_carImg img{
        width: 100%;
        max-width: initial;
    }
    .auctions_linkArea{
        margin-top: initial;
        width: 100%;
    }
    .auctions_linkArea .flex-box-col > div{
        width: 100%;
    }
    .auctions_linkArea .btn-02{
        padding: 10px;
        width: 100%;
    }
    .auctions_linkArea .btn-02:hover{
        background-color:#fe9201;
    }
    .auctions_linkArea .btn-02.delete_watch_list:hover{
        background-color:#ddd;
    }
    .auctions_window .auctions_window_inner .auctions_window_tender_count{
        order:7;

    }
    .auctions_window .auctions_window_inner .auctions_window_end_at{
        order:6;
        align-self: center;
    }
}

/* _________________________________________ 車両一覧検索結果　ここまで */


/* _________________________________________ 出品車両編集画面 */
.exhibition_editArea{
    max-width: 853px;
    width: calc(100% - 10px);
    margin: 0 auto 30px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding:20px 15px 0;
}
.exhibition_editArea_ttl{
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0px 6px 0px;
    border-left: 5px solid #333333;
    line-height: 1.4;
    font-size: 18px;
}
.exhibition_editArea_tr{
    margin-bottom: 20px;
}
.exhibition_editArea_th{
    width: 240px;
    font-size: 14px;
}
.exhibition_editArea_td{
    width: 100%;
}
.exhibition_editArea_td .flex-box-col{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.exhibition_editArea .btnArea .flex-box-col{
    max-width: 500px;
    margin: 0 auto;
}
.exhibition_editArea .btnArea input.grandient-green{
    font-weight: bold;
    text-shadow:0 1px #0000005c;
    font-size: 18px;
}
@media screen and (max-width: 768px){
    .exhibition_editArea_tr{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .exhibition_editArea_td .col-xs-2{
        width: 50%;
    }
    .exhibition_editArea_td .col-xs-4{
        width: 50%;
    }
    .exhibition_editArea .btnArea .flex-box-col{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}


.auction_conditions_div {
    width: 558px;
    float: left;
}


.auction_trade_div {
    width: 558px;
    float: left;
}

.auction_price_div {
    width: 450px;
    float: right;
}


.caution_contents {
    clear: both;
    padding-top: 10px;
    padding-bottom: 20px;
}
#bill_breakdown .billing_contents_text {
    font-size: 12px;
}
#bill_breakdown .billing_contents {
    line-height: 1.1;
    padding-right :0;
}



/* _________________________________________ 検索フォーム - エリア・条件を変更する */

.form_add .radio_label {
    position: relative;
    display: inline-block;
    background: #FFFFFF url(../img/radio_off.png) no-repeat 15px 10px;
    margin-right: 0;
    padding: 10px 0 10px 40px;
    width: calc(100% / 3);
    box-shadow: 0 0 0 1px #c3c3c3;
    color: #888888;
    cursor: pointer;
    display: flex;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    float: left;
}
.form_add .radio_label_s{
    font-size: 0.8em;
    width: calc(100% / 5);
    background: #FFFFFF url(../img/radio_off.png) no-repeat 10px 10px;
    padding: 10px 0 10px 32px;
}
.form_add .radio_label:first-of-type {
    border-radius: 3px 0 0 3px;
}
.form_add .radio_label:last-of-type {
    border-radius: 0 3px 3px 0;
}
.form_add .radio_label input {
    position: absolute;
    left: -9999px;
    top: 0;
}
.form_add .radio_label.is-check {
    background-image: url(../img/radio_on.png);
    background-color: #E2F3FF;
    box-shadow: 0 0 0 1px #2294E3;
    font-weight: 700;
    color: #000000;
    z-index: 1;
}
@media screen and (max-width: 768px){
    .search_table .search_value .radio_label:not(:last-of-type){
        margin-right: 0;
        margin-bottom: 5px;
    }
    .radio_label{
        margin-right: 0;
        border-radius: 3px;
    }
    .form_add .radio_label,
    .form_add .radio_label:first-of-type,
    .form_add .radio_label:last-of-type{
        border-radius: 0;
    }
    .form_add .radio_label_s{
        width: calc(100% / 3);
        background-position: 8px 10px;
        padding-left: 26px;
    }
}

/* _________________________________________ 検索フォーム - メーカー車種など入力テーブル */

.t_width{
    max-width:684px;
    width: 100%;
    margin:0 auto;
    margin-bottom:16px;
}

.search_table {
    table-layout: fixed;
    font-size: 13px;
    margin-bottom: 15px;
}
.search_table tr{
    border:1px solid #cdcfcf;
}
.search_table .form-control-short{
    max-width: 160px;
    width: 100%;
}
.search_table .search_value{
    padding: 10px;
    vertical-align: middle;
}
.search_table .search_value .input.select{
    width: 100%;
}
.search_table .search_value.flex-box-col{
    width: 100%;
    max-width: 380px;
    align-items: center;
}
.search_table .search_value.flex-box-col .form-control-element{
    margin:0 2%;
}
.search_table .search_title{
    background-color: #ececec;
    width: 95px;
    text-align: center;
}

@media screen and (max-width: 768px){
    .form-control{
        font-size: 16px;
    }
    .search_table{
        background-color: rgb(245 245 245);
        padding: 15px 10px;
        display: block;
    }
    .search_table tbody {
        display: block;
        width: 100%;
    }
    .search_table tr{
        border: none;
        width: 100%;
        display: block;
    }
    .search_table .table-col{
        width: 100%;
        max-width: initial;
        display: block;
    }
    .search_table .search_title,
    .search_table .search_value{
        display: block;
        width: 100%;
        text-align: left;
    }
    .search_table .search_title{
        background:none;
        padding: 0;
        margin-bottom: 3px;
        font-weight: bold;
    }
    .search_table .search_value{
        max-width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .search_table .search_value.flex-box-col{
        display: flex;
    }
    .search_table .form-control-short{
        width: 100%;
    }
}

/* _________________________________________ 検索フォーム - 都道府県選択パネル/横並びテーブル */

.pref_displayArea{
    border:1px solid #cdcfcf;
    margin-bottom: 20px;
}
.pref_displayArea .flex-box-col{
    align-items: flex-start;
}
.pref_displayArea .flex-box-col #pref_display
.pref_displayArea .flex-box-col .btn{
    margin-left: 20px;
    padding: 15px 10px;
}
.pref_displayArea_ttl,
.pref_displayArea_desc{
    padding: 10px;
    width: 100%;
}
.pref_displayArea_ttl{
    border-bottom:1px solid #cdcfcf;
    background-color: #ececec;
    text-align: center;
}
.pref_displayArea_desc{
}

.pref_displayArea .btn{
    background-color: #fff;
    border-color: #ccc;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    margin-left: 20px;
}
.area_t_width{
    max-width:1000px;
    margin:0 auto;
    margin-bottom: 10px;
    width: calc(100% - 20px);
}
.panel {
}
.panel-body{
}
.panel-body .col-md-offset-3 {
    margin:0;
}
.panel-default {
    border-color:#ddd;
    padding-bottom: 10px;
}
.panel .panel-ttl,
.panel .panel-desc{
    border : 1px solid #DDDDDD;
    padding: 10px;
}
.panel .panel-ttl{
    background: #f6f6f6;
    font-weight : normal;
    width: 270px;
}
.panel .panel-ttl a{
    font-weight: normal;
}
.panel .panel-desc{
    font-weight: normal;
}
.panel-desc label{
    margin-right: 25px;
}
@media screen and (max-width: 768px){
    .area_t_width{
        width: 100%;
    }
    .pref_displayArea .flex-box-col{
        flex-direction: column;
    }
    .panel tr:not(:last-of-type),
    .panel tr:not(:last-of-type) .panel-ttl{
        border-bottom: none;
    }
    .panel .panel-ttl,
    .panel .panel-desc{
        display: block;
        width: 100%;
        border-right: none;
        border-left: none;
    }
    .panel .panel-ttl{
        padding: 5px 10px;
    }
    .panel .panel-desc{
        border-top:none;
        border-bottom: none;
        padding: 10px 0;
    }
    .panel tr:last-of-type .panel-desc{

        padding-bottom: 0;
    }
    .panel .panel-desc .input.select{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0px 10px 0;
    }
    .panel .panel-desc label {
        border: 1px solid #ddd;
        width: calc(50% - 5px);
        display: inline-block;
        padding: 10px;
        border-radius: 3px;
        background: #f6f6f6;
        margin-right: 0;
    }
    .panel tr:not(:last-of-type) .panel-desc label{
        margin-bottom: 6px;
    }
    .pref_displayArea .btn{
        margin: 10px auto 0;
    }
}

/* _________________________________________

共通

/scrap_trader_auctions/all_index
 - テーブル　【相場検索】落札・流札車両一覧

/scrap_trader_auctions/mylist/
 - テーブル【落札・受注管理】車両一覧

/trader_auctions/
 - 【出品する】出品車両管理
 _________________________________________ */

.auctions_day{width:81px;}

.auctions_no{width:94px;}

.auctions_tel{width:110px;}

.auctions_ba{width:142px;}

.auctions_nen{width:59px;}

.auctions_car{width:144px;}

.auctions_kyo{width:87px;}

.auctions_gai{width:64px;}

.auctions_sya{width:71px;}

.auctions_jisou{width:66px;}

.auctions_h_day{width:89px;}

.auctions_r{width:76px;}

.auctions_h{width:138px;}
.auctions_h.tender_btn_h{width:64px;}

.table-auctions {
    border: 1px solid #e4e4e4;
    font-size: 12px;
    margin-bottom: 30px;
}
.table-panel .btn.sp{
    display: none;
}
.table-auctions .table-auctions-tbody:not(:last-child){
    border-bottom: 1px solid #e4e4e4
}

.table-auctions .table-panel:not(.sp){
    /* width: 100%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    word-wrap: break-word;
    word-break: break-all;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    text-align: center;
    align-items: center;
}

.table-auctions .table-panel:not(:last-child){
    border-right: 1px solid #e4e4e4;
}
.table-auctions-thead,
.table-auctions-tbody{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
            align-items: stretch;
}

.table-auctions-thead .table-panel{
    background-color: #7f7f7f;
    border-color: #fff;
    color: #fff;
    padding: 8px 2px;
    font-size: 11px;
    text-align: center;
}
.table-auctions-thead .table-panel a{
    color: #fff;
    text-decoration: underline;
}

.table-auctions-tbody{
    color: #333;
}

.table-auctions-tbody .table-panel{
    padding: 5px;
}
.table-auctions-tbody .table-panel .table-panel-img{
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.panel-link{
    display:inline-block;
}

.s_n,
.s_e,
.s_e2,
.s_e3,
.s_e4,
.s_s{
    padding: 9px 0;
	margin:0 auto;
	display:block;
	width:60px;
    color: #fff;
    width: 60px;
    line-height: 1.4;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
}
.s_n{
	background:#49bdb1;
}
.s_e{
    background: #e28887;
}
.s_e2{
	background:#b49ccb;
}
.s_e3{
	background:#e28887;
}
.s_e4{
	background:#b49ccb;
}
.s_s{
	background:#bcb7b7;
}
.status_num_1{
	background: #3832b2;
}
.status_num_3{
	background: #cec30f;
}
.status_num_scrap{
	background:#49bdb1;
}



@media screen and (max-width: 768px){
    .auctions_day{width:81px;}

    .auctions_no{width:94px;}

    .auctions_tel{width:110px;}

    .auctions_ba{width:142px;}

    .auctions_nen{width:59px;}

    .auctions_car{width:144px;}

    .auctions_kyo{width:87px;}

    .auctions_gai{width:64px;}

    .auctions_sya{width:71px;}

    .auctions_jisou{width:66px;}

    .auctions_h_day{width:89px;}

    .auctions_r{width:76px;}

    .auctions_h{width:138px;}
    .auctions_h.tender_btn_h{width:64px;}

    .table-auctions .table-panel.pc{
        display: none;
    }
    .table-panel .btn.sp{
        display: block;
        /* white-space: pre-line; */
        word-break: break-all;
    }
    .auctions .content_tt{
        background: none;
        border-bottom: none;
        margin: 0;
        padding: 0;
    }
    .table-auctions{
        border:none;
        background-color: #f6f6f6;
        width: calc(100% + 20px);
        position: relative;
        left: -10px;
    }
    .table-auctions-thead{
        display: none;
    }
    .table-auctions-tbody .table-panel{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding:0;
        text-align: left;
        font-size: 12px;
    }
    .auctions_t_desc{
        display: block;
    }
    .auctions_t_desc br,
    .table-panel br{
        display: none;
    }
    .table-panel-wrap{
        width: 100%;
        border: solid 1px #a0a0a0;
        border-radius: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 6px;
        padding: 8px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .table-panel-wrap .panel-wrap-item{
        max-width: 300px;
        width: 100%;
    }
    .table-panel-wrap .btn{
        /* width: 100%; */
        /* max-width: 100%; */
        padding: 15px 5px;
        font-size: 1.4em;
        border-radius: 8px;
        font-weight: bold;
        /* -webkit-box-shadow: 1px 2px 0px 0px #01010140; */
                /* box-shadow: 1px 2px 0px 0px #01010140; */
        margin-bottom: 5px;
        line-height: 1.2;
    }
    .table-auctions .table-panel:not(.sp){
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
    -webkit-box-align:initial;
        -ms-flex-align:initial;
            align-items:initial;
    }
    .table-auctions .table-panel:not(:last-child){
        border-right:none
    }
    .s_n,
	.s_e,
	.s_e2,
	.s_e3,
	.s_e4,
	.s_s,
	.status_num_1,
	.status_num_3,
	.status_num_scrap{
		width: initial;
	    font-weight: normal;
	    padding: 0;
	    border-radius: 0;
	    background: none;
	    color: #333;
	    margin: 0;
	}
	.s_n{
		color:#49bdb1;
	}
	.s_e{
	    color: #e28887;
	}
	.s_e2{
		color:#b49ccb;
	}
	.s_e3{
		color:#e28887;
	}
	.s_e4{
		color:#b49ccb;
	}
	.s_s{
		color:#bcb7b7;
	}
	.status_num_1{
		color: #3832b2;
	}
	.status_num_3{
		color: #cec30f;
	}
	.status_num_scrap{
		color:#49bdb1;
	}
}


/* _________________________________________


/scrap_trader_auctions/all_index
 - テーブル　【相場検索】落札・流札車両一覧

  _________________________________________ */

/*  ページ上部バナー　ここから*/
.flow_bnrArea{
    max-width: 1000px;
    margin: 0 auto 40px;
}
.flow_bnrArea a{
    text-decoration: underline;
}
/*  ページ上部バナー　ここまで*/

.table-allindex .table-auctions-tbody:hover{
    background-color: #ffe55c2e;
    opacity: 0.8;
}
.table-allindex .table-panel:not(.sp){
    width: calc(100% / 12);
}
.table-allindex .table-panel.end_at,
.table-allindex .table-panel.trade_date {
    width: 85px;
}
.table-allindex .table-panel.auction_no,
.table-allindex .table-panel.mileage,
.table-allindex .table-panel.runnable
{
    width: 75px;
}
.table-allindex .table-panel.address,
.table-allindex .table-panel.car_info,
.table-allindex .table-panel.color
{
    width: 120px;
}

.table-allindex .successful_amount .amount_for_order {
    font-weight: bold;
    font-size: 1.1em;
}

@media screen and (max-width: 768px){
    .table-allindex .table-panel:not(.sp){
        width: 100%;
    }
    .table-allindex .table-auctions-tbody:hover{
        background-color: initial;
        opacity: 1;
    }
    .table-allindex .table-panel.photo {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
        -ms-grid-row: 1;
        -ms-grid-row-span: 5;
        grid-row: 1 / 6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
    }
    .table-allindex .table-panel.mpdel_year {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-allindex .table-panel.mileage {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-allindex .table-panel.color {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-allindex .table-panel.fuel {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-allindex .table-panel.runnable {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        -ms-grid-row: 4;
        grid-row: 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-allindex .table-panel.address {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
        -ms-grid-row: 5;
        grid-row: 5;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-allindex .table-panel.auctions_no {
        -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5;
        -ms-grid-row: 6;
        grid-row: 6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .table-allindex .table-panel.car_info {
        -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
                order: 6;
        -ms-grid-row: 7;
        grid-row: 7;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .table-allindex .table-panel.end_at {
        -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
                order: 7;
        -ms-grid-row: 8;
        grid-row: 8;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .table-allindex .table-panel.trade_date {
        -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
                order: 8;
        -ms-grid-row: 9;
        grid-row: 9;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .table-allindex .table-panel.start_price {
        -webkit-box-ordinal-group: 10;
            -ms-flex-order: 9;
                order: 9;
        -ms-grid-row: 10;
        grid-row: 10;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .table-allindex .table-panel.successful_amount {
        -webkit-box-ordinal-group: 11;
            -ms-flex-order: 10;
                order: 10;
        -ms-grid-row: 11;
        grid-row: 11;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .table-allindex .table-panel.photo img{
        padding-right: 10px;
        min-width: 100%;
    }
    .table-allindex .table-auctions-tbody .table-panel.mpdel_year,
    .table-allindex .table-auctions-tbody .table-panel.mileage,
    .table-allindex .table-auctions-tbody .table-panel.color,
    .table-allindex .table-auctions-tbody .table-panel.fuel,
    .table-allindex .table-auctions-tbody .table-panel.runnable
    {
        flex-direction: column;
        align-items: flex-start;
    }
    .table-allindex .successful_amount .amount_for_order {
        font-size: 1.4em;
        color: red;
        margin-left: 10px;
    }
    .table-allindex .table-auctions-tbody .table-panel.car_info {
        font-size: 1.2em;
        font-weight: bold;
        text-align: left;
    }
}

/* _________________________________________


/scrap_trader_auctions/mylist/
 - テーブル【落札・受注管理】車両一覧

 _________________________________________ */
.table-mylist .table-panel:not(.sp){
    width: 100%;
}

.table-mylist .table-panel.end_at,
.table-mylist .table-panel.auction_id,
.table-mylist .table-panel.confirm,
.table-mylist .table-panel.prior_notice,
.table-mylist .table-panel.payment,
.table-mylist .table-panel.trade_schedule,
.table-mylist .table-panel.trade_date,
.table-mylist .table-panel.trade_finish,
.table-mylist .table-panel.successful_amount
{
    width: calc(100% / 10);
}

.table-mylist .table-panel.car_info,
.table-mylist .table-panel.trade_info,
.table-mylist .table-panel.document
{
    width: 150px;
}

.table-mylist .table-panel.yard_info {
    width: 200px;
}


.table-mylist .bid_td p em{
    font-weight: bold;
}
.table-mylist .table-panel-wrap {
    width: 100%;
}
.table-mylist .table-panel-wrap .panel-wrap-item {
    width: 100%;
}
.table-mylist .table-panel-wrap .panel-wrap-item .btn {
    width: 90%;
    max-width: 90%;
}

.table-mylist .successful_amount p em{
    font-weight: bold;
}

#payment_box,
#trade_reservation_box,
#trade_finish_box {
    margin-top: 28px;
}
#payment_box p,
#trade_reservation_box p,
#trade_finish_box p {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
}
#payment_box .form-control,
#trade_reservation_box .form-control,
#trade_finish_box .form-control {
    max-width: 210px;
    margin: 0 auto 20px;
}
#payment_inner,
#trade_reservation_inner,
#trade_finish_inner {
    justify-content: center;
    align-items: center;
}
.payment_confirm_btn,
.trade_reservation_confirm_btn,
.trade_finish_confirm_btn {
    background: #279a27;
    width:auto !important;
}
@media screen and (min-width: 769px){
    .payment_confirm_btn:hover,
    .trade_reservation_confirm_btn:hover,
    .trade_finish_confirm_btn:hover {
        background: #217a21;
    }
}

@media screen and (max-width: 768px){
    .table-mylist .table-auctions-tbody .table-panel {
        width: 100%;
    }

    .table-mylist .table-auctions-tbody{
        margin-bottom: 10px;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .table-mylist .table-panel.pc{
        display: none;
    }
    .table-mylist .auctions_t_ttl{
        background-color: #333;
        color: #fff;
        display: inline-block;
        padding: 2px;
        min-width: 70px;
        width: 70px;
        text-align: center;
        margin-right: 8px;
    }
    .table-mylist .auctions_t_ttl_2{
        font-weight: bold;
        width: 110px;
        line-height: 2em;
        margin-left: 10px;
        text-align: left;
    }
    .table-mylist .success_price {
        font-size: 1.4em;
    }
    .table-mylist .table-panel,
    .table-mylist .table-panel.sp{
        margin-bottom: 7px;
    }

    .table-mylist .table-panel-wrap .panel-wrap-item .btn {
        width: 100%;
        max-width: 100%;
    }
    .table-mylist .successful_amount p{
        font-weight: bold;
    }
    .table-mylist .successful_amount p em{
        font-size: 1.4rem;
    }
    .table-mylist .list_car_name_s{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .table-mylist .mylist_attend_label{
        color: #f76a6a;
        width: 200px;
        padding: 2%;
    }
    .table-mylist .table-panel-wrap .panel-wrap-item {
        width: 70%;
    }
    .table-mylist .mylist_photo_box {
        max-width: 150px;
        width: 100%;
        margin-right: 10px;
    }

    .table-mylist .auction_id{
        -webkit-box-ordinal-group:1;
            -ms-flex-order:0;
                order:0;
    }
    .table-mylist .end_at{
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
    }
    .table-mylist .trade_name{
        -webkit-box-ordinal-group:3;
            -ms-flex-order:2;
                order:2;
    }
    .table-mylist .trade_address{
        -webkit-box-ordinal-group:4;
            -ms-flex-order:3;
                order:3;
    }
    .table-mylist .trade_tel{
        -webkit-box-ordinal-group:5;
            -ms-flex-order:4;
                order:4;
    }
    .table-mylist .trade_date{
        -webkit-box-ordinal-group:6;
            -ms-flex-order:5;
                order:5;
    }
    .table-mylist .car_info{
        -webkit-box-ordinal-group:7;
            -ms-flex-order:6;
                order:6;
    }
    .table-mylist .successful_amount{
        -webkit-box-ordinal-group:8;
            -ms-flex-order:7;
                order:7;
    }
    .table-mylist .confirm{
        -webkit-box-ordinal-group:9;
            -ms-flex-order:8;
                order:8;
    }
    .table-mylist .payment{
        -webkit-box-ordinal-group: 10;
            -ms-flex-order: 9;
                order: 9;
    }
    .table-mylist .prior_notice,
    .table-mylist .trade_schedule{
        -webkit-box-ordinal-group:11;
            -ms-flex-order:10;
                order:10;
    }
    .table-mylist .trade_finish{
        -webkit-box-ordinal-group: 12;
            -ms-flex-order: 11;
                order: 11;
    }
    .table-mylist .document{
        -webkit-box-ordinal-group: 13;
            -ms-flex-order: 12;
                order: 12;
    }

    .table-mylist .mylist_photo_box + div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    .table-mylist .mylist_photo_box + div br{
        display: block;
    }
    .table-mylist .mylist_photo_box + div .bottom-button{
        display: block;
        margin: 0 auto;
    }
    .table-mylist .table-panel.panel-short{
        width: 100%;
    }
    .table-mylist .table-panel.list_car_name_s .btn-primary{
        width: 100px;
    }

    .has-mitsumori .btn-success {
        width: 100%;
    }
}

/* _________________________________________


/trader_auctions/
 - 【出品する】出品車両管理

 _________________________________________ */

.table-bidding_up .table-panel.sp{
    display: none;
}
.table-bidding_up .table-panel.panel-short{
    width: 70px;
}
.table-bidding_up .table-panel.list_car_name_s .btn-primary{
    width: 100px;
}
.table-bidding_up .table-panel{
    width: 100%;
}

.table-bidding_up .table-auctions-thead .auctions_jisou,
.table-bidding_up .table-auctions-tbody .auction_id_td {
    width: 70px;
}
.table-bidding_up .table-auctions-thead .trader_auctions_h,
.table-bidding_up .table-auctions-thead .auctions_day,
.table-bidding_up .table-auctions-thead .auctions_nen,
.table-bidding_up .table-auctions-thead .auctions_sya,
.table-bidding_up .table-auctions-thead .auctions_car,
.table-bidding_up .table-auctions-tbody .panel-state,
.table-bidding_up .table-auctions-tbody .panel-modelYear,
.table-bidding_up .table-auctions-tbody .panel-mileage,
.table-bidding_up .table-auctions-tbody .panel-unnable,
.table-bidding_up .table-auctions-tbody .panel-start_price,
.table-bidding_up .table-auctions-tbody .trader_auctions_h_font,
.table-bidding_up .table-auctions-tbody .panel-admin,
.table-bidding_up .table-auctions-tbody .table-panel.pc {
    width: 90px;
}
.table-bidding_up .table-auctions-thead .trader_auctions_car,
.table-bidding_up .table-auctions-thead .auctions_kyo,
.table-bidding_up .table-auctions-tbody .panel-tradeDate,
.table-bidding_up .table-auctions-tbody .list_ad_name_s {
    width: 140px;
}


@media screen and (max-width: 768px){
    .table-bidding_up .table-panel.panel-carPhoto{
        display: block;
    }
    .table-bidding_up .panel-carPhoto{
        -webkit-box-ordinal-group:1;
            -ms-flex-order:0;
                order:0;
        -ms-grid-row: 1;
        grid-row: 1/5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        /* -webkit-box-ordinal-group:5;
            -ms-flex-order:4;
                order:4;
        -ms-grid-row: 7;
        -ms-grid-row-span: 5;
        grid-row: 7 / 12;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; */
    }
    .table-bidding_up .panel-state{
        -webkit-box-ordinal-group:1;
            -ms-flex-order:0;
                order:0;
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        /* -webkit-box-ordinal-group:1;
            -ms-flex-order:0;
                order:0;
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3; */
    }

    .table-bidding_up .auction_id_td {
        -webkit-box-ordinal-group:5;
            -ms-flex-order:4;
                order:4;
        -ms-grid-row: 5;
        grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
    }
    .table-bidding_up .panel-tradeDate{
        -webkit-box-ordinal-group:8;
            -ms-flex-order:7;
                order:7;
        -ms-grid-row: 8;
        grid-row: 8;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        /* -webkit-box-ordinal-group:3;
            -ms-flex-order:2;
                order:2;
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3; */
    }
    .table-bidding_up .panel-start_price{
        -webkit-box-ordinal-group:7;
            -ms-flex-order:6;
                order:6;
        -ms-grid-row: 7;
        grid-row: 7;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        /* -webkit-box-ordinal-group:4;
            -ms-flex-order:3;
                order:3;
        -ms-grid-row: 4;
        grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3; */
    }
    .table-bidding_up .list_ad_name_s{
        -webkit-box-ordinal-group:6;
            -ms-flex-order:5;
                order:5;
        -ms-grid-row: 6;
        grid-row: 6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;

        font-weight: bold;
        /* -webkit-box-ordinal-group:6;
            -ms-flex-order:5;
                order:5;
        -ms-grid-row: 7;
        grid-row: 7;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; */
    }
    .table-bidding_up .list_ad_name_s > .auctions_t_ttl{
        display: none;
    }
    .table-bidding_up .panel-modelYear{
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        /* -webkit-box-ordinal-group:7;
            -ms-flex-order:6;
                order:6;
        -ms-grid-row: 8;
        grid-row: 8;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; */
    }
    .table-bidding_up .panel-mileage{
        -webkit-box-ordinal-group:3;
            -ms-flex-order:2;
                order:2;
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        /* -webkit-box-ordinal-group:8;
            -ms-flex-order:7;
                order:7;
        -ms-grid-row: 9;
        grid-row: 9;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; */
    }
    .table-bidding_up .panel-unnable{
        -webkit-box-ordinal-group:4;
            -ms-flex-order:3;
                order:3;
        -ms-grid-row: 4;
        grid-row: 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        /* -webkit-box-ordinal-group:9;
            -ms-flex-order:8;
                order:8;
        -ms-grid-row: 10;
        grid-row: 10;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; */
    }
    .table-bidding_up .trader_auctions_h_font{
        -webkit-box-ordinal-group:9;
            -ms-flex-order:8;
                order:8;
        -ms-grid-row: 9;
        grid-row: 9;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        /* -webkit-box-ordinal-group:10;
            -ms-flex-order:9;
                order:9;
        -ms-grid-row: 12;
        grid-row: 12;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3; */
    }
    .table-bidding_up .panel-admin{
        -webkit-box-ordinal-group:11;
            -ms-flex-order:10;
                order:10;
        -ms-grid-row: 13;
        grid-row: 13;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }

    .table-bidding_up .table-auctions-tbody .panel-admin{
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .table-bidding_up .table-auctions-tbody .panel-admin a:not(:last-child) {
        margin-right: 10px;
    }
    .table-bidding_up .table-auctions-tbody .panel-admin a {
        width: 100%;
    }
    .table-bidding_up .trader_auctions_h_font{
        /* font-weight: bold;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important; */
    }
    .table-bidding_up .trader_auctions_h_font .auctions_t_desc{
        border: 1px solid #ddd;
        border-right: none;
        border-left: none;
        background-color: #ececec;
        display: block;
        width: 100%;
        padding: 5px 6px;
        text-align: left;
        margin-bottom: 15px;
    }


    .table-bidding_up .table-auctions-tbody .panel-mileage,
    .table-bidding_up .table-auctions-tbody .trader_auctions_h_font {
        flex-direction: column;
        align-items: flex-start;
    }
    .table-bidding_up .table-auctions-tbody .panel-start_price {
        align-items: flex-end;
    }
    .table-bidding_up .panel-start_price .start_price {
        font-weight: bold;
        font-size: 1.5em;
        color: red;
        margin-bottom: -5px;
    }
    .table-bidding_up .table-auctions-tbody .list_ad_name_s {
        font-size: 1.1em;
    }

    .table-bidding_up .table-auctions-thead .trader_auctions_car,
    .table-bidding_up .table-auctions-thead .auctions_kyo,
    .table-bidding_up .table-auctions-thead .auctions_jisou,
    .table-bidding_up .table-auctions-thead .trader_auctions_h,
    .table-bidding_up .table-auctions-thead .auctions_day,
    .table-bidding_up .table-auctions-thead .auctions_nen,
    .table-bidding_up .table-auctions-thead .auctions_sya,
    .table-bidding_up .table-auctions-thead .auctions_car,
    .table-bidding_up .table-auctions-tbody .auction_id_td,
    .table-bidding_up .table-auctions-tbody .panel-state,
    .table-bidding_up .table-auctions-tbody .panel-modelYear,
    .table-bidding_up .table-auctions-tbody .panel-mileage,
    .table-bidding_up .table-auctions-tbody .panel-unnable,
    .table-bidding_up .table-auctions-tbody .panel-start_price,
    .table-bidding_up .table-auctions-tbody .trader_auctions_h_font,
    .table-bidding_up .table-auctions-tbody .panel-admin,
    .table-bidding_up .table-auctions-tbody .table-panel.pc,
    .table-bidding_up .table-auctions-tbody .panel-tradeDate,
    .table-bidding_up .table-auctions-tbody .list_ad_name_s  {
        width: 100%;
    }

}




/* _________________________________________


/receipt/
 - 【落札管理】支払請求管理

 _________________________________________ */

.table-receipt .table-auctions .table-panel {
    width: calc(100% / 10);
}

.table-receipt .table-auctions .table-panel.end_at,
.table-receipt .table-auctions .table-panel.trade_date,
.table-receipt .table-auctions .table-panel.auction_id
{
    width: 90px;
}
.table-receipt .table-auctions .table-panel.detail_statement
{
    width: 50px;
}
.table-receipt .table-auctions .table-panel.trade_name,
.table-receipt .table-auctions .table-panel.car_name
{
    width: 200px;
}

.table-receipt .table-auctions .table-panel.bill_amount .auctions_t_desc,
.table-receipt .table-auctions .table-panel.pay_amount .auctions_t_desc {
    font-weight: bold;
    font-size: 1.2em;
}

.table-receipt .table-receipt .furikomi .input {
    margin-bottom: 5px;
}

@media screen and (max-width: 768px){
    .table-receipt .table-auctions-tbody .table-panel {
        width: 100% !important;
    }
    .table-receipt .table-panel.auction_id{
        -webkit-box-ordinal-group:1;
            -ms-flex-order:0;
                order:0;
        -ms-grid-row:1;
        grid-row:1;
        -ms-grid-column:1;
        -ms-grid-column-span:2;
        grid-column:1/3;
    }
    .table-receipt .table-panel.end_at{
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
        -ms-grid-row:2;
        grid-row:2;
        -ms-grid-column:1;
        -ms-grid-column-span:2;
        grid-column:1/3;
    }
    .table-receipt .table-panel.trade_date{
        -webkit-box-ordinal-group:3;
            -ms-flex-order:2;
                order:2;
        -ms-grid-row:3;
        grid-row:3;
        -ms-grid-column:1;
        -ms-grid-column-span:2;
        grid-column:1/3;
    }
    .table-receipt .table-panel.trade_name{
        -webkit-box-ordinal-group:4;
            -ms-flex-order:3;
                order:3;
        -ms-grid-row:4;
        grid-row:4;
        -ms-grid-column:1;
        -ms-grid-column-span:2;
        grid-column:1/3;
    }
    .table-receipt .table-panel.bill_amount{
        -webkit-box-ordinal-group:5;
            -ms-flex-order:4;
                order:4;
        -ms-grid-row:5;
        grid-row:5;
        -ms-grid-column:1;
        -ms-grid-column-span:2;
        grid-column:1/3;
    }
    .table-receipt .table-panel.pay_amount{
        -webkit-box-ordinal-group:6;
            -ms-flex-order:5;
                order:5;
        -ms-grid-row:6;
        grid-row:6;
        -ms-grid-column:1;
        -ms-grid-column-span:2;
        grid-column:1/3;
    }
    .table-receipt .table-panel.car_photo{
        -webkit-box-ordinal-group:7;
            -ms-flex-order:6;
                order:6;
        -ms-grid-row: 7;
        -ms-grid-row-span: 5;
        grid-row: 7 / 12;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
    }
    .table-receipt .table-panel.car_name{
        -webkit-box-ordinal-group:8;
            -ms-flex-order:7;
                order:7;
        -ms-grid-row: 7;
        grid-row: 7;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-receipt .table-panel.model_year{
        -webkit-box-ordinal-group:9;
            -ms-flex-order:8;
                order:8;
        -ms-grid-row: 8;
        grid-row: 8;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-receipt .table-panel.mileage{
        -webkit-box-ordinal-group:10;
            -ms-flex-order:9;
                order:9;
        -ms-grid-row: 9;
        grid-row: 9;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-receipt .table-panel.runnable{
        -webkit-box-ordinal-group:11;
            -ms-flex-order:10;
                order:10;
        -ms-grid-row: 10;
        grid-row: 10;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .table-receipt .table-panel.payment{
        -webkit-box-ordinal-group:12;
            -ms-flex-order:11;
                order:11;
        -ms-grid-row: 12;
        grid-row: 12;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .table-receipt .table-panel.detail,
    .table-receipt .table-panel.detail_statement{
        -webkit-box-ordinal-group:13;
            -ms-flex-order:12;
                order:12;
        -ms-grid-row: 13;
        grid-row: 13;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .table-receipt .table-panel.payment{
        margin-bottom: 10px;
    }
    .table-receipt .table-panel.payment .input {
        margin-bottom: 0;
        margin-right: 8px;
    }
    .table-receipt .table-panel.detail_statement{
        display: block;
    }
}

/* _________________________________________


/scrap_trader_auctions/list_estimate/
 - テーブル【見積依頼】車両一覧

 _________________________________________ */

 .table-list_estimate .table-auctions .table-panel:not(.sp){
    width: calc(100% / 5);
    text-align: center;
}
.table-list_estimate .table-auctions .table-panel:not(.sp).panel-short{
	width: 135px;
}

@media screen and (max-width: 768px){
	.table-list_estimate .table-auctions-tbody {
	    margin-bottom: 10px;
	    padding: 15px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	.table-list_estimate .table-panel,
	.table-list_estimate .table-panel.sp{
    	margin-bottom: 7px;
	}
	.table-list_estimate .table-auctions .table-panel:not(.sp){
		text-align: left;
	}
	.table-list_estimate .table-auctions .table-panel:not(.sp).panel-short,
	.table-list_estimate .table-auctions .table-panel:not(.sp),
	.table-list_estimate .table-auctions .table-panel{
		width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
	}
	.table-list_estimate .table-auctions .table-panel br{
		display: none;
	}
	.table-list_estimate .table-auctions .table-auctions-tbody{
		display: block;
	}
	.table-list_estimate .table-auctions .table-panel.list_car_name_s a{
	    font-weight: bold;
	    display: block;
	}
	.table-list_estimate .btn-primary{
		max-width: 100%;
	}
	.table-list_estimate .btn-primary .sp{
		display: inline;
	}
	.table-list_estimate .auctions_t_ttl {
	    background-color: #333;
	    color: #fff;
	    display: inline-block;
	    padding: 2px;
	    min-width: 70px;
	    width: 70px;
	    text-align: center;
	    margin-right: 8px;
	}
}

/* _________________________________________

 - 見積金額入力ポップアップ
 _________________________________________ */
#estimate_confirm_box {
    max-width: 492px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
}
#cboxClose{
    top:0px;
}
.estimate_confirm_header {
    max-width: 492px;
    margin: -15px -15px 20px -15px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    line-height: 64px;
    border-radius: 10px 10px 0 0;
    background: #000000;
}
#bidding_header, #estimate_header {
    margin-bottom: 10px;
}
#estimate_header_top, #estimate_amount {
    display: none;
}
.estimate_box #estimate_header_top, .estimate_box #estimate_amount {
    display: block;
    float: left;
}
.estimate_box #estimate_header_top {
    width: 100%;
}
#estimate_header_top div {
    width:100%;
    text-align: center;
    font-size: 18px;
}
#estimate_confirm_price {
    width: 90%;
    margin: 0px auto;
    font-size: 1.1em;
}
.estimate_box #estimate_confirm {
    display: block;
}
#estimate_confirm_input.form-control {
    display: inline-block;
    font-size: 2em;
    padding: 2px;
    max-width: 400px;
    width: 100%;
    height: 54px;
}
.estimate_box .estimate_confirm_price_inner {
    width: 100%;
    margin: 15px 0px 10px 0px;
    text-align: center;
    position: relative;
}
.estimate_box .estimate_confirm_price_inner span {
    display: block;
    margin: 10px auto;
    font-size: 22px;
}
.estimate_box .estimate_confirm_price_inner span.estimate_confirm_price_inner_yen {
    position: absolute;
    bottom: 3px;
    right: 19px;
}
#estimate_confirm_box .price_info_box_ttl {
	display: inline-block;
	height: 15px;
	margin: 0 0 5px 0;
	padding: 0 5px;
	font-size: 10px;
	line-height: 15px;
	color: #ffffff;
	background: #1b1b1b;
}
.estimate_box #estimate_confirm{
	display: block;
}

.estimate_box .estimate_confirm_price_inner {
	width:100%;
	margin: 15px 0px 10px 0px;
	text-align: center;
	position: relative;
}

.estimate_box .estimate_confirm_price_inner .estimate_price_div {
	display: block;
	margin: 10px auto;
}

.estimate_box .estimate_confirm_price_inner span.estimate_price_span {
	display: inline;
	font-size: 22px;
}

.estimate_box .estimate_confirm_price_inner span.including_price_span {
	display: inline;
	font-size: 100%;
}

.estimate_box #estimate_amount {
	width: 100%;
	text-align: center;
	line-height: 1.3;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dotted #000000;
}

#estimate_amount .estimate_price {
	font-size: 36px;
	color: #ff0000;
}

.exhibition_estimate_ttl_l .estimate_document {
	color: #ff0000;
}

#estimate_amount .estimate_document {
	font-size: 16px;
}

#estimate_confirm_document {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

#estimate_confirm_document .estimate_confirm_document_ttl {
	display: block;
	margin: 20px auto 10px;
	font-size: 16px;
	font-weight: bold;
}

.estimate_confirm_document_label {
	display: inline-block !important;
	position: relative;
	width: 48%;
	background: #ffffff;
	border: solid 1px #c1c1c1;
	margin: 0 3px;
	padding: 10px 0px;
	font-size: 1.5em;
	text-align: center;
	border-radius: 4px;
}

.estimate_confirm_document_label:last-child {
	margin-right: 0px;
}

.estimate_confirm_document_label.document_checked {
	color: #ffffff;
	background: #c1c1c1;
}

.estimate_confirm_document_label input {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
}

#estimate_confirm_attend {
	display: block;
	width: auto;
	margin: 10px auto 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}

#estimate_confirm_attend .radio_label{
	width: auto;
}

#estimate_document_for_list {
	color: #ff0000;
}


.untradable_btn,
.input_estimate_btn {
	font-size: 2em;
	color: #ffffff;
	font-weight: bold;
	border-radius: 10px;
	padding: 8px 26px;
	width: 48%;
}
.input_estimate_btn {
	background: #406da0;
	border-right: solid 4px #023d78;
	border-bottom: solid 4px #023d78;
}
.untradable_btn {
	background: #fd0000;
	border-right: solid 4px #9f0202;
	border-bottom: solid 4px #9f0202;
}
.input_estimate_btn:hover,
.untradable_btn:hover {
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding: 8px 30px 8px 26px;
}
.input_estimate_btn:hover {
	background: #023d78;
	border-radius: 10px;
	border-top: solid 4px #ffffff;
}
.untradable_btn:hover {
	background: #9f0202;
	border-radius: 10px;
	border-top: solid 4px #ffffff;
	padding: 8px 30px 8px 26px;
}
@media screen and (max-width: 768px){
	.untradable_btn, .input_estimate_btn{
		font-size: 18px;
	}
	.estimate_box #estimate_amount{
		font-size: initial;
	}
	#estimate_amount .estimate_price{
		font-size: 1.3em;
	}
	.estimate_box .estimate_confirm_price_inner span.estimate_price_span{
		display: block;
		font-size: initial;
    	line-height: 1;
	}
	.estimate_box .estimate_confirm_price_inner span.including_price_span{
	    font-size: 12px;
	    font-weight: normal;
	}
	#estimate_confirm_box .estimate_confirm_header{
	    font-size: 18px;
	    font-weight: bold;
	    line-height: initial;
	    padding: 10px;
	}
	#estimate_header{
		margin-bottom: 0;
	}
	.estimate_box .estimate_confirm_price_inner span{
	    font-size: initial;
	    margin: 0 auto 0px;
	    font-weight: bold;
	}
	#estimate_header_top div{
		font-size: 14px;
	}
}

/* _________________________________________

 - 共通部品 コーナータブ
 _________________________________________ */
.corner_tab {
    display: flex;
    font-size: 1.2rem;
    padding: 10px 0px;
}
.corner_tab .link {
    border: 1px solid #99cc00;
    border-left: none;
    flex: 1;
    text-align: center;
    color: #000;
    height: 120%;
}
.corner_tab .link:first-of-type {
    border-left: 1px solid #99cc00;
    border-radius: 5px 0 0 5px;
}
.corner_tab .link:last-of-type {
    border-radius: 0 5px 5px 0;
}
.corner_tab .link[active="1"] {
    background-color: #99cc00;
    font-weight: bold;
    color: #fff;
}

@media screen and (max-width: 768px){
    .corner_tab {
        flex-direction: column;
        font-size: 1rem;
    }
    .corner_tab .link {
        border: 1px solid #99cc00;
        border-top: none;
    }
    .corner_tab .link:first-of-type {
        border-top: 1px solid #99cc00;
        border-radius: 5px 5px 0 0;
    }
    .corner_tab .link:last-of-type {
        border-radius: 0 0 5px 5px;
    }
}

/* _________________________________________

 - 共通部品 フッターコーナータブ
 _________________________________________ */
.footer-contact {
    position: fixed;    
    bottom: 0;
    text-align: center;        
    transition: all .1s linear 0s;
    z-index: 99;
    width: 100%;
    padding: 12px 20%;
    font-size: 18px;
    left:0;
    background-color:rgb(77 77 77 / 62%);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 7px 0px;
}

.footer-contact .link {
    border: 1.5px solid #9dcc28;
    color: #9dcc28;
    background-color: #ffffff;
    padding: 4px;
    flex:1;
    text-align: center;
    font-weight: bold;
}

.footer-contact .link:first-of-type {    
    border-radius: 5px 0 0 5px;
}

.footer-contact .link:nth-of-type(3n) {
    border-radius: 0 5px 5px 0;
}

.footer-contact .link[active="1"] {
    background-color: rgb(155 204 27);
    color: #fff;
    font-weight: bold;
}

.footer-contact .trader_auctions_add {
    background-color: #a6282a;
    border: 1px solid #a6282a;
    color: white;
    font-weight: bold;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    z-index: 2;
    padding: 4px;
    border-radius: 5px 5px 5px 5px
}

@media screen and (max-width: 768px){
    .footer-contact {
        width:100%;
        font-size: 15px;
        padding: 10px 10px;
        flex-direction: row;
    }

    .footer-contact .link:first-of-type {
        border-radius: 5px 0 0 5px;
    }

    .footer-contact .link:last-of-type {
        border-radius: 0 5px 5px 0;
    }
}

/*** DatePicker 表示位置調整 *****************************/
.ui-datepicker {
    margin-top: -100px;
}