@charset "euc-jp";

/* topicpath */
.topicpathWrap {
	padding-bottom: 0;
	border-bottom: 1px solid #ccc;
}
.topicpathWrap .box_top {
	width: 960px;
	min-height: 24px;
	margin: 0 auto;
}
.topicpathWrap .box_top .topicpath {
	float: left;
	width: 570px;
}
.topicpathWrap .box_top .sns {
	float: right;
	width: 295px;
	margin-top: -4px;
}
.topicpathWrap .box_top .sns li {
	float: left;
	padding: 0 0 0 5px;
}
.topicpathWrap .box_top .sns li.twitter {
	width: 97px;
}
.topicpathWrap .box_top .sns li.facebook {
	width: 105px;
}

/* contents */
#contents {
	width: auto;
	line-height: 1.5;
}
#contents section {
	margin: 0 0 20px;
}
#contents #kv_area {
	margin: 0 0 20px;
}
#contents section > p {
	font-size: 14px;
}
#contents #main,
#contents #mainFooter > section {
	width: 920px;
	margin: 0 auto;
}
#contents #mainFooter {
	min-width: 960px;
	padding: 30px 0;
	margin: 50px 0 30px;
	background: #fafafa;
}

/* Links */
#contents a:hover {
	text-decoration: underline;
}
#contents a:hover img {
	opacity: 0.7;
}

