@charset "utf-8";

/************************************************************
 * 共通；
 * ウェブフォント
 ************************************************************/
/* BIG JOHN */
@font-face {
  font-family: 'BIG JOHN';
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/direct/BIGJOHN.eot");
  src: url("../../fonts/direct/BIGJOHN.eot?#iefix") format("embedded-opentype"), url("../../fonts/direct/BIGJOHN.woff") format("woff"), url("../../fonts/direct/BIGJOHN.otf") format("opentype");
}
/* Gidole Regular */
@font-face {
  font-family: 'Gidole Regular';
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/direct/Gidole-Regular.eot");
  src: url("../../fonts/direct/Gidole-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/direct/Gidole-Regular.woff") format("woff"), url("../../fonts/direct/Gidole-Regular.ttf") format("truetype");
}
html {
    overflow-y: scroll;
}

/************************************************************
 * 共通；
 * common overwrite
 ************************************************************/
body {
  min-width: 980px;
  padding-top: 62px;
}

#page-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 300;
}
#page-top a {
  overflow: hidden;
  display: block;
  width: 80px;
  height: 80px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-indent: -9999px;
  background: #aaaaaa url("/cmn/images/direct/footer_pagetop.png") left top no-repeat;
}
#page-top a:hover {
  background-color: #fe4600;
}

/************************************************************
 * 共通；
 * ヘッダ
 ************************************************************/
#header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  display: table;
  width: 100%;
  background: #fe4600;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.header__logo,
.globalNav,
.header__contact {
  display: table-cell;
  vertical-align: middle;
}
.header__logo {
  width: 100%;
  padding: 10px 10px 10px 20px;
}
.header__logo a {
  overflow: hidden;
  display: block;
  width: 240px;
  height: 48px;
  background: url("/cmn/images/direct/header_logo.png?1") left top no-repeat;
  background-size: contain;
  font-size: 0;
  text-indent: -100%;
}

.globalNav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.globalNav .globalNav__item {
  position: relative;
  display: table-cell;
  border-right: solid 1px #fe946c;
  white-space: nowrap;
  vertical-align: middle;
}
.globalNav .globalNav__item:first-child {
  border-left: solid 1px #fe946c;
}
.globalNav .globalNav__item a {
  display: block;
  font-weight: bold;
  text-decoration: none !important;
  letter-spacing: .02em;
  line-height: 1;
}
.globalNav .globalNav__item > a {
  color: #fff !important;
  font-size: 14px;
}
.globalNav .globalNav__item > a:hover {
  background-color: #e13f01;
}
.globalNav .globalNav__item .nav__dialog {
  display: inline-block;
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -13px;
  padding: 0 4px;
  height: 24px;
  line-height: 26px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  color: #fb4809;
  font-size: 11px;
  letter-spacing: 0;
  text-align: center;
}
.globalNav .globalNav__item .nav__dialog em {
  font-family: 'Gidole Regular', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 1;
}
.globalNav .globalNav__item.globalNav__item--usedcar .nav__dialog {
    right: 14px;
  padding: 0 10px;
  height: 24px;
  color: #fb481e;
}
.globalNav .globalNav__item.globalNav__item--newcar .nav__dialog {
    right: 14px;
  padding: 0 10px;
  height: 24px;
  color: #0b718b;
}
.globalNav .globalNav__item.globalNav__item--usedcar .nav__dialog em ,
.globalNav .globalNav__item.globalNav__item--newcar .nav__dialog em {
    font-size: 17px;
}
.globalNav .globalNav__item--search > a {
  width: 124px;
  padding: 24px 9px;
  padding-left: 46px;
  background: url("/cmn/images/direct/header_icon_search.png") 9px 45% no-repeat;
}
.globalNav .globalNav__item--delivered > a {
  padding: 24px 9px;
}
.globalNav .globalNav__item--about > a, .globalNav .globalNav__item--voice > a, .globalNav .globalNav__item--mylist > a, .globalNav .globalNav__item--history > a {
  min-width: 57px;
  padding: 41px 2px 9px 2px;
  font-size: 12px;
  text-align: center;
  background: center 10px no-repeat;
}
.globalNav .globalNav__item--about > a {
  min-width: 79px;
  background-image: url("/cmn/images/direct/header_icon_about.png");
}
.globalNav .globalNav__item--voice > a {
  background-image: url("/cmn/images/direct/header_icon_voice.png");
}
.globalNav .globalNav__item--mylist > a {
  background-image: url("/cmn/images/direct/header_icon_mylist.png");
  background-position: center 11px;
}
.globalNav .globalNav__item--history > a {
  background-image: url("/cmn/images/direct/header_icon_history.png");
  background-position: center 9px;
}

