@charset "utf-8";
h2 {
  letter-spacing: 0.08em;
}
/* ボタン */
#main_contents a,
#main_contents .btn {
	transition-property: all;
	transition: 0.2s linear;
}
#main_contents .card a,
#main_contents .ranking-card a {
  display: block;
}
#main_contents a:hover,
#main_contents .btn:hover {
  text-decoration: none;
}
/**/
#owl-slide .item img {
  display: block;
  width: 100%;
  height: auto;
}
.owl-carousel .owl-nav {
  height: 33px;
}
.owl-carousel .owl-nav button {
  width: 23px !important;
  height: 23px !important;
  outline: none;
  top: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  background-size: 23px 23px !important;
}
.owl-carousel .owl-nav button.owl-prev {
  left: 0 !important;
}
.owl-carousel .owl-nav button.owl-next {
  right: 0 !important;
}
.owl-carousel .owl-nav button:active {
  background-color: rgba(255, 255, 255, 0);
  background-blend-mode: normal;
}
.owl-carousel .owl-nav button.owl-prev:hover {
  background-image: url(/car/common_r/img/parts/controls.png);
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}
.owl-carousel .owl-nav button.owl-next:hover {
  background-image: url(/car/common_r/img/parts/controls-02.png);
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}
.owl-theme .owl-dots {
  position: relative;
  width: calc(100% - 55px); /* 23+23+9 */
  z-index: 10;
  line-height: 0;
  top: 0;
  bottom: 0;
  margin-top: -20px;
  margin-left: 24px;
}
.owl-theme .owl-dots .owl-dot {
  width: 10px;
  margin: 0 3px;
  outline: none;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: #d5d5d5;
}
.owl-theme .owl-dots .owl-dot.active span {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  background-color: #707070;
}
#mv_left {
  padding-left: 0;
  width: 100%;
}
#mv_left .owl-theme .owl-dots {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
}
#mv_right {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
#mv_right .card-header {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}
#mv_right .card-header p {
  line-height: 48px;
}
#mv_right .card-element p {
  font-size: 12px;
}
#mv_right .card-text {
  font-size: 9px;
}
/**/
.container {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100%;
}
.container .lead {
  font-size: 14px !important;
}
.recall-area .text-center, .recall-area .arr-right {
  margin-top: 0;
  margin-bottom: 0;
}
.container .recall-area p {
  font-size: 10px;
}
.container .icon-ranking {
  width: 23px;
  height: 23px;
}
#ranking .card-text span {
  font-size: 14px;
}
#lineup .row {
  margin-left: 0 !important;
  margin-right: -9px !important;
}
.container .owl-carousel {
  width: 100%;
}
#lineup .owl-stage-outer {
  width: calc(100% - 1px);
}
#lineup .owl-nav {
  width: calc(100% - 9px);
}
#lineup .item {
  padding-left: 0;
  padding-right: 9px;
  margin-bottom: 0;
}
#lineup .card-text {
  line-height: 12px;
  padding-left: 0;
  padding-right: 0;
}
#lineup .card-text span {
  font-size: 12px;
  line-height: 1.2;
}
#lineup .card-price {
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 10px;
}
#lineup .bd-none {
  border-top: 1px solid #d5d5d5 !important;
}
#lineup .card-element p, #lineup .card-element2 p, #lineup .card-element3 p {
  font-size: 12px !important;
  color: #707070;
  line-height: 1em !important;
  padding: 6px !important;
}
#lineup .btn {
  font-size: 15px !important;
}
#recommend_useful .row {
  margin-left: 0 !important;
}
#recommend_useful .heightCtr {
  padding: 0 !important;
}
#recommend_useful .col-sm-12, #recommend_useful .col-md-4, #recommend_useful .mt-4 {
  padding: 0 !important;
}
#recommend_useful .card-header-news, #recommend_useful .card-header-tvcm, #recommend_useful .card-header-info, #special_area .card-header-info {
  padding: 8px 10px;
}
#recommend_useful .card-header-news p, #recommend_useful .card-header-tvcm p, #recommend_useful .card-header-info p, #special_area .card-header-info p {
  font-size: 14px;
  line-height: 1.2;
}
#recommend_useful .card-body-content p, #recommend_useful .card-body-content2 p, #recommend_useful .card-body-content3 p {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 3px;
  margin-bottom: 3px;
}
#recommend_useful .content {
  padding: 0 !important;
}
#recommend_useful .btn {
  font-size: 15px !important;
}
#whatsnewCtt li a {
  font-size: 12px;
  display: block;
  text-indent: -7em;
  padding-left: 7em;
}
#mailmagazine h3, #related_link h3 {
  font-size: 16px;
  color: #4d4d4d;
  margin-bottom: 0;
}
#mailmagazine p {
  font-size: 12px;
  color: #707070;
}
#mailmagazine .btn {
  font-size: 15px;
}
#related_link {
  padding: 40px 0;
}
#related_link .row {
  margin-right: -6px !important;
}
#related_link .row > div {
  margin-top: 6px;
  padding-right: 9px;
  padding-left: 0;
}
.l-footer-contents {
  margin-top: 0 !important;
}
/*


*/
@media screen and (min-width: 751px) {
  #ranking .card-text {
    font-size: 16px;
    padding: 10px 0 0;
  }
  .container #lineup .item {
    padding-right: 15px !important;
  }
  #lineup .row {
    margin-right: -15px !important;
  }
  #lineup .owl-nav {
    width: calc(100% - 15px);
  }
  #lineup .card-text {
    line-height: 0.6;
  }