/* checkbox */
.checkbox {
	width: 15px;
	height: 15px;
	cursor: pointer;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.checkbox > input {
	display: none;
}
.checkbox > span {
	position: relative;
}
.checkbox > span::before {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.checkbox > input:checked + span:after {
	content: "";
	width: 5px;
	height: 10px;
	display: block;
	transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	border-bottom: 2px solid #ea0201;
	border-right: 2px solid #ea0201;
	position: absolute;
	top: 1px;
	left: 5px;
}

/* Headings */
.titleLarge {
	font-size: 24px;
	font-weight: bold;
}
.titleMedium {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
.titleSmall {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}
.titleLarge span,
.titleSmall span {
	font-size: 12px;
}
.titleBorderB {
	position: relative;
	padding: 0 0 14px;
	margin: 0 0 32px;
	border-bottom: solid 4px #d5d5d5;
	line-height: 1.5;
}
.titleBorderB:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	display: block;
	width: 60px;
	border-bottom: solid 4px #e00923;
}
.titleBorderL {
	padding: 0 0 0 6px;
	margin: 40px 0 20px;
	border-left: solid 2px #e5111a;
}
.titleBorderB + .titleBorderL {
	margin-top: 30px;
}

/* button */
.moreBtnArea {
	text-align: center;
}
.moreBtnArea .moreBtn {
	margin-right: 10px;
}
.moreBtnArea .moreBtn:last-child {
	margin-right: 0;
}
.moreBtn {
	display: inline-block;
	min-width: 258px;
	padding: 14px 10px;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.linkBtn {
	position: relative;
	display: block;
	padding: 10px;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.linkBtn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	height: 7px;
	width: 7px;
	margin: -4px 0 0 0;
	border-right: solid 1px #e5111a;
	border-bottom: solid 1px #e5111a;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.comparison_btnWrap > button,
.comparison_grade_btnWrap > button {
	width: 200px;
	padding: 10px 12px 10px 40px;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	cursor: pointer;
	color: #333;
	font-weight: bold;
	background-color: #fff;
	position: relative;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.comparison_btnWrap > button:hover,
.comparison_grade_btnWrap > button:hover {
	text-decoration: underline;
}
.comparison_btnWrap > .btn_comparison_clicked {
	display: none;
	border: 1px solid #e5111a;
	color: #e5111a;
}
.comparison_btnWrap > button::before,
.comparison_grade_btnWrap > button::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background-image: url("https://img.goo-net.com/cache/newcar/catalog/sprite_icon_comparison.png");
	background-size: 16px 32px;
}
.comparison_btnWrap > .btn_comparison::before {
	background-position: 0 0;
}
.comparison_btnWrap > .btn_comparison_clicked::before {
	background-position: 0 -16px;
}
.comparison_grade_btnWrap {
	display: block;
	margin: 30px 0 0;
	text-align: center;
}

/* tooltip */
.tooltip {
	width: 200px;
	padding: 10px 10px 15px;
	text-align: left;
	border: 2px solid #e5111a;
	border-radius: 4px;
	background-color: #fff;
	position: absolute;
	top: 85px;
	left: -7px;
	cursor: default;
	z-index: 1;
}
.tooltip:after, .tooltip:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.tooltip:before {
	border-color: rgba(229, 17, 26, 0);
	border-bottom-color: #e5111a;
	border-width: 13px;
	margin-left: -13px;
}
.tooltip > dt {
	margin-bottom: 10px;
	color: #ec0b0b;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.tooltip > dd {
	font-size: 12px;
}
.tooltip > dd > span {
	margin-top: 5px;
	display: block;
}
.tooltip > dd > span > a {
	color: #1d7fc0;
	text-decoration: underline;
}
.tooltip > dd > span > a:hover {
	text-decoration: none;
}

.carLinkList .tooltip, .comparisonLinkList .tooltip {
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.carLinkList .tooltip:after, .carLinkList .tooltip:before, .comparisonLinkList .tooltip:after, .comparisonLinkList .tooltip:before {
	top: 100%;
}
.carLinkList .tooltip:after, .comparisonLinkList .tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.carLinkList .tooltip:before, .comparisonLinkList .tooltip:before {
	border-color: rgba(229, 17, 26, 0);
	border-top-color: #e5111a;
	border-width: 13px;
	margin-left: -13px;
}



/* 車種トップページ
   -------------------------------------------------------------------------- */
.carNameArea {
	margin: 19px auto 40px;
	text-align: center;
}
.carNameArea p {
	font-size: 14px;
}
.carInfoArea {
	display: table;
	width: 900px;
	margin: 10px 0 20px;
	box-sizing: border-box;
	line-height: 1.4;
}
.carInfoArea .reviewEvaluationTotal {
	display: table-cell;
	width: 301px;
	padding: 5px 10px 0 0;
	border-right: 1px solid #d5d5d5;
	box-sizing: border-box;
}
.carInfoArea .reviewEvaluationTotal dt {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.carInfoArea .price {
	display: table-cell;
	padding: 5px 10px 0 28px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: normal;
}
.carInfoArea .price dd {
	font-size: 16px;
}
.carInfoArea .price dd em {
	font-size: 34px;
	font-weight: bold;
}
.carInfoArea .comparison_btnWrap {
	display: table-cell;
	position: relative;
	width: 200px;
	box-sizing: border-box;
	vertical-align: middle;
}
.reviewEvaluationTotal {
	display: table;
	margin: 0 0 20px;
}
.reviewEvaluationTotal dt,
.reviewEvaluationTotal dd {
	display: table-cell;
	vertical-align: middle;
}
.reviewEvaluationTotal dt {
	padding: 0 10px 0 0;
	font-size: 16px;
	font-weight: bold;
}
.reviewEvaluationTotal dd em,
.reviewEvaluationTotal dd span {
	vertical-align: middle;
}
.reviewEvaluationTotal dd em {
	font-size: 34px;
	font-weight: bold;
	color: #e00923;
}
.reviewEvaluationTotal dd span {
	font-size: 14px;
}

.starIconArea {
	display: inline-block;
	margin: 0 8px 0 0;
	text-align: center;
}
.starIconArea .starIcon {
	display: inline-block;
	height: 23px;
	width: 25px;
	margin: 0 5px 0 0;
	background: transparent url("https://img.goo-net.com/cache/newcar/catalog/sprite_icon_star.png") no-repeat center 0;
	vertical-align: middle;
}
.starIconArea .starIcon.full {
	background-position: center 0;
}
.starIconArea .starIcon.half {
	background-position: center -33px;
}
.starIconArea .starIcon.none {
	background-position: center -66px;
}

.carInfoArea.mainInfo {
	display: flex;
	justify-content: flex-start;
}
.carInfoArea.mainInfo .reviewEvaluationTotal {
	display: block;
	width: 131px;
	margin: 0;
}
.carInfoArea.mainInfo .starIconArea .starIcon {
	height: 15px;
	width: 16px;
	background-size: 16px;
}
.carInfoArea.mainInfo .starIconArea .starIcon.half {
	background-position: center -21px;
}
.carInfoArea.mainInfo .starIconArea .starIcon.none {
	background-position: center -42px;
}
.carInfoArea.mainInfo .price {
	display: block;
}
.carInfoArea.mainInfo .price.delivery {
	padding: 5px 10px 0 30px;
}
.carInfoArea.mainInfo .price.delivery span {
	position: relative;
	top: -2px;
	margin-left: 8px;
	font-size: 12px;
}
.carInfoArea.mainInfo .price.delivery p {
	font-size: 12px;
	line-height: 1.6;
}
.carInfoArea.mainInfo .comparison_btnWrap {
	display: block;
	align-self: center;
	margin-left: auto;
}

.dealerSearchArea {
	padding: 15px 0 20px;
	background: #f1f1f1;
}
.dealerSearchArea .titleSearch {
	margin: 0 20px 10px;
	font-size: 18px;
	font-weight: bold;
}
.dealerSearchArea > form {
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 20px 0;
}
.dealerSearchArea > form > div,
.dealerSearchArea > form > p {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
}
.dealerSearchArea .btnArea {
	width: 160px;
	font-size: 14px;
}
.dealerSearchArea .dealerSearchBtn {
	position: relative;
	display: block;
}
.dealerSearchArea .dealerSearchBtn:hover {
	opacity: 0.7;
	text-decoration: none;
}
.dealerSearchArea .dealerSearchBtn > input {
	display: block;
	width: 100%;
	padding: 15px 10px;
	margin: 0;
	border: none;
	border-radius: 4px;
	background-color: #e00923;
	color: #fff;
	font-family: Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	outline: none;
}

.select_area {
	position: relative;
	width: 250px;
	padding: 0;
}
.select_area > p {
	position: relative;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 13px 25px 13px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.select_area > p::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 13px;
	width: 0;
	height: 0;
	margin: auto 0;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #777777 transparent transparent transparent;
}
.select_area select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	padding-left: 10px;
	border: 1px solid #ccc;
	font-family: Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, sans-serif;
	font-size: 18px;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	cursor: pointer;
}

/* check */
.checkbox_group li:first-child {
	margin-bottom: 5px;
}
.checkbox_group li label {
	cursor: pointer;
}
.checkbox_group .checkbox {
	display: none;
}
.checkbox_group .checkbox + span {
	position: relative;
	display: block;
	padding-left: 25px;
	color: #333;
	font-size: 12px;
}
.checkbox_group .checkbox:disabled + span {
	color: #888;
}
.checkbox_group .checkbox + span::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	display: block;
	width: 15px;
	height: 15px;
	margin: -8px 0 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}
.checkbox_group .checkbox:disabled + span::before {
	background-color: #eaeaea;
}
.checkbox_group .checkbox:checked + span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	z-index: 2;
	display: block;
	width: 5px;
	height: 10px;
	margin: -7px 0 0;
	border-bottom: 2px solid #ea0201;
	border-right: 2px solid #ea0201;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
}

.usedcarLink {
	display: inline-block;
	position: relative;
	padding-right: 28px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.usedcarLink::after {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	margin: auto 0;
	background: url("https://img.goo-net.com/cache/newcar/common/icon_arrow_right.svg") no-repeat center;
	background-size: 24px;
	content: "";
}
.usedcarLink span {
	font-weight: normal;
}

/* Slider */
.mainSliderContainer {
	position: relative;
	width: 580px;
	margin: 0 auto;
}
.mainSlider,
.thumbSlider,
.carouselSlider {
	opacity: 0;
	transition: opacity 0.3s linear;
}
.mainSlider.slick-initialized,
.thumbSlider.slick-initialized,
.carouselSlider.slick-initialized {
	opacity: 1;
}
.mainSlider img,
.thumbSlider img {
	max-width: 100%;
}
.thumbSlider {
	width: 630px;
	margin: 40px auto 20px;
}
.thumbSlider img {
	width: 96px;
	border: 2px solid #fff;
}
.thumbSlider .slick-active {
	opacity: 0.7;
}
.thumbSlider .slick-active.slick-current {
	opacity: 1;
}
.thumbSlider .slick-active.slick-current img,
.thumbSlider .slick-active:hover img {
	border: 2px solid #e00923;
}
.thumbSlider .slick-slide {
	margin: 0 3px;
	cursor: pointer;
}
.thumbSlider .slick-track {
	min-width: 100%;
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: "";
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	margin: auto;
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 30px;
	height: 100%;
	padding: 0;
	margin: auto;
	cursor: pointer;
	color: transparent;
	border: 1px solid #d5d5d5;
	outline: none;
	background: #fff;
	z-index: 2;
}
.slick-prev:hover,
.slick-next:hover {
	background: #f1f1f1;
}
.slick-prev {
	left: -35px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.slick-next {
	right: -35px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.slick-prev::after,
.slick-next::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	height: 9px;
	width: 9px;
	margin: -5px 0 0 -3px;
	border-right: solid 2px #e00923;
	border-bottom: solid 2px #e00923;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.slick-next::after {
	left: auto;
	right: 50%;
	margin: -5px -3px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mainSlider .slick-prev,
.mainSlider .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	padding: 0;
	margin: -25px 0 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20);
	z-index: 2;
}
.mainSlider .slick-prev:hover,
.mainSlider .slick-next:hover {
	background: #f1f1f1;
}
.mainSlider .slick-prev {
	left: -70px;
}
.mainSlider .slick-next {
	right: -70px;
}
.mainSlider .slick-prev::after,
.mainSlider .slick-next::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	height: 9px;
	width: 9px;
	margin: -5px 0 0 -4px;
	border-right: solid 2px #e00923;
	border-bottom: solid 2px #e00923;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.mainSlider .slick-next::after {
	left: auto;
	right: 50%;
	margin: -5px -4px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* 基本情報
-------------------------------*/
.specTable {
	width: 100%;
	margin-bottom: 30px;
	box-sizing: border-box;
	table-layout: fixed;
	font-size: 14px;
}
.specTable th,
.specTable td {
	min-height: 50px;
	height: 50px;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
.specTable th {
	width: 20.833%;
	background: #f9f9f9;
}
.specTable td {
	width: 29.166%;
}
.specTable th:empty,
.specTable td:empty {
	background: transparent;
}

.outlineContainer {
	padding: 20px;
	background: #f9f9f9;
	line-height: 1.5;
	font-size: 14px;
}

/* 予防安全装備・評価
-------------------------------*/
.packageIconArea {
	margin: 15px 0;
	text-align: left;
}
.packageIconArea img {
	max-width: 344px;
	vertical-align: bottom;
}
.supportContainer {
	margin: 0 0 10px;
}
.supportContainer ul {
	margin: 0 -11px 0 0;
	padding: 0;
	overflow: hidden;
}
.supportContainer ul li {
	float: left;
	width: 122px;
	padding: 0;
	margin: 0 11px 0 0;
}
.supportContainer ul dl {
	padding: 10px 0;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
}
.supportContainer ul dl dt {
	width: 100%;
	height: 28px;
	padding: 0 0 101px;
	vertical-align: middle;
	background: transparent url("https://img.goo-net.com/cache/newcar/catalog/sprite_icon_support.png") no-repeat center 38px;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
}
.supportContainer ul .support04 dt,
.supportContainer ul .support05 dt,
.supportContainer ul .support07 dt {
	line-height: 28px;
}
.supportContainer ul .support01 dt {
	background-position: center 38px;
}
.supportContainer ul .support02 dt {
	background-position: center -254px;
}
.supportContainer ul .support03 dt {
	background-position: center -546px;
}
.supportContainer ul .support04 dt {
	background-position: center -838px;
}
.supportContainer ul .support05 dt {
	background-position: center -1130px;
}
.supportContainer ul .support06 dt {
	background-position: center -1422px;
}
.supportContainer ul .support07 dt {
	background-position: center -1714px;
}
.supportContainer ul dl dd {
	padding: 4px 0;
	margin: 0 6px;
	border: 1px solid #636363;
	border-radius: 2px;
	font-size: 10px;
	color: #636363;
	text-align: center;
}
.supportContainer ul .inactive dl dt,
.supportContainer ul .inactive dl dd {
	color: #d5d5d5;
}
.supportContainer ul .inactive dl dd {
	border: 1px solid #d5d5d5;
}
.supportContainer ul .inactive .support01 dt {
	background-position: center -108px;
}
.supportContainer ul .inactive .support02 dt {
	background-position: center -400px;
}
.supportContainer ul .inactive .support03 dt {
	background-position: center -692px;
}
.supportContainer ul .inactive .support04 dt {
	background-position: center -984px;
}
.supportContainer ul .inactive .support05 dt {
	background-position: center -1276px;
}
.supportContainer ul .inactive .support06 dt {
	background-position: center -1568px;
}
.supportContainer ul .inactive .support07 dt {
	background-position: center -1860px;
}

/* Slider 対象グレード */
.carouselSlider {
	position: relative;
	width: 870px;
	margin: 0 auto 20px;
	font-size: 14px;
}
.carouselSlider a,
.carouselSlider .slideItem {
	display: block;
	width: 220px;
	margin: 0 auto;
	text-align: center;
}
.carouselSlider a .thumb,
.carouselSlider .slideItem .thumb {
	margin-bottom: 20px;
}
.carouselSlider a img,
.carouselSlider .slideItem img {
	max-width: 100%;
}
.carouselSlider a .name {
	line-height: 1.3;
}
.carouselSlider .slideItem .name {
	min-height: 36px;
	padding: 0 0 5px;
	line-height: 1.25;
}
.carouselSlider .slideItem .link {
	display: block;
	padding: 0 10px;
}
.carouselSlider .slideItem a {
	width: auto;
	max-width: 100%;
}
.carouselSlider a,
.carouselSlider .slideItem a {
	outline: none;
}
.carouselSlider .slick-prev,
.carouselSlider .slick-next {
	height: 80%;
}
.carouselSlider .slick-prev {
	left: -25px;
}
.carouselSlider .slick-next {
	right: -25px;
}

.slideItem .comparison_btnWrap {
	position: relative;
}

/* グレードで異なるスペック一覧
-------------------------------*/
.gradeTable {
	width: 100%;
	position: relative;
	border-top: 1px solid #9f9f9f;
	overflow: auto;
	line-height: 1.5;
}
.gradeTable table {
	width: 100%;
	table-layout: fixed;
}
.gradeTable th,
.gradeTable td {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
.gradeTable th {
	background: #f1f1f1;
}
.gradeTable td {
	text-align: center;
}
.gradeTable thead th {
	padding: 10px;
	background: #d5d5d5;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.gradeTable thead th:nth-child(1) {
	width: 150px;
}
.gradeTable thead th:nth-child(2) {
	width: 92px;
}
.gradeTable thead th:nth-child(3) {
	width: 80px;
}
.gradeTable thead th:nth-child(4) {
	width: 181px;
}
.gradeTable thead th:nth-child(5) {
	width: 140px;
}
.gradeTable thead th:nth-child(6) {
	width: 140px;
}
.gradeTable thead th:nth-child(7) {
	width: 145px;
}
.gradeTable thead th:nth-child(8) {
	width: 104px;
}
.gradeTable thead th:nth-child(9) {
	width: 92px;
}
.gradeTable thead th:nth-child(10) {
	width: 110px;
}
.gradeTable thead th:nth-child(11) {
	width: 92px;
}
.gradeTable thead th:nth-child(12) {
	width: 153px;
}
.gradeTable thead th:nth-child(13) {
	width: 109px;
}
.gradeTable thead th:nth-child(14) {
	width: 44px;
}
.gradeTable thead th:nth-child(15) {
	width: 113px;
}
.gradeTable thead th:nth-child(16) {
	width: 68px;
}
.gradeTable thead th:nth-child(17) {
	width: 68px;
}
.gradeTable thead th:nth-child(18) {
	width: 68px;
}
.gradeTable thead th:nth-child(19) {
	width: 92px;
}
.gradeTable thead th:nth-child(20) {
	width: 68px;
}
.gradeTable thead th:nth-child(21) {
	width: 60px;
}
.gradeTable thead th:nth-child(22) {
	width: 91px;
}
.gradeTable thead th:nth-child(23) {
	width: 56px;
}
.gradeTable thead th:nth-child(24) {
	width: 129px;
}
.gradeTable thead th:nth-child(25) {
	width: 156px;
}
.gradeTable thead th:nth-child(26) {
	width: 68px;
}
.gradeTable thead th:nth-child(27) {
	width: 128px;
}
.gradeTable thead th:nth-child(28) {
	width: 116px;
}
.gradeTable thead th:nth-child(29) {
	width: 44px;
}
.gradeTable thead th:nth-child(30) {
	width: 117px;
}
.gradeTable tbody th {
	padding-left: 40px;
	border-bottom: 1px solid #f1f1f1;
	position: relative;
}
.gradeTable tbody td {
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	color: #636363;
	font-size: 12px;
}
.gradeTable td i {
	display: inline-block;
	padding: 2px 7px;
	background-color: #c4b376;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}
.gradeTable a {
	color: #1d7fc0;
}
.comparison_grade_btnWrap > button {
	width: 340px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 13px;
}
.comparison_grade_btnWrap > .btn_comparison::before {
	background-position: 0 -16px;
}

/* レビュー評価を知る
-------------------------------*/
#reviewChart {
	margin-bottom: 15px;
}

.evaluationTotal {
	padding: 0;
	margin: 0 0 20px;
	overflow: hidden;
}
.evaluationTotal .chart {
	float: left;
	width: 400px;
}
.evaluationTotal .evaluation {
	float: right;
	width: 460px;
	margin: 0;
	padding: 0;
}

.evaluationTable {
	margin-bottom: 10px;
	font-size: 14px;
}
.evaluationTable th,
.evaluationTable td {
	padding: 10px 20px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
.evaluationTable th {
	width: 20.869%;
	background: #f9f9f9;
}
.evaluationTable td {
	width: 29.13%;
	font-size: 26px;
	font-weight: bold;
	color: #e00923;
}

/* casset */
.review {
	margin-bottom: 20px;
}
.review .box_user {
	border-bottom: 1px solid #e0e0e0;
}
.review .box_user.box_user_noborder {
	border: none;
}
.review .contributor {
	min-height: 52px;
	padding: 10px 10px 0 77px;
	background: transparent url("https://img.goo-net.com/cache/newcar/catalog/sprite_icon_contributor.png") no-repeat 10px 10px;
	background-size: 52px 170px;
}
.review .contributor--user {
	background-position: 10px 10px;
}
.review .contributor--shop {
	background-position: 10px -50px;
}
.review .contributor--writer {
	background-position: 10px -110px;
}
.review .thumb {
	float: left;
	width: 52px;
	margin-right: 15px;
}
.review .contributor_data {
	float: left;
}
.review .contributor_data > dt {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}
.review .contributor_data > dd {
	color: #666;
}
.review .post_data {
	float: right;
	color: #666;
	text-align: right;
}
.review .evaluation {
	float: left;
	width: 400px;
	padding: 20px 10px;
}
.review .total_evaluation {
	float: left;
	margin: 17px 60px 0 0;
}
.review .total_evaluation > dt,
.review .total_evaluation > dd {
	font-weight: bold;
}
.review .total_evaluation > dt {
	margin-bottom: 12px;
	font-size: 14px;
}
.review .total_evaluation > dd {
	padding-left: 35px;
	background: transparent url("https://img.goo-net.com/cache/newcar/catalog/sprite_icon_star.png") no-repeat 0 4px;
	color: #dc0707;
	font-size: 32px;
	line-height: 32px;
}
.review .evaluation_details {
	float: left;
	width: auto;
	font-weight: bold;
}
.review .evaluation_details th {
	width: 65px;
	padding: 5px 0 5px 8px;
	background-color: #f9f9f9;
	border-bottom: 2px solid #fff;
	text-align: left;
}
.review .evaluation_details td {
	width: 39px;
	padding: 5px 0 5px 12px;
	color: #dc0707;
}
.review .txt_review {
	float: left;
	width: 480px;
	padding: 20px 10px;
}
.review .txt_review > a {
	color: #1063a2;
	text-decoration: none;
}
.review .review_img {
	padding: 20px 15px 10px;
	border-top: 1px solid #e0e0e0;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.review .review_img img {
	margin: 0 5px;
}
.review .review_scene {
	width: 100%;
	clear: both;
	overflow: hidden;
}
.review .scene {
	padding: 10px 10px 10px 17px;
	margin-bottom: 15px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.review .box_user_noborder .scene {
	margin: 0;
}
.review .answer_icon {
	clear: both;
	overflow: hidden;
}
.review .answer_icon > dt,
.review .answer_icon > dd {
	float: left;
}
.review .answer_icon > dt {
	width: 65px;
	padding: 3px 0 4px;
	margin-bottom: 3px;
	color: #666;
	font-size: 11px;
}
.review .answer_icon > dd {
	width: 570px;
	letter-spacing: -0.4em;
}
.review .answer_icon > dd span {
	display: inline-block;
	width: 66px;
	padding: 2px 0;
	margin-right: 3px;
	margin-bottom: 3px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	text-align: center;
	letter-spacing: normal;
}
.title_large-my_car {
	position: relative;
	padding: 18px 10px;
	background-color: #f9f9f9;
	border-top: 3px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 16px;
}
.title_large-my_car:before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	z-index: 2;
	width: 10px;
	height: 3px;
	background-color: #e60012;
}
.title_large-my_car > a {
	color: #1063a2;
	font-weight: bold;
}
.title_large-my_car > a img {
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle;
}
.title_large-my_car > h3 {
	display: inline-block;
	width: 640px;
	padding-right: 10px;
	color: #1063a2;
	font-size: 16px;
	font-weight: bold;
	vertical-align: top;
}
.title_large-my_car > h3 a {
	color: #1063a2;
}
.title_large-my_car > .post_data {
	display: inline-block;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
}

.ownershipForm {
	display: inline-block;
	width: 6em;
	padding: 2px 0;
	margin: 0 7px 0 0;
	background: #fb7878;
	color: #333;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
}
a:hover .ownershipForm {
	text-decoration: none;
}
.ownershipForm--mycar {
	background: #fb7878;
}
.ownershipForm--test {
	background: #94b9e2;
}
.ownershipForm--family {
	background: #ecc011;
}
.ownershipForm--friend {
	background: #1dc8e2;
}
.ownershipForm--rental {
	background: #cbacf1;
}
.ownershipForm--company {
	background: #55d664;
}

/* 相場情報を知る
-------------------------------*/
#discount .titleBorderB {
	margin-bottom: 20px;
}

.discountContainer {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.discountContainer .discountPrice {
	float: left;
	width: 280px;
	padding: 10px 0;
	margin: 0;
	text-align: center;
}
.discountContainer .discountCost {
	float: right;
	width: 495px;
	padding: 10px 0 5px 72px;
	margin: 0;
	border-left: 1px solid #d5d5d5;
}

.discountInfo {
	margin: 35px 0 30px;
	text-align: center;
}
.discountInfo span {
	color: #e00923;
	font-size: 40px;
	font-weight: bold;
}

.simulationContainer {
	margin: 15px 0;
	overflow: hidden;
}
.simulationContainer dl {
	float: left;
	box-sizing: border-box;
	width: 33.333%;
	max-width: 33.333%;
	padding: 8px 10px;
	border-left: 1px solid #d5d5d5;
	text-align: center;
}
.simulationContainer dl:first-child {
	border-left: none;
}
.simulationContainer dt {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #636363;
}
.simulationContainer dd {
	line-height: 1.2;
}
.simulationContainer dd em {
	font-size: 34px;
	font-weight: bold;
	color: #e00923;
}
.simulationContainer dd span {
	display: block;
	margin-top: 5px;
	color: #636363;
}

.note {
	margin: 10px 0;
	color: #666;
}

/* 関連記事
-------------------------------*/
.articleList {
	margin: 0 -25px 20px 1px;
	padding: 0;
	overflow: hidden;
}
.articleList > li {
	float: left;
	width: 210px;
	margin: 0 26px 0 0;
	padding: 0;
}
.articleList > li:last-child {
	margin-right: 0;
}
.articleList > li > a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.articleList > li > a > .thumb {
	margin: 0 0 10px;
	text-align: center;
	vertical-align: middle;
}
.articleList > li > a > .thumb > img {
	max-width: 100%;
	vertical-align: top;
}
.articleList > li > a > dl > dt {
	margin: 0 0 7px;
	color: #636363;
}
.articleList > li > a > dl > dd {
	font-size: 14px;
	font-weight: bold;
}

/* よく比較される車種
-------------------------------*/
.carLinkList {
	margin: 0 -70px 20px 30px;
	padding: 0;
	overflow: hidden;
}
.carLinkList > li {
	width: 220px;
	float: left;
	margin: 0 100px 0 0;
	padding: 0;
	position: relative;
}
.carLinkList > li:last-child {
	margin-right: 0;
}
.carLinkList > li > a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
}
.carLinkList > li > a > .thumb {
	margin: 0 0 20px;
	vertical-align: middle;
}
.carLinkList > li > a > .thumb > img {
	max-width: 100%;
	vertical-align: top;
}
.carLinkList > li > a > p {
	min-height: 36px;
	padding: 0 0 5px;
	font-size: 14px;
	line-height: 1.25;
}
.carLinkList > li > span {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* その他の目的から車両情報を探す
-------------------------------*/
#otherSearch .titleBorderB {
	margin-top: 0;
	padding-top: 0;
}
#otherSearch .titleMedium {
	margin: 40px 0 16px;
}

.searchLinkList {
	margin: 0 15px 20px 15px;
	font-size: 14px;
}
.searchLinkList li {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #d5d5d5;
}
.searchLinkList li:first-child {
	width: 7em;
	margin: 0;
	padding: 0;
	border-left: none;
}
.searchLinkList li:nth-child(2) {
	width: 10em;
}
.searchLinkList li a {
	color: #1263a2;
}
.searchLinkList li a:hover {
	text-decoration: underline;
}
.bnrList li {
	margin: 0 0 10px;
	text-align: center;
}


/* グレード詳細
----------------------------------------------------------------------------- */

.gradeInfoArea {
	display: table;
	width: 900px;
	margin: 20px 0;
}
.gradeInfoArea .gradeNameArea,
.gradeInfoArea .img {
	display: table-cell;
	vertical-align: top;
}
.gradeInfoArea .img {
	position: relative;
	width: 300px;
	text-align: left;
}
.gradeInfoArea .img img {
	width: 280px;
	max-width: 100%;
}
.gradeInfoArea .enlargeBtn {
	position: absolute;
	top: 95px;
	left: 235px;
	width: 40px;
	height: 40px;
	background: transparent url("https://img.goo-net.com/cache/newcar/catalog/icon_enlarge.png") no-repeat 0 0;
	background-size: 40px 40px;
}

.gradeInfoArea .gradeNameArea .titleLarge {
	margin: 0;
	line-height: 1.4;
}
.gradeInfoArea .gradeNameArea .titleLarge span {
	font-size: 16px;
	font-weight: normal;
}
.gradeInfoArea .gradeNameArea p {
	font-size: 16px;
	vertical-align: middle;
}
.gradeInfoArea .gradeNameArea .special {
	display: inline-block;
	padding: 2px 10px;
	margin: 0 0 0 10px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	background-color: #c4b376;
}
.galleryBtnArea {
	margin: 15px 0 0;
}
.galleryBtnArea .galleryBtn {
	position: relative;
	display: inline-block;
	min-width: 200px;
	min-height: 44px;
	padding: 5px 27px 5px 5px;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fafafa;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
}
.galleryBtnArea .galleryBtn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 11px;
	display: block;
	height: 7px;
	width: 7px;
	margin: -4px 0 0 0;
	top: 0;
	right: 11px;
	bottom: 0;
	margin: auto;
	border-right: solid 1px #e5111a;
	border-bottom: solid 1px #e5111a;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.galleryBtnArea .galleryBtn img {
	margin-right: 2px;
	vertical-align: middle;
}
.galleryBtnArea .galleryBtn span {
	margin-left: 8px;
	line-height: 32px;
	vertical-align: middle;
}
#contents .galleryBtnArea .galleryBtn:hover {
	text-decoration: none;
}
.galleryBtnArea .galleryBtn:hover span {
	text-decoration: underline;
}

/* モダール
-------------------------------*/
#fancybox-outer {
	border-radius: 4px;
}
#fancybox-wrap #fancybox-close {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 25px;
	right: 25px;
	background: transparent;
}
#fancybox-wrap #fancybox-close::before {
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	left: 14px;
	width: 2px;
	height: 30px;
	border: 0;
	margin: 0;
	padding: 0;
	background: #333;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#fancybox-wrap #fancybox-close::after {
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	left: 14px;
	width: 2px;
	height: 30px;
	border: 0;
	margin: 0;
	padding: 0;
	background: #333;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* 画像を一覧で見る */
#gallery {
	width: 855px;
	margin: 50px 10px 10px;
}

