@charset "utf-8";
/* CSS Document */

/******* campagin *******/

body {
	line-height: 1.5em;
}
.sp_image2 {
	display: none;
}

.pc_image2 {
	display: block;
}

.pc_line {
	display: none;
}

a.arrow {
    background: transparent url("../../../img/campaign/arrows.png") no-repeat;
    background-position: 0 center;
    padding-left: 11px;
    cursor: pointer !important;
    vertical-align: top;
}

br {
	line-height: 1;
}
h2 {
	margin-bottom: 20px;
	border-left: 3px solid #666;
	padding-left: 10px;
}
.lead {
	font-size: 12px;
	margin-bottom: 1.5em;
	line-height: 1.5;
}
.lead span {
	font-size: 16px;
	font-weight: bold !important;
	padding-top: .5em;
}
.pc_txt {
	display: none;
}
#sp_ctitle h1 {
	font-size: 18px;
	line-height: 1.5em;
}
.cpn_tit {
	margin-bottom: 1.5em;
	line-height: 1.5;
}
p.btn01 {
	text-align: right;
}
.suv_fair {
	margin-bottom: 75px;
}
.line2 {
	border-left: 3px solid #666;
	padding-left: 10px;
}
.pc_img {
	width: 100%;
}
.menuInternalLink p {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: top;
	margin-left: 30px;
}
.menuInternalLink p img {
	vertical-align: middle;
}
.menuInternalLink {
	margin-bottom: 30px;
}
p.contentText {
	font-size: 14px;
	margin-top: 1em;
	margin-bottom: 1.5em;
	line-height: 1.5;
}
.contentBox {
	margin-bottom: 20px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper {
	width: 100%;
	max-width: 100%;
}
.video-wrapper+.video-wrapper {
	margin-top: 25px;
}
.showroom_area {
	display: none !important;
}
.sp_showroom_area {
	display: block !important;
}
.sp_showroom_area h1 {
	font-size: 16px;
	margin-bottom: 15px;
}
.sp_showroom_area .showroom_box {
	margin-bottom: 10px;
}
.sp_showroom_area h3 {
	font-size: 16px;
}
#wrapper {
	position: relative;
}
.floatFacebook {
	background-color: #cfd3d6;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
}

.floatFacebook img {
	width:100%;
}





/* add hdk */
.sp_margin {
	margin-bottom:3em !important;
}

.high_quality_area .box_high_quality_last .koumoku_area .koumoku_leftbox { margin-bottom:20px; }
.koumoku_area { margin-bottom:30px; }
.high_quality_area .box_high_quality_last .koumoku_area .koumoku_leftbox h3 { margin-bottom:10px; }
.high_quality_area .box_high_quality_last .koumoku_area .koumoku_rightbox h3 { margin-bottom:10px; }
.high_quality_area .box_high_quality .koumoku_area .koumoku_rightbox h3 { margin-bottom:10px; }
.koumoku_leftbox { margin-bottom:20px; }
.koumoku_leftbox h3 { margin-bottom:10px; }
.high_quality_area .box_high_quality_last { margin-bottom:20px; }

/* customized */

.high_quality_area {
	box-sizing: border-box;
	margin: 25px 0 35px 0;
}

.high_quality_area h3 {
	font-size: 12px;
	margin-bottom: 10px;
}

.high_quality_area .txt_cap {
	font-size: 10px;
	margin-top: 2px;
}
.koumoku_area  {
}

.koumoku_rightbox {
	float: right;
	width: 70%;
}

.koumoku_leftbox {
	width: 30%;
	float: left;
	padding: 0 10px 10px 0;
	margin: 0;
	box-sizing: border-box;
}

.txt_koumoku_inner {
	font-weight: normal;
	font-size: 12px;
}

.high_quality_area .box_high_quality_last .koumoku_area .koumoku_leftbox {
	margin:0; 
}

.koumoku_leftbox img {
	width: 100%;
}

.spmb0 {
	margin-bottom: 0 !important;
}




.w500 {
	width: auto;
}