#recommend_useful .row {
  margin-right: -15px !important;
}
  #recommend_useful .item {
    padding-right: 15px !important;
  }
  #recommend_useful .owl-nav {
    width: calc(100% - 15px);
  }
  #related_link .row {
    margin-right: -6px !important;
    margin-left: 0;
  }
  #mailmagazine p {
    text-align: center;
  }
  #gblFooter {
    margin-top: 0;
  }
}
/*


*/
@media screen and (min-width: 961px) {
  .owl-carousel .owl-nav {
    height: 45px;
  }
  .owl-carousel .owl-nav button {
    width: 30px !important;
    height: 30px !important;
    background-size: 30px 30px !important;
  }
  .owl-carousel .owl-nav button.owl-prev {
    top: 15px;
    left: calc(50% - 130px) !important;
    background-size: 30px 30px !important;
  }
  .owl-carousel .owl-nav button.owl-next {
    top: 15px;
    right: calc(50% - 130px) !important;
    background-size: 30px 30px !important;
  }
  .owl-theme .owl-dots {
    width: calc(100% - ((50% - 130px + 30px) * 2));
    margin-left: calc(50% - 130px - 7.5px + 30px);
    margin-top: -30px;
  }
  .owl-theme .owl-dots .owl-dot {
    width: 16px;
    margin: 0 5px;
  }
  .owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
  }
  .owl-theme .owl-nav {
    height: 45px;
  }
  #mv {
    width: 100%;
    padding: 10px 10px 0;
  }
  #mv_left {
    float: left;
    width: 72%;
    padding-right: 10px;
  }
  #mv_left .owl-theme .owl-dots {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
  #mv_left .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
  }
  #mv_right {
    float: right;
    width: 28%;
    padding: 0;
  }
  #mv .card-text {
    font-size: 14px;
  }
  #mv .card-element p {
    font-size: 18px;
    padding: 0;
    line-height: 52px;
  }
  .container .lead {
    font-size: 20px !important;
  }
  .container .recall-area p {
    font-size: 15px;
  }
  .container h3.mt-md-7 {
    margin-top: 50px !important;
    margin-bottom: 20px !important;
  }
  #ranking .card-text span {
    font-size: 16px;
  }
  #lineup .card-text {
    line-height: 19px;
  }
  #lineup .card-text span {
    font-size: 18px;
  }
  #lineup .card-price {
    font-size: 16px !important;
    padding-bottom: 10px !important;
  }
  #lineup .card-element p, #lineup .card-element2 p, #lineup .card-element3 p {
    font-size: 16px !important;
  }
  #lineup .bd-none {
    /* border: none !important; */
  }
  #lineup .btn {
    font-size: 18px !important;
  }
  #recommend_useful .row {
    margin-right: -15px !important;
  }
  #recommend_useful .card-header-news p, #recommend_useful .card-header-tvcm p, #recommend_useful .card-header-info p {
    font-size: 16px;
  }
  #recommend_useful .card-body-content p, #recommend_useful .card-body-content2 p, #recommend_useful .card-body-content3 p {
    font-size: 14px;
    line-height: 1.5;
  }
  #recommend_useful .btn {
    font-size: 18px !important;
  }
  #whatsnewCtt li a {
    font-size: 16px;
  }
  #mailmagazine h3, #related_link h3 {
    font-size: 23px;
    color: #4d4d4d;
  }
  #mailmagazine p {
    font-size: 16px;
  }
}
/*


*/
@media screen and (min-width: 1383px) {
  .container {
    width: 1233px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/*


*/
@media screen and (min-width: 1500px) {
  #mv {
    width: 1380px;
    margin: 0 auto;
  }
  #mv_left {
    width: 985px;
    padding: 0;
  }
  #mv_right {
    width: 360px;
  }
  #mv .card-text {
    padding: 15px 10px;
    line-height: 20px;
  }
}

.heightCtr .card a{
	min-height: 0%;
	display: block;
}
/*


*/
#special_area .item {
  padding-left: 0;
  padding-right: 9px;
  margin-bottom: 0;
}
#special_area .card-header-info {
    background-color: #1b98e0;
}
#special_area img {
    border-radius: 0 0 5px 5px;
}
@media screen and (min-width: 751px) {
#special_area .row,
  #special_area .item {
    padding-right: 15px !important;
  }
}