/* 他安全装備パッケージのグレード一覧 */
/* #other_package {
	width: 880px;
	margin: 30px 20px 10px;
}
#other_package .titleBorderB {
	margin-top: 30px;
}
#other_package a:hover {
	text-decoration: underline;
}
#other_package a:hover img {
	opacity: 0.7;
}
.otherLinkList {
	height: 355px;
	margin: 0 0 10px;
	overflow-y: scroll;
}
.otherLinkList li {
	display: table;
	margin: 0 0 40px;
}
.otherLinkList li > a > span,
.otherLinkList li > span {
	display: table-cell;
	vertical-align: middle;
}
.otherLinkList li > a {
	display: table;
	width: 610px;
}
.otherLinkList .img {
	width: 170px;
}
.otherLinkList .img img {
	max-width: 100%;
	vertical-align: bottom;
}
.otherLinkList .grade {
	width: 400px;
	padding: 0 0 0 40px;
	font-size: 14px;
	line-height: 1.2;
}
.otherLinkList .link {
	width: 200px;
	padding: 0 0 0 40px;
} */

/* タブ+フローティングメニュー
-------------------------------*/
.tab .specTable {
	margin-bottom: 20px;
}
.wltcMain {
    margin-right: 2rem;
}
.wltcMode {
    font-size: 0.7rem;
    color: #9f9f9f;
    margin-left: 0.5rem;
    border-left: 1px solid #d5d5d5;
    padding-left: 0.5rem;
}
.wltcNum {
    font-size: 0.7rem;
}
.wltcMode.noBorder {
    border: none;
}
#tabMenu {
	width: 920px;
	padding: 0;
	margin: 40px auto 0;
}
#tabMenu ul {
	margin: 0;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}
