@charset "utf-8";
/*******************************************************************
　基本設定
*******************************************************************/

/*----------------------------------------------------------
　全体
-----------------------------------------------------------*/
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 62.5%;/*10px相当*/
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.8;
	background: #FFF;
	color: #4c4c4c;
}
@media only screen and ( max-width: 599px ) {
	body {
		font-size: 1.4rem;
		line-height: 1.4;
	}
}
area{
	border:none;
	outline:none;
}

a:link, a:visited {
	color: #512d1e;
	text-decoration: none;
}
a:hover {
	color: #512d1e;
	text-decoration: none;
}
.cev_link a:link, a:visited {
	color:#2462B5;
	text-decoration: underline;
}
.cev_link a:hover {
	color:#2462B5;
	text-decoration: underline;
}
.text_left {
	text-align: left;
}
.text_fff {
	color: #fff;
}
.text_b {
  font-weight: 700;
}
/*******************************************************************
　ページ共通パーツ
*******************************************************************/

@media print, screen and (min-width:600px){
	.display_sp {display: none}
}
@media screen and (max-width:599px){
	.display_pc {display: none}
}
@media print, screen and (min-width:750px){
	.display_sp2 {display: none}
}
@media screen and (max-width:749px){
	.display_pc2 {display: none}
}


/*******************************************************************
　各セクション
*******************************************************************/
/*共通 ------------------------------*/
.contents {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.wide_wrapper {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.box {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
}
.mv_wrapper {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.sp_wrapper {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.atten {
  padding: 1em;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: left;
}

/*----------------------------------------------------------
　ヘッダー 
-----------------------------------------------------------*/
header {
	position: relative;
	z-index: 0;
	width: 100%;
	margin: 0;
	padding: 0 0 6px;
	overflow: hidden;
  background: #fff;
}
.header_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 96%;
	max-width: 1080px;
	margin: 0 auto;
}
.header_logo{
	width: 15%;
}
.header_logo img {
  max-width: 100px;
}

.header_name {
	text-align: right;
}
@media only screen and ( max-width: 599px ) {
	header {
		margin: 0 auto 0;
		padding: 5px 0 0;
	}
	.header_logo {
		width: 50%
	}
.header_logo img {
  max-width: 200px;
}
.header_name {
}
.header_name img {
	width: 80%;
	}
}

/*----------------------------------------------------------
　メインビジュアル
-----------------------------------------------------------*/
.mvArea {
  position: relative;
}
.mv_top_wrap {
  
}
.mv_img_wrap {
  background: #6fb92c;
}
h1 {
}

.mv_notice {
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.4;
	width: 96%;
	max-width: 900px;
	margin: 0 auto;
  padding: 1em 4% 4%;
}

@media only screen and ( max-width: 599px) {
}

.mv_cp_wrap {
  background: #FDF1EC;
  overflow: hidden;
}
.shijo_wrap {
  background: #C6A96A;
  overflow: hidden;
}
.roox_wrap {
  background: url("../img/bg_roox.png") center top #FBCA5C;
  overflow: hidden;
}
.fairlady_wrap {
  background: #003B8F;
  overflow: hidden;
}
.nouki_wrap {
  background: #A7DAF4;
  overflow: hidden;
}

/*----------------------------------------------------------
　車種情報
-----------------------------------------------------------*/
/* スライダー
-----------------------------------------------------------*/
.fair_slider_wrap {
  overflow: hidden;
}
.slider_title_wrap {
  /*background: #e4006e;*/
}
.slide_btn_set {
  width: 90%;
  max-width: 700px;
  margin: 0 auto 5%;
}
.kinen_slide {
  background: #C30D23;
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 10px solid #BFB200;
  border-top: 10px solid #BFB200;
  
}
.ev_slide {
  background: #F6F9ED;
  overflow: hidden;
  margin-bottom: 10px;
}
.car_slide {
  /*background: #dcf5ff;*/
  background: #fff;
  overflow: hidden;
}


.car_btn_set {
  margin: 3% auto;
}
.jncap_car {
  width: 90%;
  margin: 2% auto;
  padding-bottom: 2%;
}
.jncap_car:first-child {
  border-bottom: 2px dotted #999;
}

/*.carArea {
  margin-top: 10px;
}
*/
.specialArea {}
.special_title_wrap {
  background: #09348b;
}

.car_box_wrap {
	margin: 0 auto 1%;
}
.car_box_title {
	margin: 0 auto 0;
}

.car_box {
}

.car_notice {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4;
	width: 90%;
	margin: 0.5em auto 1em;
}
@media only screen and ( max-width: 599px) {
	.car_notice {
		font-size: 1.4rem;
	}
}

.usp_box {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 2%;
  }
.usp_box_note {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  border: 5px solid #ec6c00;
  background: #fff;
  padding: 2% 0;
  }

/*車種情報ドロップダウン
---------------------------------------*/
.carinfo_wrap {
  margin: 0 auto 6%;
}
.carinfo_btn {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
  padding: 0.5em 0;
  font-size: 2.4rem;
  background: #000;
  color: #fff;
  font-weight: 700;
  border-radius: 6px;
  box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
}
.carinfo_btn span {
  background: #c3002f;
  color: #fff;
  font-size: 1.6rem;
  vertical-align: middle;
  padding: 0 0.2em;
  margin-right: 0.2em;
}
.carinfo_btn:hover {
  cursor: pointer;
  opacity: 0.8;
  transition: 0.3s;
}
.carinfo_box {
  display: none;
}
.carinfo_inner {
  margin: 1em auto 1em;
  overflow: hidden;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4;
}
@media only screen and ( max-width: 599px) {
  .carinfo_btn {
    font-size: 1.6rem;
  }
  .carinfo_btn span {
    font-size: 1.4rem;
  }
  .carinfo_inner {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

.carinfo_item {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.carinfo_item > div {
  margin-bottom: 2%;
}

.carinfo_photocap p {
  width: 90%;
  margin: 0.5em auto 1em;
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.3;
	padding: 0.2em 0;
}
@media only screen and ( max-width: 599px) {
	.carinfo_photocap p {
		font-size: 1.4rem;
		line-height: 1.2;
	}
}

.carinfo_bvc_img {
  margin: 2% auto;
}
.carinfo_bvc {
  width: 92%;
  max-width: 1080px;
	margin: 2% auto 2%;
	border: 2px solid #1d2088;
	background: #fff;
}

.carinfo_notice {
	margin: 0 auto;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 1em;
	color:#4c4948;
}
@media only screen and ( max-width: 599px) {
	.carinfo_notice {
		font-size: 1.4rem;
		line-height: 1.2;
	}
}

.btn_serena_serif {
  margin-bottom: clamp(-80px, -7%, -1px);
  position: relative;
  z-index: 1;
  pointer-events: none;
}
/*注意事項ドロップダウン
---------------------------------------*/
.drop_wrap {
  padding-bottom: 3%; 
}
.drop_btn {
  width: 90%;
  max-width: 1080px;
  margin: 1em auto;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  text-align: left;
  padding: 0.2em 0 0.2em 1em;
  font-size: 1.4rem;
}
.drop_btn:hover {
  cursor: pointer;
}
.drop_box {
  display: none;
}
.drop_inner {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  overflow: hidden;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4;
  padding-bottom: 1em;
  word-break: break-all;

}

.cp_notice_box .drop_btn {
  background: rgba(255,255,255,0.8);
  margin: 0 auto;
}
.cp_notice_box .drop_inner {
  background: rgba(255,255,255,0.8);
  padding: 1em; 
  margin: 0 auto;
}

.cp_norikae_notice {
  color: #fff;
}
.cp_norikae_notice .drop_btn {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}


.pop_dop_wrap .drop_btn {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #fff;
}
.pop_dop_wrap .drop_inner {
  color: #fff;
}
.omatome_drop .drop_btn {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  border-bottom: none;
  border-top: none;
  text-align: left;
  padding: 0 0 10px;
  font-size: 1.4rem;
  background: #F7931E;
}
.omatome_drop .drop_inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  overflow: hidden;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4;
  padding-bottom: 1em;
  word-break: break-all;
}

.pop_dop_wrap .drop_inner {
  color: #fff;
}


@media only screen and ( max-width: 599px) {
.drop_inner {
	font-size: 1.4rem;
	line-height: 1.2;
}
}
.drop_btn_bvc {

}
.drop_btn_bvc:hover {
  cursor: pointer;
}
.drop_box_bvc {
  display: none;
}

/*------------------------------------------------------------------
　ポップアップ
---------------------------------------------------------------------*/

/*ポップアップボタン-----------------------------*/
.pop {
	text-align: center;
  margin: 2% auto;
}
.pop a:hover {
	opacity: 0.9;
  transition: 0.3s;
}
@media only screen and ( max-width: 749px) {
/*	.pop a {
		font-size: 1.6rem;
    padding: 1em 0.5em;
	}
*/
}
.info_box .pop,
.cp_box_wrap .pop {
  margin-top: 10px;
}

/*ポップアップ内容-----------------------------*/
.pop_carArea {
  max-width: 620px;
  margin: 0 auto;
}
.pop_car_title {}
.pop_slide_title_wrap {
  background: #fff;
}
.serena .pop_slide_title_wrap {
  border-top: 6px solid #e4004f;
}
.sakura .popcarArea {
  border-top: 6px solid #e64290;
}
.pop_slide_title {
  margin: 5% auto 1%;
}
.pop_bvc_box {
  margin: 3% auto;
}
.pop_notice {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.3;
	padding: 1em 0;
	color:#4c4948;
}
@media only screen and ( max-width: 749px) {
	.pop_notice {
		font-size: 1.4rem;
		line-height: 1.2;
	}
}

.pop_sakura_wrap {
  /*background: #F6F9ED;*/
  padding-bottom: 3%;
}
.pop_omatome_bottom {
  padding-bottom: 5%;
  background: #f7931e;
}
.pop_omatome_box {
  background: #f7931e;
  overflow: hidden;
}
.pop_dop_wrap {

  /*background: #e4006e;*/
  overflow: hidden;
}
.pop_photocap_wrap {
  background: #fff;
  overflow: hidden;
}
.pop_photocap_wrap2 {
  background: #fff;
  overflow: hidden;
}
.pop_sakura_monitor_wrap {
  background: #fff;
  padding: 0 0;
  margin-bottom: 5%;
  border: 1px solid #fff;
}
/*----------------------------------------------------------
　ボタン
-----------------------------------------------------------*/
.btn_clv_box {
	display: table;
	table-layout: fixed;
	width: 98%;
	margin: 0 auto;
}
.btn_clv_tr {
	display: table-row;
}
.btn_clv_item {
	display: table-cell;
	width: 50%;
	padding: 0 1%;
	text-align: center;
	vertical-align: bottom;
}
.btn_clv_item img {
	display: inline-block;
}
@media only screen and ( max-width: 749px) {
	.btn_clv_box {
		width: 98%;
	}
}

.btn_yoyaku {
	width: 90%;
	margin: 0 auto 4%;
}

.button_set {
	text-align: center;
	width: 100%;
	max-width: 900px; 
	margin: 0 auto 0;
	box-sizing: border-box;
	padding: 0 3% 20px;
}
.button_set .bt {
	text-align: center;
}
.bt_mini {
	display: table;
	margin: 0 auto;
}
.bt_mini div {
	display: table-cell;
	width: 50%;
	max-width: 520px;
}
.button_set a:hover {
	text-decoration: none;
	opacity: 0.95;
}
.button_set p {
	margin-top: 1em;
}
@media only screen and ( max-width: 599px ) {
	.button_set p {
		font-size: 1.4rem;
		line-height: 1.2;
	}
	.button_set p span {
		display: inline-block;
	}
}
/*----------------------------------------------------------
　フッターインフォメーション
-----------------------------------------------------------*/
.fbArea::before {
  content: '';
  display: block;
  height: 20px;
  background: url("../img/bg_glay.png") center top repeat-x;
}
.fb_box_wrap {
  width: 100%;
	max-width: 1200px;
  margin: 0 auto;
}
.fb_box {
	width: 90%;
  max-width: 1080px;
  margin: 3% auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.fb_box div {
  width: 48%;
  margin-bottom: 2%;
}
.fb_wide {
  width: 88%;
  margin: -2% auto 0;
}

/*BVCエリア・メンテ*/
.bvcArea {
}
.bvcArea::before {
  content: '';
  display: block;
  height: 20px;
  background: url("../img/bg_glay.png") center top repeat-x;
}
.bvc_box_wrap {
}
.bvc_box {
  padding: 5% 0 3%;
}
.bvc_plus_inner {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 4%;
  border: 4px solid #c3002f;
  padding: 2% 0;
  background: #fff;
}
.drop_box_bvc .bvc_plus_inner {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 4%;
  border: 4px solid #c3002f;
  padding: 2% 0;
  background: #fff;
}
.hoken_box {
  width: 90%;
  max-width: 1080px;
  margin: 3% auto;
  padding: 0 0 3%;
  border: 5px solid #c3002f;
}
/*インフォエリア・メンテ*/
.infoArea {
  background: #FAEA90;
  overflow: hidden;
}
.infoArea::before {
  content: '';
  display: block;
  height: 20px;
  background: url("../img/bg_glay.png") center top repeat-x;
}
.info_box_wrap {
}
.info_box {
  margin: 0 auto;
}
.info_notice {
  /*background: rgba(255,255,255,1);*/
	text-align: left;
	font-size: 1.4rem;
	line-height:1.2;
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 1em;
}

@media only screen and ( max-width: 599px) {
	.info_notice {
		font-size: 1.2rem;
	}
}
.mente_slide_wrap {
  
}
/* -----------------------------------------------------
　注意事項
-----------------------------------------------------------*/
.notice {
	background: #EEE;
	text-align: left;
	line-height: 1.5;
	padding-bottom: 150px;
}
.notice_inner {
	width: 90%;
	max-width: 1080px;
	padding: 30px 0 3rem;
	margin:0 auto;
}
.notice_inner p {
	font-size: 1.4rem;
}
.notice_inner p:first-child {
	font-size: 1.4rem;
	margin-bottom: 1em;
	font-weight: bold;
}
.notice_inner dd {
	font-size: 1.4rem;
}

@media only screen and ( max-width: 599px ) {
	.notice {
		padding-bottom: 100px;
	}
	.notice_inner p {
		font-size: 1rem;
	}
	.notice_inner p:first-child {
		font-size: 1.4rem;
		font-weight: normal;
	}
}
.notice_detail dt {
	display: block;
	width: 100%;
	max-width: 1080px;
	padding: 0.5em 1em;
	margin: 0 auto 1em;
	background: #000;
	color: #FFF;
	cursor: pointer;
}
.notice_detail dd {
	display: none;
}
/*----------------------------------------------------------
　フッター 
-----------------------------------------------------------*/
footer {
	width: 100%;
	z-index: 1000;
}

@media only screen and ( max-width: 599px) {
	footer {
		position: fixed;
		bottom: 0;
		left: auto;
		width: 100%;
		z-index: 1000;
		padding: 1% 0 0;
	}
}

.copy {
	width: 100%;
	padding: 0 0 0.2em;
	text-align: center;
}
.copy a {
	text-decoration: underline;
}
@media only screen and ( max-width: 599px) {
	.copy {
		padding: 0 0 0.4rem;
	}
}

/*----------------------------------------------------------
　動画
-----------------------------------------------------------*/
/*サクラ動画*/
#sakura .cp_movie_box .movie_box {
  width: 90%;
	margin: 0 auto 3%;
  padding: 0 5% 0;
}

/*ノート動画*/
.movieArea {
	width: 96%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 4%;
  border: 6px solid #666;
  background: url("../img/bg_wh100.png") top center #FFF697;
}
.movie_box {
	margin: 0;
}
.note .movie_box {
  background: #6fb92c;
  padding: 2%;
}
.movie_wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
.movie_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and ( max-width: 599px ) {
}

/*　動画
-----------------------------------------------------------*/
.omatome .movie_box_wrap {
  width: 90%;
  max-width: 1080px;
  margin: 2% auto 0;
  padding: 4% 0 2%;
  background: #f6f4de;
}
.movie_title {
  margin: 2% auto 3%;
}
/*.movie_title::before {
  content: "";
  display: block;
  height: 2px;
  background: url("../img/bg_kugiri.png") left top / 100% auto;
  margin: 0 auto 5%;
}*/
.movie_box {
  width: 90%;
  max-width: 880px;
  margin: 0 auto 6%;
}
.youtube_movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.thumb,
.thumb2,
.thumb3,
.thumb4,
.thumb5,
.thumb6,
.thumb7
{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.thumb,
.thumb2,
.thumb3,
.thumb4,
.thumb5,
.thumb6,
.thumb7
{
	box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.5);
}

.thumb:hover,
.thumb2:hover,
.thumb3:hover,
.thumb4:hover,
.thumb5:hover,
.thumb6:hover,
.thumb7:hover
{
  cursor: pointer;
  opacity: 0.8;
  transition: 0.3s;
}

.youtube_movie iframe{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*----------------------------------------------------------
　サイドボタン／フッターボタン
-----------------------------------------------------------*/
.side_btn_box {
  width: 330px;
  position: fixed;
  display: block;
  top: 50%;
  right: 10px;
  z-index: 999;
}

.btm_btn_box {
  width: 100%;
  position: fixed;
  display: block;
  top: auto;
  bottom: 0;
  right: 0;
  z-index: 999;
}

.btm_btn_box2 {
  width: 100%;
  position: fixed;
  display: flex;
  justify-content: center;
  top: auto;
  bottom: 0;
  right: 0;
  z-index: 999;
}
.btm_btn_box2 .btm_btn {
  width: 70%;
  margin: 0 auto;
}

.aura_sp_wrap {
  width: 90%;
  max-width: 620px;
  margin: 0 auto;
}
.aura_sp {
  border: 6px solid #E95504;
  margin: 3% auto;
  padding-bottom: 3%;
}

/*----------------------------------------------------------
　非表示 
-----------------------------------------------------------*/
/* {
	display: none;
	height: 0;
	line-height: 0;
}
*/