@charset "shift_jis"; 

/*********************************************************
共通設定
*********************************************************/


/*
見出し
*********************************************************/

h1 {}
/*ページタイトル*/
h2 {
	background:url(../images/common/pageTtl.jpg) center bottom no-repeat;
	background-size:cover;
	padding:40px 30px;
	margin: 30px auto 0px;
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	line-height:1em;
}
.pageTtl {
}
/*タイトル*/
h3 {
	background:#00599f;
	border:1px solid;
	outline: 1px solid #6095c0; /* 線幅、線のスタイル、カラー */
	outline-offset: -5px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
	color:#fff;
	padding:20px;
	margin-bottom:20px;
	line-height:1em;
	font-weight:bold;
}
h3.topTtlBar1 {
	background:#0090d6;
	border:1px solid #006a9d;
	outline: 1px solid #92d7f8; /* 線幅、線のスタイル、カラー */
	outline-offset: -2px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
	color:#fff;
	padding:15px;
	margin-bottom:20px;
	line-height:1em;
	font-weight:bold;
	border-radius: 2px;        /* CSS3草案 */  
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 2px;   /* Firefox用 */
}
h3.topTtlBar2 {
	background:url(../images/common/ttl_Arrow.png) center right 2% no-repeat #0090d6;
	background-size:contain;
	border:1px solid;
	outline: 1px solid #80c8eb; /* 線幅、線のスタイル、カラー */
	outline-offset: -5px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
	color:#fff;
	padding:20px;
	margin-bottom:20px;
	line-height:1em;
	font-weight:bold;
}
/*サブタイトル1*/
h4 {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#dddddd;
	padding:20px;
	margin-bottom:20px;
	line-height:1em;
	font-weight:bold;
}
/*サブタイトル2*/
h5 {	
	border:1px solid #777;
	background:#999;
	color:#fff;
	padding:20px;
	margin-bottom:20px;
	line-height:1em;
	font-weight:bold;
}

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
h2 {
	padding:60px 40px;
	margin: 30px auto 0px;
	font-size:2.0em;
}
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/*
共通-コンテンツ
*********************************************************/

.contents{padding:20px 0;}

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
	.contents{padding:40px 0;}
}


/*
共通-ボタン
*********************************************************/
.btnNomal {
}
.btnNomal a {
	display:block;
	padding:20px;
	line-height:1.4em;
	border:2px solid #ccc;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background: linear-gradient(to bottom, #ffffff, #eeeeee);
	font-weight:bold;
	text-decoration:none;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */
	width:60%;
	margin:auto;
}
.btnNomal a i {
	margin-right:15px;
}



/*
ヘッダー
*********************************************************/
#header{
	clear:both;
	float:none;
	padding:20px 0;
	background:#00266c;
	color:#fff;
	}
.headerWrap {
	display:flex; /* フレックスボックスにする */
	justify-content:space-between;
}
.logo img { max-height:40px; }
.subMenuWrap {
	display:none;
}
.hTime {
	font-size:0.8em;
	margin-bottom:5px;
}
.subMenu {
	display:flex;             /* フレックスボックスにする */
	justify-content:flex-end; /*横位置：右揃えで並べる*/
}

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
.logo img{ max-height:64px; }
.subMenuWrap {
	display:block;
	text-align:right;
}
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/*
フッター
*********************************************************/
#footer{
	/*position: absolute; ←wrapperの一番下に表示 */
	bottom: 0;
	left:0;
	width:100%;
	clear:both;
	float:none;
	padding:20px 0;
	background:#222222;
	color:#fff;
	font-size:1em;
	text-align:center;
	}