#tabMenu ul::after {
	content: "";
	display: block;
	clear: both;
}
#tabMenu li {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
}
#tabMenu li a {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 9px 0;
	font-size: 16px;
	text-align: center;
	color: #636363;
	text-decoration: none;
	-webkit-transition: none;
	transition: none;
}
#tabMenu li.current a,
#tabMenu li a:hover {
	color: #e00923;
	font-weight: bold;
}
#tabMenu li.current a::after,
#tabMenu li a:hover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: #e00923;
}
#tabMenu li.grade a {
	background: #fafafa;
}
#tabMenu li.grade a span::before {
	content: "<";
	margin: 0 5px 0 0;
}
#tabMenu li.grade.current a {
	background: #e00923;
	color: #fff;
}
#tabMenu li.grade.current a span::before {
	content: "";
	margin: 0;
}
#tabMenu li a span {
	display: inline-block;
	box-sizing: border-box;
	height: 42px;
	padding: 0 0 0 31px;
	background: transparent url("https://img.goo-net.com/cache/ipn/newcar/catalog/sprite_icon_menu.png") no-repeat 0 11px;
	background-size: 28px 510px;
	line-height: 42px;
}
#tabMenu li a span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 42px;
	background: #f1f1f1;
	margin: auto 0;
}
#tabMenu li.basic a span {
	padding-left: 32px;
	background-position: 0 11px;
}
#tabMenu li.basic.current a span,
#tabMenu li.basic a:hover span {
	background-position: 0 -59px;
}
#tabMenu li.materiel a span {
	background-position: 0 -129px;
}
#tabMenu li.materiel.current a span,
#tabMenu li.materiel a:hover span {
	background-position: 0 -199px;
}
#tabMenu li.safety a span {
	padding-left: 40px;
	background-position: 0 -269px;
}
#tabMenu li.safety.current a span,
#tabMenu li.safety a:hover span {
	background-position: 0 -339px;
}
#tabMenu li.style a span {
	background-position: 0 -409px;
}
#tabMenu li.style.current a span,
#tabMenu li.style a:hover span {
	background-position: 0 -479px;
}
#tabMenu li.grade a span {
	padding-left: 0;
	background-image: none;
}
#tabMenu li.grade a span::after,
#tabMenu li.basic a span::after {
	display: none;
}

