@charset "utf-8";
@import url("global_navigation.css");
@import url("footer_navigation.css");
@import url("body_interior_color.css");
@import url("img_slider.css");

/*------------------------------------------------------------------------------------------
*
*
car_common.css
*
*
------------------------------------------------------------------------------------------ */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font:inherit;}/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

@font-face {
	font-family: 'Cabin Condensed';
	font-style: normal;
	font-weight: 400;
	src: local('Cabin Condensed'), local('CabinCondensed'), url(https://fonts.gstatic.com/s/cabincondensed/v7/B0txb0blf2N29WdYPJjMSlAsaHoO3zD_ZldBl2inOlc.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* overwrite */
body{
	font-family: "HondaGlobalFontJP-Regular", sans-serif;
	font-weight: normal;
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
}

h1,h2,h3{font-weight: normal;}

#auto-header, #auto-header-overlay{ z-index: 65535 !important;}

a, li, p, div, button{outline:none !important; }
a{ text-decoration: none;}
.bold{ font-family: "HondaGlobalFontJP-Bold" !important;}
.black{ color: #000 !important;}
.under_line { text-decoration: underline;}
.small{ font-size: 90%;}
.caution { font-size: 12px; font-family: "HondaGlobalFontJP-Light", sans-serif;}
.circle {
	background: #ea5504;
	border-radius: 50% 50%;
	width: 24px;
	height: 24px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	margin-right: 2px;
}
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}


/* ------------------------------------------------------------
*
a  / .detail a
*
------------------------------------------------------------ */
.section .detail{
	padding: 0 50px;
	position: relative;
	clear: both;
	text-align: center;
}

#rt-personalize-area-a a,
.section .detail a{ position: relative; font-size: 16px; line-height: 1em;}

#rt-personalize-area-a a:after,
.section .detail a:after{
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 1em;
	background-image:url(../image_common/parts_ico_btn_detail_arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 20px 20px;
	position: relative;
	top: 4px;
	left: 5px;
}
.section .detail li a:after{
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	position: relative;
	top: 4px;
	left: 5px;
}
.section .detail li.stepwgn a:after{
	top: 4px;
}


/* ------------------------------------------------------------
*
table
*
------------------------------------------------------------ */
.table {
	width: 100%;
	border: none;
	font-size: 16px;
}

.table .table_tr,
.table .flex{
	padding: 15px 0;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.table .table_tr:last-child,
.table .flex:last-child{
	border-bottom: none;
}

.table .table_tr .detail{
	padding: 15px 0;
	font-size: 16px;
}
.table .table_tr .detail a:after{
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	line-height: 1em;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 16px 16px;
	position: relative;
	top:3px;
	left: 8px;
}





/* ------------ */

body.only_sp .device_pc_only,
body.only_tablet .device_pc_only{ display: none !important;}

.device_sp_only{ display: none !important;}
body.only_sp .device_sp_only,
body.only_tablet .device_sp_only{ display: inherit !important;}

/* ------------------------------------------------------------
*
#contents_area
*
------------------------------------------------------------ */
#contents_area{
	color: #444;
	position: relative;
	text-align: left;
}

#contents_area:after{
	content: '';
	clear: both;
	display: block;
}

#contents_area a{ color: #444;transition: opacity .1s ease;}
#contents_area a:hover{ opacity: .7;}

#contents_footer_navigation{
	text-align: left;
}


/* ------------------------------------------------------------
*
MOVIE PLAYER
*
------------------------------------------------------------ */
.bc-iframe body, .bc-player-4k5Jg43ag_default { background-color: transparent;}
.bc-player-4k5Jg43ag_default .vjs-poster { background-color: transparent;}
.bc-player-4k5Jg43ag_default.vjs-mouse .vjs-big-play-button { top: 0; left: 0;}
.bc-player-4k5Jg43ag_default.vjs-mouse .vjs-big-play-button {
	left: 242px\9 !important;
	top: 140px\9 !important;
}
.vjs-big-play-button {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	margin: auto;
}

.only_sp .vjs-big-play-button{
	display: none;
}

.bc-player-4k5Jg43ag_default .vjs-progress-holder:before {
	background-color:#000 !important;
	filter:alpha(opacity=30) !important;
	opacity:0.3!important;
}

.bc-player-4k5Jg43ag_default .vjs-load-progress {
	background-color:#c00 !important;
	background-color:#000\9 !important;
	filter:alpha(opacity=0) !important;
	opacity:0.3!important;
}

.bc-player-4k5Jg43ag_default .vjs-play-progress, .bc-player-4k5Jg43ag_default .vjs-volume-level {
	background-color:#c00!important;
}

.movie_player{
	display: none;
}

#movie_modal_data video,
#movie_modal_data .video-js{
	width: 100% !important;
	height: auto !important;
	position: relative;
}

#movie_modal_data video{
    height: auto !important;
	position: absolute;
	top: 0;
}

#movie_modal_data .video-js {
	height: 0 !important;
	padding-bottom: 56.25%;
}

#movie_modal .m_mov{
    display: none;
	width: 100%;
	position: absolute;
}

.box_link img{
	transition: opacity .1 ease;
}

.box_link:hover img{
	opacity: .7;
}
/* ------------------------------
.cont_caution
------------------------------ */
.cont_caution {
	font-size: 12px;
	line-height: 1.5em;
	padding: 20px;
	background-color: #f4f0df;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}
.cont_caution li {
	padding-left: 1em;
	text-indent: -1.3em;
}

/* ------------------------------
.caution_box
------------------------------ */
.caution_box {
	font-size: 12px;
	line-height: 1.3em;
	margin: 20px 0 0;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}






@media screen and (min-width : 769px){
/*------------------------------------------------------------------------------------------
*
*
min-width : 769px
*
*
------------------------------------------------------------------------------------------ */
#auto-header, #auto-header-overlay{ min-width: 980px;}

/* common style */
body{ position: relative !important; overflow: auto !important;}
br{display: block!important;}
br.sp{ display: none !important;}
br.exception{ display: block !important;}
.switch_pc{ display: block;}
.switch_sp{ display: none;}
.pc_none { display: none!important; }


/* ------------------------------
#movie_modal
------------------------------ */
#movie_modal{
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 65535;
}

#movie_modal .movie_overlay{
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 1;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

#movie_modal .movie_btn_close{
	width: 30px;
	height: 30px;
	margin: 0 0 0 0;
	background-image:url(../image_common/parts_modal_close.png);
	background-repeat: no-repeat;
	background-size: 30px;
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 2;
	cursor: pointer;
	transition: opacity .1s ease;
}

#movie_modal .movie_btn_close:hover{
	opacity: .7;
}

#movie_modal_inner{
	margin: 0 auto;
	opacity: 0;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 2;
}
/* ------------------------------
#movie_modal thumbnail
------------------------------ */
.modal_mov_open .pending img {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#contents_area .play_mark a:hover {
	opacity:1;
}
.play_mark .pic img {
	display:block;
}
.play_mark .pic:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5);
	background-image:url(../image_common/movie_play.png);
	background-position:center 50%;
	background-size:19% auto;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	transition:0.2s;
}
#contents_area .play_mark a:hover .pic:after {
	background-color:rgba(0, 0, 0, 0.0);
}
.col02 .play_mark .pic:after {
	background-size:25% auto;
}
.col03 .play_mark .pic:after {
	background-size:30% auto;
}



