@charset "EUC-JP";

html {
  scroll-behavior: smooth;
}

body #contents *,
body #contents *::before,
body #contents *::after {
  box-sizing: border-box;
}

body #contents {
  box-sizing: border-box;
  font-family: Helvetica,Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
  line-height: 1.5;
}

body #contents div::after {
  visibility: visible;
  clear: none;
  content: none;
  height: auto;
  font-size: inherit;
}


[class^="textlink_"] {
  display: inline-block;
  display: inline-flex;
  align-items: center;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  font-weight: normal;
  vertical-align: middle;
  text-decoration: none;
}
[class^="textlink_"]:hover {
  text-decoration: underline;
}
[class^="textlink_"]::before,
[class^="textlink_"]::after {
  display: inline-block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.textlink_arrow::after {
  margin-left: 4px;
  background-image: url("https://img.goo-net.com/cache/ranking/icon_arrow.svg");
  content: "";
}
.textlink_pagetop::before {
  width: 10px;
  height: 10px;
  margin-right: 6px;
  background-image: url("https://img.goo-net.com/cache/ranking/icon_pagetop.svg");
  content: "";
}


.tit {
  margin-top: 16px;
  margin-bottom: 12px;
}

.tit h2 {
  float: none;
  padding: 0;
  background: none;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}

p.catch {
  padding: 0;
  font-size: 12px;
}


.rankingColumn {
  display: flex;
  justify-content: space-between;
  width: 960px;
  margin: 20px 0 40px;
}
.rankingColumnContent {
  flex: 0 0 696px;
  width: 696px;
  margin: 0;
}
.rankingColumnNav {
  flex: 0 0 240px;
  width: 240px;
  margin: 0;
}


.rankingNav {
  position: relative;
}

.otherInfo {
  margin-bottom: 38px;
  border: 1px solid #d5d5d5;
}
.otherInfo dt {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 10px;
  background: #f4f4f4;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.otherInfo dd {
  padding: 12px 20px;
}
.otherInfo dd ul > li {
  margin-top: 4px;
}
.otherInfo dd ul > li > a {
  color: #1874e8;
  text-decoration: none;
}
.otherInfo dd ul > li > a:hover {
  text-decoration: underline;
}

.navlink {
  position: absolute;
  top: -26px;
  right: 0;
  text-align: right;
}

.tab-menu {
  display: flex;
  flex-wrap: wrap;
}
.tab-menu > input {
  display: none;
}
.tab-menu .tab-menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  order: -1;
  height: 32px;
  background-color: #f7f7f7;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}
.tab-menu .tab-menu-item[for="tab-1"] {
  border-left: 1px solid #d5d5d5;
}
.tab-menu .tab-menu-item[for="tab-3"] {
  border-right: 1px solid #d5d5d5;
}
.tab-menu > input:checked + .tab-menu-item {
  position: relative;
  background-color: #fff;
  border-bottom-color: #fff;
  color: #333;
}
.tab-menu > input:checked + .tab-menu-item::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e00923;
  content: "";
}
.tab-menu .tab-menu-contents {
  display: none;
  width: 100%;
  padding: 12px 20px;
  border: 1px solid #d5d5d5;
  border-top: none;
}
.tab-menu > input:checked + .tab-menu-item + .tab-menu-contents {
  display: block;
}

.bodyTypeList {
  margin-left: -4px;
}
.bodyTypeList > li {
  margin-top: 8px;
}
.bodyTypeList > li:first-child {
  margin-top: 0;
}
.bodyTypeList > li > a {
  display: inline-block;
  min-height: 20px;
  padding-left: 26px;
  background: no-repeat left center;
  background-size: 20px;
  font-size: 12px;
  color: #1874e8;
  text-decoration: none;
}
.bodyTypeList > li > a:hover {
  text-decoration: underline;
}
.bodyTypeList > li > a.kei {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_kei.png");
}
.bodyTypeList > li > a.compact {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_compact.png");
}
.bodyTypeList > li > a.minivan {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_minivan.png");
}
.bodyTypeList > li > a.sedan,
.bodyTypeList > li > a.hardtop {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_sedan.png");
}
.bodyTypeList > li > a.coupe {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_coupe.png");
}
.bodyTypeList > li > a.wagon {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_wagon.png");
}
.bodyTypeList > li > a.suv {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_suv.png");
}
.bodyTypeList > li > a.open {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_open.png");
}
.bodyTypeList > li > a.truck {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_truck.png");
}
.bodyTypeList > li > a.keitruck {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_keitruck.png");
}
.bodyTypeList > li > a.pickup {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_pickup.png");
}
.bodyTypeList > li > a.cabvan {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_cabvan.png");
}
.bodyTypeList > li > a.kei_cabvan {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_keicabvan.png");
}
.bodyTypeList > li > a.bus {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_bus.png");
}
.bodyTypeList > li > a.bonnetvan {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_bodytype_bonnetvan.png");
}