.fixWrap #contents {
	padding-top: 61px;
}
.fixWrap #tabMenu ul {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	width: 920px;
	margin: 0 auto;
}

/* よく比較されるグレード
-------------------------------*/
.comparisonLinkList {
	margin: 0 -70px 20px 30px;
	padding: 0;
	overflow: hidden;
}
.comparisonLinkList > li {
	width: 220px;
	float: left;
	margin: 0 100px 0 0;
	padding: 0;
	position: relative;
}
.comparisonLinkList > li:last-child {
	margin-right: 0;
}
.comparisonLinkList > li > a {
	display: block;
}
.comparisonLinkList > li span {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}
.comparisonLinkList > li .img {
	margin: 0 0 20px;
	vertical-align: middle;
}
.comparisonLinkList > li .img img {
	max-width: 100%;
	vertical-align: top;
}
.comparisonLinkList > li .grade {
	min-height: 36px;
	padding: 0 0 5px;
	font-size: 14px;
	line-height: 1.25;
}
.comparisonLinkList > li .link {
	padding: 0 10px;
	font-size: 14px;
}

/* 一般的な駐車場サイズを確認
-------------------------------*/
.titleWrap {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 0;
}
.titleWrap .titleSmall,
.titleWrap p {
	display: table-cell;
	vertical-align: middle;
}
.titleWrap.titleBorderL .titleSmall {
	padding: 0 20px 0 6px;
}
.titleWrap p {
	text-align: right;
	white-space: nowrap;
}
.titleWrap p a {
	vertical-align: middle;
	color: #1d7fc0;
}
.titleWrap .question {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: #9f9f9f;
	border-radius: 22px;
	margin: 0 10px 0 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
}

