/*------------------------------------*/
/*---------- サイト共通定義 ----------*/
/*------------------------------------*/
@charset "utf-8";
body {
    font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 14px;
    color: #333;
    background-color:#fff;
    min-width:1150px;
    position:relative;
}

textarea, input{
    font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

@media screen and (max-width: 768px){
    body {
        min-width: initial;
        font-size: 15px;
    }
}

/** デバイス切替 **/
.sp{
    display: none;
}
.pc{
    display: block;
}
@media screen and (max-width: 768px){
  .sp{
    display: block;
  }
  .pc{
    display: none;
  }
}

/** material symbols **/
.material-symbols-outlined{
    font-variation-settings:
        'FILL' 0,
        'wght' 700,
        'GRAD' 0,
        'opsz' 48
}


a {
    color: #428bca;
    text-decoration: none;
    word-break: break-all;
    outline: none;
}

a:focus,
*:focus {
    outline:none;
}

ol{
    list-style: none;
}

input, select {
  -webkit-appearance: none;
  appearance: none;
  color: #333;
}

input:-ms-input-placeholder {
  color: #888888;
}

textarea:-ms-input-placeholder {
  color: #888888;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

h2{
    font-size : 25px;
}

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

table{
    border-collapse: collapse;
}

table th{
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing:0;
    width: 100%;
}


/* ______________________________________________________ radio スタイル */
input[type='radio'],
input[type='checkbox']{
    -webkit-appearance: auto;
    appearance: auto;
}
.radio{
    padding:0;
    margin:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.radio_label{
    width: 50%;
}

address,em{
    font-style: normal;
}

a img:hover{
    opacity:0.7;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear:both
}




/*------------------------------------*/
/*---------- CSS指定クラス化 ---------*/
/*------------------------------------*/
.align-center{
    text-align : center;
}
.align-right{
    text-align : right;
}
.align-left{
    text-align : left;
}
.blue{
    color : blue;
}
.red{
    color : red;
}
.text-danger{
    margin-left: 10px;
    text-align: left;
    color: #b94a48;
}
.txt-red{
    color: #f00;
}
.txt-bold{
    font-weight: bold;
}
.bold{
    font-weight: bold;
}
.strike{
    text-decoration: line-through;
    text-decoration-color: #f00;
}

/* フレックスボックス */
.flex-box-col{
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* 見出しスタイル */
.main_tt{
    font-size: 24px;
    border-bottom: 2px solid #efefef;
    margin-bottom: 20px;
    padding: 0 0 5px 0;
}

.ttl-01{
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    padding:10px 20px;
    margin:0px auto 10px;
    background: rgb(97,173,53);
}

.ttl-02{
    display: inline-block;
    margin-bottom: 8px;
    font-size: 26px;
    color: #e70012;
    padding-left: 40px;
    background: url(../img/midashi_bg.png) no-repeat left;
}

.ttl-03{
    font-size: 20px;
    color: #85b000;
    text-align: center;
    margin-bottom: 10px;
}

.ttl-04{
    width: 100%;
    margin-bottom: 15px;
    background: #99cc00;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    padding: 8px 10px;
}

.ttl-05{
    font-size: 1.4rem;
}

.ttl-06{
    font-size: 18px;
    font-weight: bold;
    border-left: solid 4px #b71c25;
    padding: 2px 0px 0px 5px;
    margin-bottom: 8px;
}

.ttl-07 {
    font-size: 18px;
}

.ttl-08 {
    margin-bottom: 10px;
    background: #e2e2e2;
    font-size: 16px;
    padding: 8px 10px;
}

@media screen and (max-width: 768px){
    .main_tt{
        font-size: 18px;
    }
    .ttl-02{
        font-size: 18px;
        padding-left: 30px;
        background-size: auto 23px;
    }
    .ttl-05{
        font-size: 1rem;
    }
}

.svg-icon-arrow{
    position: relative;
}

.svg-icon-arrow:after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E);
    background-color: #D1D1D1;
    border-radius: 20px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

/* テーブル */
.table-default{
    border:solid 1px #dddddd;
}

.table-default tr:not(:last-child){
    border-bottom:solid 1px #dddddd;
}

.table-default th{
    border-right: solid 1px #dddddd;
    width: 250px;
}

.table-default th,
.table-default td{
    padding:10px;
}

@media screen and (max-width: 768px){
    .table-default tr{
        display: flex;
        display: flex;
        flex-direction: column;
        padding:10px;
    }
    .table-default th,
    .table-default td{
        padding:0;
    }
    .table-default th{
        font-weight: bold;
        border:none;
        text-align: left;
    }
}

.table-noborder{
    max-width: 600px;
    margin: 0 auto;
}

/* _________________________________________ 背景 */
.head_bg{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95%, rgba(242,242,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(95%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(242,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(242,242,242,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

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

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

.grandient-green{
    background: rgb(151,194,10); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(151,194,10,1) 0%, rgba(122,176,4,1) 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,194,10,1)), color-stop(98%,rgba(122,176,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(151,194,10,1) 0%,rgba(122,176,4,1) 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(151,194,10,1) 0%,rgba(122,176,4,1) 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(151,194,10,1) 0%,rgba(122,176,4,1) 98%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(151,194,10,1) 0%,rgba(122,176,4,1) 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c20a', endColorstr='#7ab004',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

.grandient-green:hover {
    background: rgb(122,176,4); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(122,176,4,1) 0%, rgba(151,194,10,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,176,4,1)), color-stop(100%,rgba(151,194,10,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(122,176,4,1) 0%,rgba(151,194,10,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(122,176,4,1) 0%,rgba(151,194,10,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(122,176,4,1) 0%,rgba(151,194,10,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(122,176,4,1) 0%,rgba(151,194,10,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab004', endColorstr='#97c20a',GradientType=0 ); /* IE6-9 */
}

.grandient-pink{
    background: rgb(241,125,123); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(241,125,123,1) 0%, rgba(232,82,81,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,125,123,1)), color-stop(100%,rgba(232,82,81,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(241,125,123,1) 0%,rgba(232,82,81,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(241,125,123,1) 0%,rgba(232,82,81,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(241,125,123,1) 0%,rgba(232,82,81,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(241,125,123,1) 0%,rgba(232,82,81,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17d7b', endColorstr='#e85251',GradientType=0 ); /* IE6-9 */
}

.grandient-pink:hover{
    background: rgb(232,82,81); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,82,81,1) 16%, rgba(241,125,123,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,rgba(232,82,81,1)), color-stop(99%,rgba(241,125,123,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,82,81,1) 16%,rgba(241,125,123,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,82,81,1) 16%,rgba(241,125,123,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,82,81,1) 16%,rgba(241,125,123,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,82,81,1) 16%,rgba(241,125,123,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85251', endColorstr='#f17d7b',GradientType=0 ); /* IE6-9 */
}

.grandient-orange{
    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 {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select:none;
    box-sizing: border-box;
}
.btn:hover{
    cursor: pointer;
}
.btn-01,
.btn-02,
.btn-03{
    display: inline-block;
    width: calc(100% - 20px);
    padding: 15px 10px;
    box-sizing: border-box;
    font-weight: normal;
    color: #ffffff;
    border-radius:4px;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 19%);
    text-align: center;
}
.btn-01{
    background: #556fb5;

}
.btn-01:hover {
    background: #465c99;
}
.btn-02{
    background: #fe9201;
}
.btn-02:hover {
    background: #d50000;
}
.btn-03{
    display: block;
    max-width: 380px;
    margin: 0 auto;
    font-size: 24px;
    color: #ffffff;
    background: #f38900;
    font-weight: bold;
}
.btn-03:hover{
    opacity: 0.7;
}

.ad_btn{
    font-size:20px;
    font-weight:bold;
    max-width: 235px;
    width: 100%;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333;
    border-color: #adadad;
}

.btn_a{
    max-width: 265px;
    width: 100%;
    border: 1px solid #7da708;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #5b8005;
}

.btn_b{
    max-width: 215px;
    width: 100%;
    font-size: 14px;
    margin-left: 10px;
}

.btn_b:hover {
    background: #fafafa;
}

.btn_c{
    max-width: 265px;
    width: 100%;
    border: 1px solid #ba7a00;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #ba7a00;
}
.btn_c:hover{
    color: #fff;
}


.btn-success{
    color: #fff;
    border:1px solid #79AF04FF;
    background: #99cc00; /* Old browsers */
}
.btn-success:hover{
    background: #79AF04FF; /* Old browsers */
}
.btn-danger{
    color: #fff;
    background-color: #df3950;
    border-color: #eb637c;
}
.btn-danger:hover{
    background-color: #eb637c;
}


.btn-receipts{
    border: 1px solid #ce3c3a;
    font-size: 12px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.panel-body .btn-default{
    padding: 10px 20px 10px;
    background: rgb(108,151,193); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(201, 201, 201) 0%, rgb(209, 209, 209) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(209, 209, 209)), color-stop(100%,rgb(209, 209, 209))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(201, 201, 201) 0%,rgb(209, 209, 209) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(201, 201, 201) 0%,rgb(209, 209, 209) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(201, 201, 201) 0%,rgb(209, 209, 209) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(201, 201, 201) 0%,rgb(209, 209, 209) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
}
#search_form_button{
    font-weight: normal;
    padding: 8px 20px;
    background: #eeeeee;
    border: 2px solid #535353;
    border-radius: 20px;
}

/* bs継承 */
.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.btn:focus:not(.not_test-child) {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow:none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color:#ccc
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color:#adadad
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image:none
}

.btn-default.disabled, .btn-default[disabled],
fieldset[d0isabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color:#ccc
}
.btn-group-xs > .btn {
    padding: 5px 10px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius:3px
}

.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius:3px
}

.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius:6px
}

.btn-green {
    color: #fff;
    background-color: #5cb85c;
    background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
    width: 100%;
    max-width: 140px;
    text-align: center;
    border: 1px solid transparent;
    text-shadow: 0 -1px rgb(0 0 0 / 20%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
}

.btn-green:hover {
    background-color: #419641;
}

.panel-body .btn-primary{
    padding: 10px 20px 10px;
    background: rgb(108,151,193); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(108,151,193,1) 0%, rgba(65,109,161,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(108,151,193,1)), color-stop(100%,rgba(65,109,161,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(108,151,193,1) 0%,rgba(65,109,161,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(108,151,193,1) 0%,rgba(65,109,161,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(108,151,193,1) 0%,rgba(65,109,161,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(108,151,193,1) 0%,rgba(65,109,161,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c97c1', endColorstr='#416da1',GradientType=0 ); /* IE6-9 */
}

.panel-body .btn-primary:hover{
    text-decoration:none;
    background: rgb(65,109,161); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(65,109,161,1) 0%, rgba(108,151,193,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,109,161,1)), color-stop(100%,rgba(108,151,193,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(65,109,161,1) 0%,rgba(108,151,193,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(65,109,161,1) 0%,rgba(108,151,193,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(65,109,161,1) 0%,rgba(108,151,193,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(65,109,161,1) 0%,rgba(108,151,193,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#416da1', endColorstr='#6c97c1',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width: 768px){
    .btn-03{
        font-size: 18px;
        padding:10px;
    }
    .ttl-04{
        font-size: initial;
        padding: 5px 10px;
        text-align: center;
    }
    .btn_c{
        margin-bottom: 10px;
        max-width: 100%;
    }
}


/* アクション系 */

.col-md-5 {
    width: 41.66666666666667%;
}
.col-md-2,.col-xs-2 {
    width: 16.666666666666664%;
}
.col-xs-5 {
    width:41.66666666666667%
}

.col-md-5 {
    width: 41.66666666666667%;
}
.col-md-12 {
    width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition:opacity .15s linear
}

.fade.in {
    opacity:1
}

.collapse {
    display:none
}

.collapse.in {
    display:block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition:height .35s ease
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}



/* _________________________________________ ボタン　検索フォーム 検索ボタン・条件クリアボタンエリア　*/
.form-control {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px 10px 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.btnArea.flex-box-col{
    justify-content: center;
    align-items: stretch;
}
.btnArea.flex-box-col .btn_b{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px){
    .btnArea.flex-box-col{
        flex-direction: column;
    }
    .btnArea.flex-box-col .btn_a,
    .btnArea.flex-box-col .btn_b{
        width: 100%;
        max-width: 100%;
        margin:0;
    }
    .btnArea.flex-box-col .btn_a{
        margin-bottom: 15px;
    }
}

/* _________________________________________ ボタン　グループ*/
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align:middle
}

.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius:3px
}
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group {
    margin-left:5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius:0;
    border-right:none;
    border-left: none;
}

.btn-group > .btn:first-child {
    margin-left:0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius:0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius:0
}

.btn-group > .btn-group {
    float:left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius:0
}
.dropup .btn-default .caret {
    border-bottom-color:#333
}

.btn-group-justified {
    display: table;
    width: 100%;
    border-collapse: separate;
    table-layout:fixed;
    margin-bottom: 20px;
}
.btn-group-justified .btn {
    display: table-cell;
    width: 1%
}
@media screen and (max-width: 768px){
    .btn-group-lg > .btn{
        padding: 6px 2px;
        font-size: 12px;
        text-align: center;
        white-space: initial;
    }
}

/* _________________________________________ カラム*/
.col-xs-1 {
    width:8.333333333333332%
}

.col-xs-2 {
    width:16.666666666666664%
}

.col-xs-3 {
    width:25%
}

.col-xs-4 {
    width:33.33333333333333%
}

.col-xs-5 {
    width:41.66666666666667%
}

.col-xs-6 {
    width:50%
}

.col-xs-7 {
    width:58.333333333333336%
}

.col-xs-8 {
    width:66.66666666666666%
}

.col-xs-9 {
    width:75%
}

.col-xs-10 {
    width:83.33333333333334%
}

.col-xs-11 {
    width:91.66666666666666%
}

.col-xs-12 {
    width:100%
}

/* _________________________________________ フォーム*/
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align:middle
}

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

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

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

/* _________________________________________ アラート*/
.alert {
    padding: 15px;
    margin-bottom: 19px;
    border: 1px solid transparent;
    border-radius:4px
}

.alert h4 {
    margin-top: 0;
    color:inherit
}

.alert .alert-link {
    font-weight:bold
}

.alert > p, .alert > ul {
    margin-bottom:0
}

.alert > p + p {
    margin-top:5px
}

.alert-dismissable {
    padding-right:35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color:inherit
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color:#d6e9c6
}

.alert-success hr {
    border-top-color:#c9e2b3
}

.alert-success .alert-link {
    color:#356635
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color:#bce8f1
}

.alert-info hr {
    border-top-color:#a6e1ec
}

.alert-info .alert-link {
    color:#2d6987
}

.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color:#fbeed5
}

.alert-warning hr {
    border-top-color:#f8e5be
}

.alert-warning .alert-link {
    color:#a47e3c
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color:#eed3d7
}

.alert-danger hr {
    border-top-color:#e6c1c7
}

.alert-danger .alert-link {
    color:#953b39
}

.has-warning .help-block, .has-warning .control-label {
    color:#c09853
}

.has-warning .form-control {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e
}

.has-warning .input-group-addon {
    color: #c09853;
    background-color: #fcf8e3;
    border-color:#c09853
}

.has-error .help-block, .has-error .control-label {
    color:#b94a48
}

.has-error .form-control {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
}

.has-error .input-group-addon {
    color: #b94a48;
    background-color: #f2dede;
    border-color:#b94a48
}

.has-success .help-block, .has-success .control-label {
    color:#468847
}

.has-success .form-control {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b
}

.has-success .input-group-addon {
    color: #468847;
    background-color: #dff0d8;
    border-color:#468847
}
/*--bs継承*/

.ime-mode-inactive {
    ime-mode: inactive;
}
table.view{
    margin-bottom : 10px;
    border : 1px solid #E6E6FA;
}
table.view > tr{
    border : 1px solid #E6E6FA;
}
.view_title{
    background-color : #DDEBF7;
    border : 1px solid #000000;
    padding-top : 5px;
    padding-bottom : 5px;
}
.view_value{
    border : 1px solid #000000;
    padding-top : 5px;
    padding-bottom : 5px;
}
.col-xs-nopadding{
    padding-left :0;
    padding-right :0;
}

div.pagination_box{
    text-align : center;
}
.container{
    width: calc(100% - 20px);
    margin: 0 auto;
    max-width: 1150px;
    box-sizing: border-box;
}
.narrow{
    max-width: 976px;
    margin: 0 auto;
}

.bk_ulColor{
    height:78px;
    background:#efefef;
    width:100%;
}

.well{
    padding : 15px 20px;
}

.ime-disabled {
    ime-mode : disabled;
}

div.sellout {
    padding-top: 20px;
}

.hr_green{
    clear:both;
    width:100%;
    height:2px;
    background:#66CC00;
    margin-bottom:0.5em;
}
p.aori{
    color:#ff0000;
    font-weight:bold;
    text-align:right;
    margin-bottom:0.3em;
}
p.aori-small {
    font-size: 85%;
    color:#ff0000;
    text-align:right;
    margin-bottom:0.3em;
}
p.scrap_caution {
    color: #ff0000;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0.3em;
}
.index_title{
    font-size:17px;
    font-weight:bold;
    color:#E89A3C;
    border-left:3px solid #E89A3C;
    text-indent: 0.5em
}
.nav:before, .nav:after {
    display: table;
    content: " "
}

.nav:after {
    clear:both
}

.nav:before, .nav:after {
    display: table;
    content: " "
}

.nav:after {
    clear:both
}

.nav > li {
    position: relative;
    display:block
}

.nav > li > a {
    position: relative;
    display: block;
    padding:10px 15px
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color:#eee
}

.nav > li.disabled > a {
    color:#999
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #999;
    text-decoration: none;
    cursor: not-allowed;
    background-color:transparent
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color:#428bca
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color:#e5e5e5
}

.nav > li > a > img {
    max-width:none
}


form > button.btn_logout{
    margin-top:5px;
    color:#ffffff;
    font-weight:bold;
    background:#d2d5bd;
}
table > tbody > tr > td.document_title {
    padding: 5px;
}


.top_button a p.title{
    font-size : 1.0em;
    font-weight : bold;
    text-align : left;
    line-height : 2;
    border-bottom : 1px dashed #CCCCCC;
    padding-left : 10px;
}
.top_button a p.content{
    font-size : .8em;
    text-align : left;
    line-height : 1.5;
    padding-left : 10px;
    width : 100%;
}

.selectwidthauto{
    width:auto;
}

p.contact_tel{
    margin-top : 5px;
    margin-bottom : 0;
    font-size : 25px;
}
p.contact_mail{
    margin-top : 0;
    line-height : 2.5;
}


/* _________________________________________ -new-ご注意点*/
.foot_text {
    width: 100%;
    margin: 55px auto 0;
    padding: 55px 0;
    background: #99cc00;
}
.foot_text .foot_text-inner {
    max-width: 976px;
    margin: 0 auto;
    padding: 22px 50px;
    box-sizing: border-box;
    background: #ffffff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}
.foot_text .foot_text-inner h2 {
    display: inline-block;
    margin: 0 auto 19px;
    padding: 0 0 3px 0;
    font-size: 19px;
    border-bottom: 2px solid #000000;
}
.foot_text .foot_text-inner ul {
    font-size: 14px;
    text-align: left;
}
.foot_text .foot_text-inner ul > li {
    line-height: 1.3;
    position: relative;
    padding-left: 18px;
}
.foot_text .foot_text-inner ul > li:not(:last-child){
    margin-bottom: 14px;
}
.foot_text .foot_text-inner ul > li::before {
    content: " ";
    display: block;
    width: 14px;
    height: 14px;
    background: #000000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width: 768px){
    .foot_text {
        margin: 25px auto 0;
        padding: 25px 0;
    }
    .foot_text .foot_text-inner {
        width: 95%;
        padding: 20px;

    }
    .foot_text .foot_text-inner h2 {
        display: inline-block;
        margin: 0 auto 15px;
        font-size: 14px;
    }
    .foot_text .foot_text-inner ul {
        font-size: 12px;
        text-align: left;
    }
    .foot_text .foot_text-inner ul > li {
        font-size: 1.2em;
    }
}




body > .navbar{
    margin-bottom:0px;
    background:#fff;
    height:67px;
    }

.navbar-nav>li>h4{
    padding : 0 0 0 10px;
    margin : 15px 10px 15px 15px;
    border-left : 2px solid #E83423;
    color : #E83423;
}

.content_tt{
    font-size:16px;
    padding:10px;
    background:#ececec;
    border-bottom:1px solid #c6c6c6;
    margin-bottom:15px;
}

.content_tt_s{
    font-size:14px;
}

.bt_text{
    font-size:13px;
    margin-bottom:2px;
}

.nav > li > a:hover{
    background:#fafafa;
}



/****************訂正ボックス*****************/

.teisei_wrap{
    margin-bottom:20px;
    border:1px solid #e0e3e3;
    padding:10px;
}

.teisei_tt{
    font-size:16px;
    font-weight:bold;
    color:#e60c16;
    text-align:left;
    margin:0px 0px 10px 0px;
}

.teisei_box{/*
    width:1120px;
    padding:15px 15px 25px 15px; */
    font-size:14px;/*
    border:1px solid #e0e3e3; */
    max-height: 120px;
    overflow-y: scroll;
}

@media screen and (max-width: 768px){
    .teisei_box{
        font-size: 12px;
        max-height: 100px;
    }
}

/****************訂正ボックス*****************/






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

ログイン

**********************************************/
.login_wrap{
    position:relative;
    width:100%;/*
    min-height: 300px; */
}
.alert-warning{
    width:100%;
}
.no_login .alert{
    display:none;
}
.login_wrap p{
    font-size: 35px;
    font-weight: bold;
    color:#ee0000;
    text-shadow: #ffffff 1px 1px 0px, #ffffff -1px 1px 0px,
                #ffffff 1px -1px 0px, #ffffff -1px -1px 0px;
}

#customer_login{
    width:1120px;
    height:500px;
    background:url('../img/top_bk01.jpg') 0px 0px no-repeat;
    overflow:hidden;
    margin: 0px auto 22px;
}
#login_inner_box p{
    width:296px;
    font-size:15px;
    line-height: 1;
    margin:0px auto 0px;
    padding:0px;
    text-align: center;
}
#login_inner_box p a{
    color:#ff0000;
    text-decoration:underline;
}
#login_inner_box .col-xs-2{
    float: none;
}
#login_inner_box dd{
    line-height:1;
    margin-bottom: 15px;
}
#login_inner_box .submit{
    text-align: center;
    margin-bottom: 10px;
}



.login_wrap .well{
    min-height: 20px;
    padding: 5px 20px;
    margin-bottom: 0px;
    background-color:rgba(0, 0, 0, 0);
    border:none;
    border-radius:none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}

.login_wrap table{
    width:531px;
    margin-bottom:18px;
}

.login_wrap .control-label{
    width:17px;;
    padding:0px;
    margin:0;
}

.login_wrap tr{
    border:1px solid #d9d9d9;
}

.login_wrap tr th{
    height:77px;
    background:#eaeaea;
    width:154px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
}

.login_wrap tr td{
    width:375px;
    background:#fff;
}

.login_wrap .form-control{
    font-size:1.2em;
    height:2.5em;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;    /* Firefox用 */
}

.login_wrap .login_btn:hover{
    border:solid 1px #9E2C2C;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    border:none;
    background: rgb(203,5,5); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(203,5,5,1) 0%, rgba(234,42,42,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,5,5,1)), color-stop(100%,rgba(234,42,42,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(203,5,5,1) 0%,rgba(234,42,42,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(203,5,5,1) 0%,rgba(234,42,42,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(203,5,5,1) 0%,rgba(234,42,42,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(203,5,5,1) 0%,rgba(234,42,42,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb0505', endColorstr='#ea2a2a',GradientType=0 ); /* IE6-9 */
}

.form_left{
    float: left;
    width:575px;
    font-size: 14px;
    margin-left: 25px;
}
.form_right{
    float: right;
    width:475px;
    font-size:16px;
    margin-right:25px;
}
.form_left.new_trader_form{
    float: left;
    width:760px;
}
.form_right.new_trader_form{
    float: right;
    width:300px;
}
.inner_left{
    float: left;
    width:400px;
    margin-right: 30px;
    margin-bottom: 10px;
}
.inner_right{
    float: left;
    width:300px;
}

.login_faq_box{
    padding-bottom: 5px;
    border-bottom:dotted 1px #cccccc;
    margin-bottom: 10px;
    font-size:1.2em;
}
.login_faq_box .login_q:before{
    content:'Q';
    color:#86B81B;
    margin-right: 5px;
}
.login_faq_box .login_a:before{
    content:'A';
    color:#D60077;
    margin-right: 5px;
}
.required_item{
    float: right;
    font-size: 12px;
    color: #ffffff;
    background: #B71C25;
    padding: 4px 4px 2px;
    font-size: 11px;
    font-weight: normal;
}
#form_sub_title{
    position:relative;
    width:11em;
    padding:5px 0px;
}
.ninni_item{
    float: right;
    font-size:12px;
    color:#ffffff;
    background:#999999;
    padding:2px 3px;
}
.form_right textarea{
    margin-bottom: 10px;
}

.error_msg{
    color:#b71c25;
    font-size:12px;
}

.back_top_box{
    max-width: 1120px;
    margin: 0 auto 20px;
    text-align: right;
}


.login_btn{
    border:1px solid #BC1F07;
    background: rgb(253,48,10);
    background: -moz-linear-gradient(top, rgba(253,48,10,1) 0%, rgba(226,41,9,1) 100%);
    background: -webkit-linear-gradient(top, rgba(253,48,10,1) 0%,rgba(226,41,9,1) 100%);
    background: linear-gradient(to bottom, rgba(253,48,10,1) 0%,rgba(226,41,9,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd300a', endColorstr='#e22909',GradientType=0 );
}

.login_btn:hover{
    text-shadow:0px 0px 0px rgba(0, 0, 0, 0);
    background: rgb(226,41,9);
    background: -moz-linear-gradient(top, rgba(226,41,9,1) 0%, rgba(253,48,10,1) 100%);
    background: -webkit-linear-gradient(top, rgba(226,41,9,1) 0%,rgba(253,48,10,1) 100%);
    background: linear-gradient(to bottom, rgba(226,41,9,1) 0%,rgba(253,48,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e22909', endColorstr='#fd300a',GradientType=0 );
}

.forgetPass_btn{
    background: #106DB0;
    border-bottom: solid 2px #0B4066;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 19%);
}
.forgetPass_btn:hover{
    text-shadow:0px 0px 0px rgba(0, 0, 0, 0);
    background: rgb(14,87,140);
    background: -moz-linear-gradient(top, rgba(14,87,140,1) 0%, rgba(16,109,176,1) 100%);
    background: -webkit-linear-gradient(top, rgba(14,87,140,1) 0%,rgba(16,109,176,1) 100%);
    background: linear-gradient(to bottom, rgba(14,87,140,1) 0%,rgba(16,109,176,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e578c', endColorstr='#106db0',GradientType=0 );
}

.kobutsusho_text {
    color: red;
    font-size: 15px;
}

#new_trader_button_box input[type='checkbox'] {
    transform: scale(1.2);
    cursor: pointer;
}

.signup_btn{
    background: #f38900;
    border-bottom: solid 2px #c26d00;
    border:solid 2px #d27d00;
}
.signup_btn:hover{
    background:#da7c02;
}
.login_btn,
.signup_btn,
.forgetPass_btn{
    width: 100%;
    max-width: 370px;
    font-weight: bold;
    font-size: 20px;
    -webkit-text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
    text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
    color:#ffffff;
    padding:5px 0px;
    border-bottom-width: 2px;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), inset 0 -2px 0 rgb(0 0 0 / 5%);
}


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

アバウトページ

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

.about_wrap_1{
    position:relative;
    font-size:13px;
    color:#151515;
}
.about_wrap_1 p{
    margin-top:20px;
    line-height:21px;
}



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

応札保証一覧ページ

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


.reserve_price_table{
    margin:20px 0 50px;
}

.reserve_price a img:hover{
    opacity:0.7;
}

.reserve_price_table tr th{
    width:160px;
    background:#F6F6F6;
    height:64px;
    border:1px solid #ddd;
    text-align:center;
}

.reserve_price_table tr td{
    width:440px;
    background:#fff;
    border:1px solid #ddd;
    padding-left:15px;
}
.reserve_table tr td{
    font-size:15px;
}

.reserve_table tr .area_font{
    font-size:12px;
}

.reserve_price_table tr td a{
    margin-right:12px;
}

.area_top_link{
    text-align:right;
    margin-bottom:20px;
}

.table_wrap{
	width:1120px;
	}

.scrapAuctions .table_wrap tr th{
	border:1px solid #e4e4e4;
	background:#7f7f7f;
	color:#fff;
	font-size:11px;
	height:40px;
}

.table_wrap tr th a{
	color:#fff;
	text-decoration:underline;
	font-size:11px;
}

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


.table_wrap tr td{
	border:1px solid #e4e4e4;
	height:74px;
}



.negotiations .btn-primary{
    width:111px;
    height:36px;
    padding-top:9px;
    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 */
}

.negotiations .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 */
}





/* _________________________________________ リユース分*/


p.caution {
    padding: 0 0 0 15px;
}

.icon_td{
    width:60px;
}

.icon_td span[class*="icon_"]{
    display:inline-block;
    width:36px;
    color:#FFF;
    padding:2px 0;
    margin: 3px auto;
    text-align:center;
}

.icon_deadline{
    color: #ffffff;
    background-color:#ff0000;
    display: inline-block;
    padding: 4px 3px 2px;
    font-size: 12px;
}

.icon_new_exhibit{
    display: inline-block;
    padding: 4px 3px 2px;
    font-size: 12px;
    color: #ffffff;
    background-color:#ff0000;
}

.icon_popular{
    display: inline-block;
    padding: 4px 3px 2px;
    font-size: 12px;
    color: #ffffff;
    background-color:#F39C12;
}

#biddable_box p{
    line-height:20px;
    border-bottom:1px dotted;
    vertical-align:middle;
}

#biddable_box p span{
    padding-left:15px;
}

.underline_color{
    display:inline-block;
    line-height:1em;
    border-bottom:solid 2px #FF8C00;
}
#for_successful_trader_form_carnext{
    margin-bottom: 10px;
}
#for_successful_trader_form_carnext img{
    width: 100%;
    height: auto;
}




/* おすすめ車両 */
#recommend_vertical {
    float: right;
    width: 195px;
}

#recommend_vertical h4 {
    text-align: center;
    font-weight: bold;
    background-color: #FD7A2B;
    color: #FFF;
    margin: 0 0 10px 0;
    padding: 5px 0;
}

#recommend_vertical ul {
    margin: 0;
    padding: 0;
    border: 1px solid;
    max-height: 570px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: hidden;
}

#recommend_vertical ul li {
    list-style: none;
    border-bottom: 1px solid;
    text-align: center;
    padding: 5px;
}

#recommend_vertical ul li p {
    margin: 0;
    padding: 0;
}

#recommend_vertical ul li:last-child {
    border-bottom: 0;
}

#recommend_vertical ul li p.recommend_photo {
    margin-bottom: 5px;
}

#recommend_vertical img {
    width: 100%;
    max-height: 122px;
}

#recommend_vertical .recommend_scroll_down,
#recommend_vertical .recommend_scroll_up {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid;
    font-size: 150%;
    background-color: #CCCCCC;
}

#recommend_vertical .recommend_scroll_down {
    border-top: 0;
}

#recommend_vertical .recommend_scroll_up {
    border-bottom: 0;
}

#recommend_vertical .recommend_scroll_down a,
#recommend_vertical .recommend_scroll_up a {
    display: inline-block;
    width: 100%;
    border-radius: 0;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

#recommend_vertical .recommend_photo_image {
    display: inline-block;
    width: 183px;
    height: 122px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#recommend_horizontal{
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
#recommend_horizontal h4 {
    text-align: left;
    font-weight: bold;
    background-color: #fd7a2b;
    color: #fff;
    margin: 0px 0px 10px 0px;
    padding: 5px;
}

#recommend_horizontal .recommend_scroll_left,
#recommend_horizontal .recommend_scroll_right {
    position:absolute;
    width: 26px;
    line-height: 210px;
    text-align: center;
    border: 1px solid;
    font-size: 150%;
    background-color: #ccc;
    bottom:0px;
    z-index:100;
}

#recommend_horizontal .recommend_scroll_left {
    border-right: 0;
    left:0px;
}

#recommend_horizontal .recommend_scroll_right {
    border-right: 0;
    right:0px;
}

#recommend_horizontal .recommend_slider {
    width: 100%;
    overflow: hidden;
}

#recommend_horizontal .recommend_scroll_left a,
#recommend_horizontal .recommend_scroll_right a {
    display: block;
    height:100%;
    border-radius: 0;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

#recommend_horizontal ul {
    float: left;
    margin: 0;
    padding: 0;
    border-top: 1px solid;
    width: 1068px;
    max-height: 210px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: hidden;
}
#recommend_horizontal ul li {
    display: inline-block;
    width: 193px;
    list-style: none;
    border-right: 1px solid;
    text-align: center;
    padding: 5px;
}
#recommend_horizontal .bx-wrapper{
    border-right: 1px solid;
    border-bottom: 1px solid;
}
#recommend_horizontal ul li a{
    display: block;
    height: 100%;
    overflow-y:none;
}

#recommend_horizontal ul li p {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#recommend_horizontal ul li p.recommend_photo {
    margin-bottom: 5px;
}

#recommend_horizontal img {
    width: 100%;
    max-height: 122px;
}

#recommend_horizontal .recommend_photo_image {
    display: inline-block;
    width: 183px;
    height: 122px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/* _________________________________________ 新規登録・ログイン・IDパスワード忘れ */

.subscribe_left,
.subscribe_right{
    width:48%;
    margin-bottom: 40px;
}

.subscribe .table-default th,
.login_new_trader_form th{
    max-width: 150px;
}

@media screen and (max-width: 768px){
    .subscribe{
        flex-direction: column;
    }
    .subscribe_left,
    .subscribe_right{
        width: 100%;
        max-width: 414px;
        margin: 0 auto 40px;
    }
    .required_item{
        float: left;
        margin:0px 5px 5px 0 ;
    }
}
.sales_point{
    height:620px;
    padding:0 20px;
}

.sales_point_left,
.sales_point_right{
    float:left;
    width:47%;
    height:100%;
    padding:5px 15px;
    font-size: 14px;
}

.sales_point_left h5,
.sales_point_right h5{
    font-size:22px;
    font-weight:bold;
}
.sales_point_right h5 span{
    font-size: 0.8em;
}
.sales_point_left{
    background-color:#faffbd;
    font-size: 18px;
}

.sales_point_right{
    background-color:#fed98a;
    margin-left:3%;
}

.sales_point table{
    font-size:16px;
    border:1px solid #000 !important;
    margin-bottom: 5px !important;
}
#sales_point_right_text{
    font-size:0.5em;
    font-weight: normal;
    text-align: right;
}
.sales_point table th,
.sales_point table td{
    border:1px solid #000 !important;
    padding-top: 1px !important;
}

.subscribe_right p:nth-child(2){
    margin-bottom: 30px;
}
.new_trader_form_title.attend_text span{
    position:absolute;
    right:0px;
    top:0px;
    font-size:0.6em;
    line-height:1.2;
    color:#000000;
    padding:2px 5px;
}



/* _________________________________________ プライバシーポリシー */
#privacy #privacy_infomation {
    border: solid 1px #666666;
    padding: 15px;
}

