@charset "UTF-8";
/* スライドするButton Hover Effects 左から */
/* スライドするButton Hover Effects 左下から */
/* 画像を丸くトリミング */
/* 縦横中央・GRID */
/* テスト用ボーダー */
/* テスト用背景色 */
/*-----------------------
 common
------------------------*/
nav {
  padding: 0 28px; }
  @media only screen and (max-width: 1140px) {
    nav {
      padding: 0; } }

.content > .inner {
  width: 1140px;
  text-align: left; }
  @media only screen and (max-width: 1140px) {
    .content > .inner {
      width: 100%;
      padding: 0 15px; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  .content > .inner {
    padding: 0 10px; } }

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

.ttl-block {
  display: block;
  text-align: left;
  width: 100%;
  padding: 25px;
  margin: 25px 0 0 !important;
  background-color: #40210F;
  color: #fff; }
  @media only screen and (max-width: 1140px) {
    .ttl-block {
      padding: 2.1929824561vw;
      margin: 2.1929824561vw 0; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    .ttl-block {
      padding: 2.44140625vw;
      margin: 2.44140625vw 0; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    .ttl-block {
      padding: 8px 15px;
      margin: 15px 0;
      border-radius: 0; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    .ttl-block {
      padding: 5px 6.4102564103vw;
      margin: 10px 0; } }

.ttl-block.img {
  position: relative;
  z-index: 100;
  padding: 0 !important;
  margin-bottom: -50px;
  background-color: transparent;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); }
  .ttl-block.img img {
    width: auto;
    height: auto;
    max-width: 80%; }
  @media only screen and (max-width: 1140px) {
    .ttl-block.img {
      margin-bottom: -4.3859649123vw; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    .ttl-block.img {
      margin-bottom: -4.8828125vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    .ttl-block.img {
      margin-bottom: -25px;
      border-radius: 0;
      text-align: center; }
      .ttl-block.img img {
        width: auto;
        height: auto;
        max-width: 95%;
        margin: 0 auto; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    .ttl-block.img {
      margin-bottom: -20px; } }

.ttl-block-sub {
  text-align: center;
  font-size: 175% !important;
  color: #C3002F; }
  .ttl-block-sub > span {
    display: block;
    line-height: 1.4; }
  .ttl-block-sub > span:first-of-type {
    margin-bottom: 3px; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  .ttl-block-sub {
    font-size: 135% !important; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    .ttl-block-sub {
      font-size: 110% !important; }
      .ttl-block-sub > span {
        display: inline-block; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    .ttl-block-sub {
      text-align: left;
      font-size: 100% !important; }
      .ttl-block-sub > span {
        display: inline; } }

.ttl {
  margin-bottom: 0.5em; }

@media only screen and (max-width: 1140px) {
  .inner > .wrap,
  .inner > .sect-body,
  .inner > .search {
    padding: 20px; } }
  @media only screen and (max-width: 1140px) and (max-width: 767px) {
    .inner > .wrap,
    .inner > .sect-body,
    .inner > .search {
      padding: 10px; } }

.sect-body {
  padding: 1em;
  border: 3px solid #40210F; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  .sect-body {
    padding: 0;
    border: 0; } }

#seiyaku .sect-body,
#taiken-tenji .sect-body,
#event .sect-body {
  padding: 0;
  border: 0 !important; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #seiyaku .sect-body,
  #taiken-tenji .sect-body,
  #event .sect-body {
    padding: 0 15px 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #seiyaku .sect-body,
    #taiken-tenji .sect-body,
    #event .sect-body {
      padding: 0 10px 10px; } }

p.notes,
.notes p {
  font-size: 70%; }

/*-----------------------
 #main
------------------------*/
#main {
  position: relative;
  margin-bottom: 0 !important; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #main {
    margin: 0;
    background: none; } }

#main .inner {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center; }

#main .img {
  padding: 0;
  margin: 0; }

#main .notes {
  padding: 0.5em;
  text-align: right;
  font-size: 80%; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #main .notes {
    font-size: 70%; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #main .notes {
      font-size: 65%; } }

#main #mainimg-nissan-logo {
  display: block;
  position: absolute;
  top: 1.5em;
  left: 1.5em;
  width: 120px;
  z-index: 999; }
  #main #mainimg-nissan-logo img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 1140px) {
    #main #mainimg-nissan-logo {
      width: 10.5263157895vw; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    #main #mainimg-nissan-logo {
      width: 9.765625vw;
      top: 1em;
      left: 1em; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #main #mainimg-nissan-logo {
      width: 10.4302477184vw;
      top: 8px;
      left: 8px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #main #mainimg-nissan-logo {
      top: 5px;
      left: 5px;
      width: 10.2564102564vw; } }

