@charset "UTF-8";

/*
Theme Name: autoc-one Corp
Description: autoc-one Corporation
Theme URI: https://autoc-one.jp/ullo/
Author: autoc-one,.inc
Version: 1
License: autoc-one
*/

/*リンク。ホバーはpcのみ*/

a {
  color: #6C86A2;
}

.bklnk a {
  color: #313233 !important;
}

.whlnk a {
  color: #fff !important;
}

.jd_red {
  color: #e31837;
}

/*画像最適化*/

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

/*もっと見るアイコン群*/

.blue_svg svg,
.usd_d_bottombox svg,
.car_detail_menu svg {
  vertical-align: -1px;
  margin-right: 5px;
  fill: #6C86A2;
}

.righttxt svg,
.car_detail_menu svg {
  vertical-align: -1px;
  margin-right: 5px;
  fill: #F26161;
  width: 11px;
  height: 11px;
}

/*見出し*/

.topline_mds {
  font-size: 20px;
  line-height: 100%;
  font-weight: bold;
  margin-bottom: 15px;
}

.topline_mds svg {
  vertical-align: -2px !important;
  margin-right: 10px !important;
  fill: #6C86A2;
}

.submds {
  font-size: 10px;
  line-height: 100%;
  font-weight: normal;
}

.line_mds {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

.midmds_16_bold {
  font-size: 16px;
  line-height: 120%;
  font-weight: bold;
}

/*選択ボタン・テキスト*/

.search_select_txt li {
  font-size: 13px;
  line-height: 100%;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ddd;
}

.search_select_txt li .arrowright {
  position: absolute;
  top: 1px;
  right: 5px;
  fill: #6C86A2;
}

@media screen and (min-width: 640px) {
  a:hover {
    color: #6C86A2;
    text-decoration: underline !important;
  }

  .bklnk a:hover {
    color: #313233 !important;
    text-decoration: underline !important;
  }

  .large_mds {
    font-size: 20px;
    line-height: 130%;
    font-weight: bold;
  }

  .large_mds span {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin-left: 10px;
  }

  .underline_mds span,
  .underline_large_mds span {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin-left: 10px;
  }

  .large_mds svg {
    vertical-align: -2px !important;
    margin-right: 10px !important;
    fill: #6C86A2;
  }

  .br_large_mds {
    font-size: 20px;
    line-height: 120%;
    font-weight: bold;
    position: relative;
    margin-left: 30px;
  }

  .br_large_mds svg {
    fill: #6C86A2;
    position: absolute;
    top: 24px;
    left: -30px;
  }

  .midmds {
    font-size: 14px;
    line-height: 100%;
    font-weight: normal;
  }

  .markmds {
    font-size: 11px;
    line-height: 100%;
    font-weight: normal;
    color: #fff;
    background-color: #6C86A2;
    padding: 2px 10px 1px 10px;
    border-radius: 3px;
    vertical-align: 5px;
  }

  .pagetop a {
    display: block;
    background-color: #6C86A2;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    text-decoration: none;
    padding: 12px 5px 0px 5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
  }

  .spbottom10 {
    margin-bottom: 10px !important;
  }

  .spbottom20 {
    margin-bottom: 20px !important;
  }

  .spbottom40 {
    margin-bottom: 40px !important;
  }

  .likeh1_b20 {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin: 1px 0 20px 0;
  }

  .likeh1_b0 {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin: 1px 0 0 0;
  }

  .likeh1_b20 svg,
  .likeh1_b0 svg {
    fill: #6C86A2;
    vertical-align: 0px;
    margin-right: 10px;
  }

  .jdlogo {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-size: 12px;
    font-weight: normal;
  }

  .jdlogo img {
    width: 100px;
    height: auto;
    margin: 0 0 0 8px;
    vertical-align: -1px;
  }

  /*ヘッダーメニュー*/

  .head_menu_lst {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 300px;
    font-size: 11px;
    line-height: 100%;
  }

  .head_menu_lst li {
    float: left;
    width: 25%;
    text-align: right;
  }

  /*大きいボタン*/

  .btn_anim_blue {
    background-color: #6C86A2;
    border: 1px solid #6C86A2;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px 0px 4px 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }

  .btn_anim_blue:hover {
    background-color: transparent;
    border: 1px solid #7f8fa1;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #7f8fa1;
  }

  /*小さいボタン*/

  .btn_anim_blue_s {
    background-color: #6C86A2;
    border: 1px solid #6C86A2;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px 0px 4px 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }

  .btn_anim_blue_s:hover {
    background-color: transparent;
    border: 1px solid #7f8fa1;
    color: #fff !important;
    text-decoration: none;
    background-color: #7f8fa1;
  }

  /*キャンセル*/

  .btn_anim_search_cancel {
    background-color: #807d79;
    border: 1px solid #ede5e4;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 9px 10px;
    font-size: 13px;
    text-align: center;
    color: #fff;
  }

  .btn_anim_search_cancel:hover {
    background-color: transparent;
    color: #000 !important;
    text-decoration: none !important;
    background-color: #ede5e4;
  }

  /*新着お知らせを受け取るボタン*/

  .btn_anim_news {
    background-color: #e2eaf3;
    border: 1px solid #e7eef5;
    color: #313233 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 12px 10px 10px 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
  }

  .btn_anim_news:hover {
    background-color: transparent;
    border: 1px solid #eee;
    color: #6b6463 !important;
    text-decoration: none !important;
    background-color: #eee;
  }

  /*ページネーション＿ボタン*/

  .mini_btn_left,
  .mini_btn_right {
    background-color: #f7f7f7;
    border: 1px solid #eee;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    font-size: 12px;
    text-align: left;
  }

  .mini_btn_left:hover,
  .mini_btn_right:hover {
    background-color: transparent;
    color: #000 !important;
    text-decoration: none;
    background-color: #eee;
  }

  /*グレード比較＿ボタン*/

  .comp_btn {
    font-size: 10px !important;
    line-height: 110%;
    font-weight: normal;
    background-color: #ddd;
    border: 1px solid #eee;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    text-align: center;
  }

  .comp_btn:hover {
    background-color: transparent;
    text-decoration: none;
    background-color: #eee;
  }

  .comp_btn_big {
    font-size: 12px !important;
    line-height: 100%;
    font-weight: normal;
    background-color: #ddd;
    border: 1px solid #eee;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 6px 15px 6px 15px;
    text-align: center;
  }

  .comp_btn_big:hover {
    background-color: transparent;
    text-decoration: none;
    background-color: #eee;
  }

  .comp_new_btn {
    font-weight: normal;
    background-color: #5eb411;
    border: 1px solid #eee;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    text-align: center;
  }

  .comp_new_btn:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: none;
    background-color: #62bf0e;
  }

  .comp_usd_btn {
    font-weight: normal;
    background-color: #FF8A80;
    border: 1px solid #eee;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    text-align: center;
  }

  .comp_usd_btn:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: none;
    background-color: #ffbcaf;
  }

  .comp_tire_btn {
    font-weight: normal;
    background-color: #10aac5;
    border: 1px solid #eee;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    text-align: center;
  }

  .comp_tire_btn:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: none;
    background-color: #1ab1e2;
  }

  .comp_none_btn {
    font-weight: normal;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    color: #999 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    text-align: center;
  }

  /*新車見積り用*/

  .newcar_btn {
    width: 245px !important;
    height: 25px;
    border-radius: 5px;
    background-color: #5eb411;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    padding: 11px 0 6px 53px;
    text-align: left;
    font-weight: bold;
    position: relative;
  }

  .newcar_btn:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #62bf0e;
  }

  .newcar_btn_mini {
    width: 103px !important;
    height: 18px;
    border-radius: 5px;
    background-color: #5eb411;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 4px 0 3px 40px;
    text-align: left;
    font-weight: bold;
    position: relative;
  }

  .newcar_btn_mini:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #62bf0e;
  }

  .newcar_btn_smini {
    width: 103px !important;
    height: 16px;
    border-radius: 5px;
    background-color: #5eb411;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    padding: 3px 10px 0 10px;
    margin: 0 0 0 10px;
    text-align: center;
    font-weight: bold;
    position: relative;
  }

  .newcar_btn_smini:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #62bf0e;
  }

  /*中古車検索用*/

  .usdcar_btn {
    width: 245px !important;
    height: 25px;
    border-radius: 5px;
    background-color: #FF8A80;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    padding: 11px 0 6px 53px;
    text-align: left;
    font-weight: bold;
    position: relative;
  }

  .usdcar_btn:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #ffbcaf;
  }

  /*買取ウーロ用*/

  .ullo_btn {
    width: 245px !important;
    height: 25px;
    border-radius: 5px;
    background-color: #10aac5;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    padding: 11px 0 6px 53px;
    text-align: left;
    font-weight: bold;
    position: relative;
  }

  .ullo_btn:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #1ab1e2;
  }

  /*買取ウーロ用*/

  .lost_btn {
    width: 245px !important;
    height: 25px;
    border-radius: 5px;
    background-color: #ddd;
    font-size: 18px;
    line-height: 25px;
    color: #999;
    padding: 11px 0 6px 53px;
    text-align: left;
    font-weight: bold;
    position: relative;
  }

  .lost_btn_mini {
    font-size: 10px !important;
    line-height: 110%;
    font-weight: normal;
    background-color: #eee;
    border: 1px solid #eee;
    color: #999 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    text-align: center;
  }

  .newcar_btn svg,
  .usdcar_btn svg,
  .ullo_btn svg,
  .lost_btn svg {
    position: absolute;
    top: 12px;
    left: 20px;
    fill: #fff;
  }

  .newcar_btn_mini svg {
    position: absolute;
    top: 8px;
    left: 20px;
    fill: #fff;
  }

  /*車種トップ：ボタンボックス*/

  .ctlg_btn_new_mini {
    overflow: hidden;
    margin: 0 0 15px 0;
    height: 26px;
  }

  .ctlg_btn_new_mini .lbox {
    float: left;
    width: 145px;
  }

  .ctlg_btn_new_mini .rbox {
    float: right;
    width: 145px;
  }

  /*共通ボックス*/

  .con_box_bg {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 40px 0 0 0;
  }

  .con_box {
    width: 1020px;
    margin: 0 auto 0 auto;
    padding: 0 15px 0 15px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
  }

  .con_box .con_lbox {
    float: left;
    width: 680px;
  }

  .con_box .con_rbox {
    float: right;
    width: 300px;
  }

  .contents_box {
    width: 680px;
    overflow: hidden;
  }

  .contents_box_1020 {
    width: 1020px;
    overflow: hidden;
  }

  /*段組み_1020*/

  .two_box {
    widht: 100%;
    overflow: hidden;
  }

  .two_lbox {
    float: left;
    width: 500px;
  }

  .two_rbox {
    float: right;
    width: 500px;
  }

  .three_box {
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .three_box li {
    float: left;
    width: 320px;
    margin-right: 30px;
  }

  .three_box li:nth-child(3n) {
    margin: 0px;
  }

  .four_box {
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .four_box li {
    float: left;
    width: 246px;
    margin-right: 12px;
  }

  .four_box li:nth-child(4n) {
    margin: 0px;
  }

  .five_box {
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .five_box li {
    float: left;
    width: 196px;
    margin-right: 10px;
  }

  .five_box li:nth-child(5n) {
    margin: 0px;
  }

  /*段組み_1020背景あり*/

  .five_box_bg {
    width: 1020px;
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .five_box_bg li {
    float: left;
    width: 174px;
    margin: 0 10px 0 0;
    padding: 10px;
    position: relative;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid #ddd;
    background-color: #fff;
  }

  .five_box_bg li:nth-child(5n) {
    margin: 0;
  }

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

  /*段組み_1000背景あり*/

  .three_box_bg,
  .four_box_bg {
    width: 1020px;
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .three_box_bg img,
  .four_box_bg img {
    width: 100%;
    height: auto;
  }

  .three_box_bg li {
    float: left;
    width: 324px;
    margin: 0 24px 10px 0;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
  }

  .three_box_bg li:nth-child(3n) {
    margin-right: 0;
  }

  .three_box_bg li:nth-child(n+3) {
    margin-bottom: 0;
  }

  .three_box_bg li .lbox {
    float: left;
    width: 84px;
  }

  .three_box_bg li .rbox {
    float: right;
    width: 230px;
  }

  .four_box_bg li {
    float: left;
    width: 237px;
    margin: 0 24px 10px 0;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    position: relative;
  }

  .four_box_bg li:nth-child(4n) {
    margin-right: 0;
  }

  .four_box_bg li:nth-child(n+4) {
    margin-bottom: 0;
  }

  /*段組み_980*/

  .top_bg_box_980 {
    width: 980px;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .top_bg_box_four_980 {
    float: left;
    width: 203px;
    height: 136px;
    margin: 0 16px 12px 0;
    padding: 0 15px 0 15px;
    position: relative;
    font-size: 13px;
    line-height: 22px;
  }

  .top_bg_box_four_980:nth-child(4n) {
    margin: 0 0 12px 0;
  }

  /*段組み_680*/

  .two_box_680,
  .three_box_680 {
    overflow: hidden;
  }

  .two_box_680 li {
    float: left;
    width: 330px;
    margin-right: 20px;
  }

  .two_box_680 li:nth-child(2n) {
    margin-right: 0px;
  }

  .three_box_680 li {
    float: left;
    width: 212px;
    margin-right: 22px;
  }

  .three_box_680 li:nth-child(3n) {
    margin: 0px;
  }

  .three_box_680 h3 {
    font-weight: bold;
    margin: 3px 0 5px 0;
  }

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

  .three_box img,
  .four_box img,
  .five_box img,
  .six_box img {
    width: 100%;
    height: auto;
  }

  /*トップページ_画像*/

  .header_home {
    width: 100%;
    height: auto;
    min-height: 35vh;
    position: relative;
    background-size: cover;
    background-position: center;
    background-image: url("../image/common/topimg_pc-3c03397a674db26d07000fcec052680f.jpg");
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 1050px;
    margin: 0 0 40px 0;
  }

  .top_h1_mssg {
    width: 600px;
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -90px;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    color: #fff;
  }

  .sp_top_ttl {
    display: none;
  }

  /*タイアップspeed*/

  .speedbox_bg {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 20px 0 0 0;
    margin: 0 0 40px 0;
  }

  .speedbox {
    width: 1020px;
    overflow: hidden;
    margin: 0 auto 0 auto;
    font-size: 12px;
    line-height: 18px;
  }

  .speedbox ul {
    overflow: hidden;
  }

  .speedmark {
    font-size: 11px;
    line-height: 11px;
    color: #999;
    margin-top: 5px;
  }

  .speedbox li {
    float: left;
    width: 237px;
    margin: 0 24px 10px 0;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    position: relative;
  }

  .speedbox li .lbox {
    float: left;
    width: 75px;
  }

  .speedbox li .rbox {
    float: right;
    width: 155px;
    font-size: 14px;
    line-height: 18px;
  }

  .speedbox li:nth-child(4n) {
    margin-right: 0;
  }

  .speedbox li:nth-child(n+4) {
    margin-bottom: 0;
  }

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

  /*カタログTOP：新型モデル*/

  .ctlg_new_box {
    width: 680px;
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .ctlg_new_box .lst {
    float: left;
    width: 187px;
    border-left: 1px solid #eee;
    border-right: 1px solid #fff;
    padding: 10px 19px 0 19px;
    margin: 0 0 20px 0;
  }

  .ctlg_new_box .lst:hover {
    width: 187px;
    border-left: 1px solid #6C85A2;
    border-right: 1px solid #6C85A2 !important;
  }

  .ctlg_new_box .lst:nth-child(3n) {
    width: 186px;
    border-right: 1px solid #eee;
  }

  .ctlg_ph {
    position: relative;
    text-align: center;
  }

  .ctlg_ph img {
    width: 60%;
    height: auto;
  }

  .changemark {
    position: absolute;
    top: -10px;
    left: 0px;
    font-size: 9px;
    line-height: 120%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 4px 5px 3px 5px;
    color: #fff;
    border-radius: 2px;
  }

  .changemark_noposition {
    font-size: 9px;
    line-height: 120%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 6px 1px 5px;
    color: #fff;
    border-radius: 2px;
    vertical-align: 2px;
    margin: 0 0 0 10px;
  }

  /*カタログトップ：PR枠*/

  .pickup_lbox {
    float: left;
    width: 170px;
  }

  .pickup_rbox {
    float: right;
    width: 490px;
  }

  .pickup_lbox img {
    width: 124px;
    height: auto;
    margin-left: 23px;
  }

  .pickup_lbox .data {
    border-top: 1px dotted #ddd;
    padding-top: 8px;
    overflow: hidden;
    font-size: 12px;
    line-height: 17px;
  }

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

  .top_pickup_movie .lbox {
    float: left;
    width: 380px;
  }

  .top_pickup_movie .rbox {
    float: right;
    width: 280px;
  }

  .pickup_con {
    width: 280px;
    overflow: hidden;
    margin: 0 0 5px 0;
  }

  .pickup_con dd {
    float: left;
    width: 82px;
  }

  .pickup_con dt {
    float: right;
    width: 190px;
  }

  /*カタログTOP：記事一覧*/

  .guidebox {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
  }

  .guidebox .lbox {
    float: left;
    width: 120px;
  }

  .guidebox .rbox {
    float: right;
    width: 190px;
  }

  .guidebox_680 {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
  }

  .guidebox_680 .lbox {
    float: left;
    width: 120px;
  }

  .guidebox_680 .rbox {
    float: right;
    width: 200px;
  }

  .guidebox img,
  .guidebox_680 img {
    width: 100%;
    height: auto;
  }

  .guidebox .mdsmgn,
  .guidebox_680 .mdsmgn {
    margin-bottom: 10px;
    font-weight: bold;
  }

  /*コンテンツマーク*/

  .contype {
    font-size: 11px;
    line-height: 100%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 10px 1px 10px;
    color: #fff;
    border-radius: 3px;
    vertical-align: -1px;
  }

  .contype a {
    color: #fff !important;
    text-decoration: none !important;
  }

  .contype a:hover,
  .contype a:visited {
    color: #fff !important;
    text-decoration: none !important;
  }

  .contype_min {
    font-size: 10px;
    line-height: 100%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 10px 1px 10px;
    color: #fff;
    border-radius: 3px;
    vertical-align: -1px;
  }

  .contype_min a {
    color: #fff !important;
    text-decoration: none !important;
  }

  .contype_min a:hover,
  .contype_min a:visited {
    color: #fff !important;
    text-decoration: none !important;
  }

  .cartxt span {
    padding: 2px 10px 1px 10px;
    margin: 0 0 0 10px;
    background-color: #6C86A2;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    vertical-align: 2px;
  }

  /*カタログTOP：メーカー・ボディタイプ選択*/

  .etcbottom {
    margin: 0 0 20px 0;
  }

  .country_car_lst {
    width: 100%;
    overflow: hidden;
  }

  .country_car_lst li {
    width: auto;
    float: left;
    margin-right: 10px;
  }

  .country_car_lst li:nth-child(3n) {
    margin-right: 10px;
  }

  .etcmkr {
    font-weight: bold;
    margin-bottom: 3px;
  }

  .accordion_plus_top {
    display: none;
  }

  /*カタログTOP：ボディタイプの選択*/

  .contents_box_1020 .bdeg_con_lbox {
    float: left;
    width: 660px;
  }

  .contents_box_1020 .bdeg_con_rbox {
    float: right;
    width: 330px;
  }

  .bodytype_box {
    width: 660px;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-size: 11px;
    line-height: 100%;
  }

  .bodytype_box li {
    float: left;
    width: 100px;
    margin: 0 12px 10px 0;
    text-align: center;
  }

  .bodytype_box li:nth-child(6n) {
    margin: 0;
  }

  .enginetype_box {
    width: 330px;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-size: 11px;
    line-height: 100%;
  }

  .enginetype_box li {
    float: left;
    width: 102px;
    margin: 0 12px 10px 0;
    text-align: center;
  }

  .enginetype_box li:nth-child(3n) {
    margin: 0;
  }

  .bodytype_box img,
  .enginetype_box img {
    width: 100%;
    height: auto;
    margin-bottom: -5px;
  }

  .bodytype_namebottom {
    margin: 12px 0 5px 0;
  }

  /*カタログTOP：ランキングタブ*/

  .js-tab-wrap {
    width: 1020px;
    margin: 0;
  }

  .js-tab-wrap ul {
    overflow: hidden;
  }

  .js-tab-btn-width6 {
    width: 168px;
  }

  .js-tab-btn-width4 {
    width: 253px;
  }

  .js-tab-btn {
    background-color: #fff;
    float: left;
    padding: 12px 0 12px 0;
    margin: 0;
    color: #999;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    transition: ease 0.2s opacity;
    border-top: 2px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.76) 76%, #f6f6f6 100%);
    border-radius: 3px 3px 0 0;
  }

  .js-tab-btn.current {
    background: #fff;
    color: #000;
    border-top: 2px solid #6C86A2;
    border-bottom: 1px solid #fff;
    font-weight: bold;
  }

  .js-tab-contents {
    display: none;
  }

  .js-tab-contents-inbox {
    background-color: #fff;
    padding: 19px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }

  .js-tab-contents.current {
    display: block;
    overflow: hidden;
  }

  .panel_rank_box {
    width: 1020px;
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .panel_rank_box li {
    float: left;
    width: 188px;
    margin-right: 10px;
  }

  .panel_rank_box li:last-child {
    margin: 0px;
  }

  .panel_rank_box h3 {
    font-weight: bold;
    margin: 3px 0 10px 0;
  }

  .rank_ph {
    position: relative;
    text-align: center;
  }

  .rank_ph img {
    width: 80%;
    height: auto;
    text-align: center;
  }

  /*カタログTOP：ウーロ査定実績一覧*/

  .cl_carlst {
    width: 1020px;
    overflow: hidden;
  }

  .cl_carlst .lst {
    width: 500px;
    float: left;
    border-bottom: 1px dotted #ddd;
    margin: 0 20px 10px 0;
    padding: 0 0 10px 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
  }

  .cl_carlst .lst:nth-child(2n) {
    margin-right: 0px;
  }

  .cl_carlst .databox_carname {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
  }

  .cl_carlst .resultbox {
    overflow: hidden;
    margin: 0 0 10px 0;
  }

  .restype {
    font-size: 12px;
    line-height: 100%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 10px 1px 10px;
    color: #fff;
    border-radius: 5px;
    vertical-align: 4px;
  }

  /*メーカー一覧*/

  .makerlogobottom {
    margin: 6px 0 0 0;
    height: 24px;
    font-size: 11px;
  }

  .makerlogobottom_long {
    margin: 5px 0 1px 0;
    height: 24px;
    font-size: 11px;
    line-height: 12px;
  }

  .select_maker_lst,
  .select_syll_lst,
  .select_area_lst {
    width: 1020px;
    overflow: hidden;
    font-size: 14px;
    line-height: 100%;
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 20px 0 8px 0;
    border-top: 3px solid #6C86A3;
    border-bottom: 1px solid #ddd;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-weight: bold;
  }

  .select_maker_lst a,
  .select_syll_lst a,
  .select_area_lst a {
    color: #313233;
  }

  .select_maker_lst li,
  .select_syll_lst li,
  .select_area_lst li {
    float: left;
    width: 128px;
    margin: 0 14px 10px 0;
  }

  .select_maker_lst li:nth-child(7n),
  .select_syll_lst li:nth-child(7n),
  .select_area_lst li:nth-child(7n) {
    margin: 0;
  }

  .select_maker_lst .etc {
    margin-top: 3px;
  }

  .select_maker_lst svg {
    vertical-align: 0px;
    fill: #6C86A3;
    margin-right: 5px;
  }

  .select_syll_lst svg,
  .select_area_lst svg {
    vertical-align: 0px;
    fill: #6C86A3;
    margin-right: 5px;
  }

  .select_maker_namelst {
    width: 1020px;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 120%;
  }

  .select_maker_namelst .lbox {
    float: left;
    width: 110px;
  }

  .select_maker_namelst .rbox {
    float: right;
    width: 900px;
  }

  .select_maker_namelst .border svg,
  .select_maker_namelst .border img {
    border: 1px solid #ddd;
  }

  .select_maker_namelst .leftbox {
    float: left;
    width: 500px;
  }

  .select_maker_namelst .rightbox {
    float: right;
    width: 445px;
  }

  .select_maker_namelst .mlbox {
    float: left;
    width: 110px;
    margin-right: 10px;
  }

  .select_maker_namelst .mrbox {
    float: left;
    width: 325px;
  }

  .select_maker_namelst .lbox dd,
  .select_maker_namelst .mlbox dd {
    margin-top: 5px;
    font-weight: bold;
  }

  .select_maker_namelst .rbox li {
    float: left;
    width: 216px;
    margin: 0 12px 12px 0;
  }

  .select_maker_namelst .rbox li:nth-child(4n) {
    margin: 0px;
  }

  .select_maker_namelst .mrbox li {
    margin: 0 0 12px 0;
  }

  /*メーカー・ボディTOP：メーカー説明*/

  .mkrh2 {
    position: relative;
  }

  .dtlogo {
    float: left;
    width: 110px;
    text-align: center;
    border-top: 2px solid #6C86A2;
    padding: 15px 0 0 0;
  }

  .mkr_bld_ttl {
    font-size: 16x;
    line-height: 110%;
    font-weight: bold;
    margin: 3px 0 0 0;
  }

  .dtlogo .lbox img {
    width: 50%;
    height: auto;
    margin: 0 0 5px 0;
  }

  .ddtxt {
    float: right;
    width: 550px;
    border-top: 2px solid #ddd;
    padding: 15px 0 0 0;
  }

  .ddtxt .abtmkr {
    font-weight: bold;
    margin-bottom: 5px;
  }

  /*メーカー・ボディTOP：絞り込み*/

  .narrow {
    background-color: #f8f7f7;
    margin: 0;
    padding: 30px 0 20px 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
  }

  .narrow_inbox {
    width: 1020px;
    margin: 0 auto 5px auto;
    overflow: hidden;
  }

  .narrow_inbox .nbox {
    float: left;
    width: 320px;
    margin: 0 30px 10px 0;
    overflow: hidden;
  }

  .narrow_inbox .nbox:nth-child(3n) {
    margin: 0 0 10px 0;
  }

  .narrow_inbox .nbox .mlbox {
    float: left;
    width: 75px;
    margin: 5px 0 0 0;
    font-weight: bold;
  }

  .narrow_inbox .nbox .mrbox {
    float: right;
    width: 235px;
  }

  .narrow_bottom {
    background-color: #f8f7f7;
    margin: 0 0 40px 0;
    padding: 15px 0 15px 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    border-top: 1px dotted #ddd;
  }

  .narrow_inbox_bottom {
    width: 1020px;
    margin: 0 auto 0 auto;
    overflow: hidden;
  }

  /*プルダウン装飾*/

  .narrow_select .sel100 {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    width: 100px;
    height: 26px;
    border-radius: 5px;
    padding: 2px 0 5px 5px;
    cursor: pointer;
    font-size: 12px;
  }

  .narrow_select .sel180 {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    width: 180px;
    height: 26px;
    border-radius: 5px;
    padding: 2px 0 5px 5px;
    cursor: pointer;
  }

  .narrow_select .sel220 {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    width: 220px;
    height: 26px;
    border-radius: 5px;
    padding: 2px 27px 5px 5px;
    cursor: pointer;
  }

  .narrow_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .narrow_select label.from,
  .narrow_select label.to,
  .narrow_select label.default {
    position: relative;
  }

  .narrow_select label.from:after {
    display: block;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256.009%2C0C114.615%2C0%2C0%2C114.615%2C0%2C255.991C0%2C397.385%2C114.615%2C512%2C256.009%2C512%20C397.385%2C512%2C512%2C397.385%2C512%2C255.991C512%2C114.615%2C397.385%2C0%2C256.009%2C0z%20M256.009%2C365.782l-133.57-133.57l44.096-44.097%20l89.473%2C89.456l89.456-89.456l44.097%2C44.097L256.009%2C365.782z%22%20style%3D%22fill%3A%20rgb(108%2C%20134%2C%20162)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    top: 14%;
    right: 9%;
    pointer-events: none;
  }

  .narrow_select label.to:after {
    display: block;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256.009%2C0C114.615%2C0%2C0%2C114.615%2C0%2C255.991C0%2C397.385%2C114.615%2C512%2C256.009%2C512%20C397.385%2C512%2C512%2C397.385%2C512%2C255.991C512%2C114.615%2C397.385%2C0%2C256.009%2C0z%20M256.009%2C365.782l-133.57-133.57l44.096-44.097%20l89.473%2C89.456l89.456-89.456l44.097%2C44.097L256.009%2C365.782z%22%20style%3D%22fill%3A%20rgb(108%2C%20134%2C%20162)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    top: 14%;
    right: 5%;
    pointer-events: none;
  }

  .narrow_select label.default:after {
    display: block;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256.009%2C0C114.615%2C0%2C0%2C114.615%2C0%2C255.991C0%2C397.385%2C114.615%2C512%2C256.009%2C512%20C397.385%2C512%2C512%2C397.385%2C512%2C255.991C512%2C114.615%2C397.385%2C0%2C256.009%2C0z%20M256.009%2C365.782l-133.57-133.57l44.096-44.097%20l89.473%2C89.456l89.456-89.456l44.097%2C44.097L256.009%2C365.782z%22%20style%3D%22fill%3A%20rgb(108%2C%20134%2C%20162)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    top: 12%;
    right: 3%;
    pointer-events: none;
  }

  /*チェックボックス*/

  .cp_ipcheck {
    text-align: left;
    overflow: hidden;
  }

  .cp_ipcheck .lst100 {
    float: left;
    width: 100px;
    margin-top: 3px;
  }

  .cp_ipcheck .option-input02 {
    position: relative;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: -4px 5px 0 0;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 2px;
    outline: none;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .cp_ipcheck .option-input02:checked {
    background: #6C86A2;
    border: none;
  }

  .cp_ipcheck .option-input02:checked::before {
    font-size: 15px;
    line-height: 22px;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "✔";
    text-align: center;
    color: #fff;
  }

  /*ボタン*/

  .btn_lbox {
    float: left;
    width: 480px;
  }

  .btn_rbox {
    float: right;
    width: 500px;
    overflow: hidden;
  }

  .btn_rbox .lbox {
    float: left;
    width: 330px;
  }

  .btn_rbox .mlbox {
    float: left;
    width: 200px;
  }

  .btn_rbox .mrbox {
    float: right;
    width: 110px;
  }

  .btn_rbox .rbox {
    float: right;
    width: 160px;
  }

  .btn_hddn {
    overflow: hidden;
  }

  /*メーカー・ボディTOP：50音順絞込み*/

  .select_syll_lst {
    width: 1020px;
    overflow: hidden;
    font-size: 14px;
    line-height: 100%;
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 20px 0 8px 0;
    border-top: 3px solid #6C86A2;
    border-bottom: 1px solid #ddd;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-weight: bold;
  }

  .select_syll_lst a {
    color: #313233;
  }

  .select_syll_lst li {
    float: left;
    width: 128px;
    margin: 0 14px 10px 0;
  }

  .select_syll_lst li:nth-child(7n) {
    margin: 0;
  }

  .select_syll_lst svg {
    vertical-align: 0px;
    fill: #6C86A2;
    margin-right: 5px;
  }

  .tab_panel_mkbdpc {
    overflow: hidden;
  }

  /*メーカー・ボディTOP：車種選択用の一覧*/

  .slct_mdl {
    width: 1020px;
    overflow: hidden;
    font-size: 14px;
    line-height: 120%;
  }

  .slct_mdl .modelslt {
    float: left;
    width: 320px;
    margin: 0 30px 20px 0;
    padding: 0 0 0 0;
    position: relative;
  }

  .slct_mdl .modelslt:nth-child(3n) {
    margin: 0;
  }

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

  .slct_mdl .modelbox {
    overflow: hidden;
    width: 320px;
  }

  .slct_mdl .model_lbox {
    float: left;
    width: 110px;
  }

  .slct_mdl .model_rbox {
    float: right;
    width: 200px;
  }

  .slct_mdl .model_rbox dl {
    overflow: hidden;
  }

  .slct_mdl .model_rbox dt {
    float: left;
    width: 40%;
  }

  .slct_mdl .model_rbox dd {
    float: right;
    width: 60%;
  }

  .slct_mdl .btnlst {
    float: left;
    width: 100px;
    margin-right: 10px;
  }

  .slct_mdl .btnlst:last-child {
    margin: 0px;
  }

  .slct_mdl .mkrtxt {
    position: relative;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 3px;
  }

  .slct_mdl .mkrtxt span {
    position: absolute;
    top: 8px;
    right: 0;
    padding: 4px 10px 2px 10px;
    background-color: #6C86A2;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
  }

  .btn_anim_ctlg {
    position: relative;
    display: inline-block;
    padding: 7px 0 3px 0;
    text-decoration: none;
    color: #6C86A2 !important;
    background: #eee;
    border-bottom: solid 2px #ddd;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
  }

  .btn_anim_ctlg:hover {
    background-color: transparent;
    text-decoration: none !important;
    background-color: #92aac2;
    color: #fff !important;
  }

  .modelrvw {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #e31837;
    text-align: right;
  }

  .modelrvw svg {
    fill: #ffc116;
    vertical-align: -1px;
  }

  .modelrvw a {
    color: #313233 !important;
  }

  /*メーカー・ボディTOP：ディーラー探し*/

  .top_price_box {
    width: 1020px;
    overflow: hidden;
  }

  .top_price_box .leftbox {
    float: left;
    width: 200px;
    margin: 1px 20px 0 0;
  }

  .top_price_box .middlebox {
    float: left;
    width: 300px;
    margin: 1px 20px 0 0;
  }

  .top_price_box .rightbox {
    float: left;
    width: 180px;
  }

  .select_op01 select {
    background-color: #fff;
    border-top: 1px solid #ede5e4;
    border-left: 1px solid #ede5e4;
    border-bottom: 1px solid #bfb2b0;
    border-right: 1px solid #bfb2b0;
    width: 200px;
    height: 30px;
    border-radius: 5px;
    padding: 4px 0px 4px 10px;
    cursor: pointer;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .select_op02 select {
    background-color: #fff;
    border-top: 1px solid #ede5e4;
    border-left: 1px solid #ede5e4;
    border-bottom: 1px solid #bfb2b0;
    border-right: 1px solid #bfb2b0;
    width: 300px;
    height: 30px;
    border-radius: 5px;
    padding: 4px 0px 4px 10px;
    cursor: pointer;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .select_op01 label.from,
  .select_op02 label.to {
    position: relative;
  }

  .select_op01 label.from:after,
  .select_op02 label.to:after {
    display: block;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256.009%2C0C114.615%2C0%2C0%2C114.615%2C0%2C255.991C0%2C397.385%2C114.615%2C512%2C256.009%2C512%20C397.385%2C512%2C512%2C397.385%2C512%2C255.991C512%2C114.615%2C397.385%2C0%2C256.009%2C0z%20M256.009%2C365.782l-133.57-133.57l44.096-44.097%20l89.473%2C89.456l89.456-89.456l44.097%2C44.097L256.009%2C365.782z%22%20style%3D%22fill%3A%20rgb(108%2C%20134%2C%20162)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    top: 15%;
    right: 10px;
    pointer-events: none;
  }

  /*メーカー・ボディTOP：地図など*/

  .usd_ad_table {
    width: 1020px;
    display: table;
    border-bottom: 1px dotted #d1c2c0;
  }

  .usd_ad_ttl {
    width: 120px;
    display: table-cell;
    padding: 9px 0 2px 0;
    vertical-align: top;
  }

  .usd_ad_data {
    width: 880px;
    display: table-cell;
    padding: 8px 0 3px 0;
    vertical-align: top;
  }

  .usd_ad_table_top {
    width: 680px;
    display: table;
    border-bottom: 1px dotted #d1c2c0;
  }

  .usd_ad_data_top {
    width: 540px;
    display: table-cell;
    padding: 8px 0 3px 0;
    vertical-align: top;
  }

  .usd_ad_table_party {
    width: 1020px;
    display: table;
    font-size: 12px;
    line-height: 15px;
  }

  .usd_ad_data_party {
    width: 1020px;
    display: table-cell;
    padding: 0 0 9px 0;
    vertical-align: top;
  }

  .usd_ad_data li,
  .usd_ad_data_top li,
  .usd_ad_data_party li,
  .usd_ad_data_three .thlst li {
    float: left;
    margin-bottom: 5px;
  }

  .usd_ad_data li:after,
  .usd_ad_data_top li:after,
  .usd_ad_data_party li:after,
  .usd_ad_data_three .thlst li:after {
    content: "|";
    margin: 0 10px 0 10px;
  }

  .usd_ad_data li:last-child:after,
  .usd_ad_data_top li:last-child:after,
  .usd_ad_data_party li:last-child:after {
    content: none;
    margin: 0;
  }

  .usd_ad_data_three {
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .usd_ad_data_three .thlst {
    float: left;
    width: 326px;
    margin: 0 21px 20px 0;
  }

  .usd_ad_data_three .thlst li:last-child:after {
    content: none;
    margin: 0;
  }

  .usd_ad_data_three .thlst:nth-child(3n) {
    margin: 0;
  }

  /*車種トップ：タイトル*/

  .model_ttl {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 7px;
    position: relative;
  }

  .model_ttl .maker {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin-bottom: 2px;
  }

  .model_ttl .lbox {
    font-size: 20px;
    line-height: 120%;
    font-weight: bold;
  }

  .model_ttl .lbox .mark {
    padding: 1px 10px 0 10px;
    margin: 0 0 0 10px;
    background-color: #6C86A2;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    vertical-align: 2px;
  }

  .model_ttl .rbox {
    width: 420px;
    font-size: 11px;
    line-height: 11px;
    text-align: right;
    color: #777;
    padding-top: 24px;
    position: absolute;
    top: 18px;
    right: 0;
  }

  /*車種トップ：タブ上*/

  .model_tab_lbox {
    float: left;
    width: 200px;
  }

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

  .model_tab_lbox .mphoto {
    overflow: hidden;
    margin-bottom: 10px;
  }

  .model_tab_lbox .mphoto li {
    float: left;
    width: 66px;
    height: 48px;
    margin: 0 1px 1px 0;
  }

  .model_tab_lbox .mphoto li:nth-child(3n) {
    margin: 0 0 1px 0;
  }

  .model_tab_lbox .mphoto img {
    height: 48px;
    width: 100%;
  }

  .model_tab_rbox {
    float: right;
    width: 460px;
  }

  .jd_data_box {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }

  .jd_data_box .lbox {
    float: left;
    width: 100px;
    vertical-align: top;
  }

  .jdpower {
    margin-right: 8px;
    vertical-align: -2px;
  }

  .jdpower img {
    width: 22px;
    height: auto;
  }

  .jd_data_box .rbox {
    float: right;
    width: 340px;
    text-align: right;
  }

  .mdl_data_box_model_fin {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
  }

  .mdl_data_box {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-bottom: 15px;
  }

  .mdl_data_box .hddnbox {
    overflow: hidden;
  }

  .mdl_data_box_model_fin .hddnbox {
    overflow: hidden;
  }

  .mdl_data_box .lbox,
  .mdl_data_box_model_fin .lbox {
    overflow: hidden;
    float: left;
    width: 180px;
  }

  .mdl_data_box .l_mlbox,
  .mdl_data_box_model_fin .l_mlbox {
    float: left;
    width: 80px;
    font-weight: bold;
  }

  .mdl_data_box .l_mrbox,
  .mdl_data_box_model_fin .l_mrbox {
    float: right;
    width: 100px;
    text-align: right;
  }

  .mdl_data_box .rbox,
  .mdl_data_box_model_fin .rbox {
    overflow: hidden;
    float: right;
    widows: 270px;
  }

  .mdl_data_box .r_mlbox,
  .mdl_data_box_model_fin .r_mlbox {
    float: left;
    width: 70px;
    font-weight: bold;
  }

  .mdl_data_box .r_mrbox,
  .mdl_data_box_model_fin .r_mrbox {
    float: right;
    width: 180px;
    text-align: right;
  }

  .mdl_data_box .l_mrbox svg,
  .mdl_data_box .r_mrbox svg {
    margin-right: 5px;
    vertical-align: 0px;
    fill: #ffc116;
  }

  .mdl_data_box_model_fin svg {
    margin-right: 5px;
    vertical-align: 0px;
    fill: #ffc116;
  }

  .mdl_data_box .l_mrbox a:hover,
  .mdl_data_box .r_mrbox a:hover {
    text-decoration: none !important;
  }

  .jd_data_box a:hover {
    text-decoration: none !important;
  }

  .jdpoint {
    font-size: 34px;
    line-height: 100%;
    font-weight: bold;
    color: #e31837;
    margin: 0 3px 0 3px;
  }

  .etcpoint {
    font-size: 20px;
    line-height: 100%;
    font-weight: bold;
    color: #e31837;
    margin: 0 0 0 0;
  }

  .etcpoint_mini {
    font-size: 13px;
    line-height: 100%;
    font-weight: bold;
    color: #e31837;
  }

  /*車種トップ：メーカーリンク*/

  .mkrlnk {
    overflow: hidden;
    width: 1020px;
    margin: 0 0 20px 0;
    font-size: 11px;
    line-height: 100%;
  }

  .mkrlnk a {
    color: #313233 !important;
    text-decoration: none !important;
  }

  .mkrlnk .ttl {
    background-color: #ddd;
    text-align: center;
    border-radius: 3px;
    margin-right: 5px;
    padding: 3px 5px 2px 5px;
  }

  .mkrlnk li {
    float: left;
    padding-top: 4px;
  }

  .mkrlnk li:nth-child(4):after {
    content: "";
    margin-right: 10px;
  }

  .mkrlnk li:first-child:after,
  .mkrlnk li:nth-child(5):after {
    content: "";
    margin: 0;
  }

  .mkrlnk li:after {
    content: "|";
    margin: 0 5px 0 5px;
  }

  .mkrlnk li:last-child:after {
    content: "";
    margin: 0;
  }

  /*車種トップ：トップ専用枠*/

  .con_lbox_ctlg {
    float: left;
    width: 690px;
  }

  .contents_box_ctlg {
    width: 690px;
    overflow: hidden;
  }

  .taxbox {
    overflow: hidden;
    margin-bottom: 5px;
  }

  .taxbox li {
    float: left;
    width: 60px;
    margin-right: 10px;
    font-size: 10px;
  }

  .taxbox li:last-child {
    margin: 0;
  }

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

  /*車種トップ：トップ専用枠の内装ギャラリー*/

  .top_int_mds {
    font-size: 13px;
    line-height: 100%;
    font-weight: bold;
    margin-bottom: 5px;
  }

  /*車種トップ：関連車種*/

  .rl_models {
    overflow: hidden;
    font-size: 12px !important;
    line-height: 100%;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .rl_models dt {
    float: left;
    width: 65px;
    padding-top: 5px;
    font-size: 11px;
  }

  .rl_models dt span {
    background-color: #6C86A2;
    padding: 2px 5px 0 6px;
    color: #fff;
    border-radius: 3px;
  }

  .rl_models dd {
    float: right;
    width: 380px;
    padding-top: 4px;
  }

  .rl_models dd li {
    float: left;
    margin: 0 10px 7px 0;
  }

  /*車種トップ：広告枠（ライバル車種）*/

  .mkr_pr_box {
    overflow: hidden;
    padding: 14px 0 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .mkr_pr_box .lbox {
    float: left;
    width: 140px;
  }

  .mkr_pr_box .rbox {
    float: right;
    width: 520px;
  }

  .mkr_pr_box .lbox img {
    width: 100%;
    height: auto;
  }

  .mkr_pr_box .mark {
    background-color: #ffc116;
    padding: 2px 10px 0px 10px;
    border-radius: 3px;
    font-size: 11px;
  }

  /*車種トップ：タブ*/

  .tab_box {
    border-bottom: 3px solid #6C86A2;
  }

  .tab_inbox {
    overflow: hidden;
    width: 1020px;
    margin: 0 auto 0 auto;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .tab_inbox li {
    float: left;
    width: 136px;
    padding: 18px 0 8px 0;
    margin: 0 9px 0 0;
    background-color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 150%;
    font-weight: normal;
    cursor: pointer;
    transition: ease 0.2s opacity;
    border-top: 1px solid #6C86A2;
    border-right: 1px solid #6C86A2;
    border-left: 1px solid #6C86A2;
    border-radius: 3px 3px 0 0;
    position: relative;
  }

  .tab_inbox li:nth-child(7n) {
    margin: 0;
  }

  .tab_inbox li:hover {
    background-color: #e5edf6;
  }

  .tab_inbox a:hover {
    text-decoration: none !important;
  }

  .tab_inbox .active {
    background-color: #6C86A2 !important;
  }

  .tab_inbox .active a {
    color: #fff !important;
  }

  .tab_inbox span {
    font-size: 16px;
    font-weight: bold;
  }

  .tab_backpage {
    font-size: 12px;
    color: #fff;
    margin: 0 auto 5px auto;
    width: 1020px;
  }

  .tab_backpage span {
    background-color: #ffc116;
    border-radius: 3px;
    padding: 4px 10px 2px 10px;
  }

  .tab_backpage svg {
    width: 10px;
    height: auto;
    margin-right: 3px;
  }

  .for_tabspace10 {
    margin-bottom: 10px;
  }

  .for_tabspace20,
  .for_tabspace_home {
    margin-bottom: 20px;
  }

  /*車種トップ：タブ*/

  .tab_inbox_model {
    overflow: hidden;
    width: 1020px;
    margin: 0 auto 0 auto;
  }

  .tab_inbox_model .tab {
    float: left;
    width: 136px;
    padding: 18px 0 10px 0;
    margin: 0 9px 0 0;
    background-color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 150%;
    font-weight: normal;
    cursor: pointer;
    transition: ease 0.2s opacity;
    border-top: 1px solid #6C86A2;
    border-right: 1px solid #6C86A2;
    border-left: 1px solid #6C86A2;
    border-radius: 3px 3px 0 0;
  }

  .tab_inbox_model .tab:nth-child(5n) {
    margin: 0;
  }

  .tab_inbox_model li:hover {
    background-color: #e5edf6;
  }

  .tab_inbox_model a:hover {
    text-decoration: none !important;
  }

  .tab_inbox_model .active {
    background-color: #6C86A2 !important;
  }

  .tab_inbox_model .active a {
    color: #fff !important;
  }

  .tab_inbox_model span {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
  }

  /*車種トップ：動画枠*/

  .movie_box {
    overflow: hidden;
  }

  .movie_lbox {
    float: left;
    width: 430px;
  }

  .movie_rbox {
    float: right;
    width: 570px;
  }

  .movie_rbox li {
    float: left;
    width: 280px;
    margin: 0 10px 10px 0;
    overflow: hidden;
  }

  .movie_rbox li:nth-child(2n) {
    margin: 0 0 10px 0;
  }

  .movie_rbox dt {
    float: left;
    width: 80px;
  }

  .movie_rbox dt img {
    width: 100%;
    height: auto;
  }

  .movie_rbox dd {
    float: right;
    width: 190px;
  }

  /*車種トップ：世代一覧詳細*/

  .spec_mds {
    font-size: 18px;
    line-height: 100%;
    font-weight: bold;
    padding: 2px 0 6px 0;
    margin: 0 0 14px 0;
    width: 1020px;
    border-bottom: 2px solid #6C86A2;
  }

  .spec_icon {
    font-size: 10px;
    line-height: 100%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 10px 1px 10px;
    margin-right: 10px;
    color: #fff;
    border-radius: 3px;
    vertical-align: 2px;
  }

  .hismodels_box {
    overflow: hidden;
    margin-bottom: 40px;
  }

  .hismodels_box .lbox {
    float: left;
    width: 300px;
    margin-right: 50px;
  }

  .hismodels_box .rbox {
    float: right;
    width: 670px;
  }

  .hismodels_box .mbox {
    width: 300px;
    overflow: hidden;
    padding: 2px 0 0 0;
    margin: 0 0 10px 0;
  }

  .hismodels_box .mlbox {
    float: left;
    width: 80px;
  }

  .hismodels_box .mrbox {
    float: right;
    width: 200px;
  }

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

  .hismodels_mds {
    font-size: 14px;
    line-height: 100%;
    font-weight: bold;
    margin: 0 0 5px 0;
  }

  .hismodels_box_img {
    overflow: hidden;
  }

  .hismodels_box_img li {
    float: left;
    width: 105px;
    height: 75px;
    margin: 0 8px 8px 0;
  }

  .hismodels_box_img li:nth-child(6n) {
    margin-right: 0px;
  }

  .hismodels_box_img img {
    width: 105px;
    height: 75px;
    border: 1px solid #eee;
  }

  .hismodels_box_minor {
    overflow: hidden;
  }

  .hismodels_box_minor li {
    margin: 0 0 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
  }

  .hismodels_box_minor li:last-child {
    border-bottom: 0;
  }

  /*車種トップ：世代一覧*/

  .hismodels {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }

  .hismodels li {
    float: left;
    width: 488px;
    padding: 10px 10px 0px 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }

  .hismodels li:hover {
    background-color: #e5edf6;
  }

  .hismodels dd {
    float: left;
    width: 100px;
  }

  .hismodels dt {
    float: right;
    width: 373px;
  }

  .hismodels h4 {
    font-size: 16px;
    line-height: 100%;
    font-weight: bold;
    margin-top: 8px;
  }

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

  /*車種トップ：グレードテーブル*/

  .tableflow {
    overflow-x: auto;
    border-right: 1px solid #ddd;
    background-color: #fff;
  }

  .grade_table {
    border-top: 1px solid #ddd;
  }

  .grade_table th {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 18px 7px 14px 7px;
    text-align: left;
  }

  .grade_table td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 3px 7px 3px 7px;
    text-align: center;
  }

  .grade_table_bmds {
    background-color: #ccc;
    color: #313233 !important;
    font-weight: bold;
  }

  .grade_table_mds {
    text-align: left !important;
    color: #313233 !important;
  }

  .comp_btn_td {
    padding: 12px 7px 12px 7px !important;
  }

  .grade_name_top {
    background-color: #e2eaf3;
    text-align: left !important;
  }

  .grade_name {
    background-color: #e2eaf3;
  }

  .grade_name h4 a {
    font-size: 13px !important;
    line-height: 15px;
    color: #000 !important;
    text-decoration: underline;
  }

  .grade_name h4 a:hover {
    text-decoration: none !important;
  }

  .grade_table_grey {
    background-color: #fdfafa;
  }

  .grade_table .w01 {
    width: 16px !important;
  }

  .grade_table .w02 {
    width: 136px !important;
  }

  .grade_table .w03 {
    width: 86px !important;
  }

  /*車種トップ：グレードランキング*/

  .underlineh4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }

  .grank li {
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }

  .grank dt {
    float: left;
    width: 50px;
  }

  .grank dd {
    float: right;
    width: 450px;
  }

  /*車種トップ：レビュー評価*/

  .rvwdatabox {
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 11px 0 9px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .rvwdatabox dt {
    float: left;
    width: 180px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #e31837;
  }

  .rvwdatabox svg {
    fill: #ffc116;
    vertical-align: -3px;
  }

  .rvwdatabox dd {
    float: right;
    width: 820px;
    padding-top: 7px;
  }

  .rvwdatabox dd svg {
    fill: #ffc116;
    vertical-align: -1px;
    margin: 0 3px 0 6px;
  }

  .rvwbox {
    overflow: hidden;
    margin: 0 0 10px 0;
  }

  .rvwbox dt {
    float: left;
    width: 80px;
  }

  .rvwbox dd {
    float: right;
    width: 230px;
  }

  .rvwbox svg {
    fill: #ffc116;
    vertical-align: -1px;
  }

  .rvwmds {
    font-weight: bold;
    margin-bottom: 5px;
  }

  .rvwmds a {
    color: #313233 !important;
  }

  .rvwpoint {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #e31837;
    margin: 0 0 3px 0;
  }

  .r_sortbox {
    padding: 15px 15px 10px 15px;
    margin: 10px 0 20px 0;
    background-color: #f7f7f7;
    overflow: hidden;
  }

  .r_sortbox li {
    float: left;
  }

  .r_sortbox li:after {
    content: "|";
    margin: 0 5px 0 5px;
  }

  .r_sortbox li:first-child:after,
  .r_sortbox li:last-child:after {
    content: "";
    margin: 0;
  }

  /*車種トップ：一時的（口コミリニューアルで削除）クチコミ*/

  .temp_rvw_lst,
  .motivation {
    overflow: hidden;
  }

  .temp_rvw_lst {
    border-bottom: 1px dotted #ddd;
    padding: 14px 0 14px 0;
  }

  .temp_rvw_lst:first-child {
    padding-top: 0;
  }

  .temp_rvw_lst:last-child {
    margin-bottom: 10px;
  }

  .temp_rvw_lst .lbox {
    float: left;
    width: 200px;
  }

  .temp_rvw_lst .rbox {
    float: right;
    width: 800px;
    overflow: hidden;
  }

  .rvw_com_box {
    overflow: hidden;
  }

  .temp_rvw_lst .mlbox {
    float: left;
    width: 80px;
  }

  .temp_rvw_lst .mrbox {
    float: right;
    width: 700px;
  }

  .motivation li {
    float: left;
    width: 82px;
    margin: 0 7px 0 0;
    padding: 2px 5px 1px 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    color: #999;
  }

  .motivation li:nth-child(7n) {
    margin: 0;
  }

  .motivation .app {
    background-color: #ffc116;
    color: #313233 !important;
    border: 1px solid #ffc116 !important;
  }

  /*車種トップ：相場表*/

  .quotation {
    width: 1020px;
    margin: 0 auto 0 auto;
  }

  .qtt_table {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 11px;
    line-height: 100%;
    width: 1020px;
  }

  .qtt_lmds_grey {
    width: 92px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    background-color: #eee;
    font-weight: bold;
    text-align: center;
  }

  .qtt_lmds_grey_58 {
    width: 58px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    background-color: #eee;
    font-weight: bold;
    text-align: center;
  }

  .qtt_lmds_white {
    width: 58px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    font-weight: bold;
    text-align: center;
  }

  .qtt_mds {
    width: 58px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    background-color: #eee;
    font-weight: bold;
    text-align: center;
  }

  .qtt_td {
    width: 58px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    text-align: center;
  }

  .qtt_high_txt {
    color: #fd6464;
    margin-right: 3px;
  }

  .qtt_medium_txt {
    color: #ffa3a3;
    margin-right: 3px;
  }

  .qtt_low_txt {
    color: #f4caca;
    margin-right: 3px;
  }

  .qtt_lowest_txt {
    color: #fdd8d8;
    margin-right: 3px;
  }

  .qtt_high {
    background-color: #fd6464;
  }

  .qtt_medium {
    background-color: #ffa3a3;
  }

  .qtt_low {
    background-color: #f4caca;
  }

  .qtt_lowest {
    background-color: #fdd8d8;
  }

  .qtt_td a {
    display: block;
    width: 100%;
  }

  .qtt_high a,
  .qtt_medium a {
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;
  }

  .qtt_low a,
  .qtt_lowest a {
    color: #313233;
    font-weight: bold;
    display: block;
    width: 100%;
  }

  /*車種トップ：中古車新着*/

  .fivebox_cond {
    width: 100%;
    overflow: hidden;
  }

  .fivebox_cond .lbox {
    float: left;
    width: 40%;
  }

  .fivebox_cond .rbox {
    float: right;
    width: 55%;
    text-align: right;
  }

  .fivebox_usd_price {
    font-size: 14px;
    line-height: 100%;
    font-weight: bold;
    color: #e31837;
  }

  /*車種トップ：買取査定一覧*/

  .ullo_tbl {
    width: 1020px;
    background-color: #fff;
  }

  .ullo_tbl th {
    background-color: #e5edf6;
    border-top: 1px solid #e5edf6;
    border-bottom: 1px solid #e5edf6;
    text-align: left;
    font-weight: bold;
  }

  .ullo_tbl td {
    border-bottom: 1px solid #ddd;
  }

  .ullo_tbl .w01 {
    width: 170px;
    padding: 10px 5px 5px 5px;
  }

  .ullo_tbl .w02,
  .ullo_tbl .w03 {
    width: 240px;
    padding: 10px 5px 5px 5px;
  }

  .ullo_tbl .w04 {
    width: 290px;
    padding: 10px 5px 5px 5px;
  }

  /*買取トップ：買取査定一覧*/

  .cname {
    width: 100%;
    margin: 10px 0 0 10px;
    font-size: 14px;
  }

  .cimg {
    width: 120px;
    margin-left: 10px;
  }

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

  .ullo_tbl .w05 {
    width: 175px;
    padding: 10px 5px 5px 5px;
  }

  /*JD用買取テーブル*/

  .ullo_tbl_jd {
    width: 720px;
  }

  .ullo_tbl_jd th {
    background-color: #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-weight: bold;
  }

  .ullo_tbl_jd td {
    border-bottom: 1px solid #ddd;
  }

  .ullo_tbl_jd .w05 {
    width: 230px;
    padding: 7px 5px 3px 5px;
  }

  /*買取トップ：ウーロとは？*/

  .bestbox {
    width: 600px;
    overflow: hidden;
    margin: 0 auto 30px auto;
  }

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

  .compari_table {
    background-image: url(../image/common/comparison.png);
    background-repeat: no-repeat;
    background-position: 80px 0 0 0;
  }

  .ullo_good_point_box {
    display: table;
    width: 1020px;
    position: relative;
  }

  .ullo_good_point_box svg {
    fill: #fff;
  }

  .ullo_good_point_box .value {
    width: 380px;
    display: table-cell;
    padding: 0 40px 20px 0;
    vertical-align: top;
    overflow: hidden;
  }

  .ullo_good_point_box .normal {
    width: 280px;
    display: table-cell;
    padding: 0 40px 20px 0;
    vertical-align: top;
  }

  .ullo_good_point_box .ullo {
    width: 280px;
    display: table-cell;
    padding: 0 0 20px 0;
    vertical-align: top;
  }

  .ullo_good_point_box .value_bottom {
    width: 380px;
    display: table-cell;
    padding: 0 40px 0 0;
    vertical-align: top;
    overflow: hidden;
  }

  .ullo_good_point_box .normal_bottom {
    width: 280px;
    display: table-cell;
    padding: 0 40px 0 0;
    vertical-align: top;
  }

  .ullo_good_point_box .ullo_bottom {
    width: 280px;
    display: table-cell;
    padding: 0 0 0 0;
    vertical-align: top;
  }

  .ullo_good_point_box .border_bottom {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-weight: bold;
  }

  .ullo_good_point_box .mark {
    float: left;
    width: 30px;
    background-color: #f9653f;
    padding: 10px 10px 4px 10px;
  }

  .ullo_good_point_box .mark img {
    width: 100%;
    height: auto;
  }

  .ullo_good_point_box .prtxt {
    float: right;
    width: 310px;
  }

  .ullo_good_point_box .gmds {
    font-size: 20px;
    line-height: 100%;
    font-weight: bold;
    padding-top: 7px;
    margin-bottom: 2px;
  }

  .ullo_good_point_box .hiddenbox h3 {
    display: none;
  }

  /*買取トップ：使い方*/

  .howto_ullo {
    width: 100%;
    padding: 0;
    position: relative;
  }

  .how_arrow {
    width: 510px;
    height: 450px;
    border-right: 2px solid #f9653f;
    position: relative;
  }

  .howtriangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #f9653f;
    position: absolute;
    top: 430px;
    left: 501px;
  }

  .howcount_up {
    font-family: "Roboto", sans-serif;
    background-color: #f9653f;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 29px;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 175px;
    text-align: center;
    padding: 2px 0 0 0;
  }

  .howcount_down {
    font-family: "Roboto", sans-serif;
    background-color: #f9653f;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 29px;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    padding: 2px 0 0 0;
  }

  .howto_ullo h3 {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 25px;
    padding: 0 0 0 40px;
  }

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

  .howprbox01 .lbox,
  .howprbox03 .lbox {
    float: left;
    width: 160px;
  }

  .howprbox01 .rbox,
  .howprbox03 .rbox {
    float: right;
    width: 300px;
    padding-top: 9px;
  }

  .howprbox02 .lbox,
  .howprbox04 .lbox {
    float: left;
    width: 300px;
    padding-top: 9px;
  }

  .howprbox02 .rbox,
  .howprbox04 .rbox {
    float: right;
    width: 160px;
  }

  .howprbox01 {
    width: 480px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .howline01 {
    width: 340px;
    border-bottom: 2px solid #f9653f;
    position: absolute;
    top: 40px;
    left: 178px;
    z-index: 1;
  }

  .howring01 {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 80px;
    vertical-align: middle;
    border-radius: 50%;
    position: absolute;
    top: 33px;
    left: 503px;
    background-color: #f9653f;
    z-index: 2;
  }

  .howprbox02 {
    width: 480px;
    position: absolute;
    top: 110px;
    right: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .howline02 {
    width: 330px;
    border-bottom: 2px solid #f9653f;
    position: absolute;
    top: 147px;
    left: 508px;
    z-index: 1;
  }

  .howring02 {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 80px;
    vertical-align: middle;
    border-radius: 50%;
    position: absolute;
    top: 140px;
    left: 503px;
    background-color: #f9653f;
    z-index: 2;
  }

  .howprbox03 {
    width: 480px;
    position: absolute;
    top: 220px;
    left: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .howline03 {
    width: 340px;
    border-bottom: 2px solid #f9653f;
    position: absolute;
    top: 257px;
    left: 178px;
    z-index: 1;
  }

  .howring03 {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 80px;
    vertical-align: middle;
    border-radius: 50%;
    position: absolute;
    top: 250px;
    left: 503px;
    background-color: #f9653f;
    z-index: 2;
  }

  .howprbox04 {
    width: 480px;
    position: absolute;
    top: 320px;
    right: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .howline04 {
    width: 330px;
    border-bottom: 2px solid #f9653f;
    position: absolute;
    top: 357px;
    left: 508px;
    z-index: 1;
  }

  .howring04 {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 80px;
    vertical-align: middle;
    border-radius: 50%;
    position: absolute;
    top: 350px;
    left: 503px;
    background-color: #f9653f;
    z-index: 2;
  }

  /*リサーチ*/

  .research_box {
    width: 960px;
    padding: 20px 29px 20px 29px;
    overflow: hidden;
    border: 1px solid #eee;
    background-color: #fff;
  }

  .research_box h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
  }

  .research_box li {
    float: left;
    width: 306px;
    margin: 0 21px 0 0;
  }

  .research_box li:last-child {
    margin: 0;
  }

  .research_box dl {
    overflow: hidden;
    margin-bottom: 5px;
  }

  .research_box dd {
    float: left;
    width: 80px;
    font-weight: bold;
  }

  .research_box dt {
    float: right;
    width: 206px;
    margin-top: 28px;
    font-size: 16px;
  }

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

  /*買取トップ：フォーム*/

  .ullo_btn_box {
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
  }

  .ullo_btn_big {
    background-color: #f9653f;
    border-top: 2px solid #f9653f;
    border-left: 2px solid #f9653f;
    border-bottom: 3px solid #fb3806;
    border-right: 3px solid #fb3806;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    font-size: 25px;
    text-align: center;
    padding: 32px 15px 8px 130px;
    font-weight: bold;
    text-align: left;
    box-shadow: 5px;
    -webkit-box-shadow: 2px 2px 13.5px 1.5px rgba(132, 136, 138, 0.3);
  }

  .ullo_btn_big:hover {
    background-color: transparent;
    border-top: 2px solid #ff8769;
    border-left: 2px solid #ff8769;
    border-bottom: 3px solid #fb3806;
    border-right: 3px solid #fb3806;
    color: #fff !important;
    text-decoration: none;
    background-color: #ff8769;
  }

  .ullo_btn_big_sub {
    position: absolute;
    top: 15px;
    left: 135px;
    color: #fff;
    font-size: 16px;
  }

  .middlebtn_box {
    width: 400px;
    margin: 0 auto 0 auto;
    position: relative;
  }

  .ullo_btn_small {
    background-color: #f9653f;
    border-top: 2px solid #f9653f;
    border-left: 2px solid #f9653f;
    border-bottom: 3px solid #fb3806;
    border-right: 3px solid #fb3806;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    padding: 17px 15px 13px 130px;
    font-weight: bold;
    text-align: left;
    box-shadow: 5px;
    -webkit-box-shadow: 2px 2px 13.5px 1.5px rgba(132, 136, 138, 0.3);
  }

  .ullo_btn_small:hover {
    background-color: transparent;
    border-top: 2px solid #ff8769;
    border-left: 2px solid #ff8769;
    border-bottom: 3px solid #fb3806;
    border-right: 3px solid #fb3806;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #ff8769;
  }

  .btn_balloon {
    position: absolute;
    top: 24px;
    left: 60px;
    width: 60px;
    background-color: #fff;
    padding: 0;
    line-height: 100%;
    padding: 7px 10px 5px 10px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    color: #f9653f;
    font-size: 16px;
    font-weight: bold;
  }

  .btn_balloon2 {
    position: absolute;
    top: 16px;
    left: 30px;
    width: 60px;
    background-color: #fff;
    padding: 0;
    line-height: 100%;
    padding: 7px 10px 5px 10px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    color: #f9653f;
    font-size: 16px;
    font-weight: bold;
  }

  /*買取ボタン_極小*/

  .btn_anim_red_xs {
    background-color: #f9653f;
    border-top: 1px solid #f9653f;
    border-left: 1px solid #f9653f;
    border-bottom: 1px solid #fb3806;
    border-right: 1px solid #fb3806;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 4px 0px 3px 0px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
  }

  .btn_anim_red_xs:hover {
    background-color: #ff8769;
    border-top: 1px solid #ff8769;
    border-left: 1px solid #ff8769;
    border-bottom: 1px solid #fb3806;
    border-right: 1px solid #fb3806;
    color: #fff !important;
    text-decoration: none !important;
  }

  /*買取トップ：ウーロレビュー*/

  .uvoice_box {
    width: 1020px;
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
  }

  .uvoice_box .ulst {
    float: left;
    width: 214px;
    margin: 0 12px 20px 0;
    padding: 20px 15px 15px 15px;
    border: 1px solid #eee;
    background-color: #fff;
  }

  .uvoice_box .ulst:nth-child(4n) {
    margin: 0 0 20px 0;
  }

  .uvoice_box h3 {
    font-size: 13px;
    line-height: 13px;
  }

  .uvoice_box .databox {
    border-bottom: 1px dotted #ddd;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 12px;
  }

  .star {
    color: #f9653f;
    font-size: 14px;
    line-height: 14px;
  }

  .star_half {
    position: relative;
    overflow: hidden;
    color: #ccc;
    font-size: 14px;
    line-height: 14px;
  }

  .star_half:before {
    content: "★";
    position: absolute;
    z-index: 1;
    width: 50%;
    color: #f9653f;
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
  }

  .star_none {
    color: #ccc;
    font-size: 14px;
    line-height: 14px;
  }

  /*買取トップ：FAQ*/

  #accordion {
    margin-bottom: 20px;
  }

  .accordion-item {
    position: relative;
    width: 1020px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    padding: 10px 0 10px 0;
    font-size: 14px;
    font-weight: bold;
  }

  .accordion-item:last-child {
    border: 0px;
  }

  .question {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  .accordion-item .qbox {
    float: left;
    width: 40px;
    margin-right: 10px;
    color: #568984;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 20px;
  }

  .accordion-item .lbox {
    float: right;
    width: 970px;
    text-align: left;
    padding-top: 3px;
    font-size: 16px;
    line-height: 16px;
  }

  .accordion-item span {
    position: absolute;
    top: 11px;
    right: 0px;
    font-size: 20px;
    font-weight: bold;
  }

  .answer {
    display: none;
    margin-top: 15px;
    padding: 0 30px 20px 50px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
  }

  /*ギャラリー：画像6個*/

  .gallary_box {
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .gallary_box li {
    float: left;
    width: 160px;
    height: 118px;
    margin: 0 12px 12px 0;
  }

  .gallary_box li:nth-child(6n) {
    margin: 0px;
  }

  .gallary_box img {
    width: 158px;
    height: 118px;
    border: 1px solid #eee;
  }

  /*レビュー：絞り込み*/

  .narrow_rvw {
    width: 976px;
    overflow: hidden;
    border: 3px solid #6C86A2;
    padding: 20px;
  }

  .narrow_rvw_table th {
    padding: 10px 5px 5px 5px;
    text-align: left;
    background-color: #e5edf6;
    font-weight: bold;
  }

  .narrow_rvw_table td {
    border-bottom: 1px dotted #ddd;
    padding: 10px 5px 5px 5px;
    text-align: left;
  }

  .narrow_rvw svg {
    fill: #ffc116;
    vertical-align: -2px;
    width: 16px;
    height: 16px;
  }

  .rvwcount {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #e31837;
    margin-right: 3px;
  }

  /*レビュー：詳細ボックス*/

  .review_box .lst {
    width: 680px;
    border-top: 3px solid #6C86A2;
    padding: 13px 0 0 0;
  }

  .review_box .lst:last-child {
    border-bottom: 1px solid #6C86A2;
  }

  .review_box .rvwmds {
    font-size: 16px;
    line-height: 120%;
    font-weight: bold;
    padding: 0 0 11px 0;
    margin: 0 0 25px 0;
    border-bottom: 1px dotted #6C86A2;
  }

  .review_box .rvwmds span {
    font-size: 12px;
    font-weight: normal;
  }

  .review_box .box {
    overflow: hidden;
    padding: 0 0 30px 0;
  }

  .review_box .model {
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .review_box img {
    float: left;
    margin-right: 20px;
    width: 56px;
    height: auto;
  }

  .review_box .lst .lbox {
    float: left;
    width: 180px;
  }

  .review_box .lst .rbox {
    float: right;
    width: 480px;
  }

  .starbox li {
    overflow: hidden;
    margin-bottom: 3px;
  }

  .starbox .ttl {
    float: left;
    width: 65px;
  }

  .starbox .data {
    float: right;
    width: 110px;
    font-size: 14px;
    line-height: 100%;
    font-weight: bold;
    color: #e31837;
    text-align: right;
  }

  .starbox svg {
    fill: #ffc116;
    vertical-align: -2px;
    width: 14px;
    height: 14px;
  }

  /*J.D.power：jdパワーとは*/

  .overall_ev,
  .ind_ev {
    width: 1020px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 30px 0;
  }

  .overall_ev_top {
    width: 1020px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px 0;
  }

  .overall_ev .lbox,
  .overall_ev_top .lbox {
    width: 280px;
    float: left;
  }

  .overall_ev .lbox img,
  .overall_ev_top .lbox img {
    width: 100px;
    height: auto;
  }

  .overall_ev .circle,
  .overall_ev_top .circle {
    border: 25px solid #e31837;
    border-radius: 50%;
    width: 220px;
    height: 160px;
    padding-top: 60px;
    margin: 20px 0 20px 0;
    text-align: center;
    z-index: 1;
  }

  .overall_ev .rbox,
  .overall_ev_top .rbox {
    width: 720px;
    float: right;
    overflow: hidden;
  }

  .ev_lst_box {
    overflow: hidden;
  }

  .ev_lst_up {
    float: left;
    width: 200px;
    margin: 0 15px 15px 0;
    padding: 16px 14px 12px 14px;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
  }

  .ev_lst_up:nth-child(3n) {
    margin: 0;
  }

  .jd_gname {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .jd_name {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
  }

  .jd_base_score {
    font-family: "Roboto", sans-serif;
    font-size: 50px;
    font-weight: 100;
    line-height: 110%;
    color: #999;
    margin: 0 0 10px 0;
  }

  .jd_score {
    font-family: "Roboto", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #e31837;
    margin-right: 3px;
  }

  .jd_base_score_3 {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 110%;
    color: #999;
    margin: 0 0 10px 0;
  }

  .jd_score_3 {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #e31837;
    margin-right: 3px;
  }

  .jd_rank {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #e31837;
  }

  .jd_rate_on svg {
    fill: #e31837;
    margin: 0 1px 0 0;
    vertical-align: -1px;
  }

  .jd_rate_off svg {
    fill: #999;
    margin: 0 1px 0 0;
    vertical-align: -1px;
  }

  .jdev_exp {
    font-size: 13px;
  }

  .prjd {
    width: 660px;
    overflow: hidden;
    padding: 21px 29px 12px 29px;
    border: 1px solid #eee;
    background-color: #eee;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
    border-radius: 5px;
  }

  .aboutjd {
    width: 660px;
    overflow: hidden;
    padding: 21px 29px 12px 29px;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
    border-radius: 5px;
  }

  .aboutjd .imgbox {
    float: left;
    width: 88px;
    padding-top: 1px;
  }

  .aboutjd .txtbox {
    float: right;
    width: 540px;
  }

  .aboutjd .imgbox_top {
    float: left;
    width: 58px;
    padding-top: 1px;
  }

  .aboutjd .txtbox_top {
    float: right;
    width: 578px;
  }

  .aboutjd .imgbox img {
    width: 100%;
    height: auto;
  }

  .jdcomment .lbox img,
  .aboutjd .imgbox_top img {
    width: 100%;
    height: auto;
  }

  .jd_mds {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
  }

  .jdcomment {
    width: 940px;
    overflow: hidden;
    padding: 37px 39px 28px 39px;
    margin-bottom: 40px;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
    border-radius: 5px;
    font-size: 14px;
    line-height: 24px;
  }

  .jdcomment .lbox {
    float: left;
    width: 450px;
  }

  .jdcomment .rbox {
    float: right;
    width: 450px;
  }

  .ind_ev .lbox {
    float: left;
    width: 200px;
    padding: 19px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
    text-align: center;
  }

  .ind_ev .rbox {
    float: right;
    width: 760px;
  }

  .ind_ev .rbox li {
    overflow: hidden;
    float: left;
    width: 330px;
    margin: 0 20px 15px 0;
    padding: 19px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
  }

  .ind_ev .rbox li:nth-child(2n) {
    margin-right: 0;
  }

  .ind_ev .rbox li:nth-child(n+5) {
    margin-bottom: 0;
  }

  .ind_ev .rbox .mlbox {
    float: left;
    width: 170px;
  }

  .ind_ev .rbox .mrbox {
    float: right;
    width: 150px;
    text-align: center;
    padding-top: 3px;
  }

  .ind_ev .resell {
    float: right;
    width: 720px;
    padding: 19px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
  }

  /*記事トップ*/

  .guide_box {
    overflow: hidden;
    margin-bottom: 30px;
  }

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

  .guide_box .con_mds {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    margin: 0 0 5px 0;
  }

  .guide_box .lbox {
    float: left;
    width: 460px;
  }

  .guide_box .rbox {
    float: right;
    width: 520px;
  }

  .guide_box .rbox li {
    float: left;
    width: 240px;
    margin: 0 40px 10px 0;
    overflow: hidden;
  }

  .guide_box .rbox li:nth-child(2n) {
    margin: 0 0 10px 0;
  }

  .guide_box .rbox dt {
    float: left;
    width: 80px;
  }

  .guide_box .rbox dt img {
    width: 100%;
    height: auto;
  }

  .guide_box .rbox dd {
    float: right;
    width: 190px;
  }

  .fblst {
    margin: 0 0 20px 0;
  }

  /*会員登録*/

  .mmbr_box_whjd {
    float: right;
    width: 1020px;
    height: 190px;
    padding-top: 80px;
    background-image: url("../image/common/jd_image01_white-1ea190b214aeb975ffcb5fee082f0369.png");
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }

  .mmbr_box_perform {
    width: 1020px;
    height: 130px;
    padding-top: 120px;
    background-image: url("../image/common/jd_image01-3d63c461da5530692e0bc6138cbfe15a.png");
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }

  .mmbr_box_price {
    width: 1020px;
    height: 130px;
    padding-top: 120px;
    background-image: url("../image/common/jd_image02-55785375590839450f438ced8781b2f8.png");
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }

  .mmbr_box_sell {
    width: 1020px;
    height: 130px;
    padding-top: 120px;
    background-image: url("../image/common/jd_image03-65e5a1a98efbcbcd7d0405b884b3f8d5.png");
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }

  .mmbr_box_perform .btn,
  .mmbr_box_price .btn,
  .mmbr_box_sell .btn,
  .mmbr_box_whjd .btn {
    width: 400px;
    margin: 0 auto 0 auto;
  }

  .btn_anim_mmbr {
    background-color: #E31837;
    border: 1px solid #E31837;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 20px 0 18px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }

  .btn_anim_mmbr:hover {
    background-color: transparent;
    border: 1px solid #ed3c57;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #ed3c57;
  }

  /*グレード詳細情報*/

  .anchor_box_grade {
    width: 1020px;
    overflow: hidden;
    font-size: 14px;
    line-height: 100%;
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 20px 0 8px 0;
    border-top: 3px solid #6C86A3;
    border-bottom: 1px solid #ddd;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-weight: bold;
  }

  .anchor_box_grade a {
    color: #313233;
  }

  .anchor_box_grade li {
    float: left;
    margin: 0 14px 10px 0;
  }

  .anchor_box_grade svg {
    vertical-align: 0px;
    fill: #6C86A3;
    margin-right: 5px;
  }

  .grade_mds {
    background-color: #eee;
    padding: 7px 0 3px 10px;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .grade_d_table {
    width: 500px;
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .grade_d_table li {
    width: 230px;
    float: left;
    padding: 6px 10px 4px 10px;
    border-bottom: 1px dotted #ddd;
  }

  /*右メニュー*/

  .rightbox_mds {
    margin: 0 0 10px 0;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }

  .right_conlst li {
    width: 300px;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    margin: 0 0 5px 0;
  }

  .right_conlst li:last-child {
    margin: 0;
  }

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

  .right_conlst .lbox {
    float: left;
    width: 90px;
    position: relative;
  }

  .right_conlst .lbox .pr {
    font-size: 9px;
    line-height: 100%;
    background-color: #ff3644;
    margin-right: 5px;
    padding: 3px 10px 1px 10px;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 3px;
    left: 3px;
  }

  .right_conlst .rbox {
    float: right;
    width: 200px;
  }

  .right_conlst svg {
    fill: #ffc116;
    vertical-align: -2px;
    width: 14px;
    height: 14px;
  }

  .right_conlst .lst {
    margin-bottom: 15px;
    border-bottom: 1px dotted #ddd;
  }

  /*右メニュー：ランキング*/

  .rtop1_count {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 6px 7px 4px 7px;
    border-radius: 50%;
    font-size: 11px;
    line-height: 100%;
    font-weight: bold;
    background-color: #d9b340;
    border: 1px solid #d9b340;
    color: #fff;
  }

  .rtop2_count {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 6px 7px 4px 7px;
    border-radius: 50%;
    font-size: 11px;
    line-height: 100%;
    font-weight: bold;
    background-color: #6f7b83;
    border: 1px solid #6f7b83;
    color: #fff;
  }

  .rtop3_count {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 6px 7px 4px 7px;
    border-radius: 50%;
    font-size: 11px;
    line-height: 100%;
    font-weight: bold;
    background-color: #a15326;
    border: 1px solid #a15326;
    color: #fff;
  }

  .rtop10_count {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 6px 7px 4px 7px;
    border-radius: 50%;
    font-size: 11px;
    line-height: 100%;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #dedede;
    color: #9c9392;
  }

  /*選択ボタン・リスト・プルダウン*/

  .barlst li {
    float: left;
    width: 25%;
    margin-bottom: 5px;
  }

  /*ページネーション＿1020*/

  .usdcar_result {
    width: 1020px;
    overflow: hidden;
    margin: 0 auto 5px auto;
  }

  .usdcar_result .lbox {
    float: left;
    width: 280px;
  }

  .usdcar_result .rbox {
    float: right;
    overflow: hidden;
    padding: 4px 0 3px 0;
  }

  .usdcar_result .mlbox {
    float: left;
    text-align: right;
    padding: 3px 10px 0 0;
    overflow: hidden;
  }

  .usdcar_result .mlbox li {
    float: left;
    margin-left: 15px;
    font-weight: bold;
    font-size: 14px;
  }

  .usdcar_result .mrbox {
    float: right;
    width: 145px;
    text-align: right;
  }

  /*ページネーション＿680*/

  .usdcar_result_680 {
    width: 680px;
    overflow: hidden;
    margin: 0 auto 5px auto;
    line-height: 26px;
    color: #999;
  }

  .usdcar_result_680 .lbox {
    float: left;
    width: 145px;
  }

  .usdcar_result_680 .rbox {
    float: right;
    overflow: hidden;
  }

  .usdcar_result_680 .mlbox {
    float: left;
    text-align: right;
    padding: 3px 10px 0 0;
    overflow: hidden;
  }

  .usdcar_result_680 .mlbox li {
    float: left;
    margin-left: 15px;
    font-weight: bold;
    font-size: 14px;
  }

  .usdcar_result_680 .mrbox {
    float: right;
    width: 150px;
    text-align: right;
  }

  /*右メニュー*/

  .right_mlst {
    overflow: hidden;
    width: 300px;
    font-size: 13px;
    line-height: 120%;
  }

  .right_mlst li {
    float: left;
    width: 145px;
    margin: 0 10px 5px 0;
  }

  .right_mlst li:nth-child(2n) {
    margin-right: 0px;
  }

  .right_mlst img {
    width: 40px;
    height: auto;
    margin-right: 5px;
    vertical-align: -4px;
  }

  .ullo_img {
    margin-bottom: 5px;
  }

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

@media screen and (max-width: 640px) {
  .large_mds {
    font-size: 18px;
    line-height: 130%;
    font-weight: bold;
  }

  .large_mds span {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin-left: 10px;
  }

  .underline_mds span,
  .underline_large_mds span {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin-left: 10px;
  }

  .large_mds svg {
    vertical-align: -2px !important;
    margin-right: 10px !important;
    fill: #6C86A2;
    width: 18px;
    height: 18px;
  }

  .br_large_mds {
    font-size: 18px;
    line-height: 120%;
    font-weight: bold;
    position: relative;
    margin-left: 30px;
  }

  .br_large_mds svg {
    fill: #6C86A2;
    position: absolute;
    top: 20px;
    left: -30px;
  }

  .midmds {
    font-size: 14px;
    line-height: 100%;
    font-weight: normal;
  }

  .markmds {
    font-size: 11px;
    line-height: 100%;
    font-weight: normal;
    color: #fff;
    background-color: #6C86A2;
    padding: 1px 10px 0 10px;
    border-radius: 3px;
    vertical-align: 3px;
  }

  .pagetop {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 15px;
  }

  .pagetop a {
    display: block;
    background-color: #6C86A2;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    text-decoration: none;
    padding: 12px 5px 0px 5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
  }

  .spbottom10,
  .spbottom20,
  .spbottom40 {
    margin-bottom: 0px !important;
  }

  .likeh1_b20 {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    border-top: 2px solid #ff3644;
    padding-top: 20px;
  }

  .likeh1_b0 {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
  }

  .likeh1_b20 svg,
  .likeh1_b0 svg {
    fill: #6C86A2;
    vertical-align: 0px;
    margin-right: 10px;
  }

  .spline {
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 0;
  }

  .jdlogo {
    position: absolute;
    bottom: -2px;
    right: 0;
    font-size: 12px;
    font-weight: normal;
  }

  .jdlogo img {
    width: 60px;
    height: auto;
    margin: 0 0 0 8px;
    vertical-align: -1px;
  }

  /*トップページ用検索ボックス*/

  .top_con_box_sp {
    margin: 50px 0 0 0;
    background-image: url("../image/common/topimg_sp-3de021d422d991df87de96abf47adbf9.jpg");
    background-size: 180%;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    overflow: hidden;
  }

  .top_search_box {
    padding: 200px 15px 0 15px;
  }

  .top_h1_mssg {
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 0 15px 0 15px;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
  }

  .cond_ttl {
    width: 100%;
    overflow: hidden;
    padding: 12px 15px 8px 15px;
    background-color: #6C86A2;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
  }

  .div_border_box {
    padding: 20px 15px 20px 15px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }

  /*バナーボックス*/

  .bnrbox {
    text-align: center;
    margin: 20px 0 0 0;
  }

  /*大きいボタン*/

  .btn_anim_blue {
    background-color: #6C86A2;
    border: 1px solid #6C86A2;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 7px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }

  /*小さいボタン*/

  .btn_anim_blue_s {
    background-color: #6C86A2;
    border: 1px solid #6C86A2;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 8px 0 6px 0;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
  }

  /*キャンセル*/

  .btn_anim_search_cancel {
    background-color: #807d79;
    border: 1px solid #ede5e4;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 12px 10px 10px 10px;
    font-size: 13px;
    text-align: center;
    color: #fff;
  }

  /*新着お知らせを受け取るボタン*/

  .btn_anim_news {
    background-color: #e2eaf3;
    border: 1px solid #e7eef5;
    color: #313233 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 12px 10px 10px 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
  }

  /*ページネーション用ボタン*/

  .mini_btn_left,
  .mini_btn_right {
    background-color: #f7f7f7;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 10px 3px 10px;
    font-size: 12px;
    text-align: center;
  }

  /*新車見積り用*/

  .newcar_btn {
    height: 30px;
    border-radius: 5px;
    background-color: #5eb411;
    font-size: 13px;
    line-height: 100%;
    color: #fff;
    padding: 10px 0 10px 35px;
    text-align: left;
    font-weight: bold;
    position: relative;
  }

  .newcar_btn_mini {
    width: 100% !important;
    height: 24px;
    border-radius: 5px;
    background-color: #5eb411;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 4px 0 3px 28px;
    text-align: left;
    font-weight: bold;
    position: relative;
  }

  .newcar_btn_smini {
    width: 100% !important;
    height: 19px;
    border-radius: 5px;
    background-color: #5eb411;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    padding: 3px 10px 2px 10px;
    text-align: center;
    font-weight: bold;
  }

  /*中古車検索用*/

  .usdcar_btn {
    height: 30px;
    border-radius: 5px;
    background-color: #FF8A80;
    font-size: 13px;
    line-height: 100%;
    color: #fff;
    padding: 10px 0 10px 35px;
    text-align: left;
    font-weight: bold;
    position: relative;
  }

  /*買取ウーロ用*/

  .ullo_btn {
    height: 30px;
    border-radius: 5px;
    background-color: #10aac5;
    font-size: 13px;
    line-height: 100%;
    color: #fff;
    padding: 10px 0 10px 35px;
    text-align: left;
    font-weight: bold;
    position: relative;
  }

  .newcar_btn svg,
  .usdcar_btn svg,
  .ullo_btn svg {
    position: absolute;
    top: 10px;
    left: 10px;
    fill: #fff;
    width: 13px;
    height: 13px;
  }

  .newcar_btn_mini svg {
    position: absolute;
    top: 8px;
    left: 10px;
    fill: #fff;
  }

  /*グレード比較用*/

  .comp_btn_big {
    font-size: 12px !important;
    line-height: 100%;
    font-weight: normal;
    background-color: #ddd;
    border: 1px solid #eee;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 6px 15px 6px 15px;
    text-align: center;
  }

  /*車種トップ：ボタンボックス*/

  .ctlg_btn_new_mini {
    overflow: hidden;
    margin: 0 0 10px 0;
    height: 26px;
  }

  .ctlg_btn_new_mini .lbox {
    float: left;
    width: 48%;
  }

  .ctlg_btn_new_mini .rbox {
    float: right;
    width: 48%;
  }

  /*共通ボックス*/

  .con_box_bg {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 30px 0 0 0;
  }

  .con_box {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 15px 0 15px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
  }

  .con_box .con_lbox {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contents_box {
    width: 100%;
    overflow: hidden;
  }

  /*段組み*/

  .three_box .ctblst,
  .four_box .ctblst {
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
  }

  .three_box_680 .ctblst {
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
  }

  .three_box_680 .ctblst:last-child {
    margin-bottom: 20px;
  }

  .three_box li,
  .four_box li {
    overflow: hidden;
  }

  .three_box_680 li {
    overflow: hidden;
  }

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

  .three_box img,
  .four_box img,
  .five_box img {
    width: 100%;
    height: auto;
  }

  .three_box_bg {
    overflow: hidden;
  }

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

  /*段組み_1000背景あり*/

  .four_box_bg {
    overflow: hidden;
  }

  .three_box_bg li,
  .four_box_bg li {
    float: left;
    width: 48%;
    margin: 0 4% 0 0;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
  }

  .three_box_bg li:nth-child(2n),
  .four_box_bg li:nth-child(2n) {
    margin: 0;
  }

  .three_box_bg img,
  .four_box_bg img {
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
  }

  .three_box_bg .mdsmgn,
  .four_box_bg .mdsmgn {
    font-weight: normal;
  }

  /*段組み_1020背景あり*/

  .five_box_bg {
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .five_box_bg li {
    float: left;
    width: 48%;
    margin: 0 4% 10px 0;
    padding: 10px;
    position: relative;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid #ddd;
    background-color: #fff;
  }

  .five_box_bg li:nth-child(2n) {
    margin-right: 0;
  }

  .five_box_bg li:nth-child(n+3) {
    margin-bottom: 0;
  }

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

  /*タイアップspeed*/

  .speedbox_bg {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 20px 15px 0 15px;
    margin: 0 0 20px 0;
  }

  .speedbox {
    margin: 0 auto 0 auto;
    font-size: 13px;
    line-height: 18px;
  }

  .speedbox li {
    overflow: hidden;
    margin-bottom: 5px;
  }

  .speedbox .lbox {
    float: left;
    width: 20%;
  }

  .speedbox .rbox {
    float: right;
    width: 77%;
    font-size: 14px;
    margin-top: 7px;
  }

  .speedmark {
    font-size: 11px;
    line-height: 11px;
    margin-top: 5px;
    color: #999;
  }

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

  /*トップページ：記事一覧*/

  .guidebox,
  .guidebox_680 {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
  }

  .guidebox .lbox,
  .guidebox_680 .lbox {
    float: left;
    width: 30%;
  }

  .guidebox .rbox,
  .guidebox_680 .rbox {
    float: right;
    width: 66%;
    margin: 2px 0 0 0;
  }

  .guidebox img,
  .guidebox_680 img {
    width: 100%;
    height: auto;
  }

  .guidebox .mdsmgn {
    margin-bottom: 5px;
    font-weight: bold;
  }

  /*カタログ写真*/

  .ctlg_new_box {
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .ctlg_new_box .lst {
    width: 100%;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }

  .ctlg_ph {
    float: left;
    width: 35%;
    margin-top: 15px;
    position: relative;
    text-align: center;
  }

  .ctlg_ph img {
    width: 90%;
    height: auto;
  }

  .ctlg_data {
    float: right;
    width: 60%;
  }

  .changemark {
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 9px;
    line-height: 100%;
    background-color: #6C86A2;
    padding: 5px 5px 4px 5px;
    color: #fff;
    border-radius: 2px;
  }

  .changemark_noposition {
    font-size: 9px;
    line-height: 100%;
    background-color: #6C86A2;
    padding: 5px 5px 4px 5px;
    color: #fff;
    border-radius: 2px;
  }

  /*トップページPR枠*/

  .pickupbox {
    overflow: hidden;
  }

  .pickupbox .lbox {
    float: left;
    width: 30%;
  }

  .pickupbox .rbox {
    float: right;
    width: 63%;
  }

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

  .pickupbox h4 {
    font-size: 14px;
    line-height: 120%;
    font-weight: bold;
    margin: 14px 0 0 0;
  }

  .pickup_data {
    overflow: hidden;
    padding: 7px 0 0 0;
    margin: 7px 0 0 0;
    border-top: 1px dotted #ddd;
  }

  .pickup_data li {
    float: left;
  }

  .pickup_data li:after {
    content: "|";
    margin: 0 5px 0 5px;
  }

  .pickup_data li:last-child:after {
    content: "";
    margin: 0;
  }

  .togglebox_txt {
    display: none;
    margin: 10px 0 0 0;
  }

  .top_pickup_basebox,
  .top_pickup_movie {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
  }

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

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

  .top_pickup_movie .lbox {
    margin-bottom: 10px;
  }

  .top_pickup_movie .lbox iframe {
    width: 100%;
    height: 120px;
  }

  .pickup_con {
    width: 100%;
    overflow: hidden;
    margin: 0 0 5px 0;
  }

  .pickup_con dd {
    float: left;
    width: 35%;
  }

  .pickup_con dt {
    float: right;
    width: 62%;
    padding-top: 2px;
  }

  /*カテゴリマーク*/

  .contype {
    font-size: 11px;
    line-height: 100%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 10px 1px 10px;
    color: #fff;
    border-radius: 5px;
    vertical-align: 1px;
  }

  .contype a {
    color: #fff !important;
  }

  .contype a:hover,
  .contype a:visited {
    color: #fff !important;
  }

  .contype_min {
    font-size: 10px;
    line-height: 100%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 10px 1px 10px;
    color: #fff;
    border-radius: 3px;
    vertical-align: -1px;
  }

  .contype_min a {
    color: #fff !important;
    text-decoration: none !important;
  }

  .contype_min a:hover,
  .contype_min a:visited {
    color: #fff !important;
    text-decoration: none !important;
  }

  .changetype {
    font-size: 9px;
    line-height: 100%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 8px 0 8px;
    margin: 0 0 0 10px;
    color: #fff;
    border-radius: 5px;
    vertical-align: 0px;
  }

  /*メーカー・ボディタイプ選択*/

  .maker_lst {
    font-size: 11px;
    line-height: 100%;
  }

  /*その他メーカー選択*/

  .etcmkr {
    position: relative;
    border-bottom: 1px dotted #ddd;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
  }

  .mkrlst {
    display: none;
    overflow: hidden;
    margin: 0 0 20px 0;
  }

  .mkrlst li {
    float: left;
    margin: 0 5px 5px 0;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    font-size: 12px;
    text-align: left;
  }

  .accordion_plus_top {
    position: absolute;
    top: 0;
    right: 0;
    color: #6C86A2;
    font-weight: bold;
  }

  /*複数対応タブ*/

  .js-tab-wrap {
    width: 100%;
    margin: 0;
  }

  .js-tab-wrap ul {
    overflow: hidden;
  }

  .js-tab-btn-width2 {
    width: 50%;
  }

  .js-tab-btn {
    background-color: #fff;
    float: left;
    padding: 12px 0 12px 0;
    margin: 0;
    color: #999;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    transition: ease 0.2s opacity;
    border-top: 2px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.76) 76%, #f6f6f6 100%);
    border-radius: 3px 3px 0 0;
  }

  .js-tab-btn.current {
    background: #fff;
    color: #000;
    border-top: 2px solid #6C86A2;
    border-bottom: 1px solid #fff;
    font-weight: bold;
  }

  .js-tab-contents {
    display: none;
  }

  .js-tab-contents.current {
    display: block;
    width: 100%;
    padding: 15px 0 0 0;
  }

  /*査定情報*/

  .cl_carlst {
    margin: 0 0 10px 0;
  }

  .cl_carlst .lst {
    border-bottom: 1px dotted #ddd;
    padding: 10px 0 10px 0;
  }

  .cl_carlst .lst:first-child {
    padding: 0px 0 10px 0;
  }

  .cl_carlst .databox_carname {
    font-size: 15px;
    line-height: 120%;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .restype {
    font-size: 12px;
    line-height: 100%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 10px 1px 10px;
    color: #fff;
    border-radius: 5px;
    vertical-align: 2px;
  }

  /*トップページ：ボディタイプ選択*/

  .bodytype_box {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-size: 11px;
    line-height: 100%;
  }

  .bodytype_box li {
    float: left;
    width: 24%;
    margin: 0 1% 10px 0;
    text-align: center;
  }

  .bodytype_box img {
    width: 100%;
    height: auto;
    margin-bottom: -5px;
  }

  .bodytype_box_1020 img {
    width: 100%;
    height: auto;
    margin-bottom: -5px;
  }

  .bodytype_box li:nth-child(4n) {
    margin: 0;
  }

  .bodytype_namebottom {
    margin: 12px 0 5px 0;
  }

  /*選択ボタン*/

  .search_select_btn {
    font-size: 13px;
    line-height: 100%;
    overflow: hidden;
  }

  .search_select_btn li {
    float: left;
    width: 49%;
    margin: 0 2% 2% 0;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    font-size: 12px;
    text-align: left;
    box-shadow: 1px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(132, 136, 138, 0.2);
    position: relative;
  }

  .search_select_btn li .arrowright {
    position: absolute;
    top: 15px;
    right: 10px;
    fill: #6C86A2;
  }

  .search_select_btn li a {
    display: block;
    width: 100%;
    padding: 12px 2px 10px 6px;
    text-decoration: none;
    color: #313233;
  }

  .search_select_btn li:nth-child(2n) {
    margin-right: 0px;
  }

  /*メーカートップ*/

  .dtlogo {
    text-align: left;
    border-top: 2px solid #6C86A2;
    border-bottom: 1px solid #ddd;
    padding: 15px 0 5px 0;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
  }

  .mkr_bld_ttl {
    font-size: 14px !important;
    line-height: 110%;
    font-weight: bold;
    margin: 0 0 3px 0;
  }

  .dtlogo .lbox {
    float: left;
    width: 11%;
    text-align: left;
  }

  .dtlogo .rbox {
    float: right;
    width: 85%;
    margin-top: 1px;
  }

  .dtlogo .lbox_flag {
    float: left;
    width: 15%;
    text-align: left;
  }

  .dtlogo .rbox_flag {
    float: right;
    width: 83%;
    margin-top: 1px;
  }

  .dtlogo .lbox_body {
    float: left;
    width: 20%;
    text-align: left;
  }

  .dtlogo .rbox_body {
    float: right;
    width: 78%;
    margin-top: 1px;
  }

  .dtlogo .lbox img,
  .dtlogo .lbox_flag img,
  .dtlogo .lbox_body img {
    width: 100%;
    height: auto;
  }

  .dtlogo .osite {
    font-size: 12px;
    line-height: 100%;
    margin-top: 2px;
  }

  .abtmkr {
    font-weight: bold;
    margin-bottom: 5px;
  }

  /*カタログ絞込み*/

  .narrow_bar {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px 0;
    border-top: 2px solid #6C86A2;
    border-bottom: 1px solid #ddd;
    background-color: #f8f8f8;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 5px;
  }

  .narrow_bar .nlst {
    float: left;
    width: 50%;
    padding: 12px 2% 7px 2%;
    border-right: 1px solid #ddd;
    text-align: center;
    position: relative;
    z-index: 1;
  }

  .narrow_bar .nlst:last-child {
    border-right: none;
  }

  .narrow_bar .nlst_mail {
    float: left;
    width: 40%;
    padding: 12px 2% 7px 2%;
    text-align: center;
  }

  .narrow_bar .nlst a {
    color: #313233 !important;
    text-decoration: none;
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }

  .narrow_bar .nlst a:hover,
  .narrow_bar .nlst a:visited {
    text-decoration: none;
  }

  .catalog_detail {
    display: none;
    margin: 10px 15px 10px 15px;
    overflow: hidden;
    font-size: 13px;
    line-height: 16px;
  }

  .catalog_detail .nbox {
    overflow: hidden;
    margin: 0 0 15px 0;
  }

  .catalog_detail .nbox .mlbox {
    float: left;
    width: 30%;
    font-weight: bold;
  }

  .catalog_detail .nbox .mrbox {
    float: right;
    width: 65%;
  }

  .catalog_detail .sel100 {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    width: 100px;
    height: 32px;
    border-radius: 5px;
    padding: 5px 0 5px 5px;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
  }

  .catalog_detail .sel180 {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    width: 180px;
    height: 32px;
    border-radius: 5px;
    padding: 5px 0 5px 5px;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
  }

  .catalog_detail .sel220 {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    width: 220px;
    height: 32px;
    border-radius: 5px;
    padding: 5px 27px 5px 5px;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
  }

  .catalog_detail select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .catalog_detail label.from,
  .catalog_detail label.to,
  .catalog_detail label.default {
    position: relative;
  }

  .catalog_detail label.from:after {
    display: block;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256.009%2C0C114.615%2C0%2C0%2C114.615%2C0%2C255.991C0%2C397.385%2C114.615%2C512%2C256.009%2C512%20C397.385%2C512%2C512%2C397.385%2C512%2C255.991C512%2C114.615%2C397.385%2C0%2C256.009%2C0z%20M256.009%2C365.782l-133.57-133.57l44.096-44.097%20l89.473%2C89.456l89.456-89.456l44.097%2C44.097L256.009%2C365.782z%22%20style%3D%22fill%3A%20rgb(108%2C%20134%2C%20162)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    top: 12%;
    right: 9%;
    pointer-events: none;
  }

  .catalog_detail label.to:after {
    display: block;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256.009%2C0C114.615%2C0%2C0%2C114.615%2C0%2C255.991C0%2C397.385%2C114.615%2C512%2C256.009%2C512%20C397.385%2C512%2C512%2C397.385%2C512%2C255.991C512%2C114.615%2C397.385%2C0%2C256.009%2C0z%20M256.009%2C365.782l-133.57-133.57l44.096-44.097%20l89.473%2C89.456l89.456-89.456l44.097%2C44.097L256.009%2C365.782z%22%20style%3D%22fill%3A%20rgb(108%2C%20134%2C%20162)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    top: 12%;
    right: 5%;
    pointer-events: none;
  }

  .catalog_detail label.default:after {
    display: block;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256.009%2C0C114.615%2C0%2C0%2C114.615%2C0%2C255.991C0%2C397.385%2C114.615%2C512%2C256.009%2C512%20C397.385%2C512%2C512%2C397.385%2C512%2C255.991C512%2C114.615%2C397.385%2C0%2C256.009%2C0z%20M256.009%2C365.782l-133.57-133.57l44.096-44.097%20l89.473%2C89.456l89.456-89.456l44.097%2C44.097L256.009%2C365.782z%22%20style%3D%22fill%3A%20rgb(108%2C%20134%2C%20162)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    top: 12%;
    right: 3%;
    pointer-events: none;
  }

  /*プルダウン装飾*/

  /*チェックボックス*/

  .cp_ipcheck {
    text-align: left;
    overflow: hidden;
  }

  .cp_ipcheck .lst100 {
    float: left;
    width: 100px;
    margin: 0 0 3px 0;
  }

  .cp_ipcheck .option-input02 {
    position: relative;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: -4px 5px 0 0;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 2px;
    outline: none;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .cp_ipcheck .option-input02:checked {
    background: #6C86A2;
    border: 1px solid #6C86A2;
  }

  .cp_ipcheck .option-input02:checked::before {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    display: inline-block;
    width: 19px;
    height: 19px;
    content: "✓";
    text-align: center;
  }

  /*ボタン*/

  .btn_hddn {
    overflow: hidden;
  }

  .btn_hddn .lbox {
    float: left;
    width: 48%;
  }

  .btn_hddn .rbox {
    float: right;
    width: 48%;
  }

  /*一覧絞込み*/

  .select_syll_lst {
    overflow: hidden;
    font-size: 11px;
    border-top: 1px solid #ddd;
    line-height: 100%;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .select_syll_lst li {
    float: left;
    width: 20%;
    background-color: #f8f8f8;
    border-right: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 17px 2px 13px 2px;
    text-align: center;
  }

  .select_syll_lst li:nth-child(5n) {
    border-right: 0;
  }

  .select_syll_lst a {
    color: #313233;
    display: block;
    width: 100%;
  }

  /*人気キーワードで探す*/

  .barlst {
    overflow: hidden;
  }

  .barlst li {
    float: left;
    margin: 0 5px 5px 0;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    font-size: 12px;
    text-align: left;
  }

  /*車種一覧*/

  .slct_mdl {
    overflow: hidden;
    font-size: 14px;
    line-height: 120%;
  }

  .slct_mdl .modelslt {
    margin: 0 0 20px 0;
    position: relative;
  }

  .slct_mdl .modelslt:nth-child(3n) {
    margin: 0;
  }

  .slct_mdl .mkrtxt {
    position: relative;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 3px;
  }

  .slct_mdl .cartxt span {
    position: absolute;
    top: 8px;
    right: 0;
    padding: 5px 10px 3px 10px;
    background-color: #6C86A2;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
  }

  .mkrtxt span {
    position: absolute;
    top: 8px;
    right: 0;
    padding: 5px 10px 3px 10px;
    background-color: #6C86A2;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
  }

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

  .slct_mdl .modelbox {
    overflow: hidden;
  }

  .slct_mdl .model_lbox {
    float: left;
    width: 32%;
  }

  .slct_mdl .model_rbox {
    float: right;
    width: 63%;
  }

  .slct_mdl .model_rbox dl {
    overflow: hidden;
  }

  .slct_mdl .model_rbox dt {
    float: left;
    width: 40%;
  }

  .slct_mdl .model_rbox dd {
    float: left;
    width: 55%;
  }

  .slct_mdl .btnlst {
    float: left;
    width: 30%;
    margin-right: 5%;
    font-size: 13px;
  }

  .slct_mdl .btnlst:last-child {
    margin: 0px;
  }

  .btn_anim_ctlg {
    position: relative;
    display: inline-block;
    padding: 6px 0 4px 0;
    text-decoration: none;
    color: #6C86A2 !important;
    background: #eee;
    border-bottom: solid 2px #ddd;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
  }

  .modelrvw {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #e31837;
    text-align: right;
  }

  .modelrvw svg {
    fill: #ffc116;
    vertical-align: -1px;
  }

  .modelrvw a {
    color: #313233 !important;
  }

  /*セレクトボックス*/

  .select_opall select {
    background-color: #fff;
    border-top: 1px solid #ede5e4;
    border-left: 1px solid #ede5e4;
    border-bottom: 1px solid #bfb2b0;
    border-right: 1px solid #bfb2b0;
    width: 100%;
    height: 30px;
    border-radius: 5px;
    padding: 4px 0px 4px 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .select_opall label {
    position: relative;
  }

  .select_opall label:after {
    display: block;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256.009%2C0C114.615%2C0%2C0%2C114.615%2C0%2C255.991C0%2C397.385%2C114.615%2C512%2C256.009%2C512%20C397.385%2C512%2C512%2C397.385%2C512%2C255.991C512%2C114.615%2C397.385%2C0%2C256.009%2C0z%20M256.009%2C365.782l-133.57-133.57l44.096-44.097%20l89.473%2C89.456l89.456-89.456l44.097%2C44.097L256.009%2C365.782z%22%20style%3D%22fill%3A%20rgb(108%2C%20134%2C%20162)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    top: -1px;
    right: 10px;
  }

  /*メーカー一覧*/

  .makerlogobottom {
    margin: 2px 0 6px 0;
    height: 18px;
    font-size: 11px;
  }

  .makerlogobottom_long {
    margin: 2px 0 6px 0;
    height: 18px;
    font-size: 11px;
    line-height: 12px;
  }

  .select_maker_lst {
    overflow: hidden;
    font-size: 11px;
    line-height: 100%;
    border-top: 2px solid #6C86A3;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .select_maker_lst li {
    float: left;
    width: 20%;
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 9px 0 5px 0;
    text-align: center;
  }

  .select_maker_lst li:nth-child(5n) {
    border-right: 0;
  }

  .select_maker_lst li:nth-child(7n) {
    margin: 0;
  }

  .select_maker_lst .etc {
    margin-top: 16px;
  }

  .select_maker_lst a {
    color: #313233;
    display: block;
    width: 100%;
  }

  .select_maker_namelst {
    margin: -60px 0 50px 0;
    padding: 60px 0 0 0;
  }

  .select_maker_namelst .leftbox {
    margin-bottom: 20px;
  }

  .select_maker_namelst .lbox dd {
    margin-top: 5px;
    font-weight: bold;
  }

  .select_maker_namelst .rbox li,
  .select_maker_namelst .mrbox li {
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #d1c2c0;
    position: relative;
  }

  .select_maker_namelst .rbox li:last-child,
  .select_maker_namelst .mrbox li:last-child {
    padding-bottom: 10px;
    border-bottom: 1px solid #d1c2c0;
  }

  .select_maker_namelst .rbox li .arrowright,
  .select_maker_namelst .mrbox li .arrowright {
    position: absolute;
    top: 12px;
    right: 0px;
    fill: #6C86A3;
  }

  .select_maker_namelst .border svg,
  .select_maker_namelst .border img {
    border: 1px solid #ddd;
  }

  /*メーカー・ボディTOP：ディーラー探し*/

  .top_price_box {
    overflow: hidden;
  }

  .top_price_box .leftbox,
  .top_price_box .middlebox {
    margin: 0 0 10px 0;
  }

  .select_op01 select,
  .select_op02 select {
    background-color: #fff;
    border-top: 1px solid #ede5e4;
    border-left: 1px solid #ede5e4;
    border-bottom: 1px solid #bfb2b0;
    border-right: 1px solid #bfb2b0;
    width: 100%;
    height: 30px;
    border-radius: 5px;
    margin: 0 4% 0 0;
    padding: 4px 0px 4px 10px;
    cursor: pointer;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    line-height: 16px;
  }

  .select_op01 label.from,
  .select_op02 label.to {
    position: relative;
  }

  .select_op01 label.from:after,
  .select_op02 label.to:after {
    display: block;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256.009%2C0C114.615%2C0%2C0%2C114.615%2C0%2C255.991C0%2C397.385%2C114.615%2C512%2C256.009%2C512%20C397.385%2C512%2C512%2C397.385%2C512%2C255.991C512%2C114.615%2C397.385%2C0%2C256.009%2C0z%20M256.009%2C365.782l-133.57-133.57l44.096-44.097%20l89.473%2C89.456l89.456-89.456l44.097%2C44.097L256.009%2C365.782z%22%20style%3D%22fill%3A%20rgb(108%2C%20134%2C%20162)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    top: 11%;
    right: 8%;
    pointer-events: none;
  }

  /*メーカー・ボディTOP：地図など*/

  .usd_ad_table {
    border-bottom: 1px dotted #d1c2c0;
    font-size: 13px;
    line-height: 18px;
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
    overflow: hidden;
  }

  .usd_ad_table:last-child {
    border: 0px;
    margin: 0px;
  }

  .usd_ad_ttl {
    width: 30%;
    display: table-cell;
    padding: 9px 0 2px 0;
    vertical-align: top;
    font-weight: bold;
  }

  .usd_ad_data {
    width: 70%;
    display: table-cell;
    padding: 8px 0 3px 10px;
    vertical-align: top;
  }

  .usd_ad_table_party {
    width: 100%;
    display: table;
    font-size: 12px;
    line-height: 15px;
  }

  .usd_ad_data_party {
    width: 100%;
    display: table-cell;
    padding: 0 0 9px 0;
    vertical-align: top;
  }

  .usd_ad_table li,
  .usd_ad_table_party li,
  .usd_ad_data_three .thlst li {
    float: left;
    margin: 0 5px 5px 0;
    background-color: #f7f7f7;
    border: 1px solid #ede5e4;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    font-size: 12px;
    text-align: left;
  }

  .usd_ad_table a,
  .usd_ad_table_party a {
    color: #6C86A2;
  }

  .usd_ad_data_three a {
    color: #6C86A2;
  }

  .usd_ad_data_three .thlst {
    overflow: hidden;
    margin: 0 0 20px 0;
  }

  /*車種トップ：タイトル*/

  .model_ttl {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 7px;
  }

  .model_ttl .rbox {
    font-size: 10px;
    line-height: 12px;
    padding-bottom: 5px;
  }

  .model_ttl .lbox {
    font-size: 18px;
    line-height: 120%;
    font-weight: bold;
  }

  .model_ttl .lbox .mark {
    padding: 1px 10px 0 10px;
    margin: 0 0 0 10px;
    background-color: #6C86A2;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    vertical-align: 2px;
  }

  /*車種トップ：タブ上*/

  .model_tab_lbox {
    float: left;
    width: 40%;
  }

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

  .model_tab_rbox_sp {
    float: right;
    width: 55%;
    color: #e31837;
  }

  .taxbox {
    overflow: hidden;
    margin-bottom: 10px;
  }

  .taxbox li {
    float: left;
    width: 32%;
    margin-right: 2%;
  }

  .taxbox li:nth-child(3) {
    margin: 0;
  }

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

  /*車種トップ：メーカーリンク*/

  .mkrlnk {
    overflow: hidden;
    margin: 0 0 15px 0;
    font-size: 11px;
    line-height: 100%;
  }

  .mkrlnk li {
    float: left;
    margin-bottom: 3px;
  }

  .mkrlnk li:after {
    content: "|";
    margin: 0 5px 0 5px;
  }

  .mkrlnk li:last-child:after {
    content: "";
    margin: 0;
  }

  /*車種トップ：J.D. パワースコア*/

  .spjdpower {
    font-size: 11px;
    text-align: center;
  }

  .spjdpower img {
    width: 50%;
    height: auto;
    vertical-align: -1px;
  }

  .jdcount {
    font-size: 14px;
    margin: 0 0 3px 0;
  }

  .jdpoint {
    color: #e31837;
    font-weight: bold;
    margin-right: 1px;
    font-size: 20px;
    line-height: 100%;
  }

  /*車種トップ：トップ専用枠*/

  .contents_box_ctlg {
    overflow: hidden;
  }

  .btn_top_mark {
    background-color: #999;
    padding: 1px 5px 0 5px;
    margin: 0 3px 0 0;
    font-size: 11px;
    line-height: 100%;
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    vertical-align: 1px;
  }

  /*車種トップ：しゃしゅｔ概要の下にある写真*/

  .mphoto {
    overflow: hidden;
    margin-bottom: 5px;
  }

  .mphoto li {
    float: left;
    width: 33%;
    height: 100%;
    margin: 0 0.5% 0 0;
    line-height: 100%;
  }

  .mphoto li:nth-child(3n) {
    margin-right: 0;
  }

  .mphoto li:nth-child(n+4) {
    margin-bottom: 0;
  }

  .mphoto img {
    width: 100%;
    height: 100%;
  }

  /*車種トップ：関連車種*/

  .rl_models {
    display: table;
    width: 100%;
    font-size: 12px !important;
    line-height: 100%;
  }

  .rl_models dt {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    font-size: 10px;
  }

  .rl_models dd {
    display: table-cell;
    vertical-align: top;
    width: 75%;
  }

  .rl_models span {
    background-color: #6C86A2;
    padding: 2px 5px 1px 6px;
    color: #fff;
    border-radius: 3px;
  }

  .rl_models li {
    float: left;
    margin: 0 10px 7px 0;
  }

  /*車種トップ：広告枠（ライバル車種）*/

  .mkr_pr_box {
    overflow: hidden;
    padding: 14px 0 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .mkr_pr_box .lbox {
    float: left;
    width: 140px;
  }

  .mkr_pr_box .rbox {
    float: right;
    width: 520px;
  }

  .mkr_pr_box .lbox img {
    width: 100%;
    height: auto;
  }

  .mkr_pr_box .mark {
    background-color: #ffc116;
    padding: 2px 10px 0px 10px;
    border-radius: 3px;
    font-size: 11px;
  }

  /*車種トップ：タブ*/

  .tab_box {
    border-bottom: 1px solid #6C86A2;
    margin: 0;
  }

  .tab_inbox {
    overflow: hidden;
    margin: 0 auto 0 auto;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .tab_inbox li {
    float: left;
    width: 26%;
    padding: 16px 0 12px 0;
    margin: 0;
    background-color: #fcfcfc;
    text-align: center;
    font-size: 11px;
    line-height: 150%;
    font-weight: normal;
    cursor: pointer;
    transition: ease 0.2s opacity;
    border-top: 1px solid #6C86A2;
    border-right: 1px solid #6C86A2;
    position: relative;
  }

  .tab_inbox li:nth-child(8) {
    width: 22%;
    border-right: 0;
  }

  .tab_inbox .active {
    background-color: #6C86A2 !important;
  }

  .tab_inbox .active a {
    color: #fff !important;
  }

  .tab_inbox span {
    font-size: 13px;
    font-weight: bold;
  }

  .tab_backpage {
    font-size: 12px;
    margin-bottom: 5px;
  }

  .tab_backpage span {
    background-color: #ffc116;
    border-radius: 3px;
    padding: 4px 10px 2px 10px;
  }

  .tab_backpage svg {
    width: 10px;
    height: auto;
    margin-right: 3px;
  }

  .for_tabspace20,
  .for_tabspace_home {
    margin-bottom: 20px;
  }

  /*車種トップ：タブ*/

  .tab_inbox_model {
    overflow: hidden;
    margin: 0 auto 0 auto;
  }

  .tab_inbox_model_l {
    overflow: hidden;
    float: left;
    width: 100%;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .tab_inbox_model .tab {
    float: left;
    width: 26%;
    padding: 16px 0 12px 0;
    margin: 0;
    background-color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 150%;
    font-weight: normal;
    cursor: pointer;
    transition: ease 0.2s opacity;
    border-top: 1px solid #6C86A2;
    border-right: 1px solid #6C86A2;
  }

  .tab_inbox_model .tab:nth-child(5) {
    width: 22%;
    border-right: 0;
  }

  .tab_inbox_model_r {
    display: none;
  }

  .tab_inbox_model li:hover,
  .tab_inbox_model_r li:hover {
    background-color: #e5edf6;
  }

  .tab_inbox_model a:hover {
    text-decoration: none !important;
  }

  .tab_inbox_model .active {
    background-color: #6C86A2 !important;
  }

  .tab_inbox_model .active a {
    color: #fff !important;
  }

  .tab_inbox_model span {
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
  }

  /*車種トップ：動画枠*/

  .movie_box {
    overflow: hidden;
  }

  .movie_lbox {
    margin: 0 0 10px 0;
  }

  .movie_rbox li {
    margin: 0 0 10px 0;
    overflow: hidden;
  }

  .movie_rbox li:nth-child(4) {
    margin: 0;
  }

  .movie_rbox dt {
    float: left;
    width: 30%;
  }

  .movie_rbox dt img {
    width: 100%;
    height: auto;
  }

  .movie_rbox dd {
    float: right;
    width: 65%;
  }

  /*車種トップ：世代一覧詳細*/

  .spec_mds {
    font-size: 18px;
    line-height: 100%;
    font-weight: bold;
    padding: 2px 0 6px 0;
    margin: 0 0 14px 0;
    width: 100%;
    border-bottom: 2px solid #6C86A2;
  }

  .spec_icon {
    font-size: 10px;
    line-height: 100%;
    font-weight: normal;
    background-color: #6C86A2;
    padding: 2px 10px 1px 10px;
    margin-right: 10px;
    color: #fff;
    border-radius: 3px;
    vertical-align: 2px;
  }

  .hismodels_box {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    padding: 5px 0 10px 0;
    margin-bottom: 10px;
  }

  .hismodels_box:last-child {
    border-bottom: 1px solid #ddd;
  }

  .hismodels_box .lbox {
    margin-bototm: 10px;
  }

  .hismodels_box .mbox {
    overflow: hidden;
    margin-bottom: 10px;
  }

  .hismodels_box .mlbox {
    float: left;
    width: 26%;
  }

  .hismodels_box .mrbox {
    float: right;
    width: 69%;
  }

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

  .hismodels_mds {
    font-size: 14px;
    line-height: 100%;
    font-weight: bold;
    margin: 0 0 5px 0;
  }

  .hismodels_box_img {
    overflow: hidden;
    margin-bottom: 20px;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .hismodels_box_img li {
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
  }

  .hismodels_box_img li:nth-child(3n) {
    margin-right: 0px;
  }

  .hismodels_box_img img {
    width: 100%;
    border: 1px solid #eee;
  }

  .hismodels_box_minor {
    overflow: hidden;
    margin-bottom: 15px;
  }

  .hismodels_box_minor li {
    margin: 0 0 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
  }

  /*車種トップ：世代一覧*/

  .hismodels {
    overflow: hidden;
  }

  .hismodels li {
    overflow: hidden;
    padding: 10px 20px 5px 10px;
    margin: 0;
    border-top: 1px dotted #ddd;
    background-color: #fff;
    position: relative;
  }

  .hismodels .arrow {
    position: absolute;
    top: 45%;
    right: 0;
  }

  .hismodels .arrow svg {
    fill: #9c9392;
  }

  .hismodels li:first-child {
    border-top: 1px solid #eee;
  }

  .hismodels li:last-child {
    border-bottom: 1px solid #eee;
  }

  .hismodels dd {
    float: left;
    width: 30%;
  }

  .hismodels dt {
    float: right;
    width: 65%;
  }

  .hismodels h4 {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
  }

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

  /*車種トップ：グレードランキング*/

  .underlineh4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }

  .grank li {
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
    background-color: #fff;
    padding: 8px 10px 6px 10px;
  }

  .grank li:first-child {
    padding-top: 0;
  }

  .grank li:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
  }

  .grank dt {
    float: left;
    width: 8%;
  }

  .grank dd {
    float: right;
    width: 90%;
  }

  /*車種トップ：レビュー評価*/

  .rvwdatabox {
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 11px 0 9px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .rvwdatabox dt {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #e31837;
  }

  .rvwdatabox svg {
    fill: #ffc116;
    vertical-align: -3px;
  }

  .rvwdatabox dd {
    padding-top: 5px;
  }

  .rvwdatabox dd svg {
    fill: #ffc116;
    vertical-align: -1px;
    margin: 0 3px 0 6px;
  }

  .sprvw_linebox li {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 14px;
    margin-bottom: 14px;
  }

  .rvwbox {
    overflow: hidden;
    margin: 0 0 10px 0;
  }

  .rvwbox dt {
    float: left;
    width: 25%;
  }

  .rvwbox dd {
    float: right;
    width: 70%;
  }

  .rvwbox svg {
    fill: #ffc116;
    vertical-align: -1px;
  }

  .rvwmds {
    font-weight: bold;
    margin-bottom: 5px;
  }

  .rvwmds a {
    color: #313233 !important;
  }

  .rvwpoint {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #e31837;
    margin: 0 0 3px 0;
  }

  .r_sortbox {
    padding: 15px 15px 10px 15px;
    margin: 10px 0 20px 0;
    background-color: #f7f7f7;
    overflow: hidden;
  }

  .r_sortbox li {
    float: left;
  }

  .r_sortbox li:after {
    content: "|";
    margin: 0 5px 0 5px;
  }

  .r_sortbox li:first-child:after,
  .r_sortbox li:last-child:after {
    content: "";
    margin: 0;
  }

  /*車種トップ：クチコミ*/

  .temp_rvw_lst {
    overflow: hidden;
  }

  .temp_rvw_lst .lbox {
    overflow: hidden;
  }

  .motivation {
    overflow: hidden;
  }

  .temp_rvw_lst {
    border-bottom: 1px dotted #ddd;
    padding: 14px 0 14px 0;
  }

  .temp_rvw_lst .lbox {
    margin: 0 0 10px 0;
  }

  .temp_rvw_lst:first-child {
    padding-top: 0;
  }

  .temp_rvw_lst:last-child {
    margin-bottom: 10px;
  }

  .rvw_com_box {
    overflow: hidden;
  }

  .temp_rvw_lst .mlbox {
    float: left;
    width: 18%;
  }

  .temp_rvw_lst .mrbox {
    float: right;
    width: 80%;
  }

  .motivation li {
    float: left;
    margin: 0 10px 3px 0;
    padding: 4px 5px 2px 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    color: #999;
    font-size: 11px;
    line-height: 100%;
  }

  .motivation li:nth-child(7n) {
    margin: 0;
  }

  .motivation .app {
    background-color: #ffc116;
    color: #313233 !important;
    border: 1px solid #ffc116 !important;
  }

  /*車種トップ：相場表*/

  .quotation {
    margin: 0 15px 0 15px;
  }

  .qtt_table {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 11px;
    line-height: 100%;
  }

  .qtt_table_out {
    overflow: auto;
  }

  .qtt_lmds_grey {
    width: 92px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    background-color: #eee;
    font-weight: bold;
    text-align: center;
  }

  .qtt_lmds_grey_58 {
    width: 58px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    background-color: #eee;
    font-weight: bold;
    text-align: center;
  }

  .qtt_lmds_white {
    width: 58px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    font-weight: bold;
    text-align: center;
  }

  .qtt_mds {
    width: 58px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    background-color: #eee;
    font-weight: bold;
    text-align: center;
  }

  .qtt_td {
    width: 58px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
    text-align: center;
  }

  .qtt_high_txt {
    color: #fd6464;
    margin-right: 3px;
  }

  .qtt_medium_txt {
    color: #ffa3a3;
    margin-right: 3px;
  }

  .qtt_low_txt {
    color: #f4caca;
    margin-right: 3px;
  }

  .qtt_lowest_txt {
    color: #fdd8d8;
    margin-right: 3px;
  }

  .qtt_high {
    background-color: #fd6464;
  }

  .qtt_medium {
    background-color: #ffa3a3;
  }

  .qtt_low {
    background-color: #f4caca;
  }

  .qtt_lowest {
    background-color: #fdd8d8;
  }

  .qtt_td a {
    display: block;
    width: 100%;
  }

  .qtt_high a,
  .qtt_medium a {
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;
  }

  .qtt_low a,
  .qtt_lowest a {
    color: #313233;
    font-weight: bold;
    display: block;
    width: 100%;
  }

  /*車種トップ：中古車新着*/

  .fivebox_cond {
    width: 100%;
    overflow: hidden;
  }

  .fivebox_cond .lbox {
    float: left;
    width: 50%;
  }

  .fivebox_cond .rbox {
    float: right;
    width: 50%;
    text-align: right;
  }

  .fivebox_usd_price {
    font-size: 18px;
    line-height: 100%;
    font-weight: bold;
    color: #e31837;
  }

  .fivebox_white_bg li {
    background-color: #fff;
  }

  /*車種トップ：買取査定一覧*/

  .ullo_tbl {
    width: 100%;
  }

  .ullo_tbl th {
    background-color: #e5edf6;
    border-top: 1px solid #e5edf6;
    border-bottom: 1px solid #e5edf6;
    text-align: left;
    font-weight: bold;
  }

  .ullo_tbl td {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }

  .ullo_tbl .w01 {
    width: 30%;
    padding: 10px 5px 5px 5px;
  }

  .ullo_tbl .w02 {
    width: 20%;
    padding: 10px 5px 5px 5px;
  }

  .ullo_tbl .w03 {
    width: 50%;
    padding: 10px 5px 5px 5px;
  }

  .ullo_tbl .w04 {
    display: none;
  }

  /*買取トップ：買取査定一覧*/

  .cname {
    margin: 0;
    font-size: 14px;
  }

  .ullo_tbl .w05 {
    width: 25%;
    padding: 10px 5px 5px 5px;
  }

  /*ギャラリー：画像6個*/

  .gallary_box {
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .gallary_box li {
    float: left;
    width: 49%;
    margin: 0 2% 2% 0;
    line-height: 100%;
  }

  .gallary_box li:nth-child(2n) {
    margin-right: 0;
  }

  .gallary_box img {
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
  }

  /*J.D.power：jdパワーとは*/

  .overall_ev,
  .ind_ev {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 30px 0;
  }

  .overall_ev .lbox img {
    width: 100px;
    height: auto;
  }

  .overall_ev .circle {
    border: 20px solid #e31837;
    border-radius: 50%;
    width: 225px;
    height: 225px;
    padding: 50px 0 34px 0;
    margin: 0 auto 15px auto;
    text-align: center;
  }

  .overall_ev_top .circle {
    border: 20px solid #e31837;
    border-radius: 50%;
    width: 225px;
    height: 225px;
    padding: 50px 0 34px 0;
    margin: 0 auto 15px auto;
    text-align: center;
  }

  .overall_ev .rbox,
  .ev_lst_box {
    overflow: hidden;
  }

  .ev_lst_up {
    float: left;
    width: 32%;
    margin: 0 2% 2% 0;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
    text-align: center;
    background-color: #fff;
  }

  .ev_lst_up:nth-child(3n) {
    margin: 0;
  }

  .jd_gname {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .jd_name {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
  }

  .jd_base_score {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 110%;
    color: #999;
  }

  .jd_score {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #e31837;
    margin-right: 3px;
  }

  .jd_base_score_3 {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 100;
    line-height: 110%;
    color: #999;
    margin: 0 0 10px 0;
  }

  .jd_score_3 {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #e31837;
    margin-right: 3px;
  }

  .jd_rank {
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    color: #e31837;
  }

  .jd_rate_on svg {
    fill: #e31837;
    margin: 0 1px 0 0;
    vertical-align: -1px;
  }

  .jd_rate_off svg {
    fill: #999;
    margin: 0 1px 0 0;
    vertical-align: -1px;
  }

  .jdev_exp {
    display: none;
  }

  .aboutjd {
    width: 100%;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
    border-radius: 5px;
  }

  .aboutjd .imgbox {
    display: none;
  }

  .aboutjd .imgbox img {
    width: 100%;
    height: auto;
  }

  .jdcomment .lbox img {
    width: 100%;
    height: auto;
  }

  .jd_mds {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
  }

  .jdcomment {
    width: 100%;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 40px;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
    border-radius: 5px;
    font-size: 14px;
    line-height: 24px;
  }

  .jdcomment .lbox {
    margin-bottom: 20px;
  }

  .ind_ev .lbox {
    width: 100%;
    padding: 10px;
    margin: 0 0 2% 0;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
    text-align: center;
  }

  .ind_ev .rbox {
    width: 100%;
    overflow: hidden;
  }

  .ind_ev .rbox li {
    overflow: hidden;
    float: left;
    width: 49%;
    margin: 0 2% 2% 0;
    padding: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
  }

  .ind_ev .rbox li:nth-child(2n) {
    margin-right: 0;
  }

  .ind_ev .rbox .mlbox {
    margin-bottom: 10px;
  }

  .ind_ev .rbox .mrbox {
    text-align: center;
  }

  .ind_ev .resell {
    width: 100%;
    padding: 19px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(132, 136, 138, 0.1);
  }

  /*JD用買取テーブル*/

  .ullo_tbl_jd {
    width: 100%;
    table-layout: fixed;
  }

  .ullo_tbl_jd th {
    background-color: #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-weight: bold;
  }

  .ullo_tbl_jd td {
    border-bottom: 1px solid #ddd;
  }

  .ullo_tbl_jd .w05 {
    width: 33%;
    padding: 7px 5px 3px 5px;
  }

  /*記事トップ*/

  .guide_box {
    overflow: hidden;
  }

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

  .guide_box .con_mds {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    margin: 0 0 3px 0;
  }

  .guide_box .lbox {
    margin-bottom: 20px;
  }

  .guide_box .rbox {
    overflow: hidden;
  }

  .guide_box .rbox li {
    width: 100%;
    overflow: hidden;
  }

  .guide_box .rbox img {
    width: 100%;
    height: auto;
  }

  .guide_box .rbox .mlbox {
    float: left;
    width: 30%;
  }

  .guide_box .rbox .mrbox {
    float: right;
    width: 67%;
  }

  .fblst {
    overflow: hidden;
  }

  .fblst .mlbox {
    float: left;
    width: 30%;
  }

  .fblst .mrbox {
    float: right;
    width: 67%;
  }

  .whatsjdp {
    width: 100%;
    height: 250px;
    padding: 25px;
    border: 1px solid #ddd;
    background-color: #ddd;
  }

  /*買取トップ：ウーロとは？*/

  .bestbox {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 30px auto;
  }

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

  .ullo_good_point_box {
    position: relative;
  }

  .ullo_good_point_box svg {
    fill: #fff;
  }

  .ullo_good_point_box .value,
  .ullo_good_point_box .value_bottom {
    overflow: hidden;
    margin: 0 0 10px 0;
  }

  .ullo_good_point_box .hiddenbox {
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0 25px 0;
  }

  .ullo_good_point_box .hiddenbox h3 {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 2px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;
  }

  .ullo_good_point_box .normal {
    float: left;
    width: 46%;
    background-image: url(../image/common/cross_large.png);
    background-size: 40%;
    background-position: 45px 35px;
    background-repeat: no-repeat;
  }

  .normal_bottom {
    float: left;
    width: 46%;
    background-image: url(../image/common/cross_large.png);
    background-size: 40%;
    background-position: 45px 35px;
    background-repeat: no-repeat;
  }

  .ullo_good_point_box .ullo,
  .ullo_bottom {
    float: right;
    width: 46%;
    background-image: url(../image/common/circle_large.png);
    background-size: 40%;
    background-position: 45px 35px;
    background-repeat: no-repeat;
  }

  .ullo_good_point_box .border_bottom {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-weight: bold;
  }

  .ullo_good_point_box .mark {
    float: left;
    width: 15%;
    margin: 0 5% 0 0;
    background-color: #f9653f;
    padding: 13px 13px 7px 13px;
  }

  .ullo_good_point_box .mark img {
    width: 100%;
    height: auto;
  }

  .ullo_good_point_box .prtxt {
    float: left;
    width: 78%;
  }

  .ullo_good_point_box .gmds {
    font-size: 20px;
    line-height: 100%;
    font-weight: bold;
    padding-top: 8px;
    margin-bottom: 2px;
  }

  /*買取トップ：使い方*/

  .howtobox dl {
    font-size: 14px;
    line-height: 22px;
    border-left: 1px solid #f9653f;
    padding: 0 0 20px 25px;
    margin: 0 0 0 20px;
    position: relative;
    display: flex;
    justify-content: flex-start;
  }

  .howtobox dl:nth-child(4) {
    padding-bottom: 10px;
  }

  .hwttl {
    width: 60%;
    margin: 30px 0 0 0;
  }

  .hwdata {
    width: 40%;
    margin: 30px 0 0 0;
    margin-left: 5%;
  }

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

  .howto_mds {
    position: absolute;
    top: 2px;
    left: 25px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 0px;
  }

  .howto_num {
    position: absolute;
    top: -5px;
    left: -15px;
    border-radius: 50%;
    color: #fff;
    background-color: #f9653f;
    width: 30px;
    height: 29px;
    font-size: 16px;
    line-height: 29px;
    padding-top: 1px;
    text-align: center;
    font-family: "Roboto", sans-serif;
  }

  /*リサーチ*/

  .research_box {
    width: 100%;
    padding: 20px 29px 20px 29px;
    overflow: hidden;
    border: 1px solid #eee;
    background-color: #fff;
  }

  .research_box h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
  }

  .research_box li {
    float: left;
    width: 100%;
    margin: 0 21px 0 0;
  }

  .research_box li:last-child {
    margin: 0;
  }

  .research_box dl {
    overflow: hidden;
    margin-bottom: 5px;
  }

  .research_box dd {
    float: left;
    width: 20%;
    font-weight: bold;
  }

  .research_box dt {
    float: right;
    width: 73%;
    margin-top: 15px;
    font-size: 16px;
  }

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

  /*買取トップ：フォーム*/

  .ullo_btn_box {
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
  }

  .ullo_btn_big {
    background-color: #f9653f;
    border-top: 2px solid #f9653f;
    border-left: 2px solid #f9653f;
    border-bottom: 3px solid #fb3806;
    border-right: 3px solid #fb3806;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    font-size: 25px;
    text-align: center;
    padding: 32px 15px 8px 130px;
    font-weight: bold;
    text-align: left;
    box-shadow: 5px;
    -webkit-box-shadow: 2px 2px 13.5px 1.5px rgba(132, 136, 138, 0.3);
  }

  .ullo_btn_big:hover {
    background-color: transparent;
    border-top: 2px solid #ff8769;
    border-left: 2px solid #ff8769;
    border-bottom: 3px solid #fb3806;
    border-right: 3px solid #fb3806;
    color: #fff !important;
    text-decoration: none;
    background-color: #ff8769;
  }

  .ullo_btn_big_sub {
    position: absolute;
    top: 15px;
    left: 135px;
    color: #fff;
    font-size: 16px;
  }

  .middlebtn_box {
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
  }

  .ullo_btn_small {
    background-color: #f9653f;
    border-top: 2px solid #f9653f;
    border-left: 2px solid #f9653f;
    border-bottom: 3px solid #fb3806;
    border-right: 3px solid #fb3806;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    padding: 17px 15px 13px 90px;
    font-weight: bold;
    text-align: left;
    box-shadow: 5px;
    -webkit-box-shadow: 2px 2px 13.5px 1.5px rgba(132, 136, 138, 0.3);
  }

  .ullo_btn_small:hover {
    background-color: transparent;
    border-top: 2px solid #ff8769;
    border-left: 2px solid #ff8769;
    border-bottom: 3px solid #fb3806;
    border-right: 3px solid #fb3806;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #ff8769;
  }

  .btn_balloon {
    position: absolute;
    top: 24px;
    left: 60px;
    width: 60px;
    background-color: #fff;
    padding: 0;
    line-height: 100%;
    padding: 7px 10px 5px 10px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    color: #f9653f;
    font-size: 16px;
    font-weight: bold;
  }

  .btn_balloon2 {
    position: absolute;
    top: 16px;
    left: 20px;
    width: 60px;
    background-color: #fff;
    padding: 0;
    line-height: 100%;
    padding: 7px 10px 5px 10px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    color: #f9653f;
    font-size: 16px;
    font-weight: bold;
  }

  /*買取ボタン_極小*/

  .btn_anim_red_xs {
    background-color: #f9653f;
    border-top: 1px solid #f9653f;
    border-left: 1px solid #f9653f;
    border-bottom: 1px solid #fb3806;
    border-right: 1px solid #fb3806;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 4px 0px 3px 0px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
  }

  /*買取トップ：ウーロレビュー*/

  .uvoice_box {
    width: 100%;
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
  }

  .uvoice_box .ulst {
    margin: 0 0 10px 0;
    padding: 20px 15px 15px 15px;
    border: 1px solid #eee;
    background-color: #fff;
  }

  .uvoice_box h3 {
    font-size: 13px;
    line-height: 13px;
  }

  .uvoice_box .databox {
    border-bottom: 1px dotted #ddd;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 12px;
  }

  .star {
    color: #f9653f;
    font-size: 14px;
    line-height: 14px;
  }

  .star_half {
    position: relative;
    overflow: hidden;
    color: #ccc;
    font-size: 14px;
    line-height: 14px;
  }

  .star_half:before {
    content: "★";
    position: absolute;
    z-index: 1;
    width: 50%;
    color: #f9653f;
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
  }

  .star_none {
    color: #ccc;
    font-size: 14px;
    line-height: 14px;
  }

  /*FAQ*/

  .accordion-item {
    position: relative;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
  }

  .question {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
  }

  .accborder {
    border-bottom: 1px solid #ccc;
    padding: 20px 0px 10px 0px;
  }

  .accborder:nth-child(12) {
    border-bottom: 0px solid #ddd;
    padding: 20px 0 0 0;
  }

  .accordion-item .qbox {
    width: 18%;
    text-align: left;
    color: #568984;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    padding-top: 1px;
  }

  .accordion-item .lbox {
    width: 70%;
    text-align: left;
  }

  .accordion-item span {
    position: absolute;
    top: 21px;
    right: 5px;
    font-size: 20px;
  }

  .answer {
    display: none;
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
    padding-bottom: 20px;
  }

  .ntf_txt {
    display: none;
    margin-top: 10px;
    font-weight: normal;
    padding: 0 10px 20px 10px;
  }

  /*会員登録*/

  .mmbr_box_whjd {
    float: right;
    width: 100%;
    height: 310px;
    padding: 80px 20px 0 20px;
    background-image: url("../image/common/jd_image01_white_sp-a17df8bf0189d41073b872e9a39a1b8a.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }

  .mmbr_box_perform {
    width: 100%;
    height: 505px;
    padding: 180px 20px 0 20px;
    background-image: url("../image/common/jd_image01_sp-aacf7469eea760a33cb8683b8b95fff0.png");
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }

  .mmbr_box_price {
    width: 100%;
    height: 470px;
    padding: 180px 20px 0 20px;
    background-image: url("../image/common/jd_image02_sp-a7461a0b8f9fd7f0de0e1222b3f90e72.png");
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }

  .mmbr_box_sell {
    width: 100%;
    height: 450px;
    padding: 180px 20px 0 20px;
    background-image: url("../image/common/jd_image03_sp-a1170bf9da07f7be258e07a5f57d35b3.png");
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }

  .mmbr_box_price .btn,
  .mmbr_box_sell .btn,
  .mmbr_box_whjd .btn {
    width: 60%;
    margin: 0 auto 0 auto;
  }

  .btn_anim_mmbr {
    background-color: #E31837;
    border: 1px solid #E31837;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 20px 0 18px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }

  /*グレード詳細情報*/

  .anchor_box_grade {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    line-height: 100%;
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 20px 0 8px 0;
    border-top: 3px solid #6C86A3;
    border-bottom: 1px solid #ddd;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-weight: bold;
  }

  .anchor_box_grade a {
    color: #313233;
  }

  .anchor_box_grade li {
    float: left;
    margin: 0 14px 10px 0;
  }

  .anchor_box_grade svg {
    vertical-align: 0px;
    fill: #6C86A3;
    margin-right: 5px;
  }

  .grade_mds {
    background-color: #eee;
    padding: 7px 0 3px 10px;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .grade_d_table {
    width: 100%;
    overflow: hidden;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .grade_d_table li {
    width: 50%;
    float: left;
    padding: 6px 10px 4px 10px;
    border-bottom: 1px dotted #ddd;
  }

  .gradebottom40 {
    margin-bottom: 40px;
  }

  #basic,
  #outer,
  #inner,
  #engine,
  #function,
  #exterior,
  #interior,
  #color,
  #change_tire {
    margin-top: -70px;
    padding-top: 70px;
  }

  /*ページネーション*/

  .usdcar_result {
    overflow: hidden;
    margin: 0 15px 40px 15px;
    padding: 10px 0 0 0;
    border-top: 1px dotted #ddd;
    line-height: 26px;
    color: #999;
  }

  .usdcar_result_680 {
    overflow: hidden;
    margin: 0 0 40px 0;
    line-height: 26px;
  }

  .usdcar_result .lbox,
  .usdcar_result_680 .lbox {
    float: left;
    width: 49%;
    overflow: hidden;
  }

  .usdcar_result .rbox,
  .usdcar_result_680 .rbox {
    float: right;
    width: 49%;
    overflow: hidden;
  }

  .usdcar_result .mlbox,
  .usdcar_result_680 .mlbox {
    float: left;
    width: 35%;
  }

  .usdcar_result .mrbox,
  .usdcar_result_680 .mrbox {
    float: right;
    width: 60%;
  }

  .usdcar_result .mlbox2,
  .usdcar_result_680 .mlbox2 {
    float: left;
    width: 60%;
  }

  .usdcar_result .mrbox2,
  .usdcar_result_680 .mrbox2 {
    float: right;
    width: 35%;
  }

  .usdcar_result_n {
    overflow: hidden;
    margin: 0 15px 40px 15px;
    padding: 10px 0 0 0;
    border-top: 1px dotted #ddd;
  }

  .usdcar_result_n li {
    float: left;
    margin: 0 10px 0 0;
  }

  .usdcar_result_n .rbox {
    float: right;
    overflow: hidden;
  }

  .usdcar_result_n .mrbox {
    float: right;
    text-align: right;
  }

  /*右メニュー*/

  .rightbox_mds {
    margin: 15px 0 20px 0;
    padding: 15px 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    border-top: 2px solid #6C86A2;
    border-bottom: 1px solid #ddd;
  }

  .rightbox_mds svg {
    vertical-align: -2px !important;
    margin-right: 10px !important;
  }

  .right_conlst li {
    width: 100%;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    margin: 0 0 5px 0;
  }

  .right_conlst li:last-child {
    margin: 0;
  }

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

  .right_conlst .lbox {
    float: left;
    width: 30%;
    position: relative;
  }

  .right_conlst .lbox span {
    font-size: 9px;
    line-height: 100%;
    background-color: #ff3644;
    margin-right: 5px;
    padding: 3px 10px 1px 10px;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 3px;
    left: 3px;
  }

  .right_conlst .rbox {
    float: right;
    width: 67%;
  }
}