.facebook {
	width: 85%;
	border: solid 1px #b9b9b9;
	box-sizing: border-box;
	margin:35px auto 45px auto;
}

img.content_image {
	width: 100%;
	margin-bottom: 10px;
}

.fl,
.fr {
	float: none;
}

.blg {
	line-height: 1.3;
}

.mid {
	margin-bottom: 15px;
	font-weight: normal;
}
.mb_45 {
	margin-bottom: 35px;
}

.bottom_icon_links_wrap {
	margin-bottom: 50px;
}

.bottom_icon_links {
}

.bottom_icon_links li {
	border-top: solid 2px #999999;
	border-bottom: solid 2px #999999;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.bottom_icon_links li img {
	display: block;
	width: 75%;
	margin: 0 auto;
}

.pc {
	display: none;
}

/* アンカーリスト */

.anchor_list {
	width:auto;
	font-size:15px;
}

.anchor_list ul {
	margin-bottom: 25px;
}
.anchor_list ul li {
	margin-bottom:10px;
}
.anchor_list ul li a {
	font-weight: bold;
	display: block;
	background: #000000;
	color: #ffffff;
	padding: 10px 20px;
	box-sizing: border-box;
	overflow: hidden;
	
}

.anchor_list ul li a .arrow {
	float: right;
	margin-top: 5px;
}

/* グレード内容のスタイル */

.grade_wrap {
	margin-bottom: 25px;
}

.col_3_p_bg {
	width: auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 15px;
}

.col_3_p_bg_r .mid {
	margin-bottom: 0;
}

.col_3_p_bg_l {
	width: 50%;
	float: left;
	padding: 4px 10px 10px 0;
	box-sizing:border-box;
}

.col_3_p_bg_r {
	width:50%;
	float: right;
}

.col_3_p_bg_l_thamb {
	width: 100%;
}

.tit_normal {
	margin-bottom: 10px;
}

.tit_2col {
	font-size: 16px;
	line-height: 1.25;
	overflow: hidden;
	margin-bottom: 7px;
}

.tit_2col_f dt {
	border-color: #ffffff !important;
}

.tit_2col dt {
	float: left;
	padding-right: 10px;
	border-right: solid 2px #000000;
	margin-right: 10px;
}

.txt_cap {
	font-size: 10px;
	display: block;
	margin-top: 5px;
	font-weight: normal;
}

.bg_4c {
	background: #4c4c4c;
	color: #ffffff;
}

.bg_b3 {
	background: #808080;
	color: #ffffff;
}

.bg_e5 {
	background: #e5e5e5;
}

.img_table {
	display: block;
	width: 100%;
	margin: 0 auto 25px auto;
}

.col_1 .video-container {
	width: 100%;
	margin-bottom: 50px;
}

.spacer {
	border: none;
	height: 0;	
}

.pc {
	display: none;
}

/* col4_wrap */

.col4_wrap {
	overflow: hidden;
	margin: 0 auto 35px;
}

.col4_wrap .btn_wrap {
	margin-bottom: 0;
}

.col4_li {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.col4_li:nth-child(odd) {
	margin: 0 0 15px 0;
	padding-right:1%; 
}

.col4_li:nth-child(even) {
	margin: 0 0 15px 0;
	padding-left:1%; 
}

.col4_inner {
	width: 95%;
	margin: 0 auto;
}
.col4_inner_tit {
	line-height: 1.25;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}

.col4_img {
	width: 100%;
	margin-bottom: 10px;
}

.col4_inner_detail_tit {
	font-size: 10px;
	display: inline-block;
}

.col4_inner_detail_tit {
	font-size: 11px;
	display: inline-block;
}

.col4_inner_detail_tit_min {
	font-size: 10px;
	display: inline-block;
}

.col4_inner_detail_detail {
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
}
.col4_inner_detail_detail_min {
	font-size: 12px;
	padding-left: 3px;
}

.col4_txt_block {
	width: auto;
}

.col4_txt_block_inner .btn_wrap {
	margin-bottom: 0;
}

.col2_txt_block {
	width: auto;
}
.col2_txt_block_inner {
	width: auto;
}
.col2_txt_block_inner .mid {
}

/* btn_wrap */

.btn_wrap {
	margin-bottom: 50px;
}

.btn_wrap li {
	overflow: hidden;
}

.btn_wrap li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
	color: #ffffff;
	width: 100%;
	background: url("../image/arrow_w.png") right 18px center no-repeat #000000;
	background-size: 16px;
	padding: 10px 20px;
	box-sizing: border-box;
}