/* ------------------------------------------------------------------------------------------
*
#global_navigation
*
------------------------------------------------------------------------------------------ */
.gnav_ico{ display: none;}
#global_navigation{
	width: 100%;
	min-width: 980px;
	text-align: left;
	position: absolute;
	left: 0;
	z-index: 100;
	height: 56px;
	top: 100px;
	background-image: url(../image_gNavi/parts_gnav_bg_pc.png);
	_background-color: #ffffff;
	_opacity: 0.9;
	/* border-top: 1px solid #eee;*/
	border-bottom: 1px solid #eee;
	font-size: 12px;
}

#global_navigation.fixed{
	position: fixed;
	top: 0;
}

#global_navigation a{
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	color: #444;
}

#global_navigation_inner{
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#global_navigation h1{
	width: 43px;
	height: 53px;
	line-height: 53px;
	position: absolute;
	top: 0;
	left: 20px;
}

#global_navigation h1 img{
	width: auto;
	height: 25px;
	vertical-align: middle;
}

#global_navigation ul{
	width: auto;
	float: right;
}

#global_navigation ul:after{
	content: '';
	clear: both;
	display: block;
}

#global_navigation li{
	float: left;
	height: 57px;
	line-height: 57px;
	white-space: nowrap;
	position: relative;
	transition: background .1s ease;
}

#global_navigation .parents p.current,
#global_navigation li.current,
#global_navigation li:hover{
	background-color: #dbdbdb;
	background-image: none;
}

#global_navigation li a{
	display: block;
}

#global_navigation li ul{
	display: none;
	width: auto;
	padding: 0;
	position: absolute;
	top: 57px;
	left: 0;
	z-index: 5;
}

#global_navigation li ul li{
	min-width: 100px;
	height: 35px;
	line-height: 35px;
	float: none;
	position: relative;
	background-image:url(../image_gNavi/parts_gnav_bg_child_pc.png);
	transition: none;
}

#global_navigation li ul li:hover{
	background-image: none;
}


/* ------------------------------
#side_navigation
------------------------------ */
#side_navigation{
	width: 184px;
	position: fixed;
	top: 204px;
	right: 0;
	z-index: 100;
}

#side_navigation li{
	width: 184px;
	height: 50px;
	line-height: 50px;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: rgba(82, 82, 82, 0.9) !important;
	margin-bottom: 1px;
	overflow: hidden;
	transition: opacity .1s ease;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

#side_navigation li.side_search{ top: 0;}
#side_navigation li.side_biztalk{ top: 0;}
#side_navigation li.side_test{ top: 51px;}
#side_navigation li.side_catalog{ top: 102px;}
#side_navigation li.side_estimate{ top: 153px;}

/*201209 運転補助 カタログ請求ボタン追加対応*/
#side_navigation ul.for-drive_201209 li.side_catalog{ top: 0;}

/*#side_navigation ul.stepwgn_202205 li.side_estimate{ top: 102px;}*/

#side_navigation li:hover{
	opacity: .8;
}

#side_navigation li a{
	width: 72px;
	height: 50px;
	display: block;
	font-family: "HondaGlobalFontJP-Regular", sans-serif;
	font-size: 12px;
	color: #fff;
	position: absolute;
	right: 50px;
}

#side_navigation li a span{
	width: 70px;
	height: 50px;
	display: block;
	font-size: 12px;
	color: #fff;
	position: absolute;
	right: 50px;
}

#side_navigation li.side_search{ background-image: url("../image_gNavi/parts_side_nav_search_pc.png");}
#side_navigation li.side_biztalk{ background-image: url("../image_gNavi/parts_side_nav_biztalk_pc.png");}
#side_navigation li.side_test{ background-image: url("../image_gNavi/parts_side_nav_test_pc.png");}
#side_navigation li.side_catalog{ background-image: url("../image_gNavi/parts_side_nav_catalog_pc.png");}
#side_navigation li.side_estimate{ background-image: url("../image_gNavi/parts_side_nav_estimate_pc.png");}

/*201209 運転補助 カタログ請求ボタン追加対応*/
/* #side_navigation li.side_estimate_nboxplus{ background-image: url("../image_gNavi/parts_side_nav_estimate_pc.png");} */


/* ------------------------------ */
#top_topic_path{
	width: 980px;
	margin: 50px auto 20px auto;
	font-size: 16px;
}
#top_topic_path ul{
	padding: 0 25px;
}

#contents_area{
	width: 100%;
	min-width: 980px;
	box-sizing: border-box;
    padding: 56px 0 0 0;
}

.btn_pagetop{
	width: 45px;
	height: 45px;
	background-image:url(../image_common/btn_pagetop.png);
	background-repeat: no-repeat;
	background-size: 45px;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	transition: opacity .1s ease;
	z-index: 10;
}

.btn_pagetop:hover{ opacity: .7 !important;}

/* ------------------------------------------------------------------------------------------
*
.rect_nav
*
------------------------------------------------------------------------------------------ */
.rect_nav{
	width: 930px;
	margin: 0 auto 75px auto;
	font-size: 16px;
	opacity: 1;
}

.rect_nav .sp_current{ display: none;}

.rect_nav ul{width: 100%; height: 34px;}
.rect_nav li{
	border-bottom: 1px solid #fff; /*変更*/
	border-left: 1px solid #fff; /*変更*/
	box-sizing: border-box; /*変更*/
	height: 34px;
	line-height: 34px;
	float: left;
	text-align: center;
	background-color: #ededed;
	transition: background .1s ease;
}

.rect_nav a{
	width: 100%;
	height: 34px;
	opacity: 1 !important;
	color: #444 !important;
	display: block;
	white-space: nowrap;
}

.rect_nav li.current{
	background-color: #808080 !important;
	color: #fff;
}

.rect_nav li:hover{
	background-color: #dbdbdb;
}

.rect_nav li.current a{
	color: #fff !important;
}
/* ------------------------------------------------------------------------------------------
*
#nav_lineup
*
------------------------------------------------------------------------------------------ */

#nav_lineup{
	width: 930px;
	margin: 0 auto 60px;
	padding: 30px 0 25px;
	font-size: 16px;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
}
#nav_lineup ul{
	justify-content: space-around;
	padding: 0;
}
#nav_lineup li{
	width: 100%;
	text-align: center;
}
#nav_lineup li img{
	width: 30%;
	margin-right: 5px;
	vertical-align: middle;
}




/* ------------------------------------------------------------------------------------------
*
.section
*
------------------------------------------------------------------------------------------ */
.section{
	clear: both;
	margin: 0 0 100px 0;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	color: #444;
	background-color: #ffffff;
}

.section.bg{
	padding: 100px 0;
	background-color: #f8f8f8;
}

.section:after{
	content: '';
	clear: both;
	display: block;
	width: 0;
}

.section_inner{
	width: 980px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}