/* _________________________________________ LPコンテンツ*/
section.lp_contents  {
    text-align: center;
    margin-bottom: 40px;
}

/* _________________________________________ LPメインバナー*/
p.prbnr {
    margin: 42px auto;
    text-align: center;
}



.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius:.25em
}
.label-info {
    background-color: #31b0d5;
}
.label-primary {
    background-color: #428bca;
}

/* _________________________________________  スライダーの位置とサイズ調整 */
.slider {
    width:100% !important;
    max-width: 1120px !important;
    margin:0 auto;
}
/* _________________________________________  スライダー 画像サイズ調整 */
.slick_img {
    width:100%;
}
.slick-slide {
    height: auto !important;
}
/* _________________________________________  スライダー 矢印表示 */
.slick-next {
    right: 0 !important;
}
.slick-prev {
    left: 0 !important;
}
.slick-arrow {
    z-index: 2 !important;
}
.slider-box {
    padding: 10px 8px 10px 8px;
}




/* _________________________________________ 電話でのお問合せ/メールでのお問合せ */

.Contact {
    padding: 20px 30px;
    background: #f5f4f0;
    border: 4px solid #99cc00;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.Contact .Contactl {
    float: left;
    width: 50%;
    border-right: 1px solid #aaaaaa;
    background: url(../img/icon-phone.png) no-repeat top left;
}
.Contact .Contactr {
    float: right;
    width: calc(50% - 22px);
    background: url(../img/icon-mail.png) no-repeat top left;
}
.Contact .Contactl h3,.Contact .Contactr h3 {
    font-size: 21px;
    color: #85b000;
}
.Contact .Contactl p,.Contact .Contactr p {
    font-size: 14px;
    color: #303030;
}
.Contact .Contactl h3,.Contact .Contactr h3,
.Contact .Contactl p,.Contact .Contactr p{
    margin: 0 0 10px 100px;
}
.Contact .Contactl .Contact_tel {
    width: calc(100% - 22px);
}
.Contact .Contactl .Contact_tel,
.Contact .Contactr .Contact_mail{
    background: #ffffff;
    font-size: 22px;
    font-weight: bold;
    color: #99cc00;
    text-align: center;
    border: 1px solid #cccccc;
    padding:10px 4px;
    line-height: 1;
}

