/* タイプ別ページ共通 */

body {
	color: #444444;
}

/* 車種名ヘディング */
.p-main-title {
	padding-bottom: 35px;
}

@media screen and (max-width: 768px) {
	.p-main-title {
		padding-bottom: 30px;
	}
}

/* メインビジュアル */
.p-mainvisual {
	margin-bottom: 110px;
}

@mecia screen and (max-width: 768px) {
	.p-mainvisuall-mainvisual {
		margin-bottom: 75px;
	}
}
/* =========================================
   メインコピーセクション
========================================= */
.p-explain__wrapper {
  max-width: 1100px;      /* コンテンツ幅（例） */
  margin: 0 auto;         /* 中央寄せ */
  padding: 110px 0;
  display: flex;
  justify-content: space-between; /* 左右に配置 */
  align-items: flex-start;
  color: #5a5a5a;
  position: relative;
}

/* 左ブロック（画像） */
.p-explain__block--heading {
  transform: translateX(100px); /* コンテンツ左端から50px右へ */
  font-family: var(--font-bold);
}

/* 右ブロック（コピー） */
.p-explain__block--copy {
  flex-basis: 50%;           /* 右半分を確保 */
  text-align: left;          /* 左揃え */
  padding-left: -50px;        /* 中央から右へ50pxスタート */
}

/* コピータイトル */
.p-explain__heading--copy {
  font-size: 28px;
  line-height: calc(40 / 28);
  font-family: var(--font-regular);
  font-weight: normal;
  margin-bottom: 30px;
}

/* コピー本文 */
.p-explain__copy {
  font-size: 16px;
  line-height: calc(36 / 16);
  font-family: var(--font-light);
}

/* 画像 */
.p-explain__heading__image--main img {
  width: 80%;
  max-width: 338px;
  height: auto;
  display: block;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* =========================================
   スマホ対応
========================================= */
@media screen and (max-width: 768px) {
  .p-explain__wrapper {
    flex-direction: column;
    align-items: start;
    padding: 25px 20px 70px;
  }

  .p-explain__block--heading {
    transform: none;
  }

  .p-explain__block--copy {
    padding-left: 0; /* スマホではリセット */
  }

  .p-explain__heading--copy {
    font-size: 20px;
    line-height: calc(36 / 20);
	margin-top: 30px;
    margin-bottom: 20px;
  }

  .p-explain__copy {
    font-size: 14px;
    line-height: calc(24 / 14);
  }
}


/* ムービー */
.p-movie {
	margin-bottom: 120px;
}

.p-movie__wrapper {
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 20px;
}

.p-movie__thumb {
	position: relative;
}

.p-movie__thumb a::after {
	content: "";
	background: url(/N-ONE/webcatalog/type/images/btn_play_movie.png) center no-repeat;
	background-size: contain;
	width: 218px;
	height: 218px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-109px, -109px);
	display: block;
	z-index: 1;
	transition: opacity 0.3s ease;
}

.p-movie__thumb a:hover::after {
	opacity: 0.7;
}

.p-movie__block a {
	display: block;
	cursor: pointer;
}

.p-movie__thumb img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.p-movie {
		margin-bottom: 50px;
	}

	.p-movie__wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}

	.p-movie__thumb a::after {
		width: 78px;
		height: 78px;
		transform: translate(-39px, -39px);
	}
}

/* スナップ写真 */
.p-snaps {
	padding-bottom: 160px;
}
.p-snaps__wrapper {
	max-width: 1020px;
	padding: 0 20px;
	margin: 0 auto;
}

.p-snaps__snap {
	margin: 0;
	opacity: 0;
}