/*-----------------------
 #mv
------------------------*/
#mv {
  width: 100%;
  padding: 100px 0;
  text-align: center; }
  @media only screen and (max-width: 1140px) {
    #mv {
      width: 100%;
      padding: 8.7719298246vw 0; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #mv {
    padding: 15px 0; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #mv {
      padding: 10px 0; } }

#mv .inner {
  padding: 0;
  margin: 0 auto; }

#mv .ttl {
  text-align: center; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #mv .ttl {
    font-size: 3.5vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #mv .ttl {
      font-size: 3.4vw; } }

#mv .wrap box {
  background-color: #000; }

#mv #movie-pre p {
  width: 100%;
  background-color: #333;
  color: #fff;
  padding: 6em 0;
  margin-bottom: 0.5em;
  font-size: 200%;
  font-weight: 600;
  text-align: center; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #mv #movie-pre p {
    font-size: 150%; } }

#mv #movie {
  width: 1000px;
  padding: 0;
  margin: 0 auto;
  aspect-ratio: 16 / 9; }
  #mv #movie iframe {
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 1140px) {
    #mv #movie {
      width: 100%; } }

#mv #mv-to-seiyaku {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  text-decoration: none; }
  #mv #mv-to-seiyaku:hover {
    color: #C3002F; }
  @media only screen and (max-width: 1140px) {
    #mv #mv-to-seiyaku {
      font-size: 1.5rem; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #mv #mv-to-seiyaku {
    font-size: 3.5vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #mv #mv-to-seiyaku {
      font-size: 4.4vw; } }

#mv #mv-to-seiyaku:before,
#mv #mv-to-seiyaku:after {
  content: " \f0ab";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #999; }

/*-----------------------
 #preview
------------------------*/
#preview .wrap {
  padding: 0 0 40px !important; }
  @media only screen and (max-width: 1140px) {
    #preview .wrap {
      padding: 0 0 3.5087719298vw; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #preview .wrap {
    padding: 0 0 40px !important; } }

/*-----------------------
 #seiyaku
------------------------*/
#seiyaku {
  background-color: #fff; }

#seiyaku .inner {
  padding: 40px 0; }
  @media only screen and (max-width: 1140px) {
    #seiyaku .inner {
      padding: 3.5087719298vw 15px 15px; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #seiyaku .inner {
    padding: 0 0 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #seiyaku .inner {
      padding: 0 0 10px; } }

#seiyaku .tokuten {
  padding: 0; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #seiyaku .tokuten {
    padding: 0 15px 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #seiyaku .tokuten {
      padding: 0 10px 10px; } }

#seiyaku .tokuten.list-root {
  position: relative;
  z-index: 0;
  margin: 0;
  padding-top: 0;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 1140px) {
    #seiyaku .tokuten.list-root {
      margin: 4.3859649123vw 0 0; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    #seiyaku .tokuten.list-root {
      margin: 4.8828125vw 0 0; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #seiyaku .tokuten.list-root {
      margin: 25px 0 0; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #seiyaku .tokuten.list-root {
      margin: 20px 0 0; } }