.section_inner .head_title{
	margin: 0 0 30px -25px;
	padding: 0 50px;
	font-size: 16px;
}
.section .section_inner .headline {
	width: 880px !important;
	margin: 0 auto 30px auto;
	padding: 0 0 10px 0;
	font-size: 18px;
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	border-bottom: 1px solid #808080;
}


.section .col_right .section_inner{
	padding: 0 0 0 460px;
}

.section h3{
	margin: 0 0 20px 0;
	padding: 0 50px;
	font-size: 38px;
	line-height: 1.368em;
	white-space: nowrap;
}

.section h3.small{
	font-size: 30px;
}

.section .section_inner h4.sub_title{
	padding: 0 50px;
	margin: -20px 0 50px 0;
	font-size: 20px;
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	line-height: 1.4em;
}

.section .section_inner h4.subtitle .small{
	margin: 0 0 0 5px;
	font-size: 16px !important;
	line-height: 1.5em;
	font-family: "HondaGlobalFontJP-Regular", sans-serif;
}

.section .section_inner h4.equipment{
	padding: 0 50px;
	margin: -20px 0 50px 0;
	font-size: 18px !important;
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	line-height: 1.4em;
}

.section .section_inner h4.equipment .small{
	font-size: 14px !important;
	line-height: 1.5em;
	font-family: "HondaGlobalFontJP-Regular", sans-serif;
}

.section .section_desc{
	margin: 0 0 60px 0;
	padding: 0 50px;
	font-size: 18px;
	line-height: 1.6em;
}

.section .inline_block{
	display: inline-block;
	width: 100%;
}

.section .section_desc .size_mid{
	margin: 5px 0 0 0;
	font-size: 14px;
	line-height: 1.714em !important;
	display: block;
}

.section .pic{
	max-width: 980px;
	text-align: center;
	position: relative;
}

.section .pic .caption{
	margin: 5px 0 0 0;
	font-size: 12px;
	text-align: left;
	display: block;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

.section .pic img{ width: 100%; height: auto;}

.section .pic_full{
	width: 100%;
	text-align: center;
	position: relative;
}

.section .pic_full img{
	width: 100%;
	max-width: 1440px;
	height: auto;
}



/* ------------------------------
.section_column
------------------------------ */
.section_column{
	clear: both;
	width: 880px;
	margin: 0 auto 80px auto;
	overflow: hidden;
	font-size: 18px;
	line-height: 1.6em;
}

.section_column:last-child{ margin-bottom: 0;}

.section_column:after{
	content: '';
	display: block;
	clear: both;
}

.section_column h4{
	margin: 0 0 20px 0;
	font-size: 38px;
	line-height: 1.4em;
}

.section_column h4.small{
	font-size: 16px;
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
}

.section_column h5{
	margin: 10px 0 20px 0;
	font-size: 18px;
	line-height: 1.4em;
}

.section_column h5 .small{
	font-size: 18px;
}

.section_column .col_left{
	width: 420px;
	float: left;
}

.section_column .col_right{
	width: 420px;
	float: right;
}
.section_column .col_right .detail{
	padding-left: 0;
}

.section_column p{
	margin: 0 0 10px 0;
}
.section_column p:last-child{
	margin: 0;
}

.section_column span.caption{
	margin: -5px 0 0 0;
	font-size: 12px;
	line-height: 1.5em;
	display: block;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

.section_column span.right{
  display: block;
	text-align: right;
}

.section_column .desc.size_mid{
	font-size: 14px;
	line-height: 1.5em;
}

.section_column .desc_small{
	font-size: 12px;
	line-height: 1.5em;
	display: block;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

.section_column .notes{
	font-size: 12px;
	line-height: 1.5em;
	display: block;
	text-indent: -1em;
	padding-left: 1em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

.section_column .notes2{
	font-size: 12px;
	line-height: 1.5em;
	text-indent: -1em;
	padding-left: 1em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

.section_column img{
	width: 100%;
	height: auto;
}

.section_column .pic_caption{
	margin: -10px 0 5px 0 !important;
	font-size: 12px;
	line-height: 1.5em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

.section_column .pic_caption_large{
	margin: -10px 0 10px 0 !important;
	font-size: 16px;
	line-height: 1.5em;
}

.section_column .pic_caption_large img{
	vertical-align: text-top;
	margin: 0 5px;
	width: auto;
	height: 1em;
}

/* ------------------------------------------------------------------------------------------
*
.through_content
*
------------------------------------------------------------------------------------------ */
.through_content{
	width: 880px;
	margin: 0 auto;
}

.through_content img{
	width: 100%;
	height: auto;
}

.through_content td{
	padding: 0 20px;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

.through_content td img{
	margin: 0 0 5px 0;
}

.through_content td:first-child{ padding-left: 0;}
.through_content td:last-child{ padding-right: 0;}

/* ------------------------------------------------------------------------------------------
*
#main_visual
*
------------------------------------------------------------------------------------------ */
#main_visual{
	width: 100%;
	height: 340px;
	margin: 30px 0 0 0;
	background-color: #FFFFFF;
	overflow: hidden;
}

#section_inner{
	position: relative;
	width:930px;
	height:100%;
	margin:30px auto;
}

#section_inner .pic_visual{
	text-align: right;
}

#main_visual .main_copy{
	position: absolute;
	top: 50px;
	left: 0;
}

#main_visual .main_copy .copy{
	margin: 30px 0 0 0;
	font-size: 24px;
}


#main_visual .main_copy h2.logo,
#contents_footer_navigation h2.logo{
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	font-size: 56px;
	line-height: 1em;
}

#main_visual .caption{
	position: absolute;
	bottom: 60px;
	right: 0;
	text-align: right;
	font-size: 11px;
	line-height: 1.3em;
	color: #8d8d8d;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

/* ------------------------------------------------------------------------------------------
*
#section_caution
*
------------------------------------------------------------------------------------------ */
#section_caution{
	margin-bottom: 80px;
}

#section_caution .section_inner{
	width: 930px;
}

#section_caution p{
	margin: 0 0 10px 0;
	font-size: 11px;
	line-height: 1.4em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}
#section_caution p.endcolor{
	color:#da4058;
}

#section_caution .section_inner div{ margin: 0 0 20px 0;}
#section_caution .section_inner div:last-child{ margin: 0;}

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

#section_caution .caution.short {
	text-indent: -1.5em;
	padding: 0 0 0 1.5em;
}

#section_caution .notes {
	text-indent: -1em;
	padding: 0 0 0 1em;
}

#section_caution .color{
	color: #da4058;
}

/* ------------------------------------------------------------------------------------------
*
#section_welfare_description
*
------------------------------------------------------------------------------------------ */
#section_welfare_description{
	width: 100%;
}
#section_welfare_description .section_inner{
	width: 880px;
	display: block;
	margin: auto;
}
#section_welfare_description .section_column {
	margin-bottom: 100px;
}
#section_welfare_description .section_inner h3{
	padding: 0;
	margin: 0 0 40px 0;;
}

#section_welfare_description .section_column .cell .desc_txt{
	font-size: 18px;
	line-height: 1.5em;
	margin-top: 20px;
}
#section_welfare_description .section_column .cell{ width: 420px; display: table-cell; text-align: left;}
#section_welfare_description .section_column .cell:first-of-type{ float: left; }
#section_welfare_description .section_column .cell:last-of-type{ float: right; }