.brandList {
  margin-top: 4px;
}
.brandList > dt {
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
}
.brandList > dt:nth-of-type(2) {
  margin-top: 16px;
}
.brandList > dd {
  margin-left: 4px;
}
.brandList > dd > ul > li {
  margin-top: 7px;
}
.brandList > dd > ul > li > a {
  display: inline-block;
  display: inline-flex;
  align-items: center;
  min-height: 16px;
  color: #1874e8;
  vertical-align: middle;
  text-decoration: none;
}
.brandList > dd > ul > li > a:hover {
  text-decoration: underline;
}
.brandList > dd > ul > li > a::before {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 16px;
  margin-right: 4px;
  background: no-repeat center;
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.brandList > dd > ul > li > a.brand1005::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1005.png");
}
.brandList > dd > ul > li > a.brand1010::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1010.png");
}
.brandList > dd > ul > li > a.brand1015::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1015.png");
}
.brandList > dd > ul > li > a.brand1020::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1020.png");
}
.brandList > dd > ul > li > a.brand1055::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1055.png");
}
.brandList > dd > ul > li > a.brand1050::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1050.png");
}
.brandList > dd > ul > li > a.brand1045::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1045.png");
}
.brandList > dd > ul > li > a.brand1025::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1025.png");
}
.brandList > dd > ul > li > a.brand1040::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1040.png");
}
.brandList > dd > ul > li > a.brand1060::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--1060.png");
}
.brandList > dd > ul > li > a.brand2015::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--2015.png");
}
.brandList > dd > ul > li > a.brand2025::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--2025.png");
}
.brandList > dd > ul > li > a.brand2035::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--2035.png");
}
.brandList > dd > ul > li > a.brand2010::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--2010.png");
}
.brandList > dd > ul > li > a.brand2045::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--2045.png");
}
.brandList > dd > ul > li > a.brand2524::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--2524.png");
}
.brandList > dd > ul > li > a.brand4010::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--4010.png");
}
.brandList > dd > ul > li > a.brand3520::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--3520.png");
}
.brandList > dd > ul > li > a.brand5514::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--5514.png");
}
.brandList > dd > ul > li > a.brand5508::before {
  background-image: url("https://img.goo-net.com/cache/search_top/logo/logo--5508.png");
}

.allListlink {
  margin-top: 16px;
  text-align: right;
}


