@charset "UTF-8";

/* ---------------------------
	File Name:style.css
	個別対応
	id指定でスタイル設定
	scssからの出力ではなく、cssを直積記載
------------------------------ */

.maxheight-none{
	max-height:none !important;
}

.warning p.info_img{
  text-align: center;
}
.warning p.info_img img {
  max-width: 50%;
  margin: 0 auto;
}

.background-fff tr,
.background-fff td {
  background: #fff !important;
}

th{min-width:initial !important;}
td > .defaultList:first-child{
margin:0;
}
.cbox table tr td{text-align : initial}

.border-black td {
  border: 1px solid #000 !important;
}

.liststyle-none{
list-style: none;
}
ol.arrows.marginleft,
ul.marginleft{
  margin-left:1.5em;
}
ul.marginleft{
  margin-top:5px;
}
.kome {
  margin-top: 3em;
  padding-left: 2em;
  text-indent: -2em;
}

/* 画像 */
.icon_inline,
.filter-invert{filter: invert(100%);}
.icon_inline.border,
.icon_inline.line{border:1px solid #fff;}
.icon_inline.filter-none,
.icon_inline.nofilter{filter: none;}
.icon_inline.nofilter.border,
.icon_inline.nofilter.line{border:1px solid #000;}
.width-150{width:150px !important;}

/* 警告灯の点灯/点滅 */
.column02.indicator .photo{
	width:15%;
	max-width: none;
	flex-basis: auto;
}
.column02.indicator .text{
	width:80%;
	max-width: none;
	flex-basis: auto;
}
.column02.indicator .photo img{
		filter: invert(100%);
		box-sizing:border-box;
		border: 1px solid #fff;
		padding: 8px;
		width:100%;
		max-width:140px;
		display:block;
}
.column02.indicator .photo img.border-none{
		border: none;
}

@media screen and (max-width: 736px) {
	.column02.indicator .text,
	.column02.indicator .photo{
		max-width: none !important;
		width:auto;
	}
	.column02.indicator .photo{
	text-align:center;
	}
	.column02.indicator .photo img{
		margin:0 auto;
	}
}





/* シート位置別チャイルドシート情報 */
table#d_136_2320_90_131090 tr{background:#fff;}
table#d_136_2320_90_131090 img{filter: invert(100%);}
@media screen and (max-width: 736px) {
	p#d_136_2320_90_84124 + div > img{display:block;margin:auto;}
	table#d_136_2320_90_131090 img{max-width:none;width:45px;}
	table#d_136_2320_90_131090 td{padding:10px 15px !important;}
}
/* ハイビーム/ロービームの自動切り換え */
tr#d_136_2310_90_95051 td:nth-child(2){background-color:#fff;}
tr#d_136_2310_90_95051 img{filter: invert(100%);}
/* ドアミラー 格納 icon_inline削除*/
#d_136_2320_90_127109 td{padding: 12px !important;}
/* 検知 */
li#kenchi{position:relative;left:-2em;}
/* ABS */
.abs-wrap td{
min-width:auto;
}
.abs-wrap td:first-child{
width:85px;
}
img.abs {
  width: 48px;
  display: block;
  padding: 5px 17px;
  border: 1px solid #fff;
}
/* 障害物を検知したときの作動状態 */
#d_136_2310_90_111852 .typehead {
  border: 1px solid #fff;
}
/* オイルモニターシステム情報 */
#d_136_2310_90_106482 img,
#d_136_2310_90_106503 img,
#d_136_2310_90_106532 img{width:170px;max-width:none;}
/* 電球の交換 */
table.all.lightbulb{
border:1px solid #000 !important;
}
table.all.lightbulb tr{
	background-color:#fff;
}
table.all.lightbulb td{
	border:0 !important;
}
/* Q&A */
.main.error_message_wrap .error_message > div > .qa li.img {
	list-style-type: none;
}

/* タッチパネルの使いかた */
.flex_touchpanel{display: flex;}
.flex_touchpanel img {width:100%;}
.flex_touchpanel div:first-child{margin-right: 9%;}
.flex_touchpanel img.hidden{visibility: hidden;}
@media screen and (max-width: 479px) {
	.flex_touchpanel{display: block;}
	.flex_touchpanel img {width:100%;}
	.flex_touchpanel div:first-child{margin-right:0;}
	.flex_touchpanel img.hidden{display:none;}
}
/* 地図の見かた */
.table_set.icon .icon_inline{
	filter: none;
}
.table_set.icon .icon_inline.filter-invert{
	filter: invert(100%);
}
.table_set.icon li.road img{
  display:inline-block !important;
  vertical-align: middle !important;
  margin-right: 5px;
  width: 50px !important;
}
.table_set.icon > li.traffic img{
  display:inline-block;
  vertical-align: middle;
  margin-right: 5px;
  height:14px !important;
}
/* 地図の向きを変える */
table.none.direction {max-width:300px;}
table.none.direction td{vertical-align:middle;padding:15px;}
table.none.direction td img{width:50px;display:block;margin:5px auto;}
@media screen and (max-width: 736px) {
	table.none.direction {margin-left:auto;margin-right:auto;}
}
/* 再生できる動画データについて */
/* Honda LogR */
#d_202_1230_90_67080 + .cbox table,
#d_202_1230_90_67080 + .cbox table td,
#d_202_1230_90_91013 + .cbox table,
#d_202_1230_90_91013 + .cbox table td,
#d_202_1230_90_91736 + .cbox table,
#d_202_1230_90_91736 + .cbox table td{
	min-width:auto !important;
}
@media screen and (max-width: 736px){
	#d_202_1230_90_91736 + .cbox .table-wrap.scrollx > table {
		min-width: 200% !important;
	}
}
/* 用語集 */
#d_202_1230_90_15020 + .cbox br[type="xhead_before"]{
	display:initial;
}
/* ナビゲーションに関する注意点 */
#d_202_1230_90_60331 + ol.procedure li.arrow {
text-indent: -2.65em;
padding-left: 4.8em;
background:none;
}
/* マーク一覧 */
#d_202_1230_90_17510,
#d_202_1230_90_30833{
	border:1px solid #333 !important;
}
#d_202_1230_90_17510 .icon_inline,
#d_202_1230_90_30833 .icon_inline{
	height:16px;
	max-width:none;
	filter:none;
}
#d_202_1230_90_17510 .icon_inline{
	margin-right:14px !important;
}