#section_welfare_description .section_column .box_txt,
#section_welfare_description .section_column .box_img{
	display: table-cell;
	width: 420px;
	vertical-align: top;
}
#section_welfare_description .section_column .box_txt{
	float: left;
}
#section_welfare_description .section_column .box_img{
	float: right;
}

#section_welfare_description .cont_caution {
	margin-top: -40px;
}

#section_welfare_description .sensing_caution {
	width: 880px;
	margin: 0 auto;
	padding-top: 30px;
	margin-bottom: 100px;
	font-size: 12px;
	color: #da4058;
	line-height: 1.6em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}
#section_welfare_description .section_column.sensing {
	margin-bottom: 0;
}
#section_welfare_description .h3_items li {
	padding: 0;
    margin: 0 0 40px 0;
	font-size: 38px;
    line-height: 1.368em;
    white-space: nowrap;
	letter-spacing: -0.08em;
}
#section_welfare_description .h3_items li span {
	font-size: 18px;
    vertical-align: middle;
}

/* ------------------------------------------------------------------------------------------
*
#section_wheelchair
*
------------------------------------------------------------------------------------------ */
#section_wheelchair .section_column .col_left .col_left{
	width: 118px;
	float: left;
}

#section_wheelchair .section_column .col_left .col_right{
	width: 262px;
	float: right;
}

#section_wheelchair .section_column .col_left .col_right .desc_small{
	line-height: 1.7;
}

#section_wheelchair .section_column .col_right .desc.size_mid{
	line-height: 1.3;
}

#section_wheelchair h5{
	margin-top: 0;
	margin-bottom: 18px;
    line-height: 1.6;
}


/* ------------------------------------------------------------------------------------------
*
#section_type
*
------------------------------------------------------------------------------------------ */
#section_type{
	margin: 0 auto 100px auto;
}
#section_type .section_inner{
	width: 880px;
}

#section_type h3{
	padding: 15px 0;
	margin: 0;
	font-size: 18px;
	border-bottom: 1px solid #dbdbdb;
}

#section_type table{
	width: 100%;
	border-bottom: 1px solid #dbdbdb;
}
#section_type table tr:first-child td{ padding: 20px 0 0 0;}
#section_type table tr:last-child td{ padding: 0 0 20px 0;}
#section_type th{
	width: 200px;
	font-size: 16px;
	line-height: 1.375em;
	vertical-align: middle;
}
#section_type th span{
    display: block;
    font-size: 14px;
    padding-top: 5px;
}

#section_type td{
	font-size: 11px;
	vertical-align: middle;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}
#section_type td.price{
width: 260px;
}
#section_type td.price.bdr_b {
    border-bottom: 1px solid #dbdbdb;
}
@-moz-document url-prefix() {
	#section_type td.price.bdr_b {
		border-bottom: none;
	}
}

#section_type td.car_image{
	width: 140px;
}
#section_type td.car_image img {
	width: 100%;
	height: auto;
	position: relative;
	right: -10px;
}
#section_type td .ruby{
	margin: 0 0 10px 0;
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
}
#section_type td .price,
#section_type td .car_image{
	margin: 0 0 10px 0;
	font-size: 36px;
}
#section_type td .small{ font-size: 24px;}
#section_type td .car_image .small{ margin: 0 0 0 5px;}
#section_type td .notes{
	color: #8d8d8d;
	line-height: 1.272em;
	max-width: 390px;
}
#section_type .caution{
	margin: 20px 0 0 0;
	text-align: center;
	color: #da4058;
}
#section_type .caution.gray{
	color: #444444;
}
#section_type .caution.endcolor{
	text-align:left;
	width:930px;
	margin:20px auto;
}
#section_type .detail{
	margin: 30px 0 0 0;
	text-align: center;
}


/* ------------------------------------------------------------------------------------------
*
#section_welfare_support
*
------------------------------------------------------------------------------------------ */
#section_welfare_support{
	width: 100%;
	margin: 100px auto;
}

#section_welfare_support .section_inner{
	box-sizing: border-box;
	margin: 0 auto;
}

#section_welfare_support .item_desc .item_name {
	font-size: 18px;
	margin-bottom: 15px;
}

#section_welfare_support .item_desc .item_detail {
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.5em;
}

#section_welfare_support .item_desc .caution {
	font-size: 12px;
	text-indent: -1em;
	padding: 0 0 0 1em;
	line-height: 1.3em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}
#section_welfare_support .item_desc .caution.indent {
	text-indent: -1.3em;
	padding: 0 0 0 1.3em;
}

#section_welfare_support span.small { font-size: 14px; }
#section_welfare_support .section_inner .detail{ padding: 0; }
#section_welfare_support .item_desc { margin: 30px 0 0 0; }
#section_welfare_support .mb40{ margin-bottom: 40px; }

#section_welfare_support .section_inner .head_title.mb50{
	margin-bottom: 50px !important;
}

#section_welfare_support #dealer_navi .col_left{
	width: 270px;
}
#section_welfare_support #dealer_navi .col_right{
	width: 576px;
}

#section_welfare_support #dealer_navi h4{
	font-size: 18px;
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
}

#section_welfare_support #dealer_navi p.desc {
    font-size: 18px;
    margin-bottom: 20px;
}

#section_welfare_support #dealer_navi p.title {
    font-size: 14px;
    margin-bottom: 0;
    font-family: "HondaGlobalFontJP-Bold", sans-serif;
}

#section_welfare_support #dealer_navi p.name {
    font-size: 16px;
    font-family: "HondaGlobalFontJP-Bold", sans-serif;
    margin-top: -4px;
}

#section_welfare_support #dealer_navi.section_column {
    margin-bottom: 0;
}
#section_welfare_support #dealer_navi_guideline.section_column {
    border-bottom: 2px solid #cccccc;
    padding-bottom: 50px;
}
#section_welfare_support #dealer_navi_guideline ul li {
    float: left;
    width: 423px;
    box-sizing: border-box;
    margin: 40px 34px 20px 0;
    font-size: 16px;
    line-height: 1.5em;
}
#section_welfare_support #dealer_navi_guideline ul li:last-child {
    margin-right: 0;
}

#section_welfare_support #dealer_navi_guideline ul li img {
    margin-bottom: 0 !important;
}

#section_welfare_support #dealer_navi_guideline ul li .note {
    font-size: 12px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

/* ----------------------------------- */
/* .hac_list */
/* ----------------------------------- */
#section_welfare_support .img_slider{
	margin-bottom: 30px;
}
	
#section_welfare_support .hac_list {
    padding:0 0 0 51px;
    letter-spacing:-.40em;
}
#section_welfare_support .hac_list .img_slider {
    width:auto !important;
}
#section_welfare_support .hac_list .img_slider .slick-track {
    width:auto !important;
}
#section_welfare_support .hac_list .list_inner {
    width:270px;
    margin:0 34px 45px 0;
    letter-spacing:normal;
    display:inline-block;
    text-align:left;
    vertical-align:top;
}
#section_welfare_support .hac_list .list_inner .pic {
    height: 173px;
    margin:0 0 5px 0;
}
#section_welfare_support .hac_list .list_inner .pic img {
    height:100%;
}
#section_welfare_support .hac_list .list_inner .name {
    font-size: 14px;
    line-height: 1.5em;
    font-family: "HondaGlobalFontJP-Bold", sans-serif;
}
#section_welfare_support .hac_list .list_inner .caution {
    font-size: 11px;
    line-height: 1.5em;
	margin-top: 2px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}



