@charset "UTF-8";

/* ----------------------------------

プリウス css

---------------------------------- */

.carInfoDesc .carInfoDescHead img{
  margin-left: -10px;
}
.carInfoDesc .carInfoDescHead div h3 span {
  font-size: 11px;
}

.carInfoSpecColor li span.carColor{
  position: relative;
}
.carInfoSpecColor li span.carColor::after{
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 20px;
  width: 100%;
}
.carInfoSpecColor li:nth-of-type(10) span.carColor::after{
  /* ホワイトパール<br>クリスタルシャイン<br>×幾何学調ルーフ<br>フィルム */
  background: #363636;
}
.carInfoSpecColor li:nth-of-type(11) span.carColor::after{
  /* シルバーメタリック<br>×幾何学調ルーフ<br>フィルム */
  background: #363636;
}
.carInfoSpecColor li:nth-of-type(12) span.carColor::after{
  /* スティールブロンド<br>メタリック<br>×幾何学調ルーフ<br>フィルム */
  background: #363636;
}
.carInfoSpecColor li:nth-of-type(13) span.carColor::after{
  /* グレーメタリック<br>×幾何学調ルーフ<br>フィルム */
  background: #363636;
}
.carInfoSpecColor li:nth-of-type(14) span.carColor::after{
  /* ブルーメタリック<br>×幾何学調ルーフ<br>フィルム */
  background: #363636;
}
.carInfoSpecColor li:nth-of-type(15) span.carColor::after{
  /* エモーショナル<br>レッドⅡ<br>×幾何学調ルーフ<br>フィルム */
  background: #363636;
}



/* ----------------------------------

おすすめグレード　非表示

---------------------------------- */
.recommendGrade{
	display: none;
}

/* ----------------------------------

ページ下部　グレードリンク　非表示 

---------------------------------- */
/* .gradeFeaturesArea .gradeFeatures{
	display: none;
}
.gradeFeaturesArea .carAboutBnr {
	height: 200px;
} */
/* .gradeFeaturesArea .gradeFeatures ul li:nth-of-type(2),
.gradeFeaturesArea .gradeFeatures ul li:nth-of-type(4),
.gradeFeaturesArea .gradeFeatures ul li:last-child{
	display: none;
} */

/* ----------------------------------

ページ下部　グレードページへのリンク　中央表示

---------------------------------- */
@media print, screen and (min-width: 960px){
  #prius  .gradeFeaturesArea,
  #prius-g.gradePage .gradeFeaturesArea,
  #prius-z.gradePage .gradeFeaturesArea{
    justify-content: center;
	}
  #prius .gradeFeaturesArea .gradeFeatures,
  #prius-g.gradePage .gradeFeatures,
  #prius-z.gradePage .gradeFeatures{
  width: 708px;
  }
  #prius .gradeFeaturesArea .gradeFeatures ul li,
  #prius-g.gradePage .gradeFeaturesArea .gradeFeatures ul li,
  #prius-z.gradePage .gradeFeaturesArea .gradeFeatures ul li{
   padding: 0;  
  }
  #prius .gradeFeaturesArea .gradeFeatures ul li a,
  #prius-g.gradePage .gradeFeaturesArea .gradeFeatures ul li a,
  #prius-z.gradePage .gradeFeaturesArea .gradeFeatures ul li a{
    align-items: center;
  }
}


/* ----------------------------------

ページ上部と下部　特徴とPHEV特徴バナー 横並び

---------------------------------- */
#prius .carAboutBnrs .carAboutBnr,
#prius-g.gradePage .carAboutBnrs .carAboutBnr,
#prius-z.gradePage .carAboutBnrs .carAboutBnr{
  height: 180px;
}
@media print, screen and (min-width: 768px){
  #prius .carAboutBnrs,
  #prius-g.gradePage .carAboutBnrs,
  #prius-z.gradePage .carAboutBnrs{
    margin: 0 auto;
    width: 708px;
    display: flex;
    justify-content: center;
    gap: 25px;
  }
  #prius .carAboutBnrs .carAboutBnr,
  #prius-g.gradePage .carAboutBnrs .carAboutBnr,
  #prius-z.gradePage .carAboutBnrs .carAboutBnr{
    margin: 0;
  }
}
@media print, screen and (min-width: 960px){
  #prius .carAboutBnrs,
  #prius-g.gradePage  .carAboutBnrs,
  #prius-z.gradePage  .carAboutBnrs{
    margin: 0 auto;
    width: 960px;
    display: flex;
    justify-content: center;
    gap: 40px;
  }
  #prius .carAboutBnrs .carAboutBnr,
  #prius-g.gradePage .carAboutBnrs .carAboutBnr,
  #prius-z.gradePage .carAboutBnrs .carAboutBnr{
    margin: 0;
  }
}

/* ----------------------------------

グレードページ　グレードリンク　中央表示

---------------------------------- */
@media print, screen and (min-width: 960px){
  #prius-g.gradePage .gradeFeaturesArea{
    justify-content: center;
	}
  #prius-g.gradePage .gradeFeaturesArea .gradeFeatures{
  width: 708px;
  }
  #prius-g.gradePage .gradeFeaturesArea .gradeFeatures ul li{
   padding: 0;  
  }
  #prius-g.gradePage .gradeFeaturesArea .gradeFeatures ul li a{
    align-items: center;
  }
}


/* ----------------------------------

グレードページ　ページ下部　PHEV特徴 横並び

---------------------------------- */
#prius-g.gradePage .carAboutBnrs .carAboutBnr{
  height: 180px;
}
@media print, screen and (min-width: 768px){
  #prius-g.gradePage .carAboutBnrs{
    margin: 0 auto;
    width: 708px;
    display: flex;
    justify-content: center;
    gap: 25px;
  }
  #prius-g.gradePage .carAboutBnrs .carAboutBnr{
    margin: 0;
  }
}
@media print, screen and (min-width: 960px){
  #prius-g.gradePage .carAboutBnrs{
    margin: 0 auto;
    width: 960px;
    display: flex;
    justify-content: center;
    gap: 40px;
  }
  #prius-g .carAboutBnrs .carAboutBnr{
    margin: 0;
  }
}