.Contact .Contactl .Contact_tel img,
.Contact .Contactr .Contact_mail img {
    width: 22px;
    margin-right: 5px;
    vertical-align: middle;
}
@media screen and (max-width: 768px){
    .Contact{
        padding: 3% 2%;
    }
    .Contact .Contactl {
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #aaaaaa;
        background-size: 34px;
        border-right: none;
    }
    .Contact .Contactl h3,
    .Contact .Contactr h3 {
        margin: 0 0 5px 40px;
        font-size: 15px;
        color: #85b000;
    }
    .Contact .Contactl p,
    .Contact .Contactr p {
        margin: 0 0 10px 40px;
        font-size: 12px;
        color: #303030;
    }
    .Contact .Contactl .Contact_tel {
        width: 100%;
    }
    .Contact .Contactr {
        width: 100%;
        background-size: 34px;
    }
    .Contact .Contactr .Contact_mail {
        font-size: 17px;
    }
}

/* _________________________________________ 規約マニュアル*/
.dl_pdf,
.sample_pdf{
    display: inline-block;
    padding: 0 0 0 24px;
}
.dl_pdf{
    background: url(../img/sample_icon1.gif) no-repeat scroll 0 0 transparent;
    margin-right: 10%;
}

.sample_pdf{
    background: url(../img/sample_icon2.gif) no-repeat scroll 0 2px transparent;
}