/* ------------------------------------------------------------------------------------------
*
#section_operation
*
------------------------------------------------------------------------------------------ */
#section_operation .section_inner .description{
	font-size: 18px;
	line-height: 1.6em;
	margin: 0 0 40px 0;
}
#section_operation .operation_table{
	width: 880px;
	display: table;
	margin: 0 auto 80px;
}
#section_operation .operation_table:last-child{ margin: 0 auto; }

#section_operation .operation_table .cell{
	display: table-cell;
	width: 420px;
	vertical-align: top;
}
#section_operation .operation_table .cell:nth-child(1){
    text-align: left;
    float: right;
}
#section_operation .operation_table .cell:nth-child(2){
    float: left;
}


/* ------------------------------------------------------------
*
#section_description_movie
*
------------------------------------------------------------ */
#section_description_movie .section_column .section_desc {
	padding: 0;
	margin-bottom: 0;
}
#section_description_movie .section_column .cont_caution {
	margin-top: 30px;
}
#section_description_movie .section_column .pic:after {
	content: "";
	display: block;
	width: 420px;
	height: 235px;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(../image_common/movie_play.png);
	background-position: center 50%;
	background-size: 19% auto;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	transition: 0.2s;
}

#section_description_movie .img_slider {
	display: table;
	width: 880px;
	margin: 0 auto 20px;
}

#section_description_movie .img_slider .slick-track {
	width: 100% !important;
}

#section_description_movie .img_slider .slider_inner {
	display: table-cell;
	width: 420px !important;
	vertical-align: top;
}

#section_description_movie .img_slider .slider_inner:nth-child(1) {
	float: left;
}

#section_description_movie .img_slider .slider_inner:nth-child(2) {
	float: right;
}

#section_description_movie .additional {
	font-size: 14px;
	line-height: 20px;
}

.movie_table {
	display: table;
	width: 880px;
	margin: 0 auto 20px;
}
.movie_table .desc_txt {
	margin: 20px 0;
}

.movie_table .movie_ttl {
	margin: 0 0 20px 0;
}

.movie_col {
	width: 420px;
	display: table-cell;
	vertical-align: top;
}

.movie_col:nth-child(1) {
	float: left;
}

.movie_col:nth-child(2) {
	float: right;
}


/* ------------------------------------------------------------
*
	#reference_image
*
------------------------------------------------------------ */
#reference_image {
	margin-bottom: 0;
}
#reference_image .section_inner img {
	margin: -30px auto 0;
}
#reference_image .section_inner .desc {
	text-align: center;
	margin: 20px 0 0 0;
	font-size: 16px;
}
#reference_image .section_column span.caption.right {
	color: #8d8d8d;
}


/* ------------------------------------------------------------
*
	#section_price
*
------------------------------------------------------------ */

#section_price .section_column {
	padding: 30px 0;
	border-bottom: 1px solid #444444;
	margin-bottom: 0;
}
#section_price .section_column:first-of-type{
	border-top: 1px solid #444444;
}
#section_price .section_column:last-of-type{
	margin-bottom: 80px;
}
#section_price .section_column .col_price {
	width: 880px;
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
#section_price .section_column .col_price .car_type {
	float: left;
	width: 380px;
	height: 50px;
}
#section_price .section_column .col_price .car_type .type_name {
	font-size: 20px;
	line-height: 28px;
}
#section_price .section_column .col_price .car_type .type_name .drive {
	width: 65px;
	font-size: 14px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}
#section_price .section_column .col_price .car_price {
	width: 470px;
	float: right;
}
#section_price .section_column .col_price .car_price .notes {
	font-size: 12px;
	margin-top: 10px;
	float: left;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}
#section_price .section_column .col_price .car_price .price {
	font-size: 38px;
	line-height: 1em;
	float: right;
	margin: 0;
	text-align: right;
	width: 300px;
}
#section_price .section_column .col_price .car_price .price .small {
	margin: 0 0 0 5px;
	font-size: 20px;
}
#section_price .section_column .col_price .car_price .tax_caution {
	font-size: 11px;
	line-height: 1.5em;
	color: #8d8d8d;
	clear: both;
	text-align: right;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}


#section_price .section_column .col_more_detail {
	width: 880px;
	margin: 10px 0 0 0;
	display: block;
}
#section_price .section_column .col_more_detail .icon_list {
	margin: 22px 0 0 0;
	float: left;
}
#section_price .section_column .col_more_detail .icon_list .icon {
	width: 360px;
}
#section_price .section_column .col_more_detail .icon_list .icon li {
	float: left;
	padding: 0 10px 0 0;
	position: relative;
}
#section_price .section_column .col_more_detail .icon_list .icon li.pr_wide {
	padding-right: 20px;
}
#section_price .section_column .col_more_detail .icon_list .icon li span.sup {
	width:25px;
	position: absolute;
}
#section_price .section_column .col_more_detail .icon_list .icon li span.sup2 {
	width:25px;
	position: absolute;
	top: 16px;
}

#section_price .section_column .col_more_detail .car_estimate {
	width: 470px;
	float: right;
}
#section_price .section_column .col_more_detail .car_estimate .estimate_simulation {
	width: 100%;
	display: block;
}
#section_price .section_column .col_more_detail .car_estimate .estimate_simulation .estimate_desc {
	margin: 0 0 5px 0;
	text-align: center;
	font-size: 15px;
	color: #808080;
}
#section_price .section_column .col_more_detail .car_estimate .estimate_simulation .btn_estimate {
	text-align: center;
	margin: 0 auto;
}
#section_price .section_column .col_more_detail .car_estimate .estimate_simulation .btn_estimate a {
	display: block;
	line-height: 27px;
	letter-spacing: .03em;
	color: #fff !important;
	background-color: #808080;
	font-size: 24px;
	height: 28px;
	padding: 10px 0;
}
#section_price .section_column .col_more_detail .car_estimate .estimate_simulation .btn_estimate a .ico {
	margin: 0 0 0 10px;
}
#section_price .section_column .col_more_detail .car_estimate .estimate_simulation .btn_estimate a .ico img {
	width: 22px;
	height: auto;
	position: relative;
	top: 2px;
}

#section_price .section_inner .caution {
	font-size: 11px;
	color: #8d8d8d;
	margin: -70px auto 0;
	width: 880px;
  line-height: 1.3;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

#section_price .section_inner .caution_new_price {
    margin: 0 auto 60px auto;
    width: 880px;
    text-align: center;
}
#section_price .section_inner .price_caution {
    margin: 0 auto 20px auto;
    width: 880px;
    text-align: center;
}
#section_price .section_inner .caution_new_price_pdf {
    font-size: 13px;
    line-height: 20px;
    color: #da4058;
    text-align: center;
    margin: 24px auto 0 auto;
    width: 880px;
    font-family: "HondaGlobalFontJP-Bold", sans-serif;
}