#d_202_1230_90_17510 th,
#d_202_1230_90_17510 td,
#d_202_1230_90_30833 th,
#d_202_1230_90_30833 td{
	border:none !important;
}
/* ジャンル一覧 */
table#d_202_1190_90_17889,
td#d_202_1190_90_17894{
border-color:#fff;
}



/* common.css用 */
ol{
	padding-left:25px; /* 10.の時に見切れる */
}
ol.comments{
	padding-left: 2.5em;
	padding-top: 10px;
}
ol.comments > li {
	list-style: none;
	counter-increment: cnt;
	text-indent: -2.5em;
	font-size: 0.9em;
/*	margin-bottom: 1ex; */
}
ol.comments ul{
	padding:0 0 0 20px;
}
ol.comments > li li {
	text-indent: 0;
}
ol.comments > li::before {
	content: "※" counter(cnt) " : ";
}
ol.comments li p.info_link a {
	padding-left: 53px;
}

.cbox table tr .frame {
  background: #fff;
}

.sub-title .frame{
	background:#fff;
	color:#000;
}
.sub-title .grade-text{
	background:#000;
	color:#fff;
	padding: 2px;
	font-size: 80%;
}
.sub-title .icon_inline{
	background: #000;
}

.supplementary{
	margin-top:20px;
}
.supplementary .info_img img,
.supplementary .supplement .callout.callout_1column p > img {
  width: 50%;
}
@media screen and (max-width: 479px) {
	.supplementary .info_img img,
	.supplementary .supplement .callout.callout_1column p > img {
		width:100%;
	}
}
.typehead {
	margin-bottom:0;
}
br[type="xhead_before"]{
	display:none;
}
.content .main > p:not(.title) {
  margin-bottom: 15px;
}

.ya_callout_jp1 {
  position: relative;
}
.ya_callout_jp1 .ya_callout_jp3 {
  margin: 0;
  background-color: #000;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 10px;
  font-size: 90%;
}
.table-wrap > table.all {
  width: auto !important;
}


/* 警告灯表示灯一覧 */
.lamp_list .econ img{
	height:15px;
	object-fit: cover;
}
.lamp_list p.asterisk-mark::before {
	content: "※1";
	font-size: 10px;
	text-align: right;
	margin-left: 83px;
	margin-top: 8px;
	position: absolute;
	color: #fff;
}
.lamp_list p.asterisk-mark.-num2::before {
	white-space: pre;
	content: "※2\A※3";
	line-height: 23px;
}
@media screen and (max-width: 980px) {
	.lamp_list p.asterisk-mark::before {
		margin-left: 11.5%;
	}
	.lamp_list p.asterisk-mark.-num2::before {
		line-height: 3.3vw;
	}
}
@media screen and (max-width: 736px) {
	.lamp_list p.asterisk-mark::before {
		margin-left: 25vw;
		font-size: 12px;
	}
	.lamp_list p.asterisk-mark.-num2::before {
		line-height: 6.3vw;
	}
}
@media screen and (max-width: 510px) {
	.lamp_list p.asterisk-mark::before {
		margin-left: 23vw;
		font-size: 10px;
	}
}

/* 警告灯表示灯 個別ページ */
.alert_detail_wrap .alert_detail_icon {
	background: #555;
	box-sizing: border-box;
	padding: 12.5px;
	border-radius: 7px;
	float: none;
}


/* navi.css 用 */
.is-navi .aboveline_1line{
	margin-top:1em;
	display: inline-block;
}
.is-navi table{
	margin-top:3px !important;
}
.is-navi .supplement{
	margin-bottom:0;
}

.navi-process .icon_inline{
	background: #000;
}

body[onload*="/navi/"] ol.defaultList li.listitem ol.dash{
	list-style: none;
}
body[onload*="/navi/"] ol.defaultList li.listitem ol.dash li.arrow.listitem::before,
body[onload*="/navi/"] ol.defaultList li.listitem ol.dash li.arrow._minus::before{
  content: "– " !important;
}
body[onload*="/navi/"] ol.defaultList li.listitem ol.dash li.arrow.listitem,
body[onload*="/navi/"] ol.defaultList li.listitem ol.dash li.arrow._minus {
  background: unset !important;
  margin-left: 2px;
  text-indent: -12px;
}
ol.procedure > li::before {
  height: auto !important;
}