/* _________________________________________ ヘッダー 共通（ログイン/未ログイン/ログアウト） */
.head_bg{
    position:fixed;
    width:100%;
    height:100px;
    top:0px;
    left:0px;
    z-index:200;
}
.h1-container{
    background: #99cc00;
}
.head_bg h1{
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    padding: 6px 0 4px;
}
.head_bg .container{
    position: relative;
}
.head_bg .head_logoArea{
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.head_right_div{
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.head_bg #login_btn_box.primary_ul a{
    color: initial;
}
.head_bg .primary_ul li:not(:first-child){
    border-left: 1px solid #e0e3e3;
    padding-left: 8px;
    margin-left: 8px;
    margin-right: 8px;
}
.menu_btn_wrap {
    width: 100px;
    height: auto;
    margin: 0 5px;
    justify-content: flex-end;
}
.menu_btn_wrap img{
    width: 70px;
    height: auto;
    margin: 0 5px;
}
@media screen and (max-width: 768px){
    .head_bg{
        margin-bottom: 10px;
        height: 70px;
    }
    .head_bg h1{
        font-size: 10px;
        padding: 3px 0 2px;
    }
    .head_bg .head_logoArea{
        height: 60px;
    }
    .head_logoArea img{
        max-width: 200px;
        margin-bottom: 5px;
    }
}

/* _________________________________________ ヘッダー　ナビ*/
.main_nav_menu ,
.main_nav_menu_wrap,
.main_nav_menu .main_navWrapItem
{
    display: flex;
}
.main_nav_menu{
    position: relative;
    display: none;
}
.main_nav_menu:hover,
.main_nav_menu.menu_hover{
    display: flex;
}
.main_nav_menu_wrap {
    margin: 0 auto;
    width: 100%;
    height: 240px;
    background-color: #ffffff;
    border: #f5f4f0 solid 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 10px 20px;
    justify-content: center;
}
.main_nav_menu .coner_wrap_left ul:not(.sns_links),
.main_nav_menu .coner_wrap_right ul:not(.sns_links)
{
    width: 200px;
}
.main_nav_menu .coner_wrap_left ul li,
.main_nav_menu .coner_wrap_right ul li{
    padding: 5px 0 5px 20px;
}
.main_navItem a{
    color: initial;
}
.main_navItem a:hover{
    opacity: 0.7;
}

.main_navItem p{
    font-weight: bold;
}
.main_navItem+.sns_links{
    width: 130px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}
.sns_links img {
    width: 45px;
    height: auto;
}
.main_nav_menu .coner_wrap_right{
    border-left: #a0a0a0 solid 1px;
    padding-left: 50px;
}


/* _________________________________________ スマホナビゲーション */
@media screen and (max-width: 768px){
    .main_navi2,
    .main_navWrapItem,
    .main_navItem,
    .main_nav_menu {
        flex-direction: column;
    }
    .main_nav_menu_wrap
    {
        width: 0;
        height: 0;
        padding: 0;
    }
    .main_nav_menu .coner_wrap_left ul,
    .main_nav_menu .coner_wrap_right ul,
    .main_nav_menu .coner_wrap_left ul:not(.sns_links),
    .main_nav_menu .coner_wrap_right ul:not(.sns_links)
    {
        width: 100%;
    }
    .main_nav_menu .coner_wrap_left ul li,
    .main_nav_menu .coner_wrap_right ul li{
        padding: 10px 0 10px 20px;
    }
    .main_navItem p{
        display: inline-block;
        background-color: black;
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        padding-left: 10px;
        vertical-align: middle;
    }
    .main_navItem li{
        border-bottom: #f5f4f0 solid 1px;
    }
    .sns_links {
        padding-right: 10px;
    }
    .hamburger{
        width: 60px;
        height: 60px;
        z-index: 100;
    }
    .hamburger img {
        width: 60px;
        height: auto;
        position: absolute;
        top: -5px;
        right: 0;
    }
    .coner_wrap_left,
    .coner_wrap_right{
        flex-direction: column;
    }
    .main_nav_menu .coner_wrap_right{
        border: none;
        padding: 0
    }
    .sideMenu {
        background-color: #fff;
        height: 100vh;
        overflow-y: auto;
        padding-top: 10px;
        padding-bottom: 150px;
        position: fixed;
        left: calc(-100% - 40px);
        transition: all 0.4s;
        top: 0;
        width: 200px;
        z-index: 200;
        width: calc(100% - 20px);
        max-width: 300px;
    }
    /* メニューが開いた時のCSS */
    .nav-open .sideMenu {
        background-color: #fff;
        left: 0;
    }
    .nav-open .overlay {
        opacity: 0.8;
        visibility: visible;
    }
    .overlay {
        background-color: #000;
        cursor: pointer;
        height: 100vh;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        transition: all 0.4s;
        visibility: hidden;
        width: 100vw;
        z-index: 100;
    }
}

/* パンクズ */
.bread_list{
    margin: 0 auto 30px;
    font-size: 12px;
    padding-top: 10px
}

/* _________________________________________ 未ログイン/ログイン共通コンテナ */
.both_login_container {
    max-width: 1150px;
    width: 100%;
}
/* _________________________________________ 未ログイン　ヘッダー  */
#login_btn_box.primary_ul a{
    font-size: 14px;
}
.head_height{
    margin-top: 100px;
}
.head_height.no_login {
    margin-top: 100px;
    padding: 0;
    max-width: 100%;
}
.head_bg.no_login .container #login_btn_box .btn-xs{
    font-size:1.2em;
}
@media screen and (max-width: 768px){
    #login_btn_box.primary_ul a{
        font-size: 12px;
    }
    .head_height.no_login {
        margin-top: 70px;
    }
    .head_bg.no_login{
        position: static;
    }
    .head_height.container.no_login{
        margin-top: 0;
    }

}