#section_price .icon_list li.tax{ width: 55px !important; }
#section_price .icon_list li.eco{ width: 55px !important; }
#section_price .icon_list li.gas{ width: 94px !important; }
#section_price .icon_list li.fuel{ width: 92px !important; }

#section_price .section_inner .payment_pdf {
	padding: 60px 0;
	text-align: center;
}
#section_price .section_inner .payment_pdf .head_title {
	font-size: 22px;
	margin-bottom: 40px;
}
#section_price .section_inner .payment_pdf img {
	width: 80%;
}
#section_price .section_inner .payment_pdf .notes {
	font-size: 12px;
	text-align: left;
	text-indent: -2em;
	margin: 0 10% 5%;
	padding-left: 2em;
	width: 80%;
	box-sizing: border-box;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

#section_price .section_inner .subsidy {
	padding: 60px 0;
}

#section_price .section_inner .subsidy .col_left {
	width: 320px;
}

#section_price .section_inner .subsidy .col_left img {
	width: 130px;
	float: right;
}

#section_price .section_inner .subsidy .col_right {
	width: 532px;
}

#section_price .section_inner .subsidy .head_title {
	font-size: 22px;
	padding: 0;
	margin: -2px 0 20px 0;
}

#section_price .section_inner .subsidy .detail {
	text-align: left;
}

#size_download.pdf_download {
	margin-top: 0;
	padding-bottom: 0;
}
#size_download p.bold {
	margin-bottom: 20px;
	font-size: 18px;
}
#size_download .caution {
	clear: both;
	line-height: 1.5;
}
#size_download .pdf {
	margin-bottom: 40px;
}


/* ------------------------------------------------------------
*
	#section_body_color
*
------------------------------------------------------------ */
#section_body_color {
	margin: 0 auto 100px auto;
}

#section_body_color .pic img {
	width: 810px;
	height: auto;
	margin: 0 auto 30px auto;
}

#section_body_color .pic .name {
	margin: 0 0 20px 0;
	font-size: 22px;
	line-height: 1em;
}
#section_body_color .pic .caption {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	text-align: center;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

#section_body_color .pic .type {
	font-size: 14px;
	line-height: 1.571em;
	margin-bottom: 10px;
}

#section_body_color .caution_wrap{
    height: 40px;
    margin-top: 20px;
}

#section_body_color .caution_wrap .caution{
    font-size: 13px;
    line-height: 20px;
    color: #da4058;
    display: none;
	text-align:center;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

#section_body_color .caution_wrap .caution.disp{
    display: block;
}


/* ------------------------------------------------------------
*
	#section_interior_color
*
------------------------------------------------------------ */


#section_interior_color .color_slider .slider_inner {
	background-color: #e6e6e6;
}
#section_interior_color .color_slider .col_left {
	width: 608px;
	border-right: 2px solid #fff;
	float: left;
}
#section_interior_color .color_slider .pic {
	margin: 0;
	line-height: 0;
	position: relative;
}
#section_interior_color .color_slider .col_right {
	width: 270px;
	float: right;
}
#section_interior_color .color_slider .col_right .pic {
	border-bottom: 2px solid #fff;
}
#section_interior_color .color_slider .col_right .caption {
	padding: 5px 0 0 7px;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 1.3em;
	text-align: left;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}
#section_interior_color .color_slider .col_right .caption.empty {
	height: 0;
	margin: 0;
}
#section_interior_color .color_slider .col_right .type {
	padding: 22px 5px 5px 25px;
	text-align: left;
}
#section_interior_color .color_slider .col_right .type h4 {
	margin: 0 0 10px 0;
	font-size: 18px;
	letter-spacing: 0;
}
#section_interior_color .color_slider .col_right .type p {
	font-size: 13px;
	line-height: 1.4em;
}
#section_interior_color .caution {
	font-size: 12px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}



/* ------------------------------------------------------------------------------------------
*
#section_standard_equipped
*
------------------------------------------------------------------------------------------ */

#section_standard_equipped .section_column .cell,
#section_standard_equipped .section .section_column .cell {
	width: 420px;
	text-align: left;
}

#section_standard_equipped .section_column .cell:first-of-type,
#section_standard_equipped .section .section_column .cell:first-of-type {
	float: right;
}
#section_standard_equipped .section_column .cell:last-of-type,
#section_standard_equipped .section .section_column .cell:last-of-type {
	float: left;
}
#section_standard_equipped .section .section_column:last-child {
	margin: 0 auto;
}

#section_standard_equipped .section_column .cell p {
	line-height: 1.5em;
}

#section_standard_equipped .section_column .caution {
	font-size: 12px;
	clear: both;
    line-height: 1.5em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}


/* ------------------------------------------------------------------------------------------
*
#section_car_detail
*
------------------------------------------------------------------------------------------ */
#section_car_detail{
	background-color: #ffffff; /*変更*/
	padding: 0 0 80px 0; /*変更*/

}
#section_car_detail .section_inner{
	width: 930px;
	height: 200px;
	margin: 0 auto;
	background-color: #f6f6f6;
	padding: 50px 0 0 70px;
	background-repeat: no-repeat;
	background-position: 90% bottom;
	background-size: contain;
}
#section_car_detail .section_inner_column{
	width: 440px;
}

#section_car_detail h2.logo{
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	font-size: 50px;
	line-height: 1em;
	color: #444;
}
#section_car_detail .detail {
	margin: 15px 0 0 0;
}
#section_car_detail .detail a{
	border: 2px solid #ea5504;
	border-radius: 30px;
	background-image: url(/welfare/common/image_common/parts_ico_arrow.png);
	background-size: 6px 10px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-position: 93% 50%;
	margin: 15px 0 0 0;
	text-align: center;
	color: #444444 !important;
	font-size: 14px;
	line-height: 30px;
	padding: 8px 34px 8px 30px;
}
#section_car_detail .detail a:after{ display: none; }
#section_car_detail .detail{ padding: 0; }

/* ------------------------------------------------------------------------------------------
*
#section_car_refer
*
------------------------------------------------------------------------------------------ */
#section_car_refer{
	background-color: #ffffff;
	padding: 0 0 40px 0;

}
#section_car_refer .section_inner{
	width: 930px;
	height: 200px;
	margin: 0 auto;
	background-color: #fff;
	padding: 50px 0 0 70px;
	background-repeat: no-repeat;
	background-position: 97% bottom;
	background-size: contain;
  /* border: 1px solid #818488; */
  margin-bottom: 20px;
}
#section_car_refer .section_inner_column{
	/*width: 440px;*/
}

#section_car_refer h2.logo{
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	font-size: 28px;
	line-height: 1em;
	color: #444;
}
#section_car_refer .detail {
	margin: 36px 0 0 0;
}
#section_car_refer .detail a{
	border: 2px solid #ea5504;
	border-radius: 30px;
	background-image: url(/welfare/common/image_common/parts_ico_arrow.png);
	background-size: 6px 10px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-position: 93% 50%;
	margin: 15px 0 0 0;
	text-align: center;
	color: #444444 !important;
	font-size: 14px;
	line-height: 30px;
	padding: 8px 34px 8px 30px;
}
#section_car_refer .detail a:after{ display: none; }
#section_car_refer .detail{ padding: 0; }

