@charset "utf-8";

.anshinOneSec {
	background: #efefef;
	padding: 20px;
}

.anshinOneSec p.midashi {
	font-size: 16px;
	/*font-weight: bold;*/
	font-family: 'HondaGlobalFontJP-Bold', sans-serif;
	font-weight: normal;
	margin-bottom: 0.6em;
}

.anshinOneSec p.leadCopy {
	line-height: 1.5;
	margin-bottom: 1.2em;
}

.anshinOneSec ul {
	display: table;
	box-sizing: border-box;
}

.anshinOneSec ul li {
	display: table-cell;
	vertical-align:top;
}

.anshinOneSec ul li img {
	width: 100%;
}

.anshinOneSec ul li.photo {
	width: 198px;
	padding-left: 30px;
}

.anshinOneSec ul li.arrow {
	width: 54px;
	background:url(pc_arrow.png) center center no-repeat;
}

.anshinOneSec ul li.caption {
	width: 354px;
}

.anshinOneSec ul li.caption p {
	margin-bottom: 0.3em;
	font-size: 11px;
	line-height: 1.5;
}

ul.cautionGrayInner {
	margin-top: 10px;
}

.anshinOneSec ul li.caption p:nth-child(1),
.anshinOneSec ul li.caption p:nth-child(3) {
	padding: 0 14px;
}

.caution_anchor02.col-e1.p-f1.oddy {
	padding-top: 12px;
}

.caution_anchor02.col-e1.p-f1.oddy > .f-d9.mb5.ms5-sp li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

/*動画*/
div.rearcamera_de_anshinWrap {
	padding: 0 25px 25px 25px;
}

div.rearcamera_de_anshinWrap p.movieTitle{
	margin-top: -1px;
	margin-left: -10px;
	width: 70px;
	margin-bottom: 15px;
}

div.rearcamera_de_anshinWrap p.movieLead {
	margin-bottom: 20px;
	padding-bottom: 14px;
	background:url(bg_dot.gif) left bottom repeat-x;
}

img.pcshow {
	display: inline;
}

img.spshow {
	display: none;
}

div.rearcamera_de_Left {
	float: left;
	width: 300px;
}

div.rearcamera_de_Left > p {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
	font-size: 12px;
}

div.rearcamera_de_Right {
	float: right;
	width: 300px;
}

div.rearcamera_de_Right > p {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
	font-size: 12px;
}

@media only screen and (max-width: 736px) {
	.anshinOneSec {
		background: #fff;
		padding: 0;
		margin-bottom: 1.4em;
	}
	
	.anshinOneSec p.midashi {
		background: #ededed;
		padding: 0.6em 0 0.4em 0.6em;
	}
	
	.anshinOneSec ul {
		display: block;
		width: 100%;
		margin-right: 0;
	}

	.anshinOneSec ul li {
		display: block;
	}
	
	.anshinOneSec ul li.photo {
		width: 100%;
		padding-left: 0;
		margin: 0 auto;
	}
	
	.anshinOneSec ul li.arrow {
		width: 100%;
		background:url(sp_arrow.png) center center no-repeat;
		padding-top: 15%;
		background-size: 20%;
	}
	
	.anshinOneSec ul li.caption {
		width: 100%;
		padding-left: 0;
		margin: 0 auto;
	}
	
	
	.anshinOneSec ul li.caption p:nth-child(1),
	.anshinOneSec ul li.caption p:nth-child(3) {
		padding: 0 4%;
	}
	
	.caution_anchor02.col-e1.p-f1.oddy {
		padding-bottom: 12px;
	}
	
	ul.cautionGrayInner {
		margin-top: 0;
		padding: 2% 4% 0;
	}
	
	
	/*動画部分*/
	div.rearcamera_de_anshinWrap {
		/*width: 86.6666%;*/
		width: 90%; /*201905change*/
		padding: 0;
		padding-bottom: 20px;
		margin: 0 auto;
	}
	
	img.pcshow {
		display: none;
	}

	img.spshow {
		display: inline;
		width: 100%;
	}
	
	div.rearcamera_de_Left {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	
	div.rearcamera_de_Right {
		float: none;
		width: 100%;
	}
}


/*webフォントを使った、動画コンポーネント*/
div.wfMovieWrap{
	display:flex;
	display: -ms-flex;
}

div.copyArea{
	width: 338px;
	box-sizing: border-box;
	padding-left: 16px;
	padding-right: 16px;
}

div.copyArea p.mvtitle {
	margin-bottom: 10px;
	margin-top: -1px;
}

div.copyArea p.mvtitle img {
	width: 70px;
}

div.copyArea p.mvLead {
	font-family: 'Gothic MB101 DemiBold JIS2004';
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 14px;
	background:url(bg_dot.gif) left bottom repeat-x;
	transform: rotate(0.05deg);
}

/*202208各車種ドラレコページで使用*/
div.copyArea p.mvLead.mvLead_dr {
	font-size: 17px;
	margin-bottom: 12px;
}

div.copyArea p.mvCopy {
	font-family: 'Gothic MB101 Medium JIS2004';
	font-size: 14px;
	transform: rotate(0.05deg);
}

/*202208各車種ドラレコページで使用*/
div.copyArea p.mvCopy.mvCopy_dr {
	font-size: 13px;
}

div.movieArea{
	/*width: 360px;*/
	width: 362px; /*202312change*/
	box-sizing: border-box;
	background: #e2e2e2;
	/*padding: 20px;*/
	padding: 18px; /*202312change*/
}


@media only screen and (max-width: 736px) {
	div.wfMovieWrap{
		flex-direction:column;
	}
	
	div.copyArea{
		width: 90%;
		padding:0;
		margin: 0 5%;
	}
	
	div.movieArea{
		width: 90%;
		padding:0;
		margin: 0 5% 5%;
	}
	
	div.copyArea p.mvLead {
		font-size: 4.6vw;
	}
	
	div.copyArea p.mvCopy {
		margin-bottom: 20px;
		font-size: 3.6vw;
	}

}


/*201907add*/
div.for_nwgn201907 p.lead {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	padding-bottom: .4em;
	margin:1em 0 .4em;
}

div.for_nwgn201907 p.copy {
	margin-bottom: 1em;
}

div.for_nwgn201907 p.photo {
	text-align: center;
	margin-bottom: 2em;
}