#seiyaku .tokuten .list-item {
  width: 49.5%;
  padding: 5px;
  margin-bottom: 0.5em; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #seiyaku .tokuten .list-item {
    width: 49%; } }

#seiyaku .tokuten .list-item#seiyaku1 .ttl.img {
  padding: 0;
  margin: 0 0 1em;
  text-align: center; }

#seiyaku .tokuten .list-item#seiyaku1 .ttl img {
  width: auto;
  height: auto;
  max-width: 95%; }

#seiyaku .tokuten .list-item#seiyaku1 {
  width: 100%; }

#seiyaku #seiyaku1 .list-child {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #seiyaku #seiyaku1 .list-child:after {
    content: "";
    display: block;
    width: 32%; } }

#seiyaku #seiyaku1 .list-child li {
  width: 24.5%;
  margin-bottom: 0.5em;
  padding: 0.5em; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #seiyaku #seiyaku1 .list-child li {
    width: 32.5%;
    padding: 0.1em; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #seiyaku #seiyaku1 .list-child li {
      width: 32.5%; } }

#seiyaku #seiyaku1 .list-child .img img {
  width: 100% !important;
  height: auto !important; }

#seiyaku #seiyaku2,
#seiyaku #seiyaku3 {
  width: 49.5%; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #seiyaku #seiyaku2,
  #seiyaku #seiyaku3 {
    width: 100% !important; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #seiyaku #seiyaku2,
    #seiyaku #seiyaku3 {
      padding: 0; } }

#seiyaku .tokuten .list-item .img {
  height: 100%;
  padding: 1em; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #seiyaku .tokuten .list-item .img {
    padding: 0; } }

#seiyaku .notes {
  width: 100%;
  padding: 0.5em 1em;
  text-align: center; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #seiyaku .notes {
    padding: 0.5em 0;
    text-align: left; } }

/*-----------------------
 #tokusen
------------------------*/
#tokusen .inner {
  padding: 80px 0; }
  @media only screen and (max-width: 1140px) {
    #tokusen .inner {
      padding: 0 15px 3.5087719298vw; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen .inner {
    padding: 0 0 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #tokusen .inner {
      padding: 0 0 10px; } }

#tokusen header {
  text-align: center;
  margin-bottom: 1em #tokusen header #avairable;
    margin-bottom-margin-bottom: 0; }

#tokusen header#avairable .ttl-block {
  margin-bottom: 0.5em; }

#tokusen header .ttl-block-sub {
  padding: 15px; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
  #tokusen header .ttl-block-sub {
    padding: 10px; } }

#tokusen header .ttl-block-sub .point {
  /* 蛍光マーカー効果 */
  background: linear-gradient(transparent 60%, yellow 40%); }

#tokusen header .other {
  display: block;
  font-size: 110%;
  font-weight: 600;
  margin-bottom: 1em !important; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen header .other {
    padding: 0 15px;
    font-size: 95%; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #tokusen header .other {
      padding: 0 10px; } }

#tokusen header .other span {
  display: block;
  text-decoration: underline; }

#tokusen header .notes {
  padding: 0.5em;
  margin: 1em 0;
  font-size: 110%;
  font-weight: 600; }
  #tokusen header .notes:first-of-type {
    padding-bottom: 0; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen header .notes {
    padding: 15px;
    margin: 0.5em 0;
    text-align: left;
    font-size: 75%; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #tokusen header .notes {
      padding: 10px;
      font-size: 60%; }
      #tokusen header .notes br {
        display: none; } }

#tokusen header .desc span {
  display: inline-block; }

#tokusen header .desc span:last-of-type {
  display: block;
  margin-top: 0.5em; }

#tokusen .wrap {
  background-color: #fff6e9; }