/* ボディカラー
-------------------------------*/
.bodyColorList {
	display: block;
	margin: 10px 10px 0;
}
.bodyColorList::after {
	content: "";
	display: block;
	clear: both;
}
.bodyColorList li {
	position: relative;
	float: left;
	display: block;
	width: 60px;
	text-align: center;
}
.bodyColorList li.active::after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -7px;
	border-right: 7px solid transparent;
	border-bottom: 10px solid #f1f1f1;
	border-left: 7px solid transparent;
}
.bodyColorNameList {
	position: relative;
	text-align: center;
}
.bodyColorNameList li {
	width: 300px;
	display: none;
	margin: 12px 0 0;
	padding: 10px;
	background: #f1f1f1;
	border-radius: 2px;
	color: #636363;
	text-align: center;
}
.bodyColorNameList li:nth-child(2) {
	margin-left: 43px;
}
.bodyColorNameList li:nth-child(3) {
	margin-left: 86px;
}
.bodyColorNameList li:nth-child(4) {
	margin-left: 129px;
}
.bodyColorNameList li:nth-child(5) {
	margin-left: 172px;
}
.bodyColorNameList li:nth-child(6) {
	margin-left: 215px;
}
.bodyColorNameList li:nth-child(7) {
	margin-left: 258px;
}
.bodyColorNameList li:nth-child(8) {
	margin-left: 300px;
}
.bodyColorNameList li:nth-child(9) {
	margin-left: 344px;
}
.bodyColorNameList li:nth-child(10) {
	margin-left: 387px;
}
.bodyColorNameList li:nth-child(11) {
	margin-left: 430px;
}
.bodyColorNameList li:nth-child(12) {
	margin-left: 473px;
}
.bodyColorNameList li:nth-child(13) {
	margin-left: 516px;
}
.bodyColorNameList li:nth-child(14) {
	margin-left: 559px;
}
.bodyColorNameList li:nth-child(15) {
	margin-left: 600px;
}
.circleColor {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 40px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
}
.circleColor:hover {
	opacity: 0.7;
}
.circleColor--black {
	background: #333;
}
.circleColor--white {
	background: #fff;
	border: 2px solid #d5d5d5;
}
.circleColor--green {
	background: #04a000;
}
.circleColor--brown {
	background: #600;
}
.circleColor--olive {
	background: #990;
}
.circleColor--navy {
	background: #006;
}
.circleColor--purple {
	background: #93c;
}
.circleColor--gray {
	background: #d5d5d5;
}
.circleColor--yellow {
	background: #ff3;
}
.circleColor--yellowgreen {
	background: #7aad03;
}
.circleColor--cyan {
	background: #22c6dd;
}
.circleColor--magenta {
	background: #d32c99;
}
.circleColor--silver {
	background: #eee;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
	background: -webkit-linear-gradient(top, #eee 0%,#d5d5d5 100%);
	background: linear-gradient(to bottom, #eee 0%,#d5d5d5 100%);
}
.circleColor--red {
	background: #f00;
}
.circleColor--blue {
	background: #022dc1;
}
.circleColor--teal {
	background: #099;
}
.circleColor--pearl {
	background: #fffed8;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZlZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
	background: -webkit-linear-gradient(top, #fff 0%,#fffed8 100%);
	background: linear-gradient(to bottom, #fff 0%,#fffed8 100%);
	border: 2px solid #d5d5d5;
}
.circleColor--gold {
	background: #bd9242;
}


/* 記事・動画
----------------------------------------------------------------------------- */

#article_movie .titleLarge {
	margin: 80px 0 40px;
}
#article_movie .titleBorderB {
	margin-top: 0;
}

.articleTab {
	display: table;
	table-layout: fixed;
	width: 300px;
	margin: 15px auto;
	border: 1px solid #e00923;
	border-radius: 4px;
	overflow: hidden;
}
.articleTab > li {
	display: table-cell;
	padding: 4px 0;
	text-align: center;
}
.articleTab > li.current {
	background-color: #e00923;
}
.articleTab > li > a {
	display: block;
	position: relative;
	padding: 5px 0;
	color: #e00923;
	font-size: 14px;
}
.articleTab > li > a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
	width: 1px;
	height: 26px;
	margin: auto;
	background-color: #e00923;
}
.articleTab > li.current > a {
	color: #fff;
}
.articleTab > li:last-child > a::after,
.articleTab > li.current > a::after {
	display: none;
}

.article_item {
	margin-bottom: 50px;
}
.article_item:after,
.article_item::after {
	content: "";
}
.article_item .articleList {
	margin-bottom: 40px;
}

.text_notfound {
	margin: 40px 0;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}


/* CVボタン
-------------------------------*/
.conversionBtnArea {
	padding: 16px 20px 20px;
	background: #f1f1f1;
}
.conversionBtnArea .headerArea {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 0;
	margin: 0 0 16px;
}
.conversionBtnArea .headerArea > .titlePurchase,
.conversionBtnArea .headerArea > .officialWebsite {
	display: table-cell;
	text-align: left;
}
.conversionBtnArea .headerArea > .titlePurchase .label {
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 0 8px;
	background: #ef4f63;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 4px;
}
.conversionBtnArea .headerArea > .titlePurchase .title {
	margin: 0 10px 0 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: middle;
}
.conversionBtnArea .headerArea > .titlePurchase p {
	display: inline;
	color: #636363;
	font-size: 12px;
}
.conversionBtnArea .headerArea > .officialWebsite {
	width: 18em;
	text-align: right;
}
.conversionBtnArea .headerArea > .officialWebsite a {
	color: #1263a2;
}
.conversionBtnArea .headerArea > .officialWebsite a[target="_blank"] {
	padding: 0 0 0 22px;
	background: transparent url("https://img.goo-net.com/cache/newcar/common/icon_link_blank.png") no-repeat left center;
}
.conversionBtnArea .btnArea {
	width: 830px;
	display: table;
	border-spacing: 20px 0;
	table-layout: fixed;
	margin: 0 auto;
	text-align: center;
}
.conversionBtnArea .btnArea > li {
	display: table-cell;
	box-sizing: border-box;
}
.requestCatalogBtn {
	display: block;
	padding: 13px 10px;
	background: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.requestCatalogBtn > span {
	position: relative;
	padding-left: 30px;
}
.requestCatalogBtn > span::before {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 21px;
	height: 16px;
	margin: auto;
	background: transparent url("https://img.goo-net.com/newcar/common/sprite_bg_slide_navigation.png") no-repeat center -15px;
	background-size: 25px auto;
	content: "";
}
.tdriveBookingBtn,
.purchaseConsultBtn {
	display: block;
	padding: 14px 10px;
	background: #e00923;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	transition: none;
}
#contents .tdriveBookingBtn:hover,
#contents .purchaseConsultBtn:hover {
	text-decoration: none;
	opacity: 0.7;
}
.tdriveBookingBtn > span,
.purchaseConsultBtn > span {
	position: relative;
	padding-left: 25px;
}
.tdriveBookingBtn > span::before,
.purchaseConsultBtn > span::before {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
}
.tdriveBookingBtn > span::before {
	width: 16px;
	height: 14px;
	background: transparent url("https://img.goo-net.com/cache/ipn/newcar/catalog/icon_dealer_search.png") no-repeat center 0;
	background-size: 16px 14px;
}
.purchaseConsultBtn > span::before {
	width: 20px;
	height: 20px;
	background: transparent url("https://img.goo-net.com/cache/ipn/newcar/catalog/icon_purchase_consult.png") no-repeat center 0;
	background-size: 20px 20px;
}


/* 見積依頼
-------------------------------*/
.estimateArea {
	margin: 0 0 30px;
	padding: 27px 0 0;
	border-top: 1px solid #d5d5d5;
}
.estimateArea .lead {
	display: inline-block;
	position: relative;
	top: 3px;
	left: 0;
	height: 30px;
	padding: 0 14px;
	border: 1px solid #ef4f63;
	border-radius: 15px;
	box-sizing: border-box;
	color: #ef4f63;
	font-size: 14px;
	line-height: 30px;
}
.estimateArea .lead:after,
.estimateArea .lead::after {
	display: none;
}

.estimateBtnWrap {
	display: table;
	width: 900px;
	table-layout: fixed;
}
.estimateBtnWrap:after,
.estimateBtnWrap::after {
	display: none;
}
.estimateBtnWrap > div {
	display: table-cell;
	vertical-align: middle;
}
.estimateBtnWrap > .btn {
	width: 340px;
}

.estimateArea .title {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: middle;
}

.estimateArea p {
	display: inline-block;
	margin: 0 0 0 4px;
	vertical-align: middle;
}

.estimateArea .question {
	width: 22px;
	height: 22px;
	display: inline-block;
	margin-left: 5px;
	background: #d5d5d5;
	font-size: 12px;
	color: #fff;
	border-radius: 22px;
	text-align: center;
	line-height: 22px;
}

.estimateBtn {
	display: inline-block;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 50px;
	padding: 8px 32px;
	border: none;
	border-radius: 4px;
	box-sizing: border-box;
	background: #e00923;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	transition: none;
}
.estimateBtn::after {
	display: block;
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
	width: 24px;
	height: 24px;
	margin: auto 0;
	box-sizing: border-box;
	background: url("https://img.goo-net.com/cache/newcar/common/icon_arrow_right_white.svg") no-repeat;
	background-size: 24px;
	content: "";
}
.estimateBtn > span {
	margin-right: 8px;
	padding: 2px 4px;
	border: 1px solid #fff;
	border-radius: 2px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
}
#contents .estimateBtn:hover {
	text-decoration: none;
	opacity: 0.7;
	cursor: pointer;
}