/* _________________________________________ 未ログイン　トップ　メインビジュアル・ログイン */

.mainVisual {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding-top: 20px;
    background: url(../img/mv_bg.jpg) center top repeat-x;
}
.mainVisual .mainVisual-inner{
    max-width:1050px;
    margin: 0px auto;
}
.mainVisual .mainVisual-inner #mainVisual_left{
    max-width: 400px;
    width: 100%;
    padding: 90px 40px;
    background: #ffffff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}
@media screen and (max-width: 768px){
    .mainVisual{
        background-size: cover;
    }
    .mainVisual .mainVisual-inner{
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .mainVisual .mainVisual-inner #mainVisual_right{
        width: calc(100% - 20px);
        margin-bottom: 20px;
    }
    .mainVisual .mainVisual-inner #mainVisual_right img{
        margin: 0 auto;
        display: block;
    }
    .mainVisual .mainVisual-inner #mainVisual_left{
        order: 1;
        padding: 0;
        border-radius: 0;
        max-width: 100%;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .mainVisual .mainVisual-inner #mainVisual_left ul{
        padding: 0 10px;
    }
    .mainVisual .mainVisual_bnr{
        background-color: #333;
        line-height: 0;
        margin-bottom: 15px;
    }
    .mainVisual .mainVisual_bnr img{
        max-width: 500px;
        width: calc(100% - 20px);
        line-height: 0;
        padding: 10px 0;
    }
}

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

トップページスタイル

**********************************************/
.main_img{
    padding-top:45px;
    margin-bottom:20px;
}



.top_content {
}
.top_content .new_exhibit:before{
    content:'新着';
    position:absolute;
    color:#e83423;
    font-size:24px;
    font-weight: bold;
    text-shadow:1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff;
    -webkit-text-shadow:1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff;
    -moz-text-shadow:1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff;
    top:0px;
    left:-12px;
    transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    -moz-transform:rotate(-15deg);
    z-index:9999;
}


.bt_left{
    width:323px;
    float:left;
    margin-top: 27px;
}
.bt_right{
    width:763px;
    float:right;
}

.bt_right p{
    font-size:15px;
}

.bt_right .bd_bt{
    border-bottom:1px solid #d8d8d8;
    padding:10px 0 10px 0;
    margin:0 0 5px 0;
}

.bt_right .b_text{
    font-size:36px;
    font:Verdana, Geneva, sans-serif;
    font-weight:bold;
}