#section_car_refer .title{
	width: 930px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

#section_car_refer h4{
	padding: 20px 0 20px 0;
	margin: 0 0 20px 0;
	font-size: 16px;
	border-top: 1px solid #818488;
	border-bottom: 1px solid #818488;
	color: #444444;
}


/* ------------------------------------------------------------
#orange_dealer
------------------------------------------------------------ */
#orange_dealer .orange_dealer_wrap{
	margin: 0 auto;
	padding: 50px 0;
	background-color: #ffffff;
	color: #444444 !important;
	border-top: 1px solid #cccccc;
}
#orange_dealer .orange_dealer_inner{ display: table; width: 930px; margin: 0 auto;}
#orange_dealer .left_element,#orange_dealer .right_element{ display: table-cell; vertical-align: middle;}

#orange_dealer .left_element{
	width: 445px;
}
#orange_dealer .right_element{
	width: auto;
	padding: 0 0 0 40px;
}
#orange_dealer .semi_title{
	font-size: 19.5px;
	line-height: 27px;
	margin: 0 0 20px 0;
}
#orange_dealer .title{
	font-size: 38px;
	margin: 0 0 20px 0;
	color: #ea5504;
}
#orange_dealer .detail{
	font-size: 16px;
	margin: 10px 0 20px 0;
}
#orange_dealer .detail a{
	color: #444444 !important;
}
#orange_dealer .detail a:after{
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 1em;
	background-image:url(../image_common/parts_ico_btn_detail_arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 20px 20px;
	position: relative;
	top: 4px;
	left: 5px;
}

/* ------------------------------------------------------------
#orange_dealer.forC
------------------------------------------------------------ */
#orange_dealer.forC .orange_dealer_wrap{
	padding-top: 0;
	padding-bottom: 50px;
	border-top: none;
}
#orange_dealer.forC .orange_dealer_inner{
	margin-top: -38px;
	background-color: #eeeeee;
}
#orange_dealer.forC .right_element{
	padding-left: 27px;
}

/* ------------------------------------------------------------------------------------------
*
#pdf_donwload
*
------------------------------------------------------------------------------------------ */
#contents_footer_pdf{
	background-color: #ffffff;
}
.pdf_download:after{
	content: '';
	clear: both;
	display: block;
}

.pdf_download{
	width: 930px;
	margin: 20px auto 40px;
	padding: 0 0 30px 0;
}

.pdf_download h4{
	padding: 20px 0 20px 0;
	margin: 0 0 20px 0;
	font-size: 16px;
	border-top: 1px solid #818488;
	border-bottom: 1px solid #818488;
	color: #444444;
}

.pdf_download h4 span{ margin: 0 0 0 5px; font-size: 12px; font-family: "HondaGlobalFontJP-Light", sans-serif;}

.pdf_download .pdf{
	width: 170px;
	min-height: 55px;
	display: table;
	float: left;
}

.pdf_download .pdf a{
	color: #fff;
}

.pdf_download .pdf .ico{
	width: 50px;
	height: 55px;
	display: table-cell;
	vertical-align: middle;
	background-image:url(../image_common/parts_ico_pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;
}

.pdf_download .pdf .detail{
	height: 55px;
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.285em;
}
.pdf_download .pdf p{
	color: #444444;
}
.pdf_download .pdf .detail{
	font-size: 14px;
}
.pdf_download .pdf .detail .size{
	font-size: 11px;
	display: block;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

/* ------------------------------------------------------------------------------------------
*
catalog
*
------------------------------------------------------------------------------------------ */

#catalog .head_title{
	position: absolute;
	top: -36px;
	left: 190px;
}
#catalog.section{
	margin-bottom: 30px;
}
#catalog .section_column{
	width: 930px;
}

#catalog .section_column .section_desc{
	margin: 60px 0;
	padding: 0;
	font-size: 30px;
}

#catalog .pd0{ padding: 0; }
#catalog .pt20{ padding-top: 20px!important; }

#catalog .ta_left{ text-align: left; }
#catalog p.note{
	font-size: 11px;
	line-height:20px;
	text-indent:-1em;
	padding:5px 0 0 1em;
	margin-bottom:-35px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

#catalog .detail{ padding-top: 60px; }
#catalog .detail li{ margin-bottom: 45px; }
#catalog .detail li:last-of-type{ margin-bottom: 0px; }
#catalog .detail li a{ font-size: 18px; }
#catalog .detail li a:after{
	width: 20px;
	height: 20px;
	background-size: 20px;
}

#catalog .col_left{ width: 360px; }
#catalog .col_right{ width: 520px; }

#catalog .col_right img{
	width: 120%;
	right: 45px;
	position: relative;
}

/* ------------------------------------------------------------------------------------------
*
section_catalog
*
------------------------------------------------------------------------------------------ */
 #section_catalog{
    margin: 50px 0 80px 0;
}

#section_catalog .section_inner{
    width: 900px;
    margin: 0 auto;
    position: relative;
}

#section_catalog .section_inner .desc{
    font-size: 16px;
    line-height: 1.5em;
    position: absolute;
    left: 560px;
}

#section_catalog .col_left{
    width: 500px;
    padding: 0 40px 0 25px;
    box-sizing: border-box;
    float: left;
    line-height: 0;
}

#section_catalog .col_left img{
    width: 100%;
    height: auto;
}

#section_catalog .col_right{
    padding: 0 0 0 0;
    width: 400px;
    float: left;
}
    
#section_catalog .row2 .col_left{
    width: 900px;
    padding-right: 0;
    margin: 60px 0 10px 0;
}

#section_catalog .row3 .col_left{
    padding-right: 75px;
}

#section_catalog.for-drive_catalog .row3 .col_left{
    padding-left: 0;
    margin: 10px 0 10px 0;
}

#section_catalog .col_right li.btn{
    width: 100%;
    height: 49px;
    margin: 0 0 1px 0;
    font-size: 16px;
    background-color: #ededed;
    display: table;
}

#section_catalog .col_right li.btn span{
    margin: 0 0 0 5px;
    font-size: 12px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

#section_catalog .col_right li.btn:hover{
    background-color: #dbdbdb;
}

#section_catalog .col_right a{
    padding: 0 0 0 20px;
    color: #444;
    vertical-align: middle;
    display: table-cell;
    position: relative;
}

#section_catalog .col_right a:after{
    content: '';
    width: 21px;
    height: 49px;
    display: block;
    background-image:url(../image_common/parts_ico_btn_detail_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
    position: absolute;
    top: 0;
    right: 19px;
}

#section_catalog .col_right p.caution{
    margin: 5px 0 5px;
    text-indent: -0.5em;
    padding-left: 1em;
    font-size: 11px;
    line-height: 1.4em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

#section_catalog .col_right ul:first-child{
    margin-bottom: 12px;
}
#section_catalog .col_right ul:nth-child(2){
    margin-bottom: 30px;
}
#section_catalog .col_right ul:nth-child(4){
    margin-top: 30px;
}
#section_catalog .col_right ul:last-child{
    margin-bottom: 0;
}

#section_catalog .col_right p.heading{
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