.globalNav .nav__popup {
  position: absolute;
  top: 2px;
  right: 1px;
  display: inline-block;
  min-width: 10px;
  line-height: 18px;
  padding: 0 4px;
  background: #124572;
  color: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: solid 2px #fb4809;
  text-align: center;
  font-family: 'Gidole Regular', Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  letter-spacing: 0;
  vertical-align: middle;
}
.globalSubNav {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 200;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 183px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: solid 2px #fb4809;
  border-top: none;
  background: #fff;
}
/* 220912 C4 */
.globalNav__item--usedcar .globalSubNav {
  width: 250px;
  border: none;
}
.globalNav__item--newcar .globalSubNav {
  width: 350px;
  border: none;
}
.globalNav__item--usedcar .globalSubNav--usedcar {
  /*display: block !important;*/
}
.globalNav__item--newcar .globalSubNav--newcar {
  /*display: block !important;*/
}
.globalNav__item--usedcar .globalSubNav__inner,
.globalNav__item--newcar .globalSubNav__inner {
  display: -ms-flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
     -webkit-box-align: stretch;
        -ms-flex-align: stretch;
           align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.globalNav__item--usedcar .globalSubNav__box,
.globalNav__item--newcar .globalSubNav__box {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 8px;
}
.globalNav__item--usedcar .globalSubNav__box--purchase,
.globalNav__item--newcar .globalSubNav--newcar {
  width: 100%;
}
/* //220912 C4 */
.globalSubNav__box,
.globalSubNav__box dd,
.globalSubNav__box dd ul{
  margin: 0;
  padding: 0;
}
.globalSubNav__box--purchase{
  background: #f7e5df;
  border-right: 1px solid #ffffff;
}
.globalSubNav__box--lease{
  background: #deeaf2;
  border-left: 1px solid #ffffff;
}
.globalSubNav__box--subsc{
    background: #d2e1e4;
}
/* 220912 C4 */
.globalSubNav__box--lease--newcar{
    background: #dbe6ef;
    border-left: 2px solid #fff;
}
/* //220912 C4 */
.globalSubNav .nav__popup {
    right: 30px;
    top: 50%;
    border: none;
    margin-top: -9px;
}
.globalSubNav__item {
  border-top: solid 1px #fb4809;
}
.globalSubNav__item:first-child {
  border-top: none;
}
.globalSubNav__item a {
  padding: 15px 12px;
  background: #fff;
  color: #fb4809;
  font-size: 13px;
}
.globalSubNav.globalSubNav--newcar {
  border: none;
}
.globalNav__item--usedcar .globalSubNav__item,
.globalNav__item--newcar .globalSubNav__item {
  border-top: none;
  border-bottom: solid 2px #ffffff;
  list-style: none;
}
.globalNav__item--usedcar .globalSubNav__box dt,
.globalNav__item--newcar .globalSubNav__box dt{
  background: url("/cmn/images/direct/header_icon_purchase2.png") no-repeat center top;
  margin-bottom: 10px;
  padding: 32px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #fb481e;
  text-align: center;
}
.globalNav__item--usedcar .globalSubNav__box--lease dt{
  background: url("/cmn/images/direct/header_icon_lease2.png") no-repeat center top;
  color: #0e76c3;
}
.globalNav__item--newcar .globalSubNav__box--subsc dt{
  background: url("/cmn/images/direct/header_icon_subsc.png") no-repeat center top;
    background-size: 32px;
  padding-left: 25px;
  color: #007b80;
}
/* 220912 C4 */
.globalNav__item--newcar .globalSubNav__box--lease--newcar dt{
  background: url("/cmn/images/direct/header_icon_lease--newcar.png") no-repeat center top;
  color: #19a1be;
}
/* //220912 C4 */
.globalNav__item--usedcar .globalSubNav__box--purchase .globalSubNav__item a {
  background: #f7e5df url("/cmn/images/direct/header_subnav_arrow_org.png") no-repeat 97% center;
  color: #000000;
}
.globalNav__item--usedcar .globalSubNav__box--lease .globalSubNav__item a {
  background: #deeaf2 url("/cmn/images/direct/header_subnav_arrow_blue.png") no-repeat 97% center;
  color: #000000;
}
.globalNav__item--newcar .globalSubNav__box--subsc .globalSubNav__item a {
  background: #d2e1e4 url("/cmn/images/direct/header_subnav_arrow_subsc.png") no-repeat 97% center;
  color: #000000;
}
/* 220912 C4 */
.globalNav__item--newcar .globalSubNav__box--lease--newcar .globalSubNav__item a {
  background: #dbe6ef url("/cmn/images/direct/header_subnav_arrow_lease--newcar.png") no-repeat 97% center;
  color: #000000;
}
/* //220912 C4 */
.globalNav__item--usedcar .globalSubNav__box .globalSubNav__item a:hover,
.globalNav__item--newcar .globalSubNav__box .globalSubNav__item a:hover{
  background-color: #ffffff;
  border-radius: 5px;
}
.globalNav__item--usedcar .globalSubNav__box--purchase .globalSubNav__item:hover{
    border-bottom: solid 2px #f7e5df;
}
.globalNav__item--usedcar .globalSubNav__box--lease .globalSubNav__item:hover{
    border-bottom: solid 2px #deeaf2;
}
.globalNav__item--newcar .globalSubNav__box--subsc .globalSubNav__item:hover{
    border-bottom: solid 2px #d2e1e4;
}
/* 220912 C4 */
.globalNav__item--usedcar .globalSubNav__box .globalSubNav__item:first-child a,
.globalNav__item--newcar .globalSubNav__box .globalSubNav__item:first-child a{
  background-repeat: no-repeat;
  background-position: 10px 70%,97% 70%;
  padding: 12px 8px 12px 56px;
  color: #fb481e;
  font-weight: bold;
    font-size: 12px;
}
/* //220912 C4 */
.globalNav__item--usedcar .globalSubNav__box--purchase .globalSubNav__item:first-child a{
  background-image:  url("/cmn/images/direct/header_icon_car.png"),url("/cmn/images/direct/header_subnav_arrow_org.png");
  color: #fb481e;
}
.globalNav__item--usedcar .globalSubNav__box--lease .globalSubNav__item:first-child a{
  background-image: url("/cmn/images/direct/header_icon_car_lease.png"), url("/cmn/images/direct/header_subnav_arrow_blue.png");
  color: #0e76c3;
}
.globalNav__item--newcar .globalSubNav__box--subsc .globalSubNav__item:first-child a{
  background-image: url("/cmn/images/direct/header_icon_car_subsc.png"), url("/cmn/images/direct/header_subnav_arrow_subsc.png");
  color: #007b80;
}
/* 220912 C4 */
.globalNav__item--newcar .globalSubNav__box--lease--newcar .globalSubNav__item:first-child a{
  background-image: url("/cmn/images/direct/header_icon_car_lease--newcar.png"), url("/cmn/images/direct/header_subnav_arrow_lease--newcar.png");
  color: #19a1be;
}
.globalNav .globalNav__item .globalSubNav__item:first-child .nav__bubble {
    display: inline-block;
    position: absolute;
  left: 0;
    right: auto;
   top: -12px;
  width: 55px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url("/cmn/images/direct/header_icon_bubble.png") no-repeat center / contain;
    color: #fb4809;
    font-size: 10px;
    letter-spacing: 0;
    text-align: center;
    padding: 8px 0 12px 0;
}
/* //220912 C4 */


.globalNav .globalNav__item .globalSubNav__item:first-child .nav__bubble--lease {
    background: url("/cmn/images/direct/header_icon_bubble_lease.png") no-repeat center / contain;
    color: #0e76c3;
}
.globalNav .globalNav__item .globalSubNav__item:first-child .nav__bubble--subsc {
    background: url(/cmn/images/direct/header_icon_bubble_subsc.png) no-repeat center;
    background-size: contain;
    color: #007b80;
}
/* 220912 C4 */
.globalNav .globalNav__item .globalSubNav__item:first-child .nav__bubble--lease--newcar {
    background: url("/cmn/images/direct/header_icon_bubble_lease--newcar.png") no-repeat center / contain;
    color: #19a1be;
}
.globalNav .globalNav__item .globalSubNav__item:first-child .nav__bubble em {
    font-family: 'Gidole Regular', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
}
.globalNav .globalNav__item .globalSubNav__item:first-child .nav__toList{
    display: inline-block;
    margin-top: 5px;
    font-size: 18px;
}
/* //220912 C4 */
.globalSubNav__item a:hover {
  background: #f6f6f6;
}
.header__contact {
  padding: 3px 10px 2px 13px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.header__contact:after {
  position: absolute;
  right: 29px;
  bottom: 100%;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 5px 6px;
  border-color: transparent transparent #fff transparent;
}
.header__contact .contact__title {
  font-size: 10px;
  letter-spacing: .1em;
}
.header__contact .contact__tel {
  padding-left: 34px;
  background: url("/cmn/images/direct/header_icon_free.png") left center no-repeat;
  font-family: 'Gidole Regular', Arial, Helvetica, sans-serif;
  font-size: 23px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .02em;
  text-decoration: none !important;
  width: 215px;
}
.header__contact .contact__free {
  font-size: 11px;
  letter-spacing: .02em;
}
.header__contact .contact__note {
  font-size: 10px;
  letter-spacing: .01em;
}
.globalNav .globalNav__item--purchase,
.globalNav .globalNav__item--lease {
}
.globalNav .globalNav__item--purchase > a,
.globalNav .globalNav__item--lease > a {
  width: 124px;
  padding: 27px 9px 27px 50px;
}

.globalNav .globalNav__item--purchase > a {
  background: url("/cmn/images/direct/header_icon_purchase.png") 17px 45% no-repeat;
}
.globalNav .globalNav__item--lease > a {
  background: url("/cmn/images/direct/header_icon_lease.png") 17px 45% no-repeat;
}

/* 220912 C4 */
/*.globalNav .globalNav__item--usedcar > a,*/
.globalNav .globalNav__item--newcar > a {
  width: 250px;
	text-align: center;
}
.globalNav .globalNav__item--usedcar > a {
  width: 250px;
  text-align: center;
}
.globalNav .globalNav__item--usedcar > a .nav_linkwrap,
.globalNav .globalNav__item--newcar > a .nav_linkwrap {
	position: relative;
    width: 120px;
	display: inline-block;
  padding: 27px 14px 27px 70px;
    text-align: left;

}
.globalNav .globalNav__item--usedcar > a .nav_linkwrap {
  background: url("/cmn/images/direct/header_icon_usedcar.png") 17px 45% no-repeat;
}
.globalNav .globalNav__item--newcar > a .nav_linkwrap{
  background: url("/cmn/images/direct/header_icon_newcar.png") 17px 45% no-repeat;
}
/* //220912 C4 */
.globalNav .globalNav__item--lease .nav__dialog {
  color: #1a78c0;
}

.globalSubNav__item > a {
  position: relative;
}
.globalSubNav .nav__popup {
  right: 30px;
  top: 50%;
  border: none;
  margin-top: -9px;
}

/************************************************************
 * 共通；
 * ヘッダインフォ（パンくず、ニュース、SNSボタン）
 ************************************************************/
.headerInfo {
  position: relative;
  z-index: 100;
  background: #f0f0f0;
}
.headerInfo__inner {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  display: table;
}
.headerInfo .newsInfo,
.headerInfo .socialButton {
  display: table-cell;
  padding: 10px 0;
  vertical-align: middle;
}
/**
.newsInfo__title {
  float: left;
  background: #fb4809;
  color: #fff;
  font-size: 12px;
  font-family: 'Gidole Regular', Arial, Helvetica, sans-serif;
  padding: 3px 5px;
  line-height: 1;
  letter-spacing: .04em;
}
.newsInfo__item {
  margin: 0 0 0 4.5em;
  font-size: 12px;
}
**/

.newsInfo__announce{
  position: relative;
  padding-left: 1.6em;
}
.newsInfo__announce .ic{
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fb4909;
    vertical-align: middle;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
   -webkit-box-align: center;
      -ms-flex-align: center;
         align-items: center;
   -webkit-justify-content: center;
          -webkit-box-pack: center;
             -ms-flex-pack: center;
           justify-content: center;
}
.newsInfo__announce .ic::after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #fff;
}
.newsInfo__announce a{
  color: #000;
  font-weight: 500;
}
/*modal*/
.NewsInfoModal{
  width: 780px;
  height: 70vh;
}
.NewsInfo__box {
    padding: 7vh 30px 4vh 40px;
}
.NewsInfo__list{
  height: 50vh;
  overflow-y: auto;
}
.NewsInfo__list > li{
  list-style: none;
    margin-right: 10px;
  padding: 0 0 2.5em;
}
.NewsInfo__list .newsInfo__title{
    margin-bottom: 1em;
  background: #ff6920;
  padding: 0.4em 1em;
  color: #fff;
}
.NewsInfo__list .newsInfo__date{
  margin-bottom: 1em;
  text-align: right;
  font-size: 12px;
  color: #666;
}
.NewsInfoModal .textModal__close {
    border-bottom: solid 4px #ea5b15;
    background: #ff6920;
    width: 110px;
    border-radius: 4px;
    margin: 3vh auto 0;
    padding-top: 3px;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    color: #ffffff;
  cursor: pointer;
}

.socialButton {
  white-space: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 0;
  text-align: right;
  vertical-align: middle;
}
.socialButton__item {
  display: inline-block;
  margin-left: 5px;
  line-height: 0;
  text-align: right;
  vertical-align: middle;
}
/*お知らせがあるとき*/
.socialButton__item--bookmark-o {
  display: block;
  margin-right: 3px;
  margin-bottom: 5px;
}
/*お知らせがあるとき*/
.socialButton__item--bookmark-o a {
  margin-left: auto !important;
}
/*お知らせがあるとき,ないとき共通*/
.socialButton__item--google {
  margin-right: 0px;
}
/*お知らせがあるとき*/
.socialButton__item--facebook-o {
  margin-right: -9px;
}
/*お知らせがないとき*/
.socialButton__item--facebook {
  margin-right: -5px;
}
/*お知らせがないとき*/
.newsInfo + .socialButton .socialButton__item--bookmark {
  display: block;
  margin-bottom: 5px;
}
/*お知らせがないとき*/
.newsInfo + .socialButton .socialButton__item--bookmark a {
  margin-left: auto !important;
}

/************************************************************
 * 共通；
 * フッタインフォ（カーセンサーホットライン）
 ************************************************************/
.footerInfo {
  padding: 50px 0;
  background: #f0f0f0;
  clear: both;
}

.footer__contact {
  overflow: hidden;
  *zoom: 1;
  width: 880px;
  margin-right: auto;
  margin-left: auto;
  background: #fff;
  padding: 30px 50px;
}
.footer__contact.new_year{
  width: 940px;
  background : #f0f0f0;
  padding : 5px;
}
.footer__contact.new_year p{
  line-height: 0.85;
  margin-top: 16px !important;
}
.footer__contact.new_year .indent__1{
  text-indent : 1em;
}

.footer__contact .contact__lead {
  margin-bottom: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: .06em;
  line-height: 1.6;
}
.footer__contact .contact__lead .contact__span a{
  color: #222 !important;
}
.footer__contact .contact__title,
.footer__contact .contact__tel,
.footer__contact .contact__note {
  color: #fb4809;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.25;
}
.footer__contact .contact__title {
  font-size: 13px;
}
.footer__contact .contact__tel {
  margin: 5px 0;
}
.footer__contact .contact__tel .contact__num {
  margin-right: 5px;
  padding-left: 68px;
  background: url("/cmn/images/direct/footer_icon_free.png") left center no-repeat;
  font-family: 'Gidole Regular', Arial, Helvetica, sans-serif;
  font-size: 45px;
  line-height: 1;
  letter-spacing: .02em;
  text-decoration: none !important;
}
.footer__contact .contact__tel .contact__free {
  font-size: 15px;
  letter-spacing: .1em;
}
.footer__contact .contact__note {
  float: left;
  font-size: 12px;
}
.footer__contact .contact__caution {
  float: right;
  color: #777;
  font-size: 11px;
  line-height: 1.25;
}

/************************************************************
 * 共通；
 * フッタ
 ************************************************************/
#footer {
  overflow: hidden;
  *zoom: 1;
  padding: 40px 30px 0 30px;
}

.footer__logo {
  float: left;
  margin-bottom: 33px;
}
.footer__logo a {
  overflow: hidden;
  display: block;
  width: 185px;
  height: 55px;
  background: url("/cmn/images/direct/footer_logo.png?1") left top no-repeat;
  text-indent: -200%;
}

.miscNav,
.socialNav {
  list-style: none;
  margin: 0;
}
.miscNav {
  overflow: hidden;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
}
@media all and (max-width: 1100px) {
  .miscNav {
    float: right;
    width: 600px;
  }
  .miscNav .miscNav__item:nth-child(4):before {
    display: none;
  }
}
.miscNav .miscNav__item {
  display: inline-block;
  margin-bottom: 10px;
}
.miscNav .miscNav__item:before {
  content: '/';
  margin: 0 8px;
  color: #f3ede9;
}
.miscNav .miscNav__item:first-child:before {
  display: none;
}
.miscNav .miscNav__item a {
  color: #222;
  text-decoration: none !important;
}
.miscNav .miscNav__item a:hover {
  color: #6f6f6f;
}

.socialNav {
  overflow: hidden;
  *zoom: 1;
  float: right;
}
.socialNav .socialNav__item {
  float: left;
}
.socialNav .socialNav__item a {
  overflow: hidden;
  display: block;
  width: 39px;
  height: 29px;
  background: left top no-repeat;
  text-indent: -200%;
}
.socialNav .socialNav__item--instagram {
  background-image: url("/cmn/images/direct/footer_btn_instagram.png");
}
.socialNav .socialNav__item--twitter {
  background-image: url("/cmn/images/direct/footer_btn_twitter.png");
}
.socialNav .socialNav__item--facebook {
  background-image: url("/cmn/images/direct/footer_btn_facebook.png");
}

.copyright {
  height: 54px;
  margin-top: 30px;
  clear: both;
  float: left;
}
.copyright p {
  margin: 0;
}
.copyright__recruit a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/static/pc/img/common/logo_rmp_copyright_rmp.svg") left top no-repeat;
  width: 320px;
  height: 34px;
  vertical-align: top;
}
.copyright__group a {
  color: #435b67;
  font-weight: bold;
  font-size: 0.63em;
  line-height: 1;
  vertical-align: top;
}


/************************************************************
 * 共通：
 * 既存スタイル
 ************************************************************/

img.soldout_image{
  position: relative;
  top: -78px;
  left: 0px;
}

.dammyPosition {
  left: 460px;
  position: absolute;
  top: 760px;
}

.regAddFavoriteBox3 {
  color: #fff;
  font-weight: bold;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 230px;
  z-index: 200;
}
.regAddFavoriteBox3_shop {
  background: url("/cmn/images/parts/detail_add.png") no-repeat scroll 0 0 transparent;
  color: #fff;
  font-weight: bold;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 230px;
  z-index: 200;
}

.pageFirstNoLink {
  background-position: left -35px;
  padding-left: 14px;
  margin-right: 6px;
}
.pagePrevNoLink {
  background-position: left 1px;
  padding-left: 14px;
  margin-right: 6px;
}
.pageNextNoLink {
  background-position: right 1px;
  padding-right: 14px;
  margin-left: 6px;
}
.pageLastNoLink {
  background-position: right -35px;
  padding-right: 14px;
  margin-left: 6px;
}
.mod-contents-a-o_error, .user, .mod-contents-a-o--a__error, #disperr {
  display: none;
}

.mod-contents-a__tel, .mod-contents-a__tel input {
  width: 98px;
  float: left;
}

.mod-contents-a__hosoku {
  float: left;
  margin-top: 8px;
  margin-left: 15px;
  font-size: 10px;
  color: #999;
  line-height: 12px;
}

