@charset "UTF-8";

/*
  SP feature_move は SSI で共通ヘッダ/フッタを読み込むため、/common/css/app_sp.min.css ほか多数の共通CSSが混入します。
  特集本文（article.usedcar202602move）の見た目（文字/フォント/行間）を壊さないため、本文内だけ最小限で打ち消します。
*/

/* 共通CSSの header/footer ルールが本文内の <header class="mainimage"> 等に当たるのを防ぐ */
article.usedcar202602move header,
article.usedcar202602move footer {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
	text-align: inherit !important;
}

/* KV（mainimage）：共通CSSの header リセットで幅/左端がズレるのを防ぐ */
article.usedcar202602move header.mainimage {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 0 25px !important;
}

article.usedcar202602move header.mainimage .contentswidth {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

article.usedcar202602move .mainimage-lead {
	width: 100% !important;
	box-sizing: border-box !important;
}

article.usedcar202602move .mainimage-lead {
	padding: 20px !important;
	background-color: rgba(0, 0, 0, 0.75) !important;
}

article.usedcar202602move .mainimage-lead p {
	margin: 0 !important;
}

/* 本文全体の基準ウェイトを元の見た目に固定 */
article.usedcar202602move {
	font-family: YakuHanJP_Noto, "Oswald", "Helvetica Neue", Helvetica, Arial, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	font-size: 1.4rem !important;
	line-height: normal !important;
	color: #5c5c5c !important;
	font-weight: 400 !important;
}

/* SP特集の基本余白（共通CSSで詰まるのを防ぐ） */
article.usedcar202602move .contentsbody {
	padding: 25px 20px !important;
}

article.usedcar202602move .contentswidth {
	width: 100% !important;
	margin-inline: auto !important;
}

article.usedcar202602move .contentsh1 {
	margin: 0 0 20px !important;
}

:where(article.usedcar202602move *) {
	font-family: inherit;
}

article.usedcar202602move p {
	line-height: 1.75 !important;
}

/* セクション見出し帯（contentsh2）：太さ/背景/高さをSP特集の元デザインに固定 */
article.usedcar202602move h2.contentsh2 {
	display: block !important;
	box-sizing: border-box !important;
	margin: 0 0 10px !important;
	padding: 5px 20px !important;
	border-radius: 15px 15px 0 0 !important;
	font-size: 1.8rem !important;
	font-weight: 700 !important;
	line-height: normal !important;
	background: url(../img/contentsh2-bg.png) center center/auto auto repeat #5f2e1a !important;
	color: #fff !important;
}

article.usedcar202602move h2.contentsh2 + .whitebox {
	margin-top: -10px !important;
}

/* 店舗セクション見出し（showroom-header）：太さ/行間を周辺と揃える */
article.usedcar202602move h2.showroom-header {
	font-weight: 700 !important;
	line-height: normal !important;
}

/* メインメニュー見出し：先頭の「ムーヴの」も太字にする（PC版と同等） */
article.usedcar202602move .mainimage-menu__header {
	font-weight: 700 !important;
}

article.usedcar202602move .mainimage-menu__header strong {
	font-weight: 700 !important;
}

/* 共通CSSの影響で見出しウェイトが落ちる場合があるため、本文内は太字を維持 */
article.usedcar202602move h3,
article.usedcar202602move h4 {
	font-weight: 700 !important;
}

/* 自分らしさ（myself）：共通CSSで幅/余白が崩れて背景が細く見える・画像と文章が密着するのを復元 */
article.usedcar202602move section.myself {
	padding: 25px 0 !important;
	background-color: #f1efe9 !important;
}

article.usedcar202602move .myself-wrapper {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

article.usedcar202602move .myself-wrapper > * {
	width: calc(100% - 20px) !important;
	margin: 0 0 15px !important;
	padding: 0 !important;
}

article.usedcar202602move .myself-wrapper > *:last-child {
	margin-left: auto !important;
}

article.usedcar202602move .myself-contents {
	padding: 20px 0 0 !important;
}

article.usedcar202602move .myself-contents.dandy {
	background-color: #878787 !important;
	border-radius: 0 40px 0 0 !important;
}

article.usedcar202602move .myself-contents.noble {
	background-color: #e9dece !important;
	border-radius: 40px 0 0 0 !important;
}

article.usedcar202602move .myself-contents.dandy .myself-contents__body {
	margin: 0 0 0 auto !important;
	padding: 0 0 10px !important;
	color: #fff !important;
}

article.usedcar202602move .myself-contents.noble .myself-contents__body {
	margin: 0 auto 0 0 !important;
	padding: 0 0 10px !important;
	color: #333 !important;
}

article.usedcar202602move .myself-contents__header {
	margin: 0 0 25px !important;
	text-align: center !important;
	letter-spacing: 0.4rem !important;
	font-size: 2.6rem !important;
}

article.usedcar202602move .myself-contents__header span {
	display: block !important;
	font-size: 1.4rem !important;
	letter-spacing: 0 !important;
}

/* 自分らしさ（myself）：画像下の微妙なズレ/キャプション位置ズレを共通CSS影響から復元 */
article.usedcar202602move .myself-contents__body figure > img {
	display: block !important;
	vertical-align: bottom !important;
}

article.usedcar202602move .myself-contents__body figcaption {
	margin: 0 !important;
	padding: 15px 0 15px !important;
}

article.usedcar202602move .myself-contents__body figcaption p {
	margin: 0 !important;
}

/* スマアシ点検：ロゴと本文の間隔がリセットで消えるため、セクション内だけ復元 */
article.usedcar202602move .smaassicheck-header h2 {
	margin: 0 0 15px !important;
}

article.usedcar202602move .smaassicheck-header h2 img {
	display: block !important;
	margin: 0 auto !important;
}

/* 店舗（showroom）：共通CSSの p{margin:0} 等で段落間が詰まるのを復元 */
article.usedcar202602move .showroom-wrapper p {
	margin: 0 0 1em !important;
	line-height: 1.75 !important;
}

article.usedcar202602move .showroom-wrapper p:last-child {
	margin-bottom: 0 !important;
}

/* まごころ保証プラス：共通CSS/リセットで余白が消えるケースがあるため、元CSS相当を本文スコープで復元 */
article.usedcar202602move .magokoroplus {
	padding-top: 0 !important;
}

article.usedcar202602move .magokoroplus-border {
	position: relative !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 20px 20px 50px !important;
	border-radius: 0 25px 0 0 !important;
	border: #4ea73b solid 4px !important;
	border-bottom-width: 6px !important;
}

article.usedcar202602move .magokoroplus-header {
	margin: 0 !important;
	padding: 0 0 10px !important;
	border-bottom: 2px dashed #4ea73b !important;
	text-align: center !important;
}

article.usedcar202602move .magokoroplus-header img {
	width: 90% !important;
}

article.usedcar202602move .magokoroplus-lead {
	margin-bottom: 25px !important;
	text-align: center !important;
	font-size: 1.6rem !important;
}

article.usedcar202602move .magokoroplus-list {
	display: block !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	list-style: none !important;
}

article.usedcar202602move .magokoroplus-list li {
	margin: 0 0 10px !important;
	padding: 0 15px !important;
	list-style: none !important;
	border: 3px solid #4ea73b !important;
	border-radius: 20px !important;
	line-height: 5.6rem !important;
	text-align: center !important;
	font-size: 2rem !important;
	color: #4ea73b !important;
	background: transparent !important;
}
article.usedcar202602move .magokoroplus-list li > div {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	text-indent: 0 !important;
	white-space: normal !important;
	overflow: visible !important;
}

article.usedcar202602move .magokoroplus-detail {
	overflow: hidden !important;
	/* max-height はアコーディオンJSが操作するため !important を付けない */
	max-height: 560px;
	margin: 0 !important;
	padding: 0 !important;
}

article.usedcar202602move .magokoroplus-opener {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 5px 0 30px !important;
	cursor: pointer !important;
	background-color: rgba(255, 255, 255, 0.85) !important;
	text-align: center !important;
	font-size: 1.4rem !important;
}


article.usedcar202602move .magokoroplus-opener > div {
	position: absolute !important;
	left: 50% !important;
	top: 10px !important;
	width: 200px !important;
	height: 200px !important;
	margin-left: -100px !important;
	padding-top: 10px !important;
	background-color: #4ea73b !important;
	border-radius: 100% !important;
	color: #fff !important;
}

article.usedcar202602move .magokoroplus-opener > div::after {
	content: "" !important;
	position: absolute !important;
	top: 32px !important;
	left: 50% !important;
	rotate: 45deg !important;
	width: 10px !important;
	height: 10px !important;
	margin-left: -5px !important;
	border-right: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
}

article.usedcar202602move .magokoroplus-opener.is-open > div::after {
	rotate: -135deg !important;
}

/* まごころ保証プラスα：上と同様に復元 */
article.usedcar202602move .magokoroplusalpha {
	padding-top: 0 !important;
}

article.usedcar202602move .magokoroplusalpha-border {
	position: relative !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 20px 20px 50px !important;
	border-radius: 0 25px 0 0 !important;
	border: #0386c6 solid 4px !important;
	border-bottom-width: 6px !important;
}

article.usedcar202602move .magokoroplusalpha-header {
	margin: 0 0 15px !important;
	padding: 0 0 10px !important;
	border-bottom: 2px dashed #0386c6 !important;
	text-align: center !important;
}

article.usedcar202602move .magokoroplusalpha-header img {
	width: 90% !important;
}

article.usedcar202602move .magokoroplusalpha-lead {
	margin-bottom: 25px !important;
	text-align: center !important;
	font-size: 1.6rem !important;
}

article.usedcar202602move .magokoroplusalpha-list {
	display: block !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	list-style: none !important;
}

article.usedcar202602move .magokoroplusalpha-list li {
	margin: 0 0 10px !important;
	padding: 0 15px !important;
	list-style: none !important;
	border: 3px solid #0386c6 !important;
	border-radius: 20px !important;
	line-height: 5.6rem !important;
	text-align: center !important;
	font-size: 2rem !important;
	color: #0386c6 !important;
	background: transparent !important;
}
article.usedcar202602move .magokoroplusalpha-list li > div {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	text-indent: 0 !important;
	white-space: normal !important;
	overflow: visible !important;
}

/* 低燃費：2WD/4WDが共通CSSで左寄せになるのを防ぐ */
article.usedcar202602move .efficiency-contents__table th {
	text-align: center !important;
}

article.usedcar202602move .magokoroplusalpha-detail {
	overflow: hidden !important;
	/* max-height はアコーディオンJSが操作するため !important を付けない */
	max-height: 560px;
	margin: 0 !important;
	padding: 0 !important;
}

article.usedcar202602move .magokoroplusalpha-opener {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 5px 0 30px !important;
	cursor: pointer !important;
	background-color: rgba(255, 255, 255, 0.85) !important;
	text-align: center !important;
	font-size: 1.4rem !important;
}


article.usedcar202602move .magokoroplusalpha-opener > div {
	position: absolute !important;
	left: 50% !important;
	top: 10px !important;
	width: 200px !important;
	height: 200px !important;
	margin-left: -100px !important;
	padding-top: 10px !important;
	background-color: #0386c6 !important;
	border-radius: 100% !important;
	color: #fff !important;
}

article.usedcar202602move .magokoroplusalpha-opener > div::after {
	content: "" !important;
	position: absolute !important;
	top: 35px !important;
	left: 50% !important;
	rotate: 45deg !important;
	width: 10px !important;
	height: 10px !important;
	margin-left: -5px !important;
	border-right: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
}

article.usedcar202602move .magokoroplusalpha-opener.is-open > div::after {
	top: 40px !important;
	rotate: -135deg !important;
}