#tokusen .list-root.dummy .list-item {
  width: 100% !important;
  padding-top: 15px;
  text-align: center; }
  #tokusen .list-root.dummy .list-item img {
    width: 100%;
    height: auto;
    max-width: 767px;
    margin: 0 auto; }

#tokusen .list-root#carlist0 {
  margin-bottom: 1.5em;
  background-color: #fff; }

#tokusen .list-root#carlist {
  background-color: #fff; }

#tokusen .list-root#carlist0,
#tokusen .list-root#carlist {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen .list-root#carlist0,
  #tokusen .list-root#carlist {
    padding: 0 0.5em; } }

#tokusen #carlist0 .list-item {
  width: 49.5%;
  padding: 10px;
  margin-bottom: 10px; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen #carlist0 .list-item {
    width: 100%;
    padding: 5px; }
    #tokusen #carlist0 .list-item .grade {
      padding: 0 2px;
      font-size: 70%; }
      #tokusen #carlist0 .list-item .grade br {
        display: none; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #tokusen #carlist0 .list-item {
      padding: 0; }
      #tokusen #carlist0 .list-item .name {
        margin-top: 0; }
      #tokusen #carlist0 .list-item .grade {
        font-size: 50%; } }

#tokusen #carlist .list-item {
  width: 33.3%;
  padding: 10px;
  margin-bottom: 10px; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen #carlist .list-item {
    width: 49.5%;
    padding: 5px; }
    #tokusen #carlist .list-item .grade {
      padding: 0 2px;
      font-size: 70%; }
      #tokusen #carlist .list-item .grade br {
        display: none; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #tokusen #carlist .list-item {
      width: 49.5% !important;
      padding: 0; }
      #tokusen #carlist .list-item .name {
        margin-top: 0; }
      #tokusen #carlist .list-item .grade {
        font-size: 50%; } }

#tokusen .list-item a {
  position: relative;
  height: 100%;
  display: block;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.2em;
  border: 1px solid #ccc;
  text-align: center;
  text-decoration: none;
  background-color: #fff; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen .list-item a {
    padding: 0; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #tokusen .list-item a {
      padding: 0;
      -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
      filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); } }

#tokusen .list-item .img {
  width: 100%; }
  #tokusen .list-item .img img {
    width: 100%;
    height: auto; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen .list-item .img {
    padding: 5px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #tokusen .list-item .img {
      padding: 2px; } }

#tokusen .list-item a .cap {
  display: block;
  padding: 0.5em;
  margin-top: 0.2em;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  background-color: #C3002F; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  #tokusen .list-item a .cap {
    font-size: 1.8vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #tokusen .list-item a .cap {
      font-size: 2.5vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #tokusen .list-item a .cap {
      font-size: 3vw; } }

#tokusen .list-item a .cap span:first-of-type,
#tokusen .list-item .dummy .cap span:first-of-type {
  display: inline-block; }
#tokusen .list-item a .cap span.md,
#tokusen .list-item .dummy .cap span.md {
  display: inline-block; }
#tokusen .list-item a .cap span.sp,
#tokusen .list-item .dummy .cap span.sp {
  display: none; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen .list-item a .cap span.md,
  #tokusen .list-item .dummy .cap span.md {
    display: none; }
  #tokusen .list-item a .cap span.sp,
  #tokusen .list-item .dummy .cap span.sp {
    display: inline-block; } }

#tokusen .list-item a .cap span.md:after,
#tokusen .list-item a .cap span.sp:after,
#tokusen .list-item .dummy .cap span.md:after,
#tokusen .list-item .dummy .cap span.sp:after {
  display: inline !important;
  content: " \f0a9";
  padding-left: 3px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }

#tokusen .list-item a .cap:hover {
  color: yellow; }

/* 大特価車 #carlist0 */
#tokusen #carlist0 .list-item a {
  border: 3px double #C3002F; }

#tokusen #carlist0 .list-item a .cap span.md {
  display: inline !important; }