#BIRTH .mod-contents-a-o__table__cell--b{
  width: 176px;
}

.bgErrCnts {
  border: 4px solid #c00;
  padding: 15px;
  text-align: center;
  background-color: #fceee3;
}

#disperr {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#infoMsg {
  padding-left: 18px;
  color: #c00;
  font-weight: 700;
  background: url(/cmn/images/parts/ico_bikkuri.png) 0 0 no-repeat;
  font-size: 12px;
}

.valid-value{
  background: #ffffff;
  color: #000000;
}

.top-back-btn-block {
  width: 600px;
  height: 60px;
  text-align: center;
  margin: 0 auto;
}

.top-back-btn-block__text {
  float: left;
  width: 470px;
  text-align: center;
}

.top-back-btn-block__btn {
  float: right;
  width: 120px;
  height: 25px;
  border: 1px solid #555;
  background-color: #eee;
  text-align: center;
}

.block-a-j__btn-disabled {
  width: 480px;
  margin: 0 auto;
  color: #f00;
  font-weight: bold;
  display: none;
}

.helper--width-600{
  width: 600px !important;
}

.block-a-r {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px;
  text-align: center;
  border: 1px solid #bcbcbc;
  background-color: #e7f4f8;
  font-size: 0.9em;
  line-height: 0.9;
}
.block-a-r--dial-no {
  font-size: 2em;
  color: #0070c0;
  font-weight: bold;
}

.mod-widget-a-a__item-repair {
  float: left;
  margin-right: 20px;
  margin-top: 3px;
  font-size: 0.8em;
}

.repair-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 52px;
}

.repair-icon-chase {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 52px;
}

.repair-icon-small {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 52px;
}

.mod-modal-repair {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: #000;
  opacity: 0.75;
  z-index: 10000;
}
.mod-modal-repair-contents {
  display: block;
  position: fixed;
  width: 670px; /*auto*/
  height: 600px;   /*auto*/
  overflow:auto;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;  /*30px*/
  background: #fff;
  z-index: 10001;
  margin-top: -300px;
}
.mod-modal-loan {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: #000;
  opacity: 0.75;
  z-index: 10000;
}
.mod-modal-loan-contents {
  display: block;
  position: fixed;
  width: 480px; /*auto*/
  height: 380px; /*auto*/
  overflow:auto;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;  /*30px*/
  background: #fff;
  z-index: 10001;
  text-align: center;
  margin-top: -190px;
}
.mod-modal-loan-blue{
  color: #0070c0;
  font-weight: bold;
}
.mod-modal-loan-uline{
  font-weight: bold;
}
.detail-head{
  cursor: pointer;
}
.detail-head:hover{
  background-color:#FFE4D0;
}
.detail-head-arrow{
  font-size:24px;
  line-height: 31px;
  color:#595959;
}
.detail-register-btn-icon{
    left: 82px;
    margin-top: -14px;
}
.detail-register-btn-text{
    left: 15px;
}
.detail-mylist-btn-icon-a{
    left: 85px;
    margin-top: -10px;
}
.detail-mylist-btn-text-a{
    left: 15px;
    padding: 20px 5px
}
.detail-mylist-btn-icon-b{
    left: 70px;
    margin-top: -10px;
}
.detail-mylist-btn-text-b{
    left: 20px;
    padding: 20px 5px;
}
.detail-timer-icon{
  float: left;
  width:21px;
  padding: 0 6px 0 0;
}
.detail-timer-text{
  float: left;
  margin: 2px 0 0 0;
}
.detail-balloon{
    z-index: 10;
    position: relative;
    top: 0px;
}
.detail-balloon-delta{
    height: 23px;
    text-align: right;
    padding-right: 40px;
}
.detail-balloon-text-box{
    background-color: #404040;
    color: #FFF;
    font-size: 12px;
    padding: 10px 10px 5px;
}
.detail-balloon-text{
  float: left;
}
.detail-balloon-close{
  float: right;
}
.detail-balloon-close-btn{
    padding: 0 4px;
    margin: 7px 0 0 0;
    cursor: pointer;
}
.detail-balloon-close-btn:hover{
    opacity: 0.75;
}
.end-time-wrap{
    text-align: center;
}
.end-time{
    display: inline-block;
    margin-bottom: 3px;
    padding: 0 0 5px 0px;
}
.end-time:empty {
  display: none;
}
.costInfo{
    float: right;
}
.costInfoMylist{
    text-align: right;
    font-size: 11px;
    margin-bottom:10px;
}
.mod-contents-a-o__table__cell--a_pcd {
  float: left;
  width: 25px;
  padding-top: 0px;
}
.mod-contents-a-o__table__cell--b_pcd {
  float: left;
  width: 283px;
  padding-left: 12px;
}
.mod-contents-a-o__table__cell--a_addr {
  float: left;
  width: 25px;
  padding-top: 4px;
}
.mod-contents-a-o__table__cell--b_addr {
  float: left;
  width: 283px;
  padding-left: 12px;
}
.mod-contents-a-j_detail {
  background: url("../../images/direct/mod_contents_a_j_bg.png") no-repeat 30px 100%;
  padding-bottom: 9px;
}
/************************************************************
 * 共通：
 * ボタン
 ************************************************************/
.basicButton {
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 4px 0 #d85324;
  -webkit-box-shadow: 0 4px 0 #d85324;
  box-shadow: 0 4px 0 #d85324;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
  padding: 10px 25px;
  background: #ff6a30;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-decoration: none !important;
  text-align: center;
}
.basicButton:hover {
  -moz-box-shadow: 0 4px 0 #d8643b;
  -webkit-box-shadow: 0 4px 0 #d8643b;
  box-shadow: 0 4px 0 #d8643b;
  background-color: #fd7a46;
}

.basicButton.is-arrow {
  padding-right: 40px;
  padding-left: 32px;
}
.basicButton.is-lease-arrow {
  padding-right: 20px;
  padding-left: 0;
}

.basicButton.is-arrow:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -8px;
  display: block;
  content: '';
  width: 18px;
  height: 16px;
  background: url("/cmn/images/direct/top_arrow_wht_s.png") left top no-repeat;
}

.basicButton.is-lease-arrow:after {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  display: block;
  content: '';
  width: 18px;
  height: 16px;
  background: url("/cmn/images/direct/top_arrow_wht_s.png") left top no-repeat;
}

.basicButton.is-gray {
  -moz-box-shadow: 0 4px 0 #969696;
  -webkit-box-shadow: 0 4px 0 #969696;
  box-shadow: 0 4px 0 #969696;
  background: #aaaaaa;
}
.basicButton.is-gray:hover {
  -moz-box-shadow: 0 4px 0 #b1b0b0;
  -webkit-box-shadow: 0 4px 0 #b1b0b0;
  box-shadow: 0 4px 0 #b1b0b0;
  background-color: #c1c1c1;
}
.basicButton.is-lease {
  -moz-box-shadow: 0 4px 0 #105b94;
  -webkit-box-shadow: 0 4px 0 #105b94;
  box-shadow: 0 4px 0 #105b94;
  background: #1a78c0;
}
.basicButton.is-lease:hover {
  -moz-box-shadow: 0 4px 0 #22679c;
  -webkit-box-shadow: 0 4px 0 #22679c;
  box-shadow: 0 4px 0 #22679c;
  background-color: #2984c9;
}
.basicButton.is-usedcar {
  -moz-box-shadow: 0 4px 0 #e85c26;
  -webkit-box-shadow: 0 4px 0 #e85c26;
  box-shadow: 0 4px 0 #e85c26;
  background: #ff6a30;
}
.basicButton.is-usedcar:hover {
  -moz-box-shadow: 0 4px 0 #e85c26;
  -webkit-box-shadow: 0 4px 0 #e85c26;
  box-shadow: 0 4px 0 #e85c26;
  background: #ff6a30;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    zoom:1;
}
.basicButton.is-newcar {
  -moz-box-shadow: 0 4px 0 #015f79;
  -webkit-box-shadow: 0 4px 0 #015f79;
  box-shadow: 0 4px 0 #015f79;
  background: #0e718c;
}
.basicButton.is-newcar:hover {
  -moz-box-shadow: 0 4px 0 #015f79;
  -webkit-box-shadow: 0 4px 0 #015f79;
  box-shadow: 0 4px 0 #015f79;
  background: #0e718c;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    zoom:1;
}
/* 220912 C4 */
.basicButton.is-newcar-lease {
  -moz-box-shadow: 0 4px 0 #0f7b92;
  -webkit-box-shadow: 0 4px 0 #0f7b92;
  box-shadow: 0 4px 0 #0f7b92;
  background: #19a1be;
}
.basicButton.is-newcar-lease:hover {
  -moz-box-shadow: 0 4px 0 #0f7b92;
  -webkit-box-shadow: 0 4px 0 #0f7b92;
  box-shadow: 0 4px 0 #0f7b92;
  background: #19a1be;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    zoom:1;
}
/* //220912 C4 */
.basicButton.is-white {
  -moz-box-shadow: 0 4px 0 #ddd;
  -webkit-box-shadow: 0 4px 0 #ddd;
  box-shadow: 0 4px 0 #ddd;
  background-color: #fff;
  background-repeat: no-repeat;
  border: solid 2px #ddd;
  color: #000 !important;
}
.basicButton.is-white:hover {
  background-color: #fcfcfc;
}