#section_catalog .col_right p.heading.note{
    font-size: 13px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
} 

#section_catalog .col_left li.btn{
    width: 100%;
    height: 49px;
    margin: 0 0 1px 0;
    font-size: 16px;
    background-color: #ededed;
    display: table;
}

#section_catalog .col_left li.btn span{
    margin: 0 0 0 5px;
    font-size: 12px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

#section_catalog .col_left li.btn:hover{
    background-color: #dbdbdb;
}

#section_catalog .col_left a{
    padding: 0 0 0 20px;
    color: #444;
    vertical-align: middle;
    display: table-cell;
    position: relative;
}

#section_catalog .col_left a:after{
    content: '';
    width: 21px;
    height: 49px;
    display: block;
    background-image:url(../image_common/parts_ico_btn_detail_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
    position: absolute;
    top: 0;
    right: 19px;
}

#section_catalog .col_left p.caution{
    margin: 5px 0 25px;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 11px;
    line-height: 1.4em;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

#section_catalog .col_left ul:first-child{
    margin-bottom: 60px;
}
#section_catalog .col_left ul:nth-child(2){
    margin-bottom: 30px;
}
#section_catalog .col_left ul:last-child{
    margin-bottom: 0;
}

#section_catalog .col_left p.heading{
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
}  



/* ------------------------------------------------------------------------------------------
*
thankyou
*
------------------------------------------------------------------------------------------ */
#thankyou.section{
	margin: 41px auto 100px;
}
#thankyou.section .section_column{
	width:930px !important;
}
#thankyou.section .section_desc{
	font-size: 30px;
	padding:0 !important;
}
#thankyou.section .desc{
	margin-bottom: 10px;
}

#thankyou.section .caution{
	text-align:left;
	margin:0 auto 60px;
}
#thankyou.section .caution p{
	font-size:14px;
	line-height:1.4em;
	text-indent:-1em;
	padding-left:1em;
	margin:0;
}

#thankyou.section .detail{
	padding:0 !important;
	text-align:left;
}

/* ------------------------------------------------------------------------------------------
*
questionnaire thankyou
*
------------------------------------------------------------------------------------------ */
#thankyou.section .section_desc.questionnaire{
	margin: 60px 0 30px 0;
  text-align: center;
}
#thankyou.section .desc.questionnaire{
	margin-bottom: 70px;
  text-align: center;
}



/* ------------------------------------------------------------------------------------------
*
element
*
------------------------------------------------------------------------------------------ */
.ico_type{
	width: auto !important;
	height: 19px !important;
	line-height: 19px;
	padding: 0 5px;
	font-size: 11px !important;
	border: 1px solid #ccc;
	color: #666 !important;
	font-family: "HondaGlobalFontJP-Light" !important;
	display: inline-block !important;
	position: relative;
	top: -1px;
	left: 10px;
}

.ico_type.block{
	top: 0;
	left: 0;
    margin-left: 10px;
}

.sup{
	margin: 0 2px;
	padding: 0 !important;
	font-size: 60%;
	line-height: 1em;
	text-indent: 0 !important;
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	top: -2px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

.sup2{
	margin: 0 2px;
	padding: 0 !important;
	font-size: 60%;
	line-height: 1em;
	text-indent: 0 !important;
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	top: -2px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

h3.sup{ font-size: 40%; font-family: "HondaGlobalFontJP-Light", sans-serif;}


/* ------------------------------------------------------------------------------------------
*
Accordion Content
	// car_common.js
*
------------------------------------------------------------------------------------------ */
.accordion_content{
	border-top: 1px solid #ccc;
}

.accordion_inner{
	height: 0;
	margin-top: 20px;
	overflow: hidden;
}

.btn_accordion_detail{
	width: 210px;
	height: 20px;
	margin: 0 auto !important;
	font-size: 16px;
	text-indent: -25px;
	letter-spacing: 0;
	text-align: center;
	line-height: 1.25em;
	background-color: #fff;
	color: #444;
	position: relative;
	top: -12px;
	cursor: pointer;
}

.bg .btn_accordion_detail{
	background-color: #f8f8f8;
}

.btn_accordion_detail.on{
	width: 210px !important;
}

.btn_accordion_detail:before{
	content: 'さらに詳しく';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: -5px;
}

.btn_accordion_detail:after{
	content: '';
	width: 20px;
	height: 100%;
	display: block;
	background-image:url(../image_common/parts_ico_btn_detail_arrow_btm.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
	position: absolute;
	top: -1px;
	right: 45px;
}

.btn_accordion_detail:hover{
	color: #ea5504;
}

.btn_accordion_detail.on:before{
	content: '閉じる' !important;
}

.btn_accordion_detail.on:after{
	background-image:url(../image_common/parts_ico_btn_detail_arrow_on.png);
	right: 65px;
}

/* ------------------------------------------------------------
#exlink
------------------------------------------------------------ */
#exlink.section{
	padding: 150px 0;
	margin: 0 auto;
}

#exlink.section .article{
	text-align: center;
	font-size: 18px;
	line-height: 2em;
}

#exlink.section .article a{
	display: inline-block;
	padding-top: 30px;
}

/* ------------------------------------------------------------
20220901　追記　thankyouページ　フロー図
------------------------------------------------------------ */
#top_step_flow{
    width: 980px;
    margin: 37px auto 41px;
}

.step_flow_wrap{
    width: 841px;
    height: 56px;
    margin: 0 auto;
    content: "";
    display: block;
    background: url(../../common/image_common/img_flow_03_pc.jpg) 0 0 no-repeat;
    background-size: contain;
}

}

/* ------------------------------------------------------------------------------------------
*
    #global_navigation
	max-width : 979px ~ min-width : 769px
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width:769px) and ( max-width:962px) {
	#global_navigation{		
		top: 122px;
	}
}

.new_price_caution {
  color: #da4058;
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
  line-height: 1.3;
}
.price_caution {
  color: #da4058;
  line-height: 1.3;
}
.new_price_caution span {
  text-decoration: underline!important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-14 {
  font-size: 14px !important;
}

.new_price_caution a,
.caution_new_price_pdf a{
	color: #da4058!important;
	text-decoration: none!important;
}
@media(hover: hover) {
	.new_price_caution a:hover,
  .caution_new_price_pdf a:hover{
    opacity: 1!important;
	}
}

.blank_ico::after{
    content: "";
    background: url(/welfare/common/image_common/icon_blank.svg) no-repeat 0 0/contain;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: baseline;
    transition: background .4s ease;
}
.blank_ico_w::after {
    content: "";
    background: url(/welfare/common/image_common/icon_blank_w.svg) no-repeat 0 0/contain;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: baseline;
    transition: background .4s ease;
}
.blank_ico_red::after {
    content: "";
    background: url(/welfare/common/image_common/icon_blank_red.svg) no-repeat 0 0/contain;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: baseline;
    transition: background .4s ease;
}

.caution.left{
	text-align: left !important;
}
.caution.car_price{
  font-family: "HondaGlobalFontJP-Bold" !important;
  font-size: 14px !important;
}
.caution.car_price a{
	color: #c00 !important;
}
#section_price .head_title.mt40{
  margin-top: 40px;
}