.bt_right .b_text span{
    display:inline-block;
    margin-left:20px;
    font-size:16px;
    vertical-align:4px;
    font-weight:normal;
    font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* _________________________________________ 未ログイン　トップ　モーダル　新規会員登録*/
.modal-signup .narrow{
    max-width: 820px;
}
.modal-signup th{
    padding-right: 10px;
}
.modal-signup th,
.modal-signup td{
    padding-bottom: 10px;
}
@media screen and (max-width: 768px){
    .modal-signup .ttl-01{
        font-size: 14px;
        padding: 8px 0;
        margin-bottom: 10px;
    }
    .modal-signup .narrow{
        font-size: 12px;
        margin-bottom: 5px;
    }
    .modal-signup th{
        padding-bottom: 0;
    }
    .modal-signup th,
    .modal-signup td{
        text-align: left;
    }
}

/* _________________________________________ モーダル　ログイン */
form#UserLoginForm input[type="text"],form#UserLoginForm input[type="password"]  {
    padding: 0;
    border: 1px solid #cccccc;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    width: 100%;
    height: 50px;
    padding: 5px;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.login__wrap {
    text-align: center;
}
.login__wrap h2 {
    display: inline-block;
    margin: 0 auto 15px;
    font-size: 20px;
    text-indent: 24px;
    text-align: center;
    background: url(../img/auc_icon.png) no-repeat left;
}
.login__wrap .login__wrap__box {
    margin: 0 auto 10px;
}

/*会員登録モーダル*/

#login_new_trader_form input[type="text"],#login_new_trader_form input[type="password"]  {
    padding: 0;
    border: 1px solid #cccccc;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* _________________________________________ 未ログイン　トップ　すべての車両一覧を確認するにはログインが必要です */
.top_login-btn {
    max-width: 774px;
}
.top_login-btn p {
    font-size: 18px;
    padding: 25px 0 15px 0px;
    background: url(../img/arrow_bk.png) no-repeat center top;
}
.top_login-btn ul li {
    width: 49%;
}
.top_login-btn .login_btn:hover {
    background: #e30202;
}

.top_login-btn .signup_btn:hover,
.signup .signup_btn:hover {
    background: #da7c02;
}

/* _________________________________________ 未ログイン　トップ　Smartオークションとは？ */

.member_xhibit_head{
    max-width: 860px;
    margin-bottom: 50px;
}
.member_xhibit_head dl{
    margin-bottom: 15px;
    background-color: #fff;
    padding: 15px 10px;
}
.member_xhibit_head dl dt{
    font-size: 27px;
    font-weight: bold;
}
.member_xhibit_head dl dd{
    font-size: 18px;
}
.member_xhibit_head ul li{
    font-size: 22px;
    color: #fff;
    max-width: 774px;
    width: 100%;
    margin: 0 auto 12px;
    padding: 3px 0;
    background: #99cc00;
    border-radius: 10px;
}
@media screen and (max-width: 768px){
    .member_xhibit_head dl dt{
        font-size: 20px;
    }
    .member_xhibit_head dl dd,
    .member_xhibit_head ul li{
        font-size: initial;
    }
}

/* _________________________________________ 未ログイン　トップ　選ばれる理由*/
.reasonbox {
    padding: 40px 0;
    background: #f5f4f0;
}
.reasonbox ul {
    flex-wrap: wrap;
    align-items: stretch;
}
.reasonbox ul li {
    width: calc(100% / 2 - 5px);
    margin-bottom: 18px;
    border: 1px solid #e9e8e5;
    background: #ffffff;
}
.reasonbox ul li .reason1,
.reasonbox ul li .reason2,
.reasonbox ul li .reason3,
.reasonbox ul li .reason4{
    display: block;
    height: 103px;
    margin-bottom: 10px;
}
.reasonbox ul li span.reason1 {
    background: #99cc00 url(../img/reason01.png) no-repeat center;
}
.reasonbox ul li span.reason2 {
    background: #448aca url(../img/reason02.png) no-repeat center;
}
.reasonbox ul li span.reason3 {
    background: #ea68a2 url(../img/reason03.png) no-repeat center;
}
.reasonbox ul li span.reason4 {
    background: #f39800 url(../img/reason04.png) no-repeat center;
}
.reasonbox ul li h4 {
    font-size: 20px;
    color: #303030;
    margin-bottom: 5px;
}
.reasonbox ul li h4 span {
    font-size: 26px;
    color: #ff0000;
}
.reasonbox ul li p {
    padding: 0 10px 20px;
}
@media screen and (max-width: 768px){
    .reasonbox ul{
        width: 100%;
    }
    .reasonbox ul li h4,
    .reasonbox ul li h4 span{
        font-size: initial;
    }
    .reasonbox ul li span.reason1 {
        background-size: 90px auto;
    }
    .reasonbox ul li span.reason2 {
        background-size: 130px auto;
    }
    .reasonbox ul li span.reason3 {
        background-size: 130px auto;
    }
    .reasonbox ul li span.reason4 {
        background-size: 150px auto;
    }
}
@media screen and (max-width: 414px){
    .reasonbox ul{
        flex-direction: column;
    }
    .reasonbox ul li{
        width: 100%;
    }
}

/* _________________________________________ 未ログイン　トップ　主な機能*/
.functionbox ul {
    flex-wrap: wrap;
}
.functionbox ul li {
    width: calc(100% / 3 - 10px);
    margin-bottom: 18px;
    border-radius: 5px;
    border: 1px solid #e9e8e5;
    background: url(../img/functionlist_bg.jpg) no-repeat top left/cover;
}
.functionbox ul li h4 {
    font-size: 20px;
    color: #ffffff;
    padding: 10px;
}
.functionbox ul li h4:before{
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin:0 auto 5px;
}
.functionbox ul li h4.function1:before{background: url(../img/function01.png) no-repeat top center/contain;}
.functionbox ul li h4.function2:before{background: url(../img/function02.png) no-repeat top center/contain;}
.functionbox ul li h4.function3:before{background: url(../img/function03.png) no-repeat top center/contain;}
.functionbox ul li h4.function4:before{background: url(../img/function04.png) no-repeat top center/contain;}
.functionbox ul li h4.function5:before{background: url(../img/function05.png) no-repeat top center/contain;}
.functionbox ul li h4.function6:before{background: url(../img/function06.png) no-repeat top center/contain;}

.functionbox ul li p {
    padding: 10px 0;
    background: #ffffff;
}

@media screen and (max-width: 768px){
    .functionbox ul {
        align-items: stretch;
    }
    .functionbox ul li{
        width: calc(100% / 2 - 5px);
        overflow: hidden;
    }
    .functionbox ul li h4{
        font-size: 16px;
    }
    .functionbox ul li p{
        height: 100%;
    }
}

/* _________________________________________ 未ログイン　トップ　メディア*/
.mediabox {
    width: 100%;
    padding:  30px 0;
    background: url(../img/media_bg.gif) repeat;
}
.mediabox ul.flex-box-col {
    flex-wrap: wrap;
}
.mediabox ul li {
    width: calc(100% / 2 - 6px);
    background: #ffffff;
    border: 1px solid #e9e8e5;
    margin-bottom: 12px;
}
.mediabox ul li.flex-box-col {
    align-items: center;
}
.mediabox h4 {
    font-size: 20px;
    position: relative;
    background: #f5f4f0;
    padding: 40px 0;
    max-width: 300px;
    width: 100%;
    border: 1px solid #e9e8e5;
}
.mediabox h4::before {
    content: " ";
    display: block;
    width: 24px;
    height: 19px;
    position: absolute;
    top: 5px;
    left: 5px;
}
.mediabox h4.media-tv::before {
    background: url(../img/icon_tv.png) no-repeat;
}
.mediabox h4.media-news::before {
    background: url(../img/icon_news.png) no-repeat;
}
.mediabox ul li.flex-box-col p{
    width: 100%;
}
@media screen and (max-width: 768px){
    .mediabox ul.flex-box-col{
        flex-direction: column;
        width: 100%;
    }
    .mediabox li.flex-box-col{
        align-items: center;
        width: 100%;
        padding: 5px;
    }
    .mediabox h4{
        padding: 30px 0;
        font-size: initial;
    }
    .mediabox ul li.flex-box-col p{
        text-align: left;
        padding-left: 10px;
    }
}

/* _________________________________________ 未ログイン　トップ　FAQ*/
.topfaq {
    padding: 30px 0;
    background: #f5f4f0;
}
.topfaq .container{
    max-width: 976px;
}
.topfaq dl dt {
    padding: 8px 10px 8px 10px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background: #535353;
    border-radius: 5px;
}
.topfaq dl dd {
    width: 100%;
    padding: 10px 0 0 0;
    margin-bottom: 20px;
}
.topfaq dl dd span {
    display: inline-block;
    padding: 3px 5px;
    background: #ffff00;
}
@media screen and (max-width: 768px){
    .topfaq dl dt{
        font-weight: normal;
        font-size: initial;
    }
}

/* _________________________________________ 未ログイン　トップ　入会までの流れ*/

.signup {
    max-width: 976px;
    background-color: #f5f4f0;
    padding-bottom: 25px;
}
.signup .signup-header {
    width: 100%;
    background: #99cc00;
    border-radius: 10px 10px 0 0;
    position: relative;
    margin-bottom: 40px;
}
.signup .signup-header::after,
.signup .signup-flow::after{
    content: " ";
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    width: 33px;
    height: 22px;
    margin: 0 auto;
    background: url(../img/signup-arrow.png) no-repeat;
}
.signup .signup-header ul li {
    width: calc(100% / 3 );
    color: #ffffff;
    position: relative;
    padding:10px 10px 20px;
}
.signup .signup-header ul li:nth-child(2) {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    box-sizing: border-box;
}
.signup .signup-header ul li:before{
    content: '';
    max-width: 300px;
    height: 80px;
    margin: 0 auto;
    display: block;
}
.signup .signup-header ul li.feature1:before {
    background: url(../img/signup01.png) no-repeat center / auto;
}
.signup .signup-header ul li.feature2:before  {
    background: url(../img/signup02.png) no-repeat center;
}
.signup .signup-header ul li.feature3:before  {
    background: url(../img/signup03.png) no-repeat center / auto;
}

.signup .signup-flow {
    max-width: 656px;
    margin: 0 auto 40px;
    position: relative;
}

.signup .signup-flow ul {
    font-size: 20px;
}
.signup .signup-flow ul li {
    padding: 15px;
    margin-bottom: 25px;
    background: #99cc00;
    color: #ffffff;
    -webkit-border-radius: 25px;
    border-radius: 10px;
    position: relative;
}
.signup .signup-flow ul li:not(:last-child)::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2px;
    height: 25px;
    background: #959595;
 }
@media screen and (max-width: 768px){
    .signup .signup-header ul li.feature2:before {
        background: url(../img/signup02.png) no-repeat center / contain;
    }
}
@media screen and (max-width: 414px){
    .signup .signup-header ul.flex-box-col{
        display: block;
    }
    .signup .signup-header ul li{
        width: 100%;
    }
    .signup .signup-header ul li:nth-child(2){
        border:none;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }
    .signup .signup-header ul li.feature2:before  {
        background: url(../img/signup02.png) no-repeat center;
    }
}


/** ログインモーダル **/
.modal{
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    left: 0;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100%;
    position: absolute;
    width: 100%;
}
.modal__content{
    display: block;
    position: fixed;
    top: 0;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    background-color: #ffff;
    border-radius: 10px;
    width: calc(100% - 30px);
    max-width: 500px;
}

#modal01 .modal__content {
    background-color: #fff;
}

#modal02 .modal__content {
    width: calc(100% - 20px);
    max-width: 1000px;
    background-color: #fff;
}
@media screen and (max-width: 768px){
    .modal__content{
        top: 50%;
    }
}
/** ログインモーダル END **/

/** クレーム申請ポップアップ **/
.detail_footer_colorbox{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.detail_footer_colorbox .btn{
    color: #fff;
    width: calc(100% / 3);
    margin:0 5px 20px;
    font-size: 1.2em;
}
.detail_footer_colorbox #document_detail_set_btn,
.detail_footer_colorbox #detail_footer_colorbox_btn,
.detail_footer_colorbox #car_number_set_btn{
        width: 100%;
}
.detail_footer_colorbox #claim_btn_box .btn{
    width: 100%;
}

.detail_footer_colorbox .btn.no_claim,
.detail_footer_colorbox .btn.trader_auction_trade_end{
    background-color: #279a27;
}
.detail_footer_colorbox .btn.yes_claim{
    background-color: #cf193f;
}
.detail_footer_colorbox .btn.claim_check_now{
    background-color: #176ecf;
}
#claim_box {
    padding: 15px;
    max-width: 700px;
    margin: 0 auto;
}

#claim_box p {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
}

#claim_box .form-control {
    max-width: 210px;
    margin: 0 auto 20px;
}

.claim_trade_date_box {
    width: 12em;
    margin: 0 auto 20px;
}

#claim_inner {
    text-align: center;
    margin-bottom: 20px;
}
#claim_inner.flex-box-col {
    justify-content: center;
}

#claim_inner .btn {
    width: calc(100% / 3);
    font-size: 1.2em;
    color: #ffffff;
    padding: 8px 2px;
    border: solid 1px;
}
#claim_select_box {
    display: inline-block;
    width: 30%;
    margin-right: 5%;
}
#claim_select_box:before,
#claim_select_box:after{
    top: 30%;
}
#claim_select_box
{
    max-width: 100%;
    margin: 0 3%;
}
#claim_select_box .btn{
    width: auto;
}
#claim_btn_box {
    display: inline-block;
    width: auto;
}
#claim_box #claim_remark_box {
    display: inline-block;
    width: 100%;
}
#claim_box #claim_remark_box input {
    max-width: 100%;
}
#claim_btn_box a {
    font-size: 1.2em;
    padding: 4px 3px;
    color: #ffffff;
    background: rgb(108, 151, 193);
}