.basicButton.is-medium {
  width: 300px;
  padding-top: 13px;
  padding-bottom: 11px;
  font-size: 18px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.basicButton.is-large {
  width: 340px;
  padding-top: 19px;
  padding-bottom: 18px;
  font-size: 18px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.basicButton.is-small {
  font-size: 14px;
  padding-top: 9px;
  padding-bottom: 8px;
}

.basicButton .label-ex {
  font-size: 70%;
}
/************************************************************
 * 共通：
 * magnific popup フェードアニメーション用クラスを追加
 ************************************************************/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/************************************************************
 * 共通：
 * モーダル
 ************************************************************/
.basicModal {
  position: relative;
  background: #fff;
  margin: 0 auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.basicModal .mfp-close {
  display: none !important;
}
.basicModal__close {
  position: absolute;
  right: -25px;
  top: -33px;
  width: 70px;
  height: 70px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 4px 0 #ce3f0d;
  -webkit-box-shadow: 0 4px 0 #ce3f0d;
  box-shadow: 0 4px 0 #ce3f0d;
  background: #fb4809 url("/cmn/images/direct/modal_icon_close.png") center center no-repeat;
  overflow: hidden;
  text-indent: -300%;
  cursor: pointer;
  font-size: 0;
  color: transparent;
}
.basicModal__close:hover {
  background-color: #fb6c2f;
  -moz-box-shadow: 0 4px 0 #e05820;
  -webkit-box-shadow: 0 4px 0 #e05820;
  box-shadow: 0 4px 0 #e05820;
}
.ie8 .basicModal__close {
  background: transparent url("/cmn/images/direct/modal_btn_close.png") center center no-repeat;
}
.basicModal__close--small {
  right: -10px;
  top: -10px;
  width: 35px;
  height: 35px;
  -moz-box-shadow: 0 2px 0 #ce3f0d;
  -webkit-box-shadow: 0 2px 0 #ce3f0d;
  box-shadow: 0 2px 0 #ce3f0d;
  background-size: 14px;
}
.basicModal__close--small:hover {
  -moz-box-shadow: 0 2px 0 #e05820;
  -webkit-box-shadow: 0 2px 0 #e05820;
  box-shadow: 0 2px 0 #e05820;
}
.basicModal__foot {
  padding: 20px 0;
}
.basicModal__close--button {
  padding: 0.8em 1em .6em 1em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-bottom: solid 4px #e14100;
  background: #fb4809;
  background-size: 14px auto;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  font-weight: bold;
  letter-spacing: .06em;
  display: block;
  font-size: 14px;
  width: 120px;
  margin: 0 auto;
  cursor: pointer;
}
.basicModal__close--button:hover {
  background-color: #fb6c2f;
  border-bottom-color: #e05820;
}
.basicModal.is-lease .basicModal__close {
  -moz-box-shadow: 0 4px 0 #105b94;
  -webkit-box-shadow: 0 4px 0 #105b94;
  box-shadow: 0 4px 0 #105b94;
  background-color: #1a78c0;
}
.basicModal.is-lease .basicModal__close:hover {
  background-color: #2984c9;
  -moz-box-shadow: 0 4px 0 #22679c;
  -webkit-box-shadow: 0 4px 0 #22679c;
  box-shadow: 0 4px 0 #22679c;
}
.basicModal.is-lease .basicModal__close--small {
  -moz-box-shadow: 0 2px 0 #105b94;
  -webkit-box-shadow: 0 2px 0 #105b94;
  box-shadow: 0 2px 0 #105b94;
}
.basicModal.is-lease .basicModal__close--small:hover {
  -moz-box-shadow: 0 2px 0 #22679c;
  -webkit-box-shadow: 0 2px 0 #22679c;
  box-shadow: 0 2px 0 #22679c;
}
.basicModal.is-lease .basicModal__close--button {
  background: #1a78c0;
  border-bottom-color: #105b94;
}
.basicModal.is-lease .basicModal__close--button:hover {
  background-color: #2984c9;
  border-bottom-color: #22679c;
}


/************************************************************
 * 共通：
 * 他ページへの誘導
 ************************************************************/
.basicInduction {
  margin-top: 60px;
  margin-bottom: 100px;
  padding: 30px 30px 36px 30px;
  background-color: #f4f4f4;
  text-align: center;
}
.basicInduction .button {
  min-width: 300px;
  padding-top: 21px;
  padding-bottom: 21px;
  font-size: 16px;
}
.basicInduction .button + .button {
  margin-left: 25px;
}
.basicInduction .searchButton {
  background-image: url('/cmn/images/direct/icon_loupe_lease.png');
  background-position: 25px center;
}
.basicInduction .faqButton {
  background-image: url('/cmn/images/direct/icon_dialog_lease.png');
  background-position: 20px center;
}

/************************************************************
 * 共通；
 * ポップアップ
 ************************************************************/
.basicPopup {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 190;
  padding: 25px;
  border: solid 2px #999;
  background: #fff;
}
.basicPopup__close {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 20px;
  height: 20px;
  background: #fb4809;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

.popupOverlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 180;
  width: 100%;
  height: 100%;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  opacity: 0.01;
}

/************************************************************
 * 共通：
 * ２カラムレイアウト
 ************************************************************/
.columnContainer {
  position: relative;
  z-index: 10;
}
.columnContainer:after {
  content: '';
  clear: both;
  display: block;
  width: 100%;
  height: 0;
}

.columnMain,
.columnSub {
  position: relative;
  text-align: left;
  z-index: 10;
}

.columnMain {
  float: left;
  width: 710px;
}

.columnSub {
  float: right;
  width: 240px;
}
/******************************************/
/******************************************/
.item__icon {
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 110;
    font-size: 0;
    vertical-align: top;
}
.item__icon span {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}
.item__icon .icon__smell {
    margin-right: -6px;
}
.item__icon img {
    opacity: 1 !important;
    width: auto;
}
.topRecommend__item .item__icon__newcar-lease,
.productList__item .item__icon__newcar-lease{
    position: absolute;
    left: 0px;
    z-index: 110;
    font-size: 0;
    vertical-align: top;
    bottom: 0px;
}
.topRecommend__item .item__icon__newcar-lease img{
  height:20px;
  width:auto;

}
.lease_attention {
  clear: both;
  padding-top:50px;
  font-size: 14px;
}

.item__icon span.icon__insurance img{
  width:50px;
}


/************************************************************
 * 購入手続きを完了していない車 & あなたが最近見た車
 ************************************************************/
.topVisual__notice {
  position: relative;
  z-index: 200;
  overflow: hidden;
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  margin-bottom: -20px;
}

.incompleteNotice__item .item__inner,
.historyNotice__item .item__inner {
  display: table;
  width: 100%;
  text-decoration: none !important;
  color: #000 !important;
}
.incompleteNotice__item .item__inner > div,
.historyNotice__item .item__inner > div {
  display: table-cell;
  vertical-align: middle;
   position: relative;
}
.incompleteNotice__item .item__img img,
.historyNotice__item .item__img img {
  width: auto;
  vertical-align: top;
}

.incompleteNotice__item .item__inner .item__img >span,
.historyNotice__item .item__inner .item__img >span {
    display: block;
    position: relative;
}
.incompleteNotice__item .item__img .item__icon__newcar,
.historyNotice__item .item__img .item__icon__newcar {
    position: absolute;
    left: 0px;
    z-index: 110;
    font-size: 0;
    vertical-align: top;
    bottom: 0px;
}
.incompleteNotice__item .item__img .item__icon__newcar img,
.historyNotice__item .item__img .item__icon__newcar img {
  height: 18px;
}


.incompleteNotice__item .item__data,
.historyNotice__item .item__data {
  overflow: hidden;
  padding: 0 5px;
  font-weight: bold;
  line-height: 1.2;
  width: 206px;
}
.incompleteNotice__item .item__name,
.historyNotice__item .item__name {
  font-size: 13px;
   margin-top: 5px;
   min-height: 2.2em;
}


.incompleteNotice__item .item__history,
.historyNotice__item .item__history {
  font-size: 12px;
   padding-top: 0px;

}

.incompleteNotice__item .item__price,
.historyNotice__item .item__price {
  font-size: 12px;
}

.incompleteNotice__item .item__priceTotal,
.historyNotice__item .item__priceTotal {
  font-size: 10px;
   font-weight: bold;
   line-height: 10px;
   padding-bottom:10px;
    margin-top: 3px;
}
.incompleteNotice__item .item__loan,
.historyNotice__item .item__loan {
  position:absolute;
   /* 金額表示部分の全体修正 */
  right:2px;
  bottom:10px;
   text-align: right;
  font-size: 10px;
   font-weight: normal;
   line-height: 10px;
}
.incompleteNotice__item .item__loan .times,
.historyNotice__item .item__loan .times{
  display:block;
}


.incompleteNotice__item .item__price .num,
.historyNotice__item .item__price .num {
  margin-right: 3px;
  font-size: 22px;
  font-family: "Gidole Regular", Arial, Helvetica, sans-serif;
  line-height: 1;
}
.incompleteNotice__item.is-lease .item__name,
.historyNotice__item.is-lease .item__name {
  margin-bottom: 1px;
  line-height: 1.1;
}
.incompleteNotice__item.is-lease .item__history,
.historyNotice__item.is-lease .item__history {
  float: none;
  padding-top: 0;
  font-size :11px;
}
.incompleteNotice__item.is-lease .item__price,
.historyNotice__item.is-lease .item__price {
  float: none;
  display: table;
  margin-top: -8px;
}
.incompleteNotice__item.is-lease .item__price > *,
.historyNotice__item.is-lease .item__price > * {
  display: table-cell;
  vertical-align: bottom;
}
.incompleteNotice__item.is-lease .item__price .before,
.historyNotice__item.is-lease .item__price .before,
.incompleteNotice__item.is-lease .item__price .after,
.historyNotice__item.is-lease .item__price .after {
  white-space: nowrap;
}
.incompleteNotice__item.is-lease .item__price .num,
.historyNotice__item.is-lease .item__price .num {
  padding: 0 3px;
  position: relative;
  top: 3px;
}
.incompleteNotice__item.is-lease .item__price .term,
.historyNotice__item.is-lease .item__price .term {
  padding-left: 6px;
  vertical-align: text-bottom;
  font-size: 11px;
  position: relative;
  top: 1px;
}
.incompleteNotice__item .item__inner .item__img > span,
.historyNotice__item .item__inner .item__img > span {
    display: block;
    position: relative;
}

/*221122　C4 */
.incompleteNotice__item .item__img .item__icon__newcar-lease,
.historyNotice__item .item__img .item__icon__newcar-lease {
    position: absolute;
    left: 0px;
    z-index: 110;
    vertical-align: top;
    bottom: 0px;
    background: #404040;
    color: #fff;
    padding: 1px 3px;
    font-size: 12px;
}

/*.incompleteNotice__item .item__img .item__icon__newcar-lease img,
.historyNotice__item .item__img .item__icon__newcar-lease img {
    height: 18px;
    width: auto;
}*/
/*//221122　C4 */

/************************************************************
 * 購入手続きを完了していない車
 ************************************************************/
.incompleteNotice {
  width: 308px;
  margin: 0 auto 20px auto;
  border: solid 3px #103672;
  background: #fff;
}
.has-history .incompleteNotice {
  float: left;
  margin: 0;
}

.incompleteNotice__title {
  display: table;
  width: 100%;
  background: #103672;
  color: #fff;
  font-size: 13px;
  line-height: 1;
}
.incompleteNotice__title > div {
  display: table-cell;
  padding: 4px 7px 7px 7px;
  vertical-align: top;
}
.incompleteNotice__title .label {
}
.incompleteNotice__title .close {
  padding-left: 0;
  text-align: right;
}
.incompleteNotice__title .close a {
  color: #fff !important;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none !important;
}
.incompleteNotice__item {
}
.incompleteNotice__item .item__img img {
  height: 72px;
}


/************************************************************
 * あなたが最近見た車
 ************************************************************/
.historyNotice {
  position: relative;
  width: 918px;
  margin: 0 auto;
  text-align: left;
}

.has-incomplete .historyNotice {
  float: right;
  width: 612px;
  margin-right: 24px;
}

.historyNotice__title {
  position: relative;
  z-index: 100;
  display: inline-block;
  padding: 7px 10px;
  background: #444;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.08em;
}
.historyNotice__title:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 0 10px;
  border-color: transparent transparent transparent #444;
  position: absolute;
  left: 100%;
  top: 0;
}
.historyNotice__more {
  display: none;
}
.historyNotice__items {
  overflow: hidden;
  position: relative;
  z-index: 110;
  background: #fff;
}
.historyNotice__item {
  float: left;
  width: 306px;
}
.historyNotice__item .item__img img {
  height: 75px;
}

.historyNotice__prev,
.historyNotice__next {
  width: 20px;
  height: 92px;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  -webkit-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  -ms-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.historyNotice__prev,
.historyNotice__next {
  width: 20px;
  height: 75px;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  -webkit-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  -ms-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.historyNotice__prev.is-purchase,
.historyNotice__next.is-purchase {
  height: 95px;
}

.historyNotice__prev.slick-disabled,
.historyNotice__next.slick-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0.5;
}
.historyNotice__prev {
  left: -24px;
  background: #fff url(/cmn/images/direct/icon_arrow_org_left.png) 45% center no-repeat;
}
.historyNotice__next {
  right: -24px;
  background: #fff url(/cmn/images/direct/icon_arrow_org_right.png) 55% center no-repeat;
}

/************************************************************
 * 共通：
 * リボンデザインのタイトル
 ************************************************************/
.topRibbon__title {
  position: relative;
  margin-bottom: 45px;
  background: url("/cmn/images/direct/top_bg_navy.png") center center repeat;
  color: #fff;
  font-size: 28px;
  text-align: center;
}
.topRibbon__title:before, .topRibbon__title:after {
  position: absolute;
  left: 0;
  content: '';
  display: block;
}
.topRibbon__title:before {
  width: 42px;
  height: 100%;
  background: url("/cmn/images/direct/top_bg_navy_l.png") left bottom no-repeat;
  z-index: 100;
  bottom: -11px;
}
.topRibbon__title:after {
  width: 12px;
  height: 11px;
  background: #fff;
  border-bottom: solid 1px #4c6b9b;
  z-index: 110;
  top: 0;
}
.topRibbon__title .label {
  position: relative;
  display: block;
  padding: 10px 42px;
}
.topRibbon__title .label:before, .topRibbon__title .label:after {
  position: absolute;
  right: 0;
  content: '';
  display: block;
}
.topRibbon__title .label:before {
  width: 42px;
  height: 100%;
  background: url("/cmn/images/direct/top_bg_navy_r.png") left bottom no-repeat;
  z-index: 100;
  bottom: -11px;
}
.topRibbon__title .label:after {
  width: 12px;
  height: 11px;
  background: #fff;
  border-bottom: solid 1px #4c6b9b;
  z-index: 110;
  top: 0;
}

.titleRibbon {
  position: relative;
  margin: 0 10px 30px 10px;
  background: #133870;
  color: #fff;
  font-size: 24px;
  text-align: center;
}
.titleRibbon .label {
  position: relative;
  display: block;
  padding: 10px;
}
.titleRibbon:before,
.titleRibbon:after,
.titleRibbon .label:before,
.titleRibbon .label:after {
  position: absolute;
  content: '';
  display: block;
}
.titleRibbon:before,
.titleRibbon .label:before {
  width: 36px;
  height: 100%;
  background: #133870;
  bottom: -10px;
  z-index: 100;
}
.titleRibbon:after,
.titleRibbon .label:after {
  width: 0;
  height: 0;
  border-style: solid;
  bottom: -10px;
  z-index: 110;
}
.titleRibbon:before {
  left: -10px;
}
.titleRibbon:after {
  left: 0;
  border-width: 0 26px 10px 0;
  border-color: transparent #082450 transparent transparent;
}
.titleRibbon .label:before {
  right: -10px;
}
.titleRibbon .label:after {
  right: 0;
  border-width: 10px 26px 0 0;
  border-color: #082450 transparent transparent transparent;
}
/* サイズ大 */
.titleRibbonL {
  position: relative;
  margin-bottom: 45px;
  background: url("/cmn/images/direct/top_bg_navy.png") center center repeat;
  color: #fff;
  font-size: 28px;
  text-align: center;
}
.titleRibbonL:before, .titleRibbonL:after {
  position: absolute;
  left: 0;
  content: '';
  display: block;
}
.titleRibbonL:before {
  width: 42px;
  height: 100%;
  background: url("/cmn/images/direct/top_bg_navy_l.png") left bottom no-repeat;
  z-index: 100;
  bottom: -11px;
}
.titleRibbonL:after {
  width: 12px;
  height: 11px;
  background: #fff;
  border-bottom: solid 1px #4c6b9b;
  z-index: 110;
  top: 0;
}
.titleRibbonL .label {
  position: relative;
  display: block;
  padding: 10px 42px;
}
.titleRibbonL .label:before, .titleRibbonL .label:after {
  position: absolute;
  right: 0;
  content: '';
  display: block;
}
.titleRibbonL .label:before {
  width: 42px;
  height: 100%;
  background: url("/cmn/images/direct/top_bg_navy_r.png") left bottom no-repeat;
  z-index: 100;
  bottom: -11px;
}
.titleRibbonL .label:after {
  width: 12px;
  height: 11px;
  background: #fff;
  border-bottom: solid 1px #4c6b9b;
  z-index: 110;
  top: 0;
}
.titleRibbon.is-purchase .label {
  background: #fe4600;
}
.titleRibbon.is-purchase:before,
.titleRibbon.is-purchase .label:before {
  background: #fe4600;
}
.titleRibbon.is-purchase:after {
  border-color: transparent #bb3400 transparent transparent;
}
.titleRibbon.is-purchase .label:after {
  border-color: #bb3400 transparent transparent transparent;
}

.titleRibbon.is-lease .label {
  background: #1a78c0;
}
.titleRibbon.is-lease:before,
.titleRibbon.is-lease .label:before {
  background: #1a78c0;
}
.titleRibbon.is-lease:after {
  border-color: transparent #024a81 transparent transparent;
}
.titleRibbon.is-lease .label:after {
  border-color: #024a81 transparent transparent transparent;
}
.titleRibbon.is-usedcar .label,
.titleRibbon.is-usedcar:before,
.titleRibbon.is-usedcar .label:before {
  background: #ff6a30;
}
.titleRibbon.is-usedcar:after {
  border-color: transparent #c93a03 transparent transparent;
}
.titleRibbon.is-usedcar .label:after {
  border-color: #c93a03 transparent transparent transparent;
}
.titleRibbon.is-newcar .label,
.titleRibbon.is-newcar:before,
.titleRibbon.is-newcar .label:before {
  background: #0e718c;
}
.titleRibbon.is-newcar:after {
  border-color: transparent #015268 transparent transparent;
}
.titleRibbon.is-newcar .label:after {
  border-color: #015268 transparent transparent transparent;
}
.box__container--width-a-b-center {
  width: 780px;
  margin: 0 auto;
}
.box__container--top--main {
  width: 1000px;
  margin: 0 auto;
}
.box__container--top {
  width: 580px;
  margin: 0;
  position:relative;
  overflow:hidden;
}
.box__container--top img {
  position:relative;
  vertical-align:bottom;
}
.box__container--top_left {
  width: 580px;
}
.box__container--top_right {
  padding: 5px;
  vertical-align: top;
  white-space: nowrap;
}
.search_title {
  font-weight: bold;
  font-size: 14px;
}

.makerBtn {
  display: inline-block;
  width: 80px;
  height: 70px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  color: #284ba6;
}
.makerBtn__txt,.makerBtn__txt--all{
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  text-align: center;
  height: 25px;
  font-size: 11px;
}
.makerBtn__txt--all {
  height: 80px;
  font-size: 14px;
}
.makerLogo {
  display: inline-block;
}
.maker--LE {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -225px;
  width: 66px;
  height: 45px;
}
.maker--TO {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -675px;
  width: 66px;
  height: 45px;
}
.maker--NI {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -450px;
  width: 66px;
  height: 45px;
}
.maker--HO {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -180px;
  width: 66px;
  height: 45px;
}
.maker--MA {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -270px;
  width: 66px;
  height: 45px;
}
.maker--SB {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -585px;
  width: 66px;
  height: 45px;
}
.maker--SZ {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -630px;
  width: 66px;
  height: 45px;
}
.maker--MI {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -360px;
  width: 66px;
  height: 45px;
}
.maker--DA {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -135px;
  width: 66px;
  height: 45px;
}
.maker--ME {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -315px;
  width: 66px;
  height: 45px;
}
.maker--BM {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -405px;
  width: 66px;
  height: 45px
}
.maker--VW {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -765px;
  width: 66px;
  height: 45px;
}
.maker--AD {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -45px;
  width: 66px;
  height: 45px;
}
.maker--PO {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -540px;
  width: 66px;
  height: 45px;
}
.maker--MN {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 0;
  width: 66px;
  height: 45px;
}
.maker--PE {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -495px;
  width: 66px;
  height: 45px;
}
.maker--VO {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -720px;
  width: 66px;
  height: 45px;
}
.maker--CH {
  background-image: url(/cmn2/img/sprites/sprite_emblems.png);
  background-position: 0 -90px;
  width: 66px;
  height: 45px;
}
.emblems {
  font-size: 0;
}
.search_kakaku {
  margin-left: 5px;
}
.searchBtn {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  font-weight: bold;
  margin-right: 3px;
  color: #284ba6;
}
.top__btype__btn {
  display: inline-block;
  width: 73px;
  height: 60px;
  text-align: center;
  vertical-align: top;
  font-size: 8px;
  text-decoration: none;
  color: #284ba6;
}
.top__btype__btn span {
  display: block;
  margin: 0 auto 5px;
}
.top__btype__kcar {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -177px;
  background-size: 100%;
  width: 55px;
  height: 40px;
}
.top__btype__hback {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -108px;
  background-size: 100%;
  width: 55px;
  height: 40px;
}
.top__btype__minivan {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -214px;
  background-size: 100%;
  width: 55px;
  height: 40px;
}
.top__btype__stwagon {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -363px;
  background-size: 100%;
  width: 55px;
  height: 40px;
}
.top__btype__sedan {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -326px;
  background-size: 100%;
  width: 55px;
  height: 40px;
}
.top__btype__suv {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -399px;
  background-size: 100%;
  width: 55px;
  height: 40px;
}
.top__btype__hybrid {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -240px;
  width: 81px;
  height: 50px;
}
.top__btype__van {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -780px;
  width: 81px;
  height: 50px;
}
.top__btype__fukushi {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -120px;
  width: 81px;
  height: 50px;
}
.top__btype__track {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -720px;
  width: 81px;
  height: 50px;
}
.top__btype__open {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 0;
  width: 81px;
  height: 50px;
}
.top__btype__coupe {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -420px;
  width: 81px;
  height: 50px;
}
.top__btype__pickup {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -480px;
  width: 81px;
  height: 50px;
}
.top__btype__camp {
  background-image: url(/cmn2/img/sprites/sprite_btype.png);
  background-position: 0 -60px;
  width: 81px;
  height: 50px;
}
.top__btype__other {
  display: inline-block;
  width: 73px;
  height: 50px;
  padding: 10px 0px 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  text-decoration: none;
  color: #284ba6;
}
.top__btype__other span {
  display: block;
  margin: 0 auto 5px
}

.top_image_over {
  background-color: rgba(255,255,255,0.9);
  width: 370px;
  height: 280px;
  margin: 0px 0px 0px 610px;
  padding: 10px 0px 10px 10px;
}
.top_image_text {
  color: #000000;
}
.bukken_list_icon {
  width: 30px;
  vertical-align: middle;
}

/************************************************************
 * トップ；
 * レイアウト
 ************************************************************/
body.top > .box {
	overflow: hidden;
}

/************************************************************
 * トップ；
 * 共通パーツ
 ************************************************************/
.topFeature__title,
.topRecommend__title,
.topSearch__title {
	position: relative;
	margin-bottom: 45px;
	background: url("/cmn/images/direct/top_bg_navy.png") center center repeat;
	color: #fff;
	font-size: 28px;
	text-align: center;
}
.topFeature__title:before, .topFeature__title:after,
.topRecommend__title:before,
.topRecommend__title:after,
.topSearch__title:before,
.topSearch__title:after {
	position: absolute;
	left: 0;
	content: '';
	display: block;
}
.topFeature__title:before,
.topRecommend__title:before,
.topSearch__title:before {
	width: 42px;
	height: 100%;
	background: url("/cmn/images/direct/top_bg_navy_l.png") left bottom no-repeat;
	z-index: 100;
	bottom: -11px;
}
.topFeature__title:after,
.topRecommend__title:after,
.topSearch__title:after {
	width: 12px;
	height: 11px;
	background: #fff;
	border-bottom: solid 1px #4c6b9b;
	z-index: 110;
	top: 0;
}
.topFeature__title .label,
.topRecommend__title .label,
.topSearch__title .label {
	position: relative;
	display: block;
	padding: 10px 42px;
}
.topFeature__title .label:before, .topFeature__title .label:after,
.topRecommend__title .label:before,
.topRecommend__title .label:after,
.topSearch__title .label:before,
.topSearch__title .label:after {
	position: absolute;
	right: 0;
	content: '';
	display: block;
}
.topFeature__title .label:before,
.topRecommend__title .label:before,
.topSearch__title .label:before {
	width: 42px;
	height: 100%;
	background: url("/cmn/images/direct/top_bg_navy_r.png") left bottom no-repeat;
	z-index: 100;
	bottom: -11px;
}
.topFeature__title .label:after,
.topRecommend__title .label:after,
.topSearch__title .label:after {
	width: 12px;
	height: 11px;
	background: #fff;
	border-bottom: solid 1px #4c6b9b;
	z-index: 110;
	top: 0;
}

/************************************************************
 * トップ；
 * メインビジュアル
 ************************************************************/
/*.topVisual {
	position: relative;
	min-width: 980px;
	min-height: 470px;
	background: url("/cmn/images/direct/top_visual_bg.jpg") center bottom repeat-x;
	text-align: left;
}

.topVisual__overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
	background: #fff;
}*/
.topVisual {
  position: relative;
  min-width: 980px;
  min-height: 470px;
  background: url("/cmn/images/direct/top-visual-bg02.jpg") center bottom repeat-x;
  text-align: left;
}
.topVisual:after  {
   content: '';
    display: block;
  position: absolute;
    bottom: 0;
    width: 100%;
height: 20px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.topVisual__overlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  background: #fff;
}
.topVisual__inner {
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 65px;
	padding-bottom: 30px;
}
.topVisual__inner:after {
    content: '';
    display: block;
    clear: both;
}

.topVisual__title {
	position: relative;
	width: 699px;
	margin: auto;
}
.topVisual__title .title__label {
	position: relative;
	z-index: 110;
}
.topVisual__title .title__line {
	position: absolute;
	top: 36px;
	z-index: 100;
	width: 0;
	height: 17px;
	opacity: 0;
}
.topVisual__title .title__line--01 {
	left: -3px;
	background: url("/cmn/images/direct/top_visual_title_line01.png") left top no-repeat;
	transition: width .5s ease .1s, opacity .5s ease .1s;
}
.is-opening .topVisual__title .title__line--01 {
	width: 648px;
	opacity: 1;
}
.topVisual__flag {
	margin: 28px 0 -76px 0;
}

.topVisual__lead {
  margin: 25px 0 65px 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .02em;
  text-align: center;
}
.topVisual__main {
	position: absolute;
	left: 50%;
	bottom: 45px;
    z-index: 100;
	width: 260px;
	height: 223px;
    margin-left: -130px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: scale(0.4, 0.4);
	-ms-transform: scale(0.4, 0.4);
	-webkit-transform: scale(0.4, 0.4);
	transform: scale(0.4, 0.4);
	-moz-transition: opacity 0.3s ease .8s, -moz-transform 1s ease .8s;
	-o-transition: opacity 0.3s ease .8s, -o-transform 1.1s ease .8s;
	-webkit-transition: opacity 0.3s ease, -webkit-transform 1s ease;
	-webkit-transition-delay: .8s, .8s;
	transition: opacity 0.3s ease .8s, transform 1s ease .8s;
}
.topVisual__main > div {
	position: absolute;
}
.topVisual__main .main__person {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: opacity 2s ease 2.5s;
	-o-transition: opacity 2s ease 2.5s;
	-webkit-transition: opacity 2s ease;
	-webkit-transition-delay: 2.5s;
	transition: opacity 2s ease 2.5s;
	z-index: 100;
}
.topVisual__main .main__car {
	z-index: 110;
}
.topVisual__main .main__ribbon {
	left: 50%;
	bottom: 93px;
	z-index: 120;
    margin-left: -37px;
}
.topVisual__main .main__text {
    z-index: 120;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 2s ease 2.5s;
    -o-transition: opacity 2s ease 2.5s;
    -webkit-transition: opacity 2s ease;
    -webkit-transition-delay: 2.5s;
    transition: opacity 2s ease 2.5s;
}
.is-opening .topVisual__main .main__text {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.is-opening .topVisual__main {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.is-opening .topVisual__main .main__person {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
.is-opening .topVisual__main .main__ribbon {
	-moz-animation: shake-ribbon 1s ease-out 1.7s 1;
	-webkit-animation: shake-ribbon 1s ease-out 1.7s 1;
	animation: shake-ribbon 1s ease-out 1.7s 1;
}

.topVisual__movie {
	position: absolute;
	right: 0;
	top: 60px;
}

.topVisual__movie img {
	vertical-align: top;
}
.topVisual__movie img.movie__overlay {
	position: relative;
	z-index: 110;
}
.topVisual__movie img.movie__capture {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
.topVisual__more {
    position: relative;
}
.topVisual__more a {
    display: inline-block;
    padding: .5em 1.5em .5em .5em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 29px;
    font-weight: bold;
    letter-spacing: .02em;
    padding-right: 1.5em;
    background: #fb4809 url("/cmn/images/direct/top_arrow_wht_s.png") 92% center no-repeat;
    box-shadow: 0 4px 0 #e14100;
    width: 290px;
    padding-top: 0.25em;
    padding-bottom: 0.15em;
    -moz-box-shadow: 0 4px 0 #e14100;
    -webkit-box-shadow: 0 4px 0 #e14100;
    box-shadow: 0 4px 0 #e14100;
    font-size: 34px;
    text-align: center;
}
.topVisual__more a .ex {
	display: block;
	font-size: 19px;
}
.topVisual__more a:hover {
	background-color: #fb6c2f;
}
.topVisual__more a:hover {
	box-shadow: 0 4px 0 #e05820;
}
.topVisual__note {
	position: absolute;
	bottom: 10px;
	right: 0;
	font-size: 12px;
	font-weight: bold;
}
.topVisual__note a {
	color: #222 !important;
}

@keyframes shake-ribbon {
	0% {
		transform: rotate(0deg);
	}
	8% {
		transform: rotate(7deg);
	}
	16% {
		transform: rotate(-7deg);
	}
	24% {
		transform: rotate(7deg);
	}
	32% {
		transform: rotate(-7deg);
	}
	40% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@-moz-keyframes shake-ribbon {
	0% {
		-moz-transform: rotate(0deg);
	}
	8% {
		-moz-transform: rotate(7deg);
	}
	16% {
		-moz-transform: rotate(-7deg);
	}
	24% {
		-moz-transform: rotate(7deg);
	}
	32% {
		-moz-transform: rotate(-7deg);
	}
	40% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(0deg);
	}
}
@-webkit-keyframes shake-ribbon {
	0% {
		-webkit-transform: rotate(0deg);
	}
	8% {
		-webkit-transform: rotate(7deg);
	}
	16% {
		-webkit-transform: rotate(-7deg);
	}
	24% {
		-webkit-transform: rotate(7deg);
	}
	32% {
		-webkit-transform: rotate(-7deg);
	}
	40% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@-ms-keyframes shake-ribbon {
	0% {
		-ms-transform: rotate(0deg);
	}
	8% {
		-ms-transform: rotate(7deg);
	}
	16% {
		-ms-transform: rotate(-7deg);
	}
	24% {
		-ms-transform: rotate(7deg);
	}
	32% {
		-ms-transform: rotate(-7deg);
	}
	40% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(0deg);
	}
}
/* 動画モーダル */
#inline-wrap1 {
	margin: 0 15%;
}
#inline-wrap1 .iframe01 iframe {
	width: 100%;
	height: 100%;
	margin: 0;
}

.topVisual__way {
    position: relative;
    z-index: 90;
    width: 300px;
    padding: 28px 40px 30px 40px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
    -o-transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
    -webkit-transition:left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
    transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
}
.topVisual__way--purchase {
    float: left;
    left: -20px;
}
.topVisual__way--lease {
    float: right;
    right: -20px;
}
.topVisual__way--usedcar {
    float: left;
    left: -20px;
}
.topVisual__way--newcar {
    float: right;
    right: -20px;
}
.topVisual__way .way__title {
    margin: 0 0 5px 0;
}
.topVisual__way .way__title span{
    margin-top: -40px;
    display: block;
}
.topVisual__way .way__text {
    font-size: 15px;
}
.topVisual__way .way__more {
    margin-top: 15px;
}
.topVisual__way .way__more .button {
    width: 100%;
}

.topVisual__way .way__more .lease__button {
    width: 49%;
}

.is-opening .topVisual__way {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
.is-opening .topVisual__way--purchase,
.is-opening .topVisual__way--usedcar {
    left: 0;
}
.is-opening .topVisual__way--lease,
.is-opening .topVisual__way--newcar {
    right: 0;
}

/************************************************************
 * トップ；
 * バナー
 ************************************************************/
.topBanner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 60px 0 25px 0;
	text-align: center;
	font-size: 0;
}
.topBanner__item {
	display: inline-block;
	width: 480px;
	margin: 0 10px 10px 10px;
}

/************************************************************
 * トップ；
 * 特徴
 ************************************************************/
.topFeature {
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
.topFeature:after {
	content: '';
	display: block;
	width: 300%;
	height: 200px;
	background: #fff;
	position: absolute;
	left: -100%;
	bottom: -100px;
	z-index: 10;
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);
}
.topFeature__item {
	position: relative;
	z-index: 100;
	margin-top: 23px;
	padding: 8px;
	background: url("/cmn/images/direct/top_bg_blue.png") center center repeat;
}
.topFeature__item .item__inner {
	overflow: hidden;
	*zoom: 1;
	padding: 30px;
	background: #fff;
}
.topFeature__item .item__more {
	clear: both;
	margin: 0 -17px -4px 0;
	text-align: right;
}
.topFeature__item .item__more a {
	display: inline-block;
	padding: .25em 2em .25em 2em;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	color: #fff !important;
	box-shadow: 0 4px 0 #e14100;
	text-decoration: none !important;
	font-weight: bold;
	letter-spacing: .06em;
	padding-right: 3em;
	background: #fb4809 url("/cmn/images/direct/top_arrow_wht_s.png") 92% center no-repeat;
	box-shadow: 0 4px 0 #e14100;
}
.topFeature__item .item__more a:hover {
	background-color: #fb6c2f;
}
.topFeature__item .item__more a:hover {
	box-shadow: 0 4px 0 #e05820;
}
.topFeature__item:before, .topFeature__item:after {
	position: absolute;
	right: -21px;
	bottom: 0;
	content: '';
	display: block;
}
.topFeature__item:before {
	width: 21px;
	height: 65px;
	background: url("/cmn/images/direct/top_bg_navy.png") center center repeat;
	z-index: 100;
}
.topFeature__item:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 65px 21px;
	border-color: transparent transparent #fff transparent;
	z-index: 110;
}
.topFeature__item--01 .item__title {
	float: right;
}
.topFeature__item--01 .item__img {
	float: left;
	margin: 13px 0 -14px 31px;
}
.topFeature__item--02 .item__title {
	float: left;
	margin: 8px 0 0 8px;
}
.topFeature__item--02 .item__img {
	float: right;
	margin: -19px -30px 15px 0;
}
.topFeature__more {
	position: relative;
	z-index: 100;
	margin-top: 40px;
	text-align: center;
}
.topFeature__more a {
	display: inline-block;
	padding: .5em 1.5em .5em 1.5em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 29px;
	font-weight: bold;
	letter-spacing: .06em;
	background: #fb4809 url("/cmn/images/direct/top_arrow_wht_l.png") 95% center no-repeat;
	box-shadow: 0 7px 0 #e14100;
	width: 410px;
}
.topFeature__more a .ex {
	display: block;
	font-size: 19px;
}
.topFeature__more a:hover {
	background-color: #fb6c2f;
}
.topFeature__more a:hover {
	box-shadow: 0 7px 0 #e05820;
}

/************************************************************
 * トップ；
 * ３つの約束
 ************************************************************/
.topPromise {
	padding: 240px 0 105px 0;
	background: #f3ede9 url("/cmn/images/direct/top_promise_bg.png") center 65px no-repeat;
}
.topPromise__inner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	display: table;
}
.topPromise__title, .topPromise__list {
	display: table-cell;
	vertical-align: middle;
}
.topPromise__list {
	list-style: none;
	width: 440px;
}
.topPromise__item {
	position: relative;
	margin: 10px 0;
	padding: 25px 20px 25px 40px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: .04em;
}
.topPromise__item .item__num {
	position: absolute;
	left: -25px;
	top: 50%;
	margin-top: -20px;
	background: url("/cmn/images/direct/top_promise_icon.png") left top no-repeat;
	width: 53px;
	height: 41px;
}
.topPromise__item .item__num span {
	position: relative;
	top: 4px;
	color: #fff;
	font-family: 'Gidole Regular', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 24px;
}
.topPromise__item .item__title {
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 1.2;
}
.topPromise__item .item__desc {
	font-size: 12px;
}
.topPromise__item--01:after, .topPromise__item--03:after {
	display: block;
	content: '';
	position: absolute;
	background: left top no-repeat;
}
.topPromise__item--01:after {
	left: 143px;
	top: -17px;
	background-image: url("/cmn/images/direct/top_promise01_bg.png");
	width: 38px;
	height: 38px;
}
.topPromise__item--03:after {
	left: 256px;
	bottom: -25px;
	background-image: url("/cmn/images/direct/top_promise03_bg.png");
	width: 189px;
	height: 34px;
}

/************************************************************
 * トップ；
 * 中古車一覧
 ************************************************************/
.topRecommend {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding: 90px 0 70px 0;
}
/* リースのNew切れるためcleafixの方法::afterに変更*/
.topRecommend::after {
  content: "";
  clear: both;
  display: block;
}

.topRecommend_B {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px 0 40px 0;
}
.topRecommend__list {
	overflow: hidden;
	*zoom: 1;
	list-style: none;
	margin: 0 -19px -35px 0;
}
.topRecommend__item {
	position: relative;
	float: left;
	width: 314px;
	margin: 10px 19px 25px 0;
}
.topRecommend__item .item__inner {
	color: #fff !important;
	text-decoration: none !important;
}

.topRecommend__item .item__limit {
	position: absolute;
	left: 0;
	top: 0;
	background: #222;
	padding: 5px 10px;
	z-index: 110;
	font-size: 13px;
	line-height: 1;
}
.topRecommend__item .item__img {
	position: relative;
	overflow: hidden;
	z-index: 100;
	height: 235px;
	text-align: center;
}
.topRecommend__item .item__img img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}
.topRecommend__way--newcar .topRecommend__item .item__img img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}
.topRecommend__item .item__data {
	display: table;
	width: 100%;
	background: #222;
	line-height: 1.25;
}
.topRecommend__item .item__history, .topRecommend__item .item__name, .topRecommend__item .item__price {
	display: table-cell;
	padding: 15px 10px;
	font-size: 13px;
	vertical-align: top;
}
.topRecommend__item .item__history {
	white-space: nowrap;
	padding-right: 0;
}
.topRecommend__item .item__year {
	display: block;
}
.topRecommend__item .item__repair {
	display: inline-block;
	background: #0c326e;
	font-size: 10px;
	padding: 2px 3px;
	margin: 0 -1px;
}
.topRecommend__item .item__name.sbsc_newcar_item__name {
  word-break: break-all;
}
.topRecommend__item .item__price {
	white-space: nowrap;
	vertical-align: bottom;
	padding-left: 0;
	text-align: right;
}
.topRecommend__item .item__price .num {
	margin-right: 3px;
	font-family: 'Gidole Regular', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
	line-height: 1;
}

.topRecommend__item .item__more {
  position: relative;
  display: block;
  background: #ff6a30;
  height: 100%;
  width: 100%;
  text-decoration: none !important;
  text-align: center;
}
.topRecommend__item .item__more .label {
	position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
    margin-top: -1.4em;
}
.topRecommend__item .item__more:after {
    position: absolute;
    right: 20px;
    bottom: 16px;
    content: '';
    display: block;
    width: 28px;
    height: 24px;
    background: url("/cmn/images/direct/top_arrow_wht_l.png") right center no-repeat;
}
.topRecommend__item .item__more:hover {
	background: #fb6c2f;
}
.topRecommend__item .item__more.is-lease {
    background: #1a78c0;
}
.topRecommend__item .item__more.is-lease:hover {
    background: #2984c9;
}
.topRecommend__item .item__more.is-newcar {
    background: #0e718c;
}
.topRecommend__item .item__more.is-newcar:hover {
    background: #0e718c;
     filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    zoom:1;
}

.topRecommend--way {
    padding-top: 30px;
    padding-bottom: 60px;
}
.topRecommend-newcar--way {
    padding-top: 0;
    padding-bottom: 60px;
}

.topRecommend__way_title {
  width:100%;
/**    width: 470px;
    float: left; **/
}

.topRecommend__way {
    width: 470px;
    float: left;
}
.topRecommend__way--purchase {
}
.topRecommend__way--lease {
    margin-left: 40px;
}
.topRecommend__way--newcar {
    margin-left: 40px;
}
.topRecommend__way_title .topRecommend__item,
.topRecommend__way .topRecommend__item {
    height: 274px;
    width: 225px;
    margin: 19px 19px 0 0;
}
.topRecommend__way_title .topRecommend__item .item__img,
.topRecommend__way .topRecommend__item .item__img {
    height: 168px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topRecommend__way.topRecommend__way--newcar .topRecommend__item .item__img{
    border: 2px solid #d7d7d7;
    box-sizing: border-box;
}
.topRecommend__way_title .topRecommend__item .item__data,
.topRecommend__way .topRecommend__item .item__data {
    display: block;
    overflow: hidden;
    width: auto;
    padding: 10px 10px 63px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 106px;
}
.topRecommend__way_title .topRecommend__item .item__data > *,
.topRecommend__way .topRecommend__item .item__data > * {
    display: block;
    padding: 0;
}
.topRecommend__way_title .topRecommend__item .item__history,
.topRecommend__way .topRecommend__item .item__history {
    float: left;
    width: 50px;
}
.topRecommend__way_title .topRecommend__item .item__name,
.topRecommend__way .topRecommend__item .item__name {
    overflow: hidden;
    word-break: break-all;
}
.topRecommend__way_title .topRecommend__item .item__price{
    position: absolute;
    bottom: 28px;
    left: 10px;
    text-align: left;
    display: table;
}
.topRecommend__way .topRecommend__item .item__price {
    position: absolute;
    bottom:28px;
    left: 10px;
    text-align: left;
    display: table;
}
.topRecommend__way_title .topRecommend__item .item__price > *,
.topRecommend__way .topRecommend__item .item__price > * {
    display: table-cell;
    vertical-align: bottom;
    line-height: 1.2;
}
.topRecommend__way_title .topRecommend__item .item__price .before,
.topRecommend__way_title .topRecommend__item .item__price .after,
.topRecommend__way .topRecommend__item .item__price .before,
.topRecommend__way .topRecommend__item .item__price .after {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
}
.topRecommend__way_title .topRecommend__item .item__price .before,
.topRecommend__way .topRecommend__item .item__price .before {
    padding-right: 4px;
    vertical-align: top;
}
.topRecommend__way_title .topRecommend__item .item__price .after ,
.topRecommend__way .topRecommend__item .item__price .after {
    padding-left: 4px;
}
.topRecommend__way_title .topRecommend__item .item__price .num,
.topRecommend__way .topRecommend__item .item__price .num {
    font-size: 28px;
    line-height: 1 !important;
    letter-spacing: -1px;
}

.topRecommend__way .topRecommend__item .termb{
  font-size: 11px;
  position: absolute;
bottom: 10px;
left: 10px;
}

.topRecommend__way_title .topRecommend__item .item__price .term,
.topRecommend__way .topRecommend__item .item__price .term {
    display: block;
    white-space: nowrap;
    margin-bottom: 2px;
}

.topRecommend__way_title .topRecommend__item .item__priceTotal,
.topRecommend__way .topRecommend__item .item__priceTotal {
    position: absolute;
    bottom: 10px;
    left: 5px;
    text-align: left;
    font-size: 11px;
}
.topRecommend__way_title .topRecommend__item .item__loan,
.topRecommend__way .topRecommend__item .item__loan {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
    font-size: 10px;
}
.topRecommend__way_title .topRecommend__item .item__loan .times,
.topRecommend__way .topRecommend__item .item__loan .times{
   display: block;
}

/************************************************************
 * トップ；
 * 検索
 ************************************************************/
.topSearch {
	position: relative;
	z-index: 20;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 95px;
}
.topSearch_B {
	position: relative;
	z-index: 20;
	width: 980px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 95px;
}
.topSearch__inner {
	padding: 40px;
	background: #ededed;
}
.topSearch__subTitle {
	border-left: solid 5px #fb4809;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 16px;
	line-height: 1.1;
}
.topSearch__list {
	overflow: hidden;
	*zoom: 1;
	margin-right: -14px;
	list-style: none;
}
.topSearch__list--price {
	margin-right: -12px;
}
.topSearch__list--price .topSearch__item {
	margin: 0 12px 12px 0;
	width: 110px;
}
.topSearch__list--price .topSearch__item a {
	height: 26px;
	font-size: 12px;
	padding: 13px 13px;
	white-space: nowrap;
	text-align: left;
}
.topSearch__list--price .topSearch__item .item__num {
	margin-right: 3px;
	font-size: 26px;
	font-family: 'Gidole Regular', Arial, Helvetica, sans-serif;
	line-height: 1;
}
.topSearch__item {
	float: left;
	margin: 0 14px 14px 0;
	width: 116px;
}
.topSearch__item a {
	display: block;
	height: 116px;
	background: #fff;
	color: #222;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
}
.topSearch__item a:hover {
	color: #6f6f6f;
}
.topSearch__item .item__img {
	display: block;
	padding-top: 5px;
}
.topSearch__item .item__label {
	display: block;
}
.topSearch__maker {
	float: left;
	margin-right: 35px;
}
.topSearch__price {
	overflow: hidden;
}
.topSearch__type, .topSearch__feature {
	clear: both;
	margin-top: 10px;
}
.topSearch__type .topSearch__title, .topSearch__feature .topSearch__title {
	padding-top: 4px;
	font-size: 12px;
}

/************************************************************
 * トップ；
 * お客様の声
 ************************************************************/
.topVoice {
	position: relative;
	z-index: 10;
	padding: 100px 0 57px 0;
	background: #fff;
}
.topVoice__inner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.topVoice__title {
	position: relative;
	margin-bottom: 45px;
	background: url("/cmn/images/direct/top_bg_navy.png") center center repeat;
	color: #fff;
	font-size: 28px;
	text-align: center;
}
.topVoice__title:before, .topVoice__title:after {
	position: absolute;
	left: 0;
	content: '';
	display: block;
}
.topVoice__title:before {
	width: 42px;
	height: 100%;
	background: url("/cmn/images/direct/top_bg_navy_l.png") left bottom no-repeat;
	z-index: 100;
	bottom: -11px;
}
.topVoice__title:after {
	width: 12px;
	height: 11px;
	background: #fff;
	border-bottom: solid 1px #4c6b9b;
	z-index: 110;
	top: 0;
}
.topVoice__title .label {
	position: relative;
	display: block;
	padding: 10px 42px;
}
.topVoice__title .label:before, .topVoice__title .label:after {
	position: absolute;
	right: 0;
	content: '';
	display: block;
}
.topVoice__title .label:before {
	width: 42px;
	height: 100%;
	background: url("/cmn/images/direct/top_bg_navy_r.png") left bottom no-repeat;
	z-index: 100;
	bottom: -11px;
}
.topVoice__title .label:after {
	width: 12px;
	height: 11px;
	background: #fff;
	border-bottom: solid 1px #4c6b9b;
	z-index: 110;
	top: 0;
}
.topVoice__list {
	overflow: hidden;
	*zoom: 1;
	margin: -5px -59px 0 -15px;
	padding: 10px 15px 25px 15px;
}
.topVoice .voice__link {
	display: block;
	text-decoration: none !important;
}
.topVoice .voice__img, .topVoice .voice__text {
	position: relative;
	background: #fff;
}
.topVoice .voice__text {
	margin-bottom: 30px;
	padding: 10px 12px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	-moz-box-shadow: 4px 4px 0 #f4d6d6;
	-webkit-box-shadow: 4px 4px 0 #f4d6d6;
	box-shadow: 4px 4px 0 #f4d6d6;
}
.topVoice .voice__text:before,
.topVoice .voice__text:after {
    position: absolute;
    top: 100%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
}
.topVoice .voice__text:before {
    right: 26px;
    border-width: 11px 11px 0 11px;
    border-color: #f4d6d6 transparent transparent transparent;
}
.topVoice .voice__text:after {
    right: 31px;
    border-width: 6px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
}
.topVoice .voice__img {
	border: solid 8px #fff;
	-moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
}
.topVoice .voice__img img {
	vertical-align: top;
}
.topVoice .voice__caption {
	display: block;
	margin: 14px 0 6px 0;
	color: #666;
	font-size: 11px;
	text-align: right;
}
.topVoice .voice__item {
	position: relative;
	width: 210px;
	float: left;
	margin-right: 46px;
}
.topVoice .voice__item:after {
	display: block;
	content: '';
	background: left top no-repeat;
	position: absolute;
}
.topVoice .voice__item--01:after {
	background-image: url("/cmn/images/direct/voice_kira03.png");
	width: 16px;
	height: 27px;
	left: -12px;
	top: -10px;
}
.topVoice .voice__item--01 .voice__text {
	margin-top: 5px;
}
.topVoice .voice__item--01 .voice__img {
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}
.topVoice .voice__item--02:after {
	background-image: url("/cmn/images/direct/voice_kira01.png");
	width: 26px;
	height: 39px;
	right: -3px;
	top: 50px;
}
.topVoice .voice__item--02 .voice__text {
	left: -15px;
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}
.topVoice .voice__item--02 .voice__img {
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.topVoice .voice__item--03:after {
	background-image: url("/cmn/images/direct/voice_kira02.png");
	width: 20px;
	height: 32px;
	left: 16px;
	bottom: -26px;
}
.topVoice .voice__item--03 .voice__text {
	left: -20px;
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.topVoice .voice__item--04:after {
	background-image: url("/cmn/images/direct/voice_kira04.png");
	width: 26px;
	height: 39px;
	right: -16px;
	top: 50px;
}
.topVoice .voice__item--04 .voice__text {
	margin-top: 5px;
}
.topVoice .voice__item--04 .voice__img {
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
}
.ie8 .topVoice .voice__item .voice__text {
	left: 0 !important;
	margin-top: 0 !important;
}
.ie8 .topVoice .voice__item .voice__img {
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
}
.topVoice__more {
	margin-top: 30px;
	text-align: center;
}
.topVoice__more a {
	display: inline-block;
	background: url("/cmn/images/direct/voice_button.png") left top no-repeat;
	width: 325px;
	height: 63px;
	line-height: 60px;
	padding-right: 5px;
	color: #000;
	font-weight: bold;
	font-size: 21px;
	letter-spacing: .08em;
	text-decoration: none;
	text-align: center;
}
.topVoice__more a:hover {
	color: #666;
}

/************************************************************
 * トップ；
 * 直売カーセンサーとは
 ************************************************************/
.topAbout {
    padding: 65px 0 100px 0;
    background: #f6f1ed url("/cmn/images/direct/top_about_bg.png") center 15px no-repeat;
}
.topAbout__inner {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.topAbout__title {
    margin-bottom: 30px;
}
.topAbout__text {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
}
.topAbout__text p + p {
    margin-top: 1em;
}
.topAbout__ways {
    overflow: hidden;
  margin-top: 40px;
}
/* 220912 C4 */
.topAbout__way {
    float: left;
    width: 460px;
}
.topAbout__way--usedcar{
    overflow: hidden;
}
.topAbout__way--newcar{
    overflow: hidden;
    margin-left: 60px;
}
.topAbout__way dt{
    font-size: 14px;
}
.topAbout__way dt p{
  display: block;
  width: 80%;
  max-width: 400px;
  margin: 5px auto 0;
    background: none;
  border: none;
  border-radius: 7px;
    font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
}
.topAbout__way dt p img{
  vertical-align: middle;
  margin: 0 10px;
}
.topAbout__way--usedcar dt p{
  color: #ff6a30;
}
.topAbout__way--newcar dt p{
  color: #0e718c;
}
.topAbout__way--usedcar dt span{
  color: #ff6a30;
	 font-weight: bold;
}
.topAbout__way--newcar dt span{
  color: #0e718c;
	 font-weight: bold;
}
.topAbout__way__sub {
}
.topAbout__way__sub {
    padding: 0 8px 38px 10px;
    background: #fff;
  box-sizing: border-box;
    margin-top: 40px;
}
.topAbout__way__sub {
    float: left;
    width: 220px;
}
.topAbout__way__sub--lease,
.topAbout__way__sub--newcar--lease {
    margin-left: 20px;
}
.topAbout__way .way__title {
    margin-top: -16px;
    margin-bottom: 5px;
}
.topAbout__way .way__title img{
  height: 40px;
  width: auto;
}
.topAbout__way .way__title span{
  display: block;
    font-size: 20px;
}
.topAbout__way__sub--purchase .way__title span{
  color: #ff6a30;
}
.topAbout__way__sub--lease .way__title span{
  color: #0e76c3;
}
.topAbout__way__sub--newcar .way__title span{
  color: #0e718c;
}
.topAbout__way__sub--newcar--lease .way__title span{
  color: #19a1be;
}
.topAbout__way .way__text {
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1.34;
}
.topAbout__way .way__more {
    margin-top: 20px;
}
.topAbout__way .way__more .button {
    width: 100%;
}
.topAbout__way .lease-end--custom {
    display: flex;
}
.topAbout__way .lease-end--custom .topAbout__way__sub--purchase,
.topAbout__way .lease-end--custom .topAbout__way__sub--newcar--lease {
    margin: 40px auto 0;
}
/* //220912 C4 */

/************************************************************
 * トップ；
 * モーダル
 ************************************************************/
.mod-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: #000;
  opacity: 0.75;
  z-index: 10000;
}
.mod-modal-contents {
  display: block;
  position: fixed;
  width: 1000px;
  height:600px;
  overflow:auto;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;  /*30px*/
  margin-top: -300px;
  background: #fff;
  z-index: 10001;
}
.mod-modal-enq {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: #000;
  opacity: 0.75;
  z-index: 10000;
}
.mod-modal-enq-contents {
  display: block;
  position: fixed;
  width: 900px; /*auto*/
  height: 600px; /*auto*/
  overflow:auto;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;  /*30px*/
  background: #fff;
  z-index: 10001;
  text-align: center;
  margin-top: -300px;
}


/************************************************************
 * TOPモーダル：
 * パーツ
 ************************************************************/
/* オリックス用モーダル */
.paymentModal {
  width: 960px;
}
.paymentAbout {
  padding: 50px 20px 20px 20px;
}
.paymentAbout__desc {
  margin: 0 5px;
  text-align: center;
  font-size: 15px;
  line-height: 1.7;
}

.orixTitle {
  margin-bottom: 10px;
}
.paymentAbout__desc p:last-child {
  margin-bottom: 20px;
}

.paymentFlow {
    padding: 20px 60px 0;
}

.paymentFlow__title {
  margin: 0 0 25px 0;
  padding-top: 30px;
  color: #fa4d0d;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.paymentFlow__title .label {
  padding: 5px 0 5px 50px;
  background: url('/cmn/images/direct/search_icon_car.png') left center no-repeat;
}

.paymentFlow .contractCriteria {
  text-align: center;
}

.paymentFlow .contractCriteria th{
  background-color: #ddebf7;
  font-weight: normal;
}

.paymentFlow .contractCriteria .contractCriteria__title {
  padding: 30px 0;
}
.paymentFlow .contractCriteria .contractCriteria__list {
  line-height: 1.6;
  list-style:none;
  text-align: left;
}
.paymentModal .basicModal__close--button {
  width: 300px;
}

.paymentFlow .comparelease th{background: #ddd;width: 20%;padding: 5px;text-align: center;border: 1px solid #777;}
.paymentFlow .comparelease td{
width: 40%;
padding: 5px;
text-align: center;
font-size: .85rem;
line-height: 1.6;
border: 1px solid #777;
}
.paymentFlow .comparelease td img{
height: 50px;
}

.paymentFlow .comparelease td.includeprice{
position: relative
}
.paymentFlow .comparelease td.includeprice img{
position: absolute;
right: 5px;
bottom: 5px;
}
.paymentFlow .comparelease th span,
.paymentFlow .comparelease td span{
font-size: .72rem;

}
.paymentFlow .comparelease th span{
display: block;
line-height: 1.2;
font-weight: normal;
}
.paymentFlow .comparelease td ul{
list-style: none;
    margin-left: 30px;
    padding-bottom: 5px;
}

.paymentFlow .comparelease td ul li{
text-align: left;
}


/************************************************************
 * TOPモーダル NreCar：
 * パーツ
 ************************************************************/
.newCarModal {
  width: 980px;
}
.newCarAbout {
  padding: 50px 20px 20px 20px;
}
.newCarAbout__desc {
  margin: 0 5px;
  text-align: center;
  font-size: 15px;
  line-height: 1.7;
}

.joycalTitle {
  margin-bottom: 10px;
}
.newCarAbout__desc p:last-child {
  margin-bottom: 20px;
}

.newCarFlow {
    padding: 0 90px;
}

.newCarFlow__title {
  margin: 0 0 25px 0;
  padding-top: 30px;
  color: #fa4d0d;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.newCarFlow__title .label {
  padding: 5px 0 5px 50px;
  background: url('/cmn/images/direct/search_icon_car.png') left center no-repeat;
}

.newCarFlow .contractCriteria {
  text-align: center;
}

.newCarFlow .contractCriteria th{
  background-color: #ddebf7;
  font-weight: normal;
}

.newCarFlow .contractCriteria .contractCriteria__title {
  padding: 30px 0;
}
.newCarFlow .contractCriteria .contractCriteria__list {
  line-height: 1.6;
  list-style:none;
  text-align: left;
}
.newCarModal .basicModal__close--button {
  width: 210px;
}
.newCarFlow .contractCriteria .liquidation__info {
  padding: 10px;
}
.newCarFlow .contractCriteria .liquidation__info ul{
  list-style:none;
  font-size: 15px;
}
.newCarFlow .contractCriteria .liquidation__info li {
  padding-left: 1em;
  text-indent: -1em;
}
.newCarFlow .contractCriteria .liquidation__info li .symbol {
  margin: 0;
  font-family: 'Meiryo', sans-serif;
}
/****/

.flowStep {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: solid 2px #eee;
}
.flowStep__item {
  display: table-cell;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px 30px 20px 30px;
  border-right: solid 2px #eee;
  text-align: center;
  vertical-align: top;
}
.flowStep__item:last-child {
  border-right: none;
}
.flowStep__item * {
  position: relative;
  z-index: 2;
}
.flowStep__item .num {
  position: absolute;
  left: -7px;
  top: -14px;
  font-size: 91px;
  font-family: "Gidole Regular", Arial, Helvetica, sans-serif;
  color: #eee;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.01em;
  z-index: 1;
}
.flowStep__item .title {
  margin: 15px 0;
  color: #133870;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.04em;
}
.flowStep__item .img {
  height: 100px;
  line-height: 100px;
  vertical-align: middle;
  margin-right: -10px;
  margin-left: -10px;
}
.flowStep__item .img img {
  vertical-align: middle;
}
.flowStep__item .desc {
  font-size: 12px;
  line-height: 1.58;
  text-align: left;
}
.flowStep__item .desc p:last-child {
  margin-bottom: 0;
}
.flowStep__item .desc .note {
  margin-top: -0.5em;
  font-size: 10px;
}

.input_hosho_hiyo {
  display: inline-block !important;
  float: right;
  margin-right: 17px;
}
/************************************************************
 * TOPモーダル ：
 * 中古車　購入orリース
 ************************************************************/
.BuyOrLeaseModal {
  width: 780px;
}
.BuyOrLease {
  padding: 64px 40px 70px 40px;
  box-sizing: border-box;
  display: -ms-flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.BuyOrLease__way {
    position: relative;
    z-index: 90;
    width: 450px;
  box-sizing: border-box;
    padding: 28px 40px 30px 40px;
  border: solid #eeeeee;
  border-width: 6px 3px 6px 6px;
    background: #fff;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
    -o-transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
    -webkit-transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
    transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
}
.BuyOrLease__way--purchase {
}
.BuyOrLease__way--lease {
  border-width: 6px 6px 6px 3px;
}
.BuyOrLease__way {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
.BuyOrLease__way--purchase {
}
.BuyOrLease__way .way__title {
    margin: -60px 0 5px 0;
}
.BuyOrLease__way .way__more {
    margin-top: 15px;
}
.BuyOrLease__way .way__more .basicButton{
  width: 260px;
}
.BuyOrLease__way.BuyOrLease__way--purchase .way__more .basicButton{
    -moz-box-shadow: 0 4px 0 #ea5b15;
    -webkit-box-shadow: 0 4px 0 #ea5b15;
    box-shadow: 0 4px 0 #ea5b15;
    background: #ff6920;
}

/* 220912 C4 */
/************************************************************
 * TOPモーダル ：
 * 新車　サブスクorリース
 ************************************************************/
.SubscOrLeaseModal {
  width: 780px;
}
.SubscOrLease {
  padding: 64px 40px 70px 40px;
  box-sizing: border-box;
  display: -ms-flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.SubscOrLease__way {
    position: relative;
    z-index: 90;
    width: 450px;
  box-sizing: border-box;
    padding: 28px 30px 30px 30px;
  border: solid #eeeeee;
  border-width: 6px 3px 6px 6px;
    background: #fff;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
    -o-transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
    -webkit-transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
    transition: left 0.5s ease 0.1s, right 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
}
.SubscOrLease__way--subsc {
}
.SubscOrLease__way--lease {
  border-width: 6px 6px 6px 3px;
}
.SubscOrLease__way {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
.SubscOrLease__way--subsc {
}
.SubscOrLease__way .way__title {
    margin: -60px 0 5px 0;
}
.SubscOrLease__way .way__more {
    margin-top: 15px;
}
.SubscOrLease__way .way__more .basicButton{
  width: 260px;
    padding-right: 26px;
    padding-left: 20px;
}
.SubscOrLease__way .way__note {
    margin-top: 8px;
	text-align: center;
	font-size: 12px;
}
/* //220912 C4 */