.p-snaps__snap--full {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.p-snaps__snap--caution {
	max-width: 1140px;
	margin: 50px auto 0;
	text-align: right;
	font-size: 12px;
	font-family: var(--font-light);
	padding-right: 0; /* 不要 */
}

.p-snaps__snap img {
	width: 100%;
}

.is-view .p-snaps__snap {
	opacity: 1 !important;
}

.p-snaps__block--row {
	display: flex;
	gap: 8px;
	justify-content: center;
}



@media screen and (max-width: 768px) {
.p-snaps {
	padding-bottom: 70px;
}
.p-snaps__wrapper {
	max-width: 1020px;
	padding: 0 20px;
	margin: 0 auto;
}

.p-snaps__snap--caution {
		
    max-width: 100%;
	font-size: 8px;
    margin-top: 30px;
    text-align: center;
}

.p-snaps__snap {
	margin: 0;
	opacity: 0;
}

.p-snaps__snap--full {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.p-snaps__snap img {
	width: 100%;
}

.is-view .p-snaps__snap {
	opacity: 1 !important;
}

.p-snaps__block--row {
	display: flex;
	gap: 4px;
	justify-content: center;
}
}




/* エクステリア＆インテリア */
.p-equipments__wrapper {
	padding: 160px 0 174px;
}

.p-equipments__block--exteior {
	margin-bottom: 315px;
}

.p-equipments__block--exterior {
	margin-bottom: 314px;
}

.p-equipments__image--main {
	max-width: 1240px;
	margin: 0 auto 155px;
	padding: 0 20px;
}

.p-equipments__image--main img {
	width: 100%;
}

.p-equipments__slider {
	position: relative;
}

.p-equipments__slider--block-heading {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: flex;
	justify-content: flex-end;
}

.p-equipments__slider--inner-heading {
	margin: 0px 75px 30px 0px;
}

.p-equipments__slider--heading p {
	margin-top: 15px;
	margin-bottom: 45px;
	font-size: 20px;
	line-height: calc(37 /20);
	font-weight: normal;
	font-family: var(--font-regular);
}

.p-equipments__slider--heading img {
  width: 200px;      /* 最大幅を設定 */
  max-width: 100%;   /* スマホ対応 */
  height: auto;
  display: block;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;

}

.p-equipments__slider--text {
	padding-top: 30px;
	font-size: 18px;
	line-height: (32 / 18);
}

.p-equipments__slider--slider {
	padding-top: 0px;
	padding-left: 50%;
	
}

.p-equipments .swiper-controls {
	justify-content: flex-start;
}

.p-equipments__image--slider {
	margin-bottom: 15px;
}

.p-equipments__image--slider  img {
	max-width: 100%;
	border-radius: 0%;
}


.p-equipments__title--slider {
	font-size: 16px;
	line-height: calc(20 / 16);
}

.p-equipments__title--slider {
	font-size: 16px;
	font-family: var(--font-light);
	line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
	.p-equipments__wrapper {
		padding-top: 60px;
		padding-bottom: 120px;
	}

	.p-equipments__image--main {
	  width: 100%;
  		display: block;
  		transform: scale(1.1);
  		transform-origin: center;
 		margin: 0 0 40px 0;

	}

	.p-equipments__slider--block-heading {
		width: auto;
		padding: 0 20px;
		position: relative;
		top: 0;
		left: 0;
	}

	.p-equipments__slider--inner-heading {
		max-width: 240px;
		margin-left: 0;
		margin-right: auto;
	}

	.p-equipments__slider--text {
		font-size: 14px;
		line-height: calc(24 / 14);
	}

	.p-equipments__slider--heading p {
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 14px;
		line-height: calc(37 / 14);
	}

	.p-equipments__slider--heading img {
		width: 80%;
		margin-top: 25px;
		margin-bottom: 20px;
	}

	.p-equipments__slider--slider {
		padding: 30px 0 0 80px;
	}

	.p-equipments .swiper-controls {
		justify-content: center;
	}

	.p-equipments__block--exteior {
		margin-bottom: 130px;
	}
}

/* 標準装備 */
.p-default-equipments__wrapper {
	max-width: 1020px;
	margin: 0 auto;
	padding: 100px 20px 140px;
}

.p-default-equipments__heading {
	margin: 0px 0px 15px 5px;
	font-size: 16px;
	line-height: calc(24 / 16);
	font-weight: normal;
	font-family: var(--font-regular);
}

.p-default-equipments__list li {
	margin-bottom: 0;
	font-size: 16px;
	line-height: calc(24 / 16);
}

.p-default-equipments__list .caution {
	max-width: 640px;
	margin-bottom: 0;
	font-size: 16px;
	text-align: right;


}


@media screen and (max-width: 768px) {
	.p-default-equipments__wrapper {
		padding-bottom: 70px;
	}
}

/* ボディカラー・インテリカラー・タイプ価格 共通 */
.p-bodycolor__heading,
.p-interiorcolor__heading,
.p-price__heading {
	margin-bottom: 55px;
	font-size: 26px;
	line-height: calc(37 / 26);
	text-align: center;
	font-weight: normal;
	font-family: var(--font-bold);
}

.p-bodycolor__heading::after,
.p-interiorcolor__heading::after,
.p-price__heading::after {
	content: "";
	width: 26px;
	height: 2px;
	margin: 34px auto 0;
	background-color: #000000;
	display: block;
}

@media screen and (max-width: 768px) {
	.p-bodycolor__heading,
	.p-interiorcolor__heading,
	.p-price__heading {
		margin-bottom: 35px;
		font-size: 18px;
		line-height: calc(28 / 18);
	}
	
	.p-bodycolor__heading::after,
	.p-interiorcolor__heading::after,
	.p-price__heading::after {
		content: "";
		width: 20px;
		height: 2px;
		margin: 20px auto 0;
		background-color: #000000;
		display: block;
	}
}

/* ボディカラー */
.p-bodycolor__wrapper {
	max-width: 1020px;
	margin: 0 auto 120px;
	padding: 0 20px;
}

.p-bodycolor__image {
	max-width: 640px;
	margin: 0 auto 30px;
}

.p-bodycolor__caption {
	margin-top: 10px;
	font-size: 12px;
	font-family: var(--font-light);
	text-align: right;
}

.p-bodycolor__caption-left {
	margin-top: 10px;
	font-size: 12px;
	font-family: var(--font-light);
	text-align: left;
}


.p-bodycolor__item--description {
	margin-bottom: 22px;
	display: none;
	flex-direction: column;
	align-items: center;
}

.p-bodycolor__item--description.is-active {
	display: flex;
}

.p-bodycolor__name {
	font-size: 22px;
	margin-bottom: 18px;
}

.p-bodycolor__text {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: calc(30 / 16);
}

.p-bodycolor__caption--type {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: calc(30 / 16);
}

.p-bodycolor__caption--description {
	margin-bottom: 10px;
	font-size: 12px;
	font-family: var(--font-light);
}

.p-bodycolor__caution--discon {
	font-size: 12px;
	font-family: var(--font-light);
	color: #ff0000;
}

.p-bodycolor__chips {
	justify-content: center;
}

/* インテリアカラー */
.p-interiorcolor {
	margin-bottom: 100px;
}

.p-interiorcolor__name {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: calc(24 / 16);
	text-align: center;
	display: none;
}

.p-interiorcolor__name.is-active {
	display: block;
}

.p-interiorcolor__captions {
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 20px;
}

.p-interiorcolor .swiper-controls {
	margin-bottom: 20px;
}

.p-interiorcolor__chips-stack {
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.p-interiorcolor {
		margin-bottom: 60px;
	}

	.p-bodycolor__name {
		font-size: 17px;
		line-height: calc(22 / 17);
	}

	.p-bodycolor__text {
		font-size: 13px;
		line-height: calc(23 / 13);
	}

	.p-bodycolor__caption--type {
		font-size: 13px;
		line-height: calc(23 / 13);
	}
}


/* タイプ・価格（既存引用） */
@media (min-width: 769px) {

	.p-price {
		margin-bottom: 75px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.p-price__wrapper {
		max-width: 980px;
		margin: 0 auto;
	}

	.p-price .box01{
	margin-bottom: 100px;
	}

	.p-price .box01 .img_slider.col01{
	margin-bottom: 30px;
	padding: 0;
	margin-left: -8px;
	width: calc(100% + 8px)!important;
	}

	.p-price .box01 .img_slider.col01 .slider_inner{
	width: calc(50% - 8px);
	margin-left: 8px;
	}

	.p-price .box01 .img_slider.col01.ptn01 .slider_inner img{
	width: 96%;
	max-width: 396px;
	margin: 0 auto;
	}

	.p-price .box02{
	margin-bottom: 57px;
	}

	.p-price .box02 h4{
	font-size: 16px;
	font-family: "Honda Global JP";
	line-height: 24px;
	margin-bottom: 15px;
	}

	.p-price .img_slider.col04 {
	padding: 0;
	margin-left: -20px;
	width: calc(100% + 20px)!important;
	}

	.p-price .img_slider.col04 .slider_inner{
	width: calc(25% - 20px);
	margin-left: 20px;
	}

	.p-price .img_slider.col04 .slider_inner .title{
	padding: 0;
	margin-top: 12.2px;
	font-size: 15px;
	font-family: "Honda Global JP";
	line-height: 24px;
	}

	.p-price .img_slider.col04 .slider_inner .title.en{
	font-family: 'Honda Global JP';
	}

	.p-price .img_slider.col04 .slider_inner .title .en{
	font-weight: 400;
	}

	.p-price .img_slider.col04 .slider_inner .title span.ja_mini{
	font-size: 13px;
	display: block;
	}


	.p-price .box04{
	padding: 40px 48px 42px;
	background: #F7F5F4;
	}

	.p-price .price-caution{
	margin-bottom: 50px;
	}
		
	.p-price .box04 .title{
	font-size: 22px;
	font-family: "Honda Global JP";
	line-height: 30px;
	margin-bottom: 23px;
	}

	.p-price .box04 .title .en{
	font-family: var(--font-bold);
	}

	.p-price .box04 .text{
	font-size: 15px;
	font-family: "Honda Global JP";
	line-height: 24px;
	border-bottom: 1px solid #252525;
	padding-bottom: 14px;
	margin-bottom: 23px;
	}

	.p-price .box04 .text span{
	font-size: 13px;
	font-family: "Honda Global JP"
	}

	.p-price .box04 .text .en{
	font-weight: 400;
	font-family: 'Honda Global JP"';
	}

	.p-price .box04 .text span sup{
	font-size: 9px;
	/*vertical-align: top;*/
	display: inline-block;
	transform: scale(.9);
	}

	.p-price .box04 .cnt_g{
	display: flex;
	justify-content: space-between;
	}

	.p-price .box04 .cnt_g .cnt_price{
	display: flex;
	width: 43.439%;
	}
	.p-price .box04 .cnt_g .cnt_price:last-child {
		width: 45.6%;
	}
	.p-price .box04 .cnt_g .cnt_price .type{
	padding-top: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin-right: 15px;
	}

	.p-price .box04 .cnt_g .cnt_price:first-child .type{
	margin-right: 15px;
	}
	.p-price .box04 .cnt_g .cnt_price .price{
	font-size: 43px;
	font-family: "Honda Global JP";
	line-height: 1;
	}

	.p-price .box04 .cnt_g .cnt_price .price .en{
	font-family: var(--font-bold);
	}

	.p-price .box04 .cnt_g .cnt_price .price .yen{
	font-size: 16px;
	margin-left: 4px;
	line-height: 24px;
	}

	.p-price .box04 .cnt_g .cnt_price .without_tax{
	display: block;
	font-size: 14px;
	line-height: 24px;
	margin-top: 3px;
	}

	.p-price .box04 .cnt_g .cnt_price .without_tax .en{
	font-weight: 400;
	}

	.p-price .box04 .cnt_g .cnt_price .cnt_img {
	width: 70px;
	margin: 6px 0 0 auto;
	}
	.p-price .box04 .cnt_g .cnt_price .ast{
	margin-top: 8px;
	margin-left: 5px;
	font-size: 22px;
	color: var(--color-green);
	}

	.p-price .c-button-favorite-round {
		width: 124px;
		margin: 30px auto 0;
	}
}

.p-price .box04 .cnt_g .cnt_price .cnt_img img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	
	.p-price{
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 60px;
	}
	
	.p-price .box01{
	margin-bottom: 62.5px;
	}
	
	.p-price .box01 .img_slider.col01{
	margin-bottom: 45px;
	padding: 0;
	width: 100%!important;
	}
	
	.p-price .box01 .img_slider.col01 .slider_inner{
	padding: 0;
	}
	
	.p-price .box01 .img_slider.col01.ptn01 .slider_inner img{
	width: 86.207%;
	margin: 0 auto;
	}
	
	.p-price .box01 .img_slider .arrow_prev {
	margin: 0 0 6px -35px;
	}
	
	.p-price .box01 .img_slider .arrow_next {
	margin: 0 -35px 6px 0;
	}
	
	.p-price .box02{
	margin-bottom: 45px;
	}
	
	.p-price .box02 h4{
	font-size: 14px;
	font-family: var(--font-bold);
	line-height: 20px;
	margin-bottom: 12.75px;
	}
	
	.p-price .img_slider.col04 {
	padding: 0;
	margin-left: -15px;
	width: calc(100% + 15px)!important;
	}
	
	.p-price .img_slider.col04 .slider-track{
	margin-bottom: 0;
	}
	
	.p-price .img_slider.col04 .slider_inner{
	width: calc(25% - 15px);
	margin-left: 15px;
	margin-bottom: 0;
	padding: 0;
	}
	
	.p-price .img_slider.col04 .slider_inner .title{
	padding: 0;
	margin: 7.5px 0 0;
	font-size: 13px;
	font-family: "Honda Global JP";
	line-height: 16.25px;
	}
	
	.p-price .img_slider.col04 .slider_inner .title.en{
	font-family: 'Montserrat';
	}
	
	.p-price .img_slider.col04 .slider_inner .title .en{
	font-weight: 400;
	}
	
	.p-price .img_slider.col04 .slider_inner .title span.ja_mini{
	font-size: 10px;
	display: block;
	}
	
	
	
	.p-price .box04{
	padding: 27.5px 20px;
	background: #F7F5F4;
	}
	
	.p-price .box04 .title{
	font-size: 17px;
	font-family: "Honda Global JP";
	line-height: 25px;
	margin-bottom: 13px;
	}
	
	.p-price .box04 .title .en{
	font-family: var(--font-bold);
	}
	
	.p-price .box04 .text{
	font-size: 13px;
	font-family: "Honda Global JP";
	line-height: 18.75px;
	border-bottom: 1px solid #252525;
	padding-bottom: 8.5px;
	margin-bottom: 19px;
	}
	
	.p-price .box04 .text span{
	font-size: 11px;
	font-family: "Honda Global JP";
	}
	
	.p-price .box04 .text .en{
	font-weight: 400;
	font-family: 'Montserrat';
	}
	
	.p-price .box04 .text span sup{
	font-size: 9px;
	/*vertical-align: top;*/
	display: inline-block;
	transform: scale(.9);
	}
	
	.p-price .box04 .cnt_g{
	display: block;
	}
	
	.p-price .box04 .cnt_g .cnt_price{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	}
	
	.p-price .box04 .cnt_g .cnt_price:first-child{
	margin-bottom: 24px;
	}
	
	.p-price .box04 .cnt_g .cnt_price .type{
	width: 100%;
	padding-top: 0;
	font-size: 11px;
	font-weight: 400;
	line-height: 15.75px;
	margin-right: 0;
	font-weight: 400;
	}
	
	.p-price .box04 .cnt_g .cnt_price .price{
	font-size: 31px;
	font-family: var(--font-bold);
	line-height: 1;
	}
	
	.p-price .box04 .cnt_g .cnt_price .price .en{
	font-family: var(--font-bold);
	}
	
	.p-price .box04 .cnt_g .cnt_price .price .yen{
	font-size: 14px;
	margin-left: 2px;
	line-height: 16.25px;
	}
	
	.p-price .box04 .cnt_g .cnt_price:nth-child(2) .price .yen{
	margin-left: 6px;
	}
	
	.p-price .box04 .cnt_g .cnt_price .without_tax{
	display: block;
	font-size: 11px;
	font-family: var(--font-light);
	line-height: 15.5px;
	margin-top: 3.5px;
	}
	
	.p-price .box04 .cnt_g .cnt_price .without_tax .en{
	font-weight: 400;
	}
	
	.p-price .box04 .cnt_g .cnt_price .cnt_img{
	width: 50px;
	margin: 0 0 0 33px;
	display: flex;
	}
	
	.p-price .box04 .cnt_g .cnt_price:nth-child(2) .cnt_img{
	margin: 0 0 0 28px;
	}
	.p-price .box04 .cnt_g .cnt_price .ast{
	margin-left: 3px;
	font-size: 22px;
	color: var(--color-green);
	vertical-align: top;
	}

	.p-price .c-button-favorite-round {
		width: 124px;
		margin: 25px auto 0;
	}

}

/* セルフ見積もり＆タイプを比較する */
.p-estimate .c-car-card__button {
	width: 340px;
	margin: 0 auto 10px;
}

.p-estimate .c-car-card__button:last-child {
	margin-bottom: 0;
}

.p-estimate .c-car-card__button:last-child a {
	width: 100%;
}

@media screen and (max-width: 768px) {
}


/* 個性豊かなタイプバリエーション */
.p-variation__heading {
	margin-bottom: 40px;
	font-size: 38px;
	font-weight: normal;
	font-family: var(--font-bold);
	text-align: center;
}

.p-variation__name {
	margin-top: 2px;
}

@media screen and (max-width: 768px) {
	.p-variation__heading {
		margin-bottom: 20px;
		font-size: 30px;
	}
}

/* コーション */
.section_caution{
	margin: 60px auto 65px;
}

.section_caution .section_inner .caution_star {
font-size: 11px;
font-family: var(--font-light);
font-weight: 300;
line-height: 16.5px;
margin: 0 0 10px 0;
}

.section_caution .section_inner .caution_star .en{
font-weight: 400;
}

.section_caution .notes p:last-child{
margin-bottom: 0;
}

.section_caution .caution p {
text-indent: -1.8em;
padding: 0 0 0 2em;
}

.section_caution .caution .bold{
font-family: "Honda Global JP";
}