.areaList > li > a {
  position: relative;
  padding: 0 16px 0 0;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.areaList > li > a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #e00923;
  border-right: 2px solid #e00923;
  transform: rotate(45deg);
  box-sizing: border-box;
  content: "";
}
.areaList > li > a:hover {
  text-decoration: underline;
}
.areaList > li > input {
  display: none;
}
.areaList > li {
  position: relative;
  margin-top: 8px;
}
.areaList > li:first-child {
  margin-top: 0;
}
.areaList > li > label,
.areaList > li > ul {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.areaList > li > label {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.areaList > li > label span {
  position: relative;
  padding: 0 16px 0 0;
}
.areaList > li > label span::before,
.areaList > li > label span::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  width: 2px;
  height: 10px;
  margin: auto;
  padding: 0;
  border: 0;
  background: #e00923;
  content: "";
}
.areaList > li > label span::after {
  transform: rotate(90deg);
}

.areaList > li > ul {
  max-height: 0;
  overflow: hidden;
  margin-left: 4px;
}
.areaList > li > ul > li {
  margin-top: 4px;
}
.areaList > li > ul > li > a {
  color: #1874e8;
  text-decoration: none;
}
.areaList > li > ul > li > a:hover {
  text-decoration: underline;
}

.areaList > li > input:checked + label + ul {
  max-height: 500px;
  transition: all 1.5s;
}
.areaList > li > input:checked + label span::before {
  display: none;
}


/* ランキング一覧 */
.rankingList {
  margin-bottom: 16px;
  border-top: 1px solid #d5d5d5;
}
.rankingList > li {
  position: relative;
  border-bottom: 1px solid #d5d5d5;
}
.rankingListItem {
  display: flex;
  position: relative;
  padding: 16px 0 16px 16px;
  overflow: hidden;
  background: #fff;
}

.rankingListItemNum {
  position: absolute;
  top: 12px;
  left: 16px;
  z-index: 2;
  width: 32px;
  height: 32px;
}

.rankingListItemThumb {
  flex-shrink: 0;
  width: 200px;
  min-height: 100px;
  margin-top: 24px;
}
.rankingListItemThumb img {
  max-width: 100%;
}

.rankingListItemDetail {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  margin-left: 16px;
}

.rankingListItemName {
  padding: 0;
}
.rankingListItemName > span {
  margin-left: 6px;
  font-size: 16px;
  font-weight: bold;
}

.rankingListItemEvaluation,
.rankingListItemPrice {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-top: 8px;
}
.rankingListItemEvaluation dt,
.rankingListItemPrice dt {
  flex-shrink: 0;
  min-width: 5em;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.rankingListItemEvaluation dd,
.rankingListItemPrice dd {
  min-width: 0;
  margin-left: 8px;
  font-size: 12px;
}

.rankingListItemEvaluation .score {
  color: #e00923;
  font-size: 18px;
  line-height: 1.1;
  font-weight: bold;
}
.starIconArea {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 6px;
}
.starIconArea .starIcon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}
.starIconArea .starIcon:last-child {
  margin-right: 0;
}
.starIconArea .starIcon.full {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_star_01.svg");
}
.starIconArea .starIcon.half {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_star_02.svg");
}
.starIconArea .starIcon.none {
  background-image: url("https://img.goo-net.com/cache/ranking/icon_star_03.svg");
}
.rankingListItemEvaluation .number {
  margin-left: 6px;
  font-size: 12px;
}
.rankingListItemEvaluation .number a {
  color: #1874e8;
  text-decoration: none;
}
.rankingListItemEvaluation .number a:hover {
  text-decoration: underline;
}

.rankingListItemPrice dd em {
  font-size: 18px;
  line-height: 1.1;
  font-weight: bold;
  font-style: normal;
}
.rankingListItemPrice .newcar {
  margin-left: 2px;
}

.rankingListItemLink {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.rankingListItemLink a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 228px;
  height: 40px;
  padding: 3px 16px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
.rankingListItemLink a:hover {
  opacity: 0.7;
}
.rankingListItemLink a.usedcarLink {
  margin-right: 8px;
  border-color: #e00923;
  background: #e00923;
  color: #fff;
  margin-left: 8px;
}
.rankingListItemLink a.usedcarLink span {
  margin-left: 4px;
  font-size: 12px;
}


/* メーカーからランキングを探す */
.rankingColumn.makerRanking {
  margin-top: 44px;
}
.rankingColumn.makerRanking .rankingColumnContent {
  flex: 0 0 685px;
  width: 685px;
}

body #contents .rankingColumn.makerRanking .rankingColumnContent div::after {
  display: block;
  clear: both;
  content: "";
}
body #contents .rankingColumn.makerRanking .rankingColumnContent *,
body #contents .rankingColumn.makerRanking .rankingColumnContent *::before,
body #contents .rankingColumn.makerRanking .rankingColumnContent *::after {
  box-sizing: content-box;
}

.rankingColumn.makerRanking .rankingColumnContent .box_roundGray {
  border-top: 1px solid #ccc;
}

.rankingColumn.makerRanking .rankingColumnContent #box_makerlist .tit {
  margin-top: 0;
  background-image: none;
}
.rankingColumn.makerRanking .rankingColumnContent #box_makerlist .tit h1 {
  padding-left: 0;
}

.rankingColumn.makerRanking .rankingColumnContent a {
  color: #1874e8;
  text-decoration: none;
}
.rankingColumn.makerRanking .rankingColumnContent a:hover {
  text-decoration: underline;
}

.rankingColumn.makerRanking .navlink {
  position: static;
  top: auto;
  right: auto;
  margin-bottom: 8px;
}