@media screen and (min-width: 769px) {
    .detail_footer_colorbox .btn.no_claim:hover,
    .detail_footer_colorbox .btn.trader_auction_trade_end:hover {
        background-color: #217d21;
    }
    .detail_footer_colorbox .btn.yes_claim:hover {
        background-color: #aa1838;
    }
    .detail_footer_colorbox .btn.claim_check_now:hover{
        background-color: #1a5ca8;
    }
    #claim_btn_box a:hover {
        text-decoration: none;
        background: rgb(65, 109, 161);

    }
}
@media screen and (max-width: 768px){
    .detail_footer_colorbox{
        width: 100%;
        margin: 0 0 10px;
    }
    .detail_footer_colorbox .btn{
        width: 100%;
        margin: 0 0 10px;
    }
    #claim_inner .btn{
        width: 100%;
    }
    .detail_footer_colorbox .flex-box-col{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }
    #claim_select_box,
    .form-control{
        width: 100%;
        margin: 0;
    }
    #claim_select_box input{
        max-width: 100%;
        margin: 0 0 20px;
    }
    #claim_box .form-control {
        max-width: 100%;
    }
    #claim_select_box .btn{
        width: 100%;
    }
    .detail_footer_colorbox #claim_btn_box{
        width: 100%;
    }
    .detail_footer_colorbox #claim_btn_box .btn{
        display:inline-block;
        width: 100%;
    }
    .detail_footer_colorbox .flex-box-col:nth-child(2) .input.select,
    .form-control{
        max-width: 100%;
    }
    .detail_footer_colorbox .flex-box-col:nth-child(2) input{
        max-width: 100%;
        margin: 0 0 20px;
    }
    .detail_footer_colorbox .flex-box-col:nth-child(2) .btn{
        width: 100%;
    }
}
/** クレーム申請ポップアップ END **/

.bd_line{
    height:10px;
    background:#fff;
    margin-top:-2px;
    position:relative;
    z-index:100;
}


/* _________________________________________ フッター */
.footer-wrap {
    background: #f5f4f0;
    border-top: 6px solid #ebe9e2;
    padding-top: 20px;
}
.footer-wrap .flex-box-col{
    justify-content: center;
}
.footer-wrap .col-xs-2{
    width:550px;
    overflow:hidden;
}
.footer-wrap .copy{
    padding-bottom: 15px;
    font-size: 12px;
}

.footer-nav li{
    padding: 10px 10px 0px;
    position: relative;
    font-weight:bold;
}
.footer-nav li:not(:first-child) a:before{
    content: '|';
    position: absolute;
    left: -2px;
    color: #888;
}
.footer-nav li a {
    color: #000;
    text-align: center;
    display: inline-block;
}

.footer-inner.flex-box-col {
    align-items: center;
    padding-bottom: 20px;
}
.footer-inner {
}
.footer-inner > img {
    margin-right: 20px;
}
.footer-inner address {
    margin-right: 20px;
}
.footer-inner table{
    float: right;
    width:135px;
    margin:0;
}

/** グループリンク **/
.group-section {
    max-width: 1150px;
    margin: 20px auto;
}

.group-title {
    margin-bottom: 0;
    font-size: 18px;
}

.group-link {
    position: relative;
    display: inline-block;
    margin-top: 0.5em;
    padding-right: 1em;
}

.group-link:last-child::after {
    display: none;
}

.group-link::after {
    position: absolute;
    right: 0;
    content: '';
    width: 1px;
    height: 100%;
    margin-right: .3em;
    background-color: #333;
}

@media (max-width: 769px) {
    .group-section {
        text-align: left;
    }
    
    .group-section {
        padding: 0 10px 30px;
    }
    .group-link {
        display: block;
        margin-top: .75em;
        line-height: 1.5;
    }
    .group-link::after {
        display: none;
    }
}