.btn_inner {
	padding-right: 10px;
}

.btn_inner_min {
	font-size: 10px;
	display: inline-block;
}

/* =================================================
 * font
 * ================================================*/

	
@font-face {
	font-family: AudiType;
	src: url("../fonts/AudiTypeV02-Normal.woff") format("woff");
}
@font-face {
	font-family: AudiTypeBold;
	src: url("../fonts/AudiTypeV02-Bold.woff") format("woff");
}
@font-face {
	font-family: AudiTypeExtendedNormal;
	src: url("../fonts/AudiTypeV02-ExtendedNormal.woff") format("woff");
}
@font-face {
	font-family: AudiTypeExtendedItalic;
	src: url("../fonts/AudiTypeV02-ExtendedItalic.woff") format("woff");
}
@font-face {
	font-family: AudiTypeExtendBold;
	src: url("../fonts/AudiTypeV02-ExtendedBold.woff") format("woff");
}
@font-face {
	font-family: AudiTypeExtendedBoldItalic;
	src: url("../fonts/AudiTypeV02-ExtendedBoldItalic.woff") format("woff");
}
.atn {
	font-family: AudiType;
	font-weight: normal !important;
}
.atb {
	font-family: AudiTypeBold;
	font-weight: normal !important;
}
.aten {
	font-family: AudiTypeExtendedNormal;
	font-weight: normal !important;
}
.atei {
	font-family: AudiTypeExtendedItalic !important;
	font-weight: normal !important;
	padding: 0;
}
.ateb {
	font-family: AudiTypeExtendBold !important;
	font-weight: normal !important;
	padding: 0;
}
.atebi {
	font-family: AudiTypeExtendedBoldItalic;
	font-weight: normal !important;
	padding: 0;
}
/* =================================================
 * common
 * ================================================*/


/* hero_wrap */
.hero_wrap_bg {
	position: relative;
}

.hero_tit {
	position: absolute;
	top: 10%;
	left: 1.5%;
	display: inline-block;
	font-size: 3vw;
	line-height: 1.25;
	border: none;
	color: #ffffff;
}

.hero_tit + .hero_tit {
	position: absolute;
	top: 24%;
	left: 1.5%;
}
.hero_tit sup {
	font-size: 1.5vw;
}
.hero_txt {
	position: absolute;
	top: 42%;
	left: 4.5%;
	display: inline-block;
	font-size: 2.2vw;
	font-weight: bold;
	line-height: 1.25;
	color: #ffffff;
}

.hero_txt_cap {
	position: absolute;
	left: 4%;
	bottom: 1%;
	font-size: 2vw;
	font-weight: bold;
	color: #ffffff;
}

.hero_wrap .btn_wrap {
	margin: 0;
	margin-bottom: 15px;
}
.hero_wrap .btn_wrap li {
	padding: 0 10px;
}
.hero_wrap .btn_wrap li .btn_hero {
	display: block;
	background:#000000 url("../image/arrow_w.png") center right 20px no-repeat;
	background-size: 18px;
	width: auto;
	line-height: 1.3;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
	margin: 0 auto;
}

.btn_hero:hover {
	text-decoration: none;
}

.btn_hero_innerf_min {
	display: block;
	font-size: 10px;
	margin-bottom: 5px;
	
}

/* lead */

.blr {
	border-left: solid 3px #bb0a30;
	padding-left: 5px;
	font-size: 16px;
	margin-bottom: 25px;
	line-height: 1.3;
}

/* mtc */

.mtc {
	margin-bottom: 35px;
}

.col3_li {
}

.col3_li li {
	padding: 15px;
	background: #f2f2f2;
	margin-bottom: 10px;
	overflow: hidden;
}