.footerWrap {
	display:block; /* フレックスボックス解除 */
	align-items:none; 　　/*縦位置解除*/
	justify-content:none;  /*横位置解除*/
}
.fLogo {
	margin-bottom:15px;
}
.fLogo img {
	margin:auto;
}
.fMenu {
	margin:0 30px 0;
	font-size:0.9em;
}
.fMenu i {
	margin-right:10px;
}
.fMenu a {
	color:#fff;
	text-decoration:none;
}
.fMenu a:hover {
	color:#FF0;
}
.fBtnApp {
	margin-top:15px;
}
.fBtnApp img {
	margin:auto;
}
.copyright{
	background:#fff;
	padding:20px 0 45px;
	font-size:0.7em;
	line-height:1;
	text-align:center;
}
/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
#footer {
	padding:40px 0;
	font-size:0.8em;
	text-align:left;
}
.footerWrap {
	display:flex; /* フレックスボックスにする */
	align-items:center; 　　/*縦位置：中央揃えで並べる*/
	justify-content:space-between;  /*横位置：最初と最後を左右その他バランス*/
}
.fBtnApp {
	margin-left:auto;
	margin-top:0;
}
.fLogo {
	margin-bottom:0;
}
.copyright{
	padding:20px 0;
}
}




/*********************************************************
メインイメージ
*/
.mainImg {
	margin:20px auto 0;
}
/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
.mainImg {
	margin:40px auto 0;
}
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/*********************************************************
WhatsApp追従ボタン
*/
.rightBtn {
	position:fixed;
	right:0;
	top:50px;
	z-index:999;
}
/*PC*/
@media only screen and (min-width : 1025px){
.rightBtn {
	top:200px;
}
}


/*********************************************************
index
*/

/* カラムセット ********************/
.colWrap {
	display:block; /* フレックスボックス解除 */
	align-items:nonet; /*上揃え解除*/
	justify-content:none; /*左揃え解除*/
}
.colLeft,
.colRight {
	width:100%;
}
.colCenter {
	width:100%;
	margin:0;
}
/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
/* カラムセット ********************/
.colWrap {
	display:flex; /* フレックスボックスにする */
	align-items:flex-start; /*縦位置：上揃え*/
	justify-content:space-between;  /*横位置：最初と最後を左右その他バランス*/
}
.colLeft {
	width:23%;
	max-width:240px;
	order: 1;
}
.colRight {
	width:23%;
	max-width:240px;
	order: 3;
}
.colCenter {
	width:670px;
	margin:0 25px;
	order: 2;
}
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/* 左カラム ************************************************************/

/* ライセンス ********************/
.license {
}
.license p:last-child {
	background:#0163b1;
	padding:20px 0;
	color:#fff;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
}