/* お知らせ
-------------------------------*/
.estimateInfoArea {
	background-color: #fdf2f4;
	padding: 15px 20px;
	text-align: left;
}

.estimateInfoTitle {
	background-image: url("https://img.goo-net.com/cache/ipn/newcar/catalog/icon_infoExclamation.png");
	background-size: 18px 18px;
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 10px;
	padding-left: 23px;
}

.estimateInfoDesc {
	font-size: 12px;
	line-height: 18px;
}

.estimateInfoDesc strong {
	font-weight: bold;
}

/* 見積依頼アラート */
.alertMessage .content {
	display: inline-block;
	position: relative;
	width: 500px;
	height: 193px;
	padding: 40px 10px 30px;
	border-radius: 4px;
	background: #fff;
	color: #333;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	box-sizing: border-box;
}
.alertMessage .titleMessage {
	font-size: 20px;
	font-weight: bold;
	color: #e00923;
	margin-bottom: 6px;	
}
.alertMessage .closeBtn {
	position: relative;
	width: 200px;
	height: 50px;
	margin-top: 30px;
	padding: 0;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
	line-height: 50px;
	vertical-align: middle;
	border: 1px solid #d5d5d5;
	display: inline-block;
}
.alertMessage .closeBtn:hover {
	text-decoration: underline;
}