#tokusen #carlist0 .list-item a .cap span.sp {
  display: none !important; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #tokusen #carlist0 .list-item a .cap span.md {
    display: none !important; }
  #tokusen #carlist0 .list-item a .cap span.sp {
    display: inline-block !important; } }

/* 限定ラベル */
#tokusen .list-item .img {
  position: relative; }

#tokusen .lbl-daitokka {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 120px;
  height: 69px;
  padding: 0;
  background: url(../image/lbl_daitokka.png) center center no-repeat;
  background-size: contain;
  z-index: 100; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
  #tokusen .lbl-daitokka {
    width: 40px;
    height: 23px; } }

#tokusen .lbl-limited {
  position: absolute;
  display: inline-block;
  top: 5px;
  right: 5px;
  width: 45px;
  height: 45px;
  padding: 0;
  background: url(../image/lbl_limited.png) center center no-repeat;
  background-size: contain;
  z-index: 100; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
  #tokusen .lbl-limited {
    width: 35px;
    height: 35px; } }

/* search */
/*-----------------------
 #recommend
------------------------*/
#recommend {
  background-color: #fff; }

#recommend .inner {
  padding: 80px 0; }
  @media only screen and (max-width: 1140px) {
    #recommend .inner {
      padding: 0 15px 3.5087719298vw; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recommend .inner {
    padding: 0 0 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #recommend .inner {
      padding: 0 0 10px; } }

#recommend .ttl-block {
  color: #fff; }

#recommend .ttl {
  padding: 0; }
  @media only screen and (max-width: 1140px) {
    #recommend .ttl {
      padding: 0 15px; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recommend .ttl {
    padding: 0 10px; } }

#recommend .lbl-wrap {
  display: inline-block;
  width: auto;
  padding: 0.5em 1em;
  margin: 0;
  background-color: #0DB7D6;
  color: #fff;
  text-align: center; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recommend .lbl-wrap {
    display: block;
    text-align: center;
    padding: 0.5em 1em; } }

#recommend .wrap {
  background: url(../image/recommend_bg.jpg) top left repeat-y; }

#recommend .wrap .list-root {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#recommend .wrap .list-item {
  width: 49.5%;
  margin-bottom: 0.7em;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); }
  #recommend .wrap .list-item:last-of-type {
    margin-bottom: 0; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recommend .wrap .list-item {
    width: 100%;
    margin: 0.5em; }
    #recommend .wrap .list-item:last-of-type {
      margin-bottom: 0; } }

#recommend .wrap img {
  width: 100%;
  height: auto; }

#recommend .wrap-notes {
  padding: 0.5em;
  margin-top: 0.5em;
  background-color: #fff; }
  @media only screen and (max-width: 1140px) {
    #recommend .wrap-notes {
      padding: 0 15px; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recommend .wrap-notes {
    margin-top: 10px;
    padding: 0 10px; } }

/*-----------------------
 #campaign
------------------------*/
#campaign .inner {
  padding: 80px 0; }
  @media only screen and (max-width: 1140px) {
    #campaign .inner {
      padding: 0 15px 3.5087719298vw; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #campaign .inner {
    padding: 0 0 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #campaign .inner {
      padding: 0 0 10px; } }

#campaign .wrap {
  padding: 1em 0 0;
  border: 2px solid #40210F;
  background-color: #fff6e9;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #campaign .wrap:last-of-type {
    margin-bottom: 0; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #campaign .wrap {
    padding: 0.5em;
    border: 0; } }

#campaign .wrap .notes {
  background-color: transparent;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#campaign .wrap .notes:nth-of-type(1) {
  padding: 0 0.5em;
  margin-top: 0.5em; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #campaign .wrap .notes:nth-of-type(1) {
    padding: 0; } }

#campaign .wrap .notes:nth-of-type(2) {
  padding: 0 0.5em 0.5em;
  margin-top: 0; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #campaign .wrap .notes:nth-of-type(2) {
    padding: 0 0 0.5em;
    margin-top: 0; } }