.leftMenu,
.rightMenu {
	background:#fff;
	border:2px solid #0163b1;
}
.leftMenuTtl {
	background:#0163b1;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:10px;
}
.leftMenuTtl i {
	margin-right:10px;
}
.leftMenuList li a {
	display:block;
	width:90%;
	margin:auto;
	padding:10px 0 10px 40px;
	border-bottom:1px dashed #ddd;
	text-decoration:none;
	color:#222;
	font-size:0.9em;
	font-weight:bold;
}
.leftMenuList li:last-child a {
	border-bottom:none;
}
.listIco1_toyota {
	background:url(../images/leftCol/emb_toyota.jpg) no-repeat center left !important;
  background-size:auto 22px;
	background-position:center left;
}
.listIco1_nissan {
	background:url(../images/leftCol/emb_nissan.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}
.listIco1_subaru {
	background:url(../images/leftCol/emb_subaru.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}
.listIco1_honda {
	background:url(../images/leftCol/emb_honda.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}
.listIco1_mitsubishi {
	background:url(../images/leftCol/emb_mitsubishi.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}
.listIco1_mazda {
	background:url(../images/leftCol/emb_mazda.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}
.listIco1_bmw {
	background:url(../images/leftCol/emb_bmw.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}
.listIco1_mercedes {
	background:url(../images/leftCol/emb_mercedes.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}

.listIco2_hatchback {
	background:url(../images/leftCol/ico_hatchback.jpg) no-repeat center left !important;
  background-size:auto 22px;
	background-position:center left;
}
.listIco2_pickup {
	background:url(../images/leftCol/ico_pickup.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}
.listIco2_sedan {
	background:url(../images/leftCol/ico_sedan.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}
.listIco2_suv {
	background:url(../images/leftCol/ico_suv.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}
.listIco2_wagon {
	background:url(../images/leftCol/ico_wagon.jpg) no-repeat center left !important;
  background-size:auto 20px;
	background-position:center left;
}

.sns {
	text-align:center;
	color:#0090d6;
	font-weight:bold;
}
.sns p {
	margin-bottom:20px;
}
.sns ul {
	display:flex; /* フレックスボックスにする */
	justify-content:center;　 /*横位置：中央*/
}
.sns li {
	margin:0;
	padding:0 20px;
}
.sns li a {
	display:block;
}
.sns li img {
	margin:auto;
}
.snsX {
border-right: #eee solid 1px;
}


/* 中央カラム ************************************************************/
.ttlCar {
	position:relative;
}
.ttlCar img {
	position:absolute;
	top:20px;
	right:10px;
}
.topSentence {
	background:#f7f7f7;
	padding:20px;
}
.topSentence {
}
.topSentence p {
	border-left:5px solid;
	border-image: linear-gradient(to bottom, #00baff, #0163b1) 1; /*方向, 開始の色, 終了の色*/
	padding-left:20px;
}
.welcomeTxt {
	margin:0 0 15px 15px;
}
/*TABLET*/
@media only screen and (min-width : 600px){
.ttlCar img {
	position:absolute;
	top:15px;
	right:10px;
}
}
/*PC*/
@media only screen and (min-width : 1025px){
.ttlCar img {
	position:absolute;
	top:15px;
	right:10px;
}
}



/* 右カラム ************************************************************/
.searchForm {
	background:#0090d6;
	background-size:contain;
	border:1px solid;
	outline: 1px solid #80c8eb; /* 線幅、線のスタイル、カラー */
	outline-offset: -5px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
	color:#fff;
	padding:20px;
	line-height:1em;
//	font-weight:bold;
}
.searchFormTtl {
	padding-bottom:15px;
	margin-bottom:15px !important;
	text-align:center;
	border-bottom: solid 1px #00599f;    	/* 二重線の上の線になる一本線をひく */
	margin-bottom: 1px;            		/* 二重線の下の線の位置を確保する */
	position: relative;            		/* 外側の線の位置を調整する時の基準点になるようにする    */
	font-size:0.9em;
}
.searchFormTtl::before {
	content: '';                /* 擬似要素に実体を持たせる */
	width: 100%;                /* 二重線の下の線になる要素の幅を指定する */
	height: 1px;                /* 線を表示させるために1pxだけ高さを入れる */
	border-bottom: solid 1px #78bcdd;   /* 二重線の下の線になる一本線の枠線をひく*/
	position: absolute;         /* 二重線の下の線の位置を自由に動かせるようにする */
	left: 0px;                 	/* 二重線の下の線の位置を、内側の線の左に揃える */
	bottom: -2px;               /* 二重線の下の線の位置を、内側の線から下に-2pxずらす */
}
.searchForm dl {
	margin-bottom:5px;
}
.searchForm dt {
	font-size:1em;
	margin-bottom:3px;
	line-height:1em;
}
.searchForm form select,
.searchForm form input {
	padding:2px;
}
.searchForm a {
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:0.9em;
}
.searchForm a:hover {
	color:#FF0;
}
input[type="submit"].submit_btn {
	border: 0px;
	width:100%;
	max-width:163px;
	height:38px;
	background: url(../images/submitBtn.png) center center no-repeat;
}
.submit_btn:hover{
	cursor: pointer;
	opacity:0.9;
}

.contactBg {
	background:none;
	padding:15px;
	text-align:center;
	font-size:1.1em;
//	font-weight:bold;
	line-height:1.6em;
}
.contactBg p {
	font-size:0.9em;
}
.contactBg i {
	color:#0090d6;
//	margin-right:10px;
}

.scheduleTable {
	padding:20px;
}
.scheduleTable table {
	margin:auto;
	display: inline-table;
	font-weight:bold;
	font-size:0.7em;
	line-height:1em;
	border:1px solid #0163b1;
	border-collapse: collapse;
	text-align:center;
	width:100%;
}
.scheduleTable table th,
.scheduleTable table td {
	 white-space: nowrap;
}
.scheduleTable table th {
	background:#0090d6;
	color:#fff;
	padding:5px;
	border-right:1px solid #0163b1;

}
.scheduleTable table td {
	padding:5px;
	border-right:1px solid #0163b1;
	border-bottom:1px solid #0163b1;
}
.today {
	color:#d63b37;
}
.scheduleTable p {
	font-size:0.8em;
	text-align:center;
	margin-top:10px;
}
/*TABLET*/
@media only screen and (min-width : 600px){
.contactBg {
	font-size:1.4em;
}
}
/*PC*/
@media only screen and (min-width : 1025px){
.searchForm dl {
	margin-bottom:10px;
}
.searchForm dt {
	font-size:1em;
}
.searchForm form select {
	padding:3px;
}
.contactBg {
	background:url(../images/lady.png) right bottom no-repeat;
	font-size:0.7em;
	text-align:left;
	font-size:1em;
}
.contactBg p:first-child {
	font-size:0.7em;
}
}



/*********************************************************
2nd
*/

/* 検索：一覧 ************************************************************/
.searchSet {
	display:block;
	align-items:none;
	justify-content:none;
	padding:10px 0;
}
.searchSet .number {
	font-size:1em;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
	width:100%;　/*幅指定*/
}
.searchSet .pager {
	width:100%;
	margin-bottom:10px;
}
.searchSet .page {
	font-size:1em;
	text-align:center;
	width:100%;　/*幅指定*/
}
.searchFormDtl dl {
	width:100%;
	margin-right:0;
	display:block;
}
.submitBtn {
	display:block;
	width:100%;
	height:38px;
	margin:auto;
}
/*TABLET*/
@media only screen and (min-width : 600px){
.searchSet {
	display:flex; /* フレックスボックスにする */
	align-items:center; 　　/*縦位置：中央揃えで並べる*/
	justify-content:space-between;  /*横位置：最初と最後を左右その他バランス*/
}
.searchSet .number,
.searchSet .page {
	font-size:1em;
}
.searchSet .number {
	text-align:left;
	width:26%;
}
.searchSet .pager {
	width:70%;
}
.searchSet .page {
	text-align:right;
	width:18%;　/*幅指定*/
}
.searchFormDtl dl {
	width:32%;
	margin-right:1%;
	display:inline-block;
}
.searchFormDtl dl:nth-child(3) {
	margin-right:0;
}
.submitBtn {
	display:inline-block;
	vertical-align:middle;
}
}
/*PC*/
@media only screen and (min-width : 1025px){
}



/* 検索：詳細 ************************************************************/
.detailSet {
	display:flex; /* フレックスボックスにする */
	align-items:center; 　　/*縦位置：中央揃えで並べる*/
	justify-content:space-between;  /*横位置：最初と最後を左右その他バランス*/
	font-weight:bold;
	margin-bottom:15px;
}
.detailSet .txtLeft {
	text-align:left;
	width:50%;　/*幅指定*/
}
.detailSet .txtRight {
	text-align:right;
	color:#ff0000;
	width:50%;　/*幅指定*/
}
.detailContact {
	display:block; /* フレックスボックスにする */
	align-items:none; /*縦位置：上揃え*/
	justify-content:none;　　　　 /*横位置：中央揃えで並べる*/
}
.detailContact li {
	margin-right:0;
	margin-bottom:10px;
	border:3px solid #ccc;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	font-size:1.3em;
}
.detailContact li:last-child {
	margin-right:0;
}
.detailContact li a {
	display:block;
	text-decoration:none;
	padding:10px;
	text-align:center;
	width:100%;
	font-weight:bold;
}
.detailContact li a:hover,
.detailContact li a:active {
	background:#f7f7f7;
}
.detailContact li span {
	display:block;
	font-size:0.7em;
	color:#222;
}
.detailForm span {
	display:inline;
	color:#C00;
}

/*PC*/
@media only screen and (min-width : 1025px){
.detailContact {
	display:flex; /* フレックスボックスにする */
	align-items:flex-start; /*縦位置：上揃え*/
	justify-content:center;　　　　 /*横位置：中央揃えで並べる*/
}
.detailContact li {
	margin-right:3%;
}
.detailContact li a {
	padding:20px;
}
}


/* 商品詳細 */
.aspectFit {
	display:block;
	position: relative;
	width: 100%;
	background-color:#f7f7f7;
	overflow:hidden;
	}
	.aspectFit:before {
		content:"";
		display: block;
		}
		.aspectFit-23:before { padding-top: 133.5%; } /* 2:3 */
		.aspectFit-11:before { padding-top: 100%; } /* 1:1 */
		.aspectFit-43:before { padding-top: 75%; } /* 4:3 */
		.aspectFit-32:before { padding-top: 66.66%; } /* 3:2 */
		.aspectFit-169:before { padding-top: 56.25%;} /* 16:9 */
		.aspectFit-orgn:before { padding-top: 50%;} /* 16:9 */
		.aspectFit > img {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translateY(-50%) translateX(-50%);
					-ms-transform: translateY(-50%) translateX(-50%);
							transform: translateY(-50%) translateX(-50%);
			-webkit- transform: translateY(-50%) translateX(-50%);
			display:inline;
			max-width:100%;
			max-height:100%;
			width: auto;
			height: auto;
			-o-object-fit: contain;
			   object-fit: contain;
			}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:480px) {
}

.prodDetail{ /* 大枠 */
	width:100%;
	margin-bottom:20px;
	}
	.prodDetail_cont{
		margin-top:20px;
		}
	
/*TABLET*/
@media only screen and (min-width : 600px){
/*PC*/
@media only screen and (min-width : 1025px){
.prodDetail{ /* 大枠 */
	-webkit-column-gap: 4%;
	   -moz-column-gap: 4%;
	        column-gap: 4%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	}
.prodDetail_tmb{ /* サムネイル */
	width:48%;
	}
.prodDetail_cont{ /* コンテンツ */
	width:48%;
	margin-top:0;
	}
}
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/* AboutUs ************************************************************/
.certificate {
	display:flex;
	align-items:flex-start;
	justify-content:space-around;
}
.certificate dl {
}
.certificate dt {
	text-align:center;
	font-weight:bold;
	margin-bottom:15px;
}


/* Bank Details ************************************************************/
.contactSet {
	font-size:1.2em;
	line-height:1.6em;
	text-align:center;
	display:block;
	justify-content:none;
	align-items:none;
	font-weight:bold;
}
.contactSet div {
	margin-bottom:15px;
}
.contactSet div i {
	margin-right:10px;
}
.contactSet a {
	text-decoration:none;
}
.contactSet img {
	margin:auto;
}
/*TABLET*/
@media only screen and (min-width : 600px){
.contactSet {
	font-size:1.6em;
	line-height:2.3em;
	text-align:left;
	display:flex;
	align-items:center;
	justify-content:center;
}
.contactSet div {
	margin-bottom:0;
}
}
/*PC*/
@media only screen and (min-width : 1025px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/* How to Buy ************************************************************/
.stepbar {
  margin: 0 auto;
  width: 80%;
}
.stepbar .stepbarwrap {
  margin: 2em 0;
  position: relative;
}
.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}
.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 3em;
  height: 3em;
  content: "";
  border-radius: 50%;
  background-color: #00266c;
  color: #fff;
  text-align: center;
}
.stepbar .stepbarwrap .steptitle .stepcircle span {
  display: inline-block;
  line-height: 1.2em;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
  top: 0.9em;
}
.stepbar .stepbarwrap .steptitle .title {
  margin: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
	color:#00599f;
}
.stepbar .stepbarwrap .steptxt {
  padding-left: 3.5em;
}
.stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;
}
.stepbar .stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #000;
  position: absolute;
  top: 1em;
  left: 1.5em;
  z-index: -1;
}
.stepbarwrap:last-of-type .stepline:last-of-type {
  display: none;
}

@media screen and (max-width: 960px) {
  .stepbar {
    width: 90%;
  }
}





/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}