@media screen and (max-width: 768px){
    .footer-wrap .flex-box-col:not(.footer-inner){
        flex-direction: column;
        width: 100%;
    }
    .footer-nav li:not(:first-child) a:before{
        display: none;
    }
    .footer-nav li:not(:first-child):before{
        content: '';
        border-bottom:1px solid #aaaaaa;
        display: block;
    }
    .footer-nav{
        position: relative;
    }

    .footer-nav li{
        width: 100%;
        padding:0;
    }
    .footer-nav li a{
        padding: 10px 5px 10px 24px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        width: 100%;
        background: url(../img/spfootnavarrow.png) left 5px center / 13px auto no-repeat;
    }
    .footer-nav:before{
        content: '';
        border-top: 1px solid #aaaaaa;
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .footer-group-site-span {
        text-align: left;
        margin: 5px 5px;
    }
    .footer-groups{
        border-bottom: 1px solid #aaaaaa;
    }
    .footer-inner{
        display: grid;
    }
    .footer-inner > img {
        margin-right: 0;
        grid-row: 1 / 2;
        grid-column: 1 / 2;
        width: 80%;
        height: auto;
    }
    .footer-inner address{
        font-size: 12px;
        margin-right: 0;
        grid-row: 1 / 2;
        grid-column: 2 / 3;
        display: inline-block;
        vertical-align: middle;
    }
    .footer-inner table{
        grid-row: 2 / 3;
        grid-column: 1 / 3;
        float: initial;
        width: 100%;
        margin-top: 20px;
    }
}

/* _________________________________________ フッター　固定バナー*/
.footer_fixed {
    position:fixed;
    bottom: 0;
    right: 2%;
}
.footer_fixed img {
    width:180px;
}

/* _________________________________________ ログイン後のホーム */
/* _________________________________________ TOPページの人気車種ランキング*/
.top_todaystrade h3{
    font-size: 28px;
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}
.top_todaystrade h3:after{
    content: '';
    border-bottom: 4px dashed #FEC807;
    display: block;
    position: relative;
    top: -5px;
}
.top_todaystrade h3 span{
    color: #06BD0E;
}
.top_todaystrade br{
    display: none;
}
.rankingWrap{
    margin-bottom: 50px;
}
.rankingItem{
    width: calc(100% / 3 - 20px);
}
.rankingTtl p{
    font-size: 1.2em;
    margin-left: 20px;
}
.rankingTtl img{
    vertical-align: middle;
    height: 25px;
}
.rankingDesc{

}
.rankingTtl{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 5px;
}
.rankingDesc{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.rankingDesc .rankingImgMask{
    max-width: 180px;
    width: 100%;
    height: 130px;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
}
.rankingDesc .rankingImgMask img{
    position: absolute;
    max-width: 120%;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(0%) translateX(-50%);
            transform: translateY(0%) translateX(-50%);
}
.ranking_price_icon{
    display: inline-block;
    background: #FFC807;
    color: #ffffff;
    padding: 2px 4px 1px;
    margin-bottom: 4px;
    font-size: 12px;
    border-radius: 3px;
}
.ranking_price {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: #FF0000;
}

@media screen and (max-width: 768px){
    .rankingWrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .top_todaystrade h3{
        display: inline;
        font-size: 18px;
        border-bottom: 3px dashed #FEC807;
        padding-bottom: 0px;
        line-height: 2;
    }
    .top_todaystrade h3:after{
        display: none;
    }
    .top_todaystrade br{
        display: block;
    }
    .rankingItem{
        width: 100%;
        margin-bottom: 15px;
    }
    .rankingTtl p{
        font-size: initial;
    }
    .rankingDesc .rankingImgMask{
        max-width: 150px;
        height: 100px;
    }
    .rankingDesc{
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    }
    .ranking_price{
        font-size: 20px;
    }
}
/* _________________________________________ ログイン後のホーム　新着情報 */
.top_content_wrap{
    margin: 0 auto 30px;
}
.newsArea {
    width: 100%;
    padding: 15px;
    background: #f5f4f0;
    color: #535353;
}
.newsArea .news_titleArea{
    border-bottom: 2px solid #333;
    margin-bottom: 12px;
    padding-bottom: 4px;
}
.newsArea .news_title {
}
.newsArea .news_backnumber {
    display: inline-block;
    width: 110px;
    padding: 3px 2px 2px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background: #535353;
    border-radius: 3px;
}

.newsArea .pc ul{
    overflow: auto;
    height: 140px;
}

.newsArea .sp ul{
    overflow: auto;
    height: 300px;
}

.newsArea li{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.newsArea li:not(:last-child){
    margin-bottom: 8px;
}
.newsArea li a{
}
.news_cat_icon_a,
.news_cat_icon_b,
.news_cat_icon_c{
    font-size: 11px;
    margin: 0;
    color: #fff;
    padding: 2px 5px 2px;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    width:100px;
}

.news_cat_icon_a{
    background:#dd6565;
}
.news_cat_icon_b{
    background:#a6c056;
}
.news_cat_icon_c{
    background:#8d6c9f;
}
.newsArea .published_date {
    max-width: 90px;
    width: 100%;
}
@media screen and (max-width: 768px){
    .top_content_wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .newsArea{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .newsArea li{
        display: block;
    }
    .news_cat_icon_a,
    .news_cat_icon_b,
    .news_cat_icon_c{
        font-size: 10px;
        padding: 1px 5px 1px;
        vertical-align: top;
    }
    .newsArea li:not(:last-child){
        margin-bottom: 15px;
    }
    .newsArea li a {
        display: block;

    }
}

/* _________________________________________ ログイン後のホーム　【車両検索】【落札管理】【出品する】エリア */
.top_content_right {
    max-width: 350px;
    width: 100%;
    padding-left: 15px;
}
.top_content_right a{
    color: #000000;
}

.top_content_right ul li{

}
.top_content_right ul li a {
    background: #fee408;
    border-bottom: solid 3px #d9c308;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    min-height: 66px;
    margin-bottom: 6px;
    align-items: stretch;
    justify-content: center;
    font-weight: bold;
}
.top_content_right ul li a .acu_nav,
.top_content_right ul li a .acu_nav_text{
    align-items: center;
    justify-content: center;
}
.top_content_right ul li a .acu_nav{
    width: 100px;
    font-size: 18px;
    margin-right: 10px;
    /* border-right: 1px solid #333; */
}
.top_content_right ul li a .acu_nav_text{
}
@media screen and (max-width: 768px){
    .top_content_right {
        padding-left:0;
        max-width: 100%;
        margin-bottom: 20px;
    }
}


.action_box {
    max-width: 976px;
    width: 100%;
    margin: 0 auto 30px;
}
.action_box a{
    color: #000000;
}

.action_box a {
    background: #fee408;
    padding: clamp(6px, 3vw, 15px);
    box-sizing: border-box;
    font-weight: bold;
    width: calc(100% / 3 - 10px);
    font-size: clamp(10px, 3vw, 18px);
    color: #333333;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 19%);
    border-radius:4px;
}
.action_box a:hover {
	opacity: 0.7;
  }
.action_box a .acu_nav,
.action_box a .acu_nav_text{
    justify-content: center;
}

/* _________________________________________ ログイン後のホーム おすすめ特集 */

.eventbox {
    max-width: 976px;
    width: 100%;
}
.eventbox .flex-box-col {
    flex-wrap: wrap;
}
.eventbox ul > li {
    width: calc(100% / 2 - 9px);
    margin-bottom: 18px;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}
@media screen and (max-width: 768px){
    .eventbox ul > li{
        width: 49%;
    }
}

/* _________________________________________ ログイン後のホーム/未ログインのホーム共通 【自社車両を出品しませんか？】 */

.member_xhibit {
    padding: 20px 0;
    background: #f5f4f0;
    width: calc(100% - 20px);
}

.member_xhibit .member_xhibit_body li{
    padding:0px 20px;
}
.member_xhibit .member_xhibit_body li strong{
    display: block;
    font-size: 1.2rem;
    text-decoration: underline;
    margin-top: 5px;
}
.member_xhibit .member_xhibit_foot {
    padding: 15px;
    box-sizing: border-box;
    background: #ffffff;
}
.member_xhibit .member_xhibit_foot_item{
    width: calc(100% / 3 - 10px);
    font-size: initial;
    margin-bottom: 15px;
}

.member_xhibit .member_xhibit_foot_item dl{
    margin-bottom: 10px;
    text-align: left;
}
.member_xhibit .member_xhibit_foot_item dt{
    font-weight: bold;
    background: url(../img/checkbg.png) left no-repeat;
    padding-left: 22px;
}

.member_xhibit .member_xhibit_note{
    display: block;
    font-size: 12px;
}

@media screen and (max-width: 768px){
    .member_xhibit{
        width: calc(100% - 20px);
    }
    .member_xhibit .member_xhibit_body{
        flex-direction: column;
        align-items: center;
    }
    .member_xhibit .member_xhibit_body li{
        padding:0;
    }
    .member_xhibit .member_xhibit_body li strong{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .member_xhibit .member_xhibit_body li a img{
        width: calc(100% - 40px);
        margin: 0 auto;
        display: block;
    }
    .member_xhibit_foot_inner{
        flex-direction: column;
    }
    .member_xhibit .member_xhibit_foot_item{
        width: 100%;
    }
    .member_xhibit .member_xhibit_foot_item dt{
        text-align: left;
    }
}
















/* _________________________________________ ニュースリリース　一覧 */
.archive_newsItem{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 15px 0;
    border-bottom:solid 1px #dddddd;
}
.archive_date_cat{
    max-width: 260px;
    width: 100%;
    display: flex;
}
.archive_date {
    margin-right: 5px;
    width: 45%;
}
.archive_ttl{
    width: calc(100% - 260px);
}
.archive_ttl a {
    display: block;
}
.archive_ttl a:hover{
    opacity: 0.8;
}
p.lead{
	font-size : 12px;
	margin : 5px 0 0 ;
}
@media screen and (max-width: 768px){
    .archive_newsItem{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .archive_date_cat,
    .archive_ttl{
        width: 100%;
        max-width: 100%;
    }
    .archive_date {
        width: 35%;
    }
}



/* _________________________________________ ナビゲーション　タブ　各種設定 /traders/edit- */

.nav-tabs{
    justify-content: flex-start;
    border-bottom: 1px solid #ddd;
    padding-left: 7px;
}
.nav-tabs .content_tab{
    margin-bottom: -1px;
}
.nav-tabs .content_tab:not(:last-child){
    margin-right: 10px;
}
.nav-tabs .content_tab a{
    display: block;
    border-radius: 4px 4px 0 0;
    background: #eee;
    padding: 15px 12px;
    color: #428bca;
    font-size: 14px;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}
.nav-tabs .content_tab a:focus {
    text-decoration: none;
    background-color: #eee;
}
.nav-tabs .content_tab a:hover {
    background: #fafafa;
    border-color: #ddd #ddd #fff;
}
.nav-tabs .content_tab.active a{
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs .svg-icon-arrow:after{
    display: none;
}
@media screen and (max-width: 768px){
    .nav-tabs{
        padding-left: 0;
        flex-wrap: wrap;
        border: 1px solid #ddd;
        border-radius: 4px;
    }
    .nav-tabs .content_tab:not(:last-child){
        margin-right: initial;
    }
    .nav-tabs .content_tab{
        margin-bottom: 0;
        width: 100%;
    }
    .nav-tabs .content_tab.active a,
    .nav-tabs .content_tab a{
        border:none;
        border-radius: 0;
    }
    .nav-tabs .content_tab a{
        padding: 8px;
    }
    .nav-tabs .content_tab:first-child a{
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs .content_tab:nth-child(4) a{
        border-radius: 0 0 4px 4px;
    }
    .nav-tabs .content_tab:not(:nth-child(n+4)){
        border-bottom: 1px solid #ddd;
    }
    .nav-tabs .svg-icon-arrow:after{
        display: block;
    }
}



/* _________________________________________ エリア別で最低応札価格を確認 guaranteed_prices */
/* ボタンデザイン */
.btn_orange {
    color: #fff;
    font-weight: bold;
    background-color: #E94623;
    padding: 20px;
    font-size: 20px;
    max-width: 450px;
    outline: none !important;
    white-space:initial;
}
.btn_orange:hover {
    background: #f56500;
}
.btn_sell {
    color: #fff;
    font-weight: bold;
    background-color: #f00;
    padding: 15px;
    font-size: 24px;
    max-width: 360px;
    border-radius: 32px;
    outline: none !important;
}
.btn_sell:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.area_main_box {
    padding: 2.5em;
    color: #434345;
    background: #f5f5f5;
    max-width: 700px;
    margin: 20px auto 100px;
}
.btn-div {
    margin: 40px 0 40px 0;
    text-align: center;
}
.display_none {
    display: none;
}

/* 最低保証価格のテキスト */
.guaranteed_price_text {
    margin: 40px auto;
    font-size: 28px;
    text-align: center;
    max-width: 500px;
}



/* mylist本日の見積依頼 */
.has-mitsumori {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (max-width: 768px){
    .has-mitsumori{
    }
    .has-mitsumori > div{
        width: 100%;
        margin-bottom: 10px;
    }
    .has-mitsumori #search_form_button{

    }
}
@media screen and (max-width: 414px){
    .has-mitsumori{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .has-mitsumori .btn-green{
        max-width: 100%;
    }
}
/* _________________________________________  陸送・代行必須お知らせ/顧客満足度 */

.evalute_flex{
    display: flex;
}
.evaluation_agreement_news_header {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 64px;
    color: #ffffff;
    border-radius: 10px 10px 0 0;
    background: rgb(129,173,97);
}

.evaluation_agreement_news_text{
    margin: 30px auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 65%;
    justify-content: center;
}

.evaluation_agreement_news_text p {
    font-size:15px;
    line-height: 1.9em;
}
.evaluation_agreement_news_text .inquiry_text{
    margin-top:15px;
    text-align: center;
    font-weight: bold;
}
#evaluation_agreement_btn_box{
    padding-top:50px;
    width:100%;
    text-align: center;
}
#evaluation_agreement_btn{
    display: inline-block;
    font-weight: bold;
    line-height: 1.46;
    background: #f38900;
    color: #ffffff;
    border-radius: 10px;
    border-right: solid 4px #f38900;
    border-bottom: solid 4px #f38900;
    width: 70%;
    border-left: 0px;
    border-top: 0px;
    padding: 10px 26px;
    font-size:18px;
}
@media screen and (max-width: 768px){
    .sp-evalute_flex{
        display: flex;
    }
    .evalute_border_bottom{
        padding-top: 0 !important;
    }

    .evaluation_agreement_news_text{
        width: 80%;
        margin: 15px auto;
    }

    .evaluation_agreement_news_text p {
        font-size:14px;
        line-height: 1.7;
    }
    #evaluation_agreement_btn_box{
        padding-top:20px;
    }
}



/* _____________________________________________________________ */

/* _________________________________________ モーダル共通*/
#colorbox{
    margin-top: -100px;
}
/* _________________________________________ モーダル共通 END*/

/* _________________________________________ 頻出スタイル*/
/*ココより下には頻出スタイル以外追加禁止*/
.P6_0{
    padding: 6px 0;
}
.PT_20{
    padding-top:20px;
}
.PA0{
    padding:0;
}
.PL0{
    padding-left:0;
}
.PR0{
    padding-right:0;
}
.mb0{
    margin: 0;
}
.mb10{
    margin-bottom:10px;
}
.mb20{
    margin-bottom:20px;
}
.mb30{
    margin-bottom:30px;
}

.wi_255{
    width:255px;
}
.wi_110{
    width:110px;
}
.wi_700 .form-group{
    width:700px;
}
.wi_700{
    width:700px;
    height:64px;
    position:relative;
    text-align:left;
}
.w-100-p{
    width:100%;
}

.fo_200{
    width:200px;
}

.fo_500{
    width:500px;
}

.fo_63{
    width:63px;
}
.font-14{
    font-size: 14px;
}
.hover_opacity01:hover{opacity:0.1;}
.hover_opacity02:hover{opacity:0.2;}
.hover_opacity03:hover{opacity:0.3;}
.hover_opacity04:hover{opacity:0.4;}
.hover_opacity05:hover{opacity:0.5;}
.hover_opacity06:hover{opacity:0.6;}
.hover_opacity07:hover{opacity:0.7;}
.hover_opacity08:hover{opacity:0.8;}
.hover_opacity09:hover{opacity:0.9;}

.pb-3{
    padding-bottom:1rem!important
}

@media screen and (max-width: 768px){
    p.estimate_price_box {
        padding : 0 3px;
        word-break: normal;
    }
}