#campaign .wrap .notes .col2-1 {
  width: 30px; }

#campaign .wrap .notes .col2-2 {
  width: calc(100% - 30px); }

#campaign .wrap .wrap-notes {
  width: 100%;
  padding: 0.5em;
  background-color: #fff; }

#campaign #campaign1-wrap-notes1,
#campaign #campaign1-wrap-notes2 {
  margin-bottom: 5px;
  font-weight: 600; }

#campaign #campaign2-wrap-notes1,
#campaign #campaign2-wrap-notes2,
#campaign #campaign2-wrap-notes3 {
  margin-bottom: 5px;
  font-weight: 600; }

#campaign #campaign2-wrap-notes2 span {
  font-weight: 400;
  font-size: 80%;
  line-height: 0.5; }

#campaign .wrap img {
  width: 100%;
  height: auto; }

#campaign .wrap .to-detail {
  padding: 0.5em;
  text-align: right;
  font-weight: 600;
  font-size: 90%;
  background-color: #efefef; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #campaign .wrap .to-detail {
    padding: 0.5em; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #campaign .wrap .to-detail {
      font-size: 65%;
      text-align: left; } }

#campaign .wrap .to-detail:after {
  content: " \f0a9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }

/*-----------------------
 #taiken-tenji
------------------------*/
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #taiken-tenji {
    margin: 30px 0 10px; } }

#taiken-tenji .inner {
  padding: 80px 0; }
  @media only screen and (max-width: 1140px) {
    #taiken-tenji .inner {
      padding: 0 15px 3.5087719298vw; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #taiken-tenji .inner {
    padding: 0 0 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #taiken-tenji .inner {
      padding: 0 0 10px; } }

#taiken-tenji .img.md {
  padding: 0.5em;
  border: 1px solid #ccc;
  border-radius: 5px; }

#taiken-tenji .wrap {
  position: relative;
  z-index: 0;
  padding-top: 0; }

#taiken-tenji .list-root {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#taiken-tenji .list-item {
  width: 49.5%;
  margin-bottom: 1em; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #taiken-tenji .list-item {
    width: 49%;
    margin-bottom: 0.5em; } }

#taiken-tenji .list-item#taiken-gtr,
#taiken-tenji .list-item#taiken-shijou,
#taiken-tenji .list-item#taiken-propilot {
  width: 100%; }

#taiken-tenji .list-item .img {
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 8px; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #taiken-tenji .list-item .img {
    padding: 0.5em; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #taiken-tenji .list-item .img {
      padding: 0.3em;
      border-radius: 4px; } }

/*-----------------------
 #event
------------------------*/
#event {
  margin: inherit; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #event {
    margin: 30px 0 10px; } }

#event .inner {
  padding: 80px 0 0; }
  @media only screen and (max-width: 1140px) {
    #event .inner {
      padding: 0 15px 3.5087719298vw; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #event .inner {
    padding: 0 0 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #event .inner {
      padding: 0 0 10px; } }

#event #events .wrap {
  position: relative;
  z-index: 0;
  padding-top: 0; }

/*-----------------------
 #map
------------------------*/
#map .inner {
  padding: 80px 0 0;
  text-align: center; }
  @media only screen and (max-width: 1140px) {
    #map .inner {
      padding: 0 15px 3.5087719298vw; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #map .inner {
    padding: 0 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 390px) {
    #map .inner {
      padding: 0 10px; } }

@media only screen and (max-width: 1140px) {
  #map iframe {
    padding: 0 15px; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #map iframe {
    padding: 0 10px; } }

#map .img {
  width: auto;
  margin: 1em auto 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  text-align: center; }
  #map .img img {
    width: 100%;
    height: auto; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #map .img {
    max-width: 100%;
    padding: 0; } }