/* 紹介動画
-------------------------------*/
#introductionVideo iframe,
#introductionVideo img {
	vertical-align: bottom;
}

.introductionVideoTitle {
	margin-top: 50px;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.introductionVideoTitle > span {
	display: inline-block;
	position: relative;
	padding-left: 33px;
}
.introductionVideoTitle > span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 28px;
	height: 28px;
	margin: auto;
	background: transparent url("https://img.goo-net.com/cache/newcar/catalog/sprite_icon_introduction_video.png") no-repeat 0 0;
	background-size: 28px;
	content: "";
}

.introductionVideoItem {
	width: 800px;
	margin: 0 auto;
}
.introductionVideoList .videoListContent > .introductionVideoItem {
	padding-top: 20px;
	padding-bottom: 18px;
}

.videoCaption {
	margin: 17px 0 28px;
	font-size: 14px;
	font-weight: bold;
}

.gradeLink {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	box-sizing: border-box;
}
.gradeLink::before,
.gradeLink::after {
	position: absolute;
	left: 30px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent;
	box-sizing: border-box;
	content: "";
}
.gradeLink::before {
	border-bottom-color: #d5d5d5;
	top: -10px;
}
.gradeLink::after {
	visibility: visible;
	border-bottom-color: #fff;
	top: -9px;
}
.gradeLink > a {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px 5px;
	table-layout: fixed;
	color: #333;
}
.gradeLink > a > div,
.gradeLink > a > dl {
	display: table-cell;
	vertical-align: middle;
}
.gradeLink > a > .gradeLinkThumb {
	width: 140px;
}
.gradeLink > a > .gradeLinkName {
	padding-right: 10px;
}
.gradeLink > a > .gradeLinkName dt {
	margin-top: 1px;
	font-size: 14px;
	font-weight: bold;
}
.gradeLink > a > .gradeLinkName dd {
	font-size: 16px;
}
.gradeLink > a > .gradeLinkText {
	width: 6em;
	font-size: 14px;
	white-space: nowrap;
}

.arrowRightBtn {
	position: relative;
	padding-right: 1em;
}
.arrowRightBtn::after {
	display: block;
	position: absolute;
	top: 0;
	right: 2px;
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 1px solid #e00923;
	border-right: 1px solid #e00923;
	content: "";
}

.otherGradeLink {
	margin-top: 8px;
	font-size: 14px;
	text-align: right;
}
.introductionVideoItem + .otherGradeLink {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.arrowRightBottomBtn {
	position: relative;
	padding: 0 15px 0 0;
	color: #333;
}
.arrowRightBottomBtn::after {
	display: block;
	position: absolute;
	right: 2px;
	bottom: 50%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 7px;
	height: 7px;
	margin-bottom: -2px;
	border-right: 1px solid #e00923;
	border-bottom: 1px solid #e00923;
	content: "";
}

/* 動画複数（アコーディオン） */
.introductionVideoList > li {
	margin-bottom: 2px;
}
.introductionVideoList .videoListTitle {
	position: relative;
	padding: 0 34px 0 0;
	background: #f1f1f1;
	cursor: pointer;
}
.introductionVideoList .videoListTitle::before,
.introductionVideoList .videoListTitle::after {
	display: block;
	visibility: visible;
	position: absolute;
	top: 0;
	right: 26px;
	bottom: 0;
	width: 2px;
	height: 14px;
	margin: auto;
	padding: 0;
	border: 0;
	background: #e5111a;
	content: "";
}
.introductionVideoList .videoListTitle::after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.introductionVideoList .active .videoListTitle::before {
	display: none;
}
.introductionVideoList .videoListTitle .videoListTitleInner {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px 8px;
	table-layout: fixed;
}
.introductionVideoList .videoListTitle .videoListTitleInner:after,
.introductionVideoList .videoListTitle .videoListTitleInner::after {
	display: none;
}
.introductionVideoList .videoListTitle .videoListTitleInner > div {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.introductionVideoList .videoListTitle .videoListTitleInner > .videoListThumb {
	width: 66px;
	text-align: center;
}
.introductionVideoList .videoListTitle .videoListTitleInner > .videoListGradeName {
	font-size: 20px;
	font-weight: bold;
}

/* 動画を見るボタン */
.fixVideoBtnWrap {
	position: fixed;
	z-index: 50;
	right: 20px;
	bottom: 30px;
}
#contents .fixVideoBtnWrap a:hover img {
	opacity: 1;
}
.introductionVideoBtn {
	display: table;
	position: relative;
	margin: 0;
	padding: 6px 10px 6px 6px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	color: #fff;
}
.introductionVideoBtn:hover {
	opacity: 0.7;
}
.introductionVideoBtn > div {
	display: table-cell;
	vertical-align: middle;
}
.introductionVideoBtn > .introductionVideoBtnThumb {
	position: relative;
	width: 94px;
}
.introductionVideoBtn > .introductionVideoBtnThumb > img {
	vertical-align: bottom;
}
.introductionVideoBtn > .introductionVideoBtnThumb::after {
	visibility: visible;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 18px;
	height: 18px;
	margin: auto;
	background: transparent url("https://img.goo-net.com/cache/newcar/catalog/sprite_icon_introduction_video.png") no-repeat 0 -28px;
	background-size: 28px;
	content: "";
}
.introductionVideoBtn > .introductionVideoBtnText {
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
}

/* GOO_NEWCAR-715 ［運用］車種別、内部リンクの生成 ［seo］
-------------------------------*/
.usefulContentsLink {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 14px;
	margin: 0 5px;
}
.usefulContentsLink li {
	display: block;
	margin: 0 10px 20px 0;
	padding: 0 25px 0 10px;
	border-right: 1px solid #d5d5d5;
}
.usefulContentsLink li a {
	color: #1263a2;
}
.usefulContentsLink li a:hover {
	text-decoration: underline;
}