.col3_li li img {
	width: 48%;
	float: left;
}

.txt_col3_inner {
	width: 48%;
	font-size: 12px;
	font-weight: bold;
	float: right;
	padding-top: 5px;
}

/* btn_img_wrap */

.btn_img_wrap {
	position: relative;
	display: block;
	border: solid 1px #b9b9b9;
}

.btn_img_wrap img {
	margin-bottom: 0;
}

.btn_d {
	position: absolute;
	left: 0;
	top: 7%;
	line-height: 1.25;
	padding: 1.5% 10% 1.5% 3%;
	background:#ffffff url("../image/arrow_r.png") center right 5% no-repeat;
	background-size: 12px;
	font-size: 5vw;
	font-weight: bold;
}

.btn_img_wrap_inner {
	position: absolute;
	top:35%;
	left: 3%;
	font-size: 3vw;
	font-weight: bold;
}


/* cpn_bnr_wrap */

.cpn_bnr_wrap {
	width: auto;
	margin-bottom: 30px;
}

.cpn_bnr_wrap {
	width: 100%;
}

/* cpn_bnr_wrap fin */

/* アンカーリンク内の通常リンク */

.txt_link a {
	line-height: 1.25;
	padding: 10px 20px 10px 20px !important;
	background:#000000 url("../image/arrow_w.png") center right 20px no-repeat !important;
	background-size: 17.5px !important;
	font-weight: bold;
}

/* add 170630 */

/* col3 */
.tit_under_line {
	font-size: 12px;
	border-bottom: solid 1px #000000;
	padding-bottom: 0 15px 2px 15px;
	margin-bottom: 5px;
}
.tit_name {
	font-size: 16px;
	line-height: 1.25;
	margin-bottom: 10px;
	overflow: hidden;
}
.tit_name .tit_min {
	font-size: 10px;
}
.tit_name .col3_col2_img {
	width: 30px;
}
.tit_name_inner {
	float: left;
	margin-right: 10px;
}
.col3_wrap {
	margin-bottom: 25px;
}
.col3 {
	margin: 0 auto 5px auto;
}
.col3_col2 {
}
.col3_col2 .txt_mid {
	margin-bottom: 15px;
	font-size: 12px;
}
.col3_col1 {
}
.col3_col1_img {
	width: 100%;
	margin-bottom: 5px;
}
.col3_col1_img p {
	font-size: 10px;
}
/* .col1_block */
.col1_block {
	margin-bottom: 35px;
}
.col1_block_img {
	width: 100%;
	margin: 0 auto;
}
.col1_block_detail_part {
	width: 75%;
}
.col1_block_detail_part .tit_normal {
	margin-bottom: 0;
}
/* .list_col3 */
.list_col3_wrap {
	border: solid 1px #000000;
	border-left: none;
	border-right: none;
	padding: 5px 10px;
}
.list_col3_wrap p {
	font-size: 12px;
	margin-bottom: 10px;
}
.list_col3 li {
	vertical-align: top;
	font-size: 12px;
	margin-bottom: 10px;
}
.list_col3 dt {
	font-weight: bold;
	margin-bottom: 5px;
}
.list_col3 dd {
	margin-bottom: 5px;
}
.list_col3 dd:nth-last-child(1) {
	margin-bottom: 0;
}


/* 特別サポートキャンペーンのご案内 */
.cpn_wrap {
	width: auto;
	margin: 0 auto 30px;
}
.col2 {
}
.col2_l {
	margin-bottom: 15px;
}
.col2_l img {
	width: 100%;
}
.col2_r {
}
.col2_r h3 {
	font-size: 14px;
	margin-bottom: 10px;
}
.col2_r p {
	font-size: 12px;
	margin-bottom: 10px;
}
.col2_r .txt_min {
	font-size: 10px;
}

#sp_title_r {
    font-family: "AudiTypeV02-Bold", Verdana, Helvetica, Arial, " メイリオ", Meiryo, " ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: inherit;
    padding: 10px 10px 8px 10px;
    background: #fff;
}