@charset "UTF-8";

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * 基本設定
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

/* フォントと基本の背景色と文字色 */
body {
	color:#333;
	/*font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;*/
	font-family: : "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Hiragino Sans, "Noto Sans JP", sans-serif;
	background: #fff;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * 検索モーダル
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

/* 見出し */
#modal_search_content h1 {
	background: #222;
	color: #fff;
}

/* タブ(アクティブ時) */
#modal_search_content #modal_search_content_inner .tab li.active {
	background: #000080;
	color: #fff;
}

/* 件数表示 */
#modal_search_content #modal_search_content_footer .result span {
	color: #000080;
}

/* 検索ボタン */
#modal_search_content #modal_search_content_footer .s_btn button {
	background: #000080;
	color: #fff;
}

/* タブ下のボーダー */
.modal_search_content_body > div {
	border-top-color: #000080;
}

/* 閉じるボタン */
#modal_search_content #modal_search_close {
	background-color: #000080;
	color: #fff;
}

/* カラー選択時のボーダー */
.modal_search_content_body > div > .box .box_inner .color_container label input[type=checkbox]:checked::before {
	border-color: #000080;
}

.modal_search_content_body > div > .box .box_inner .color_container label.checked::after {
	border-color: #000080;
}

/* IE11用 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .modal_search_content_body > div > .box .box_inner .color_container label.checked::after {
		border-color: #000080;
	}
}

/* IE10以降用 */
@media all and (-ms-high-contrast:none) {
	.modal_search_content_body > div > .box .box_inner .color_container label.checked::after {
		border-color: #000080;
	}
}

/* カラーホバー吹き出し */
.modal_search_content_body > div > .box .box_inner .color_container label:hover span {
	background-color: #000080;
	color: #fff;
}

/* カラーホバー吹き出しの▼ */
.modal_search_content_body > div > .box .box_inner .color_container label:hover span:after {
	border-top-color: #000080;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * 最新入荷車両
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

/* ポップアップの背景 */
#new_arrival {
	color: #fff;
	background: rgba(0,0,0,0.9);
}

/* 見出しのリボン */
#new_arrival .head .headline {
	background-color: #3E92CC;
	background-image: url(../images/new_arrival/new_arrival.png);
	color: #fff;
}

/* リボン左側の折り返し */
#new_arrival .head .headline::before {
	border-right-color: #1e4662;
}

/* リボンの切れ込み */
#new_arrival .head .headline::after {
	border-color: #3E92CC;
}

/* リボン横の矢印 */
#new_arrival .head .arrow {
	background: none;
	border-color: #fff;
	color: #fff;
}

/* リボン横の矢印(展開時) */
#new_arrival .head .arrow.open {
	background: none;
	border-color: #fff;
	color: #fff;
}

/* 車両名 */
#new_arrival .body .title a:link,
#new_arrival .body .title a:visited {
	color: #fff;
}

/* 車両名(ホバー時) */
#new_arrival .body .title a:hover,
#new_arrival .body .title a:active {
	color: #999;
}

/* 車両名下のボーダー1 */
#new_arrival .body .title {
	border-bottom-color: #000;
}

/* 車両名下のボーダー2 */
#new_arrival .body .desc {
	border-top-color: 1px solid #303030;
}

/* 日付 */
#new_arrival .body .desc .date {
	color: #ffc914;
	border-color: #ffc914;
}

/* 支払総額の数字 */
#new_arrival .body .desc .price li:nth-child(2) > span > span {
	color: #ffc914;
}

/* 最下部のボタン */
#new_arrival .body .btn li a {
	border-color: #fff;
}

/* 「車両詳細へ」ボタン */
#new_arrival .body .btn li:nth-child(1) a {
	background: #fff;
	color: #000;
}

/* 「新着一覧へ」ボタン */
#new_arrival .body .btn li:nth-child(2) a {
	background: none;
	color: #fff;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * クイックメール
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

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

   緑パターン

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

#quickmail_container.green #quickmail .head {
	background: url(../images/quickmail/green/head.png) no-repeat 0 0;
}

#quickmail_container.green #quickmail .head .balloon {
	background: url(../images/quickmail/green/balloon.png) no-repeat 0 0;
}

#quickmail_container.green #quickmail .head .close {
	background: url(../images/quickmail/green/close.png) no-repeat 0 0;
}

#quickmail_container.green #quickmail .body .body_inner_01 {
	background: #E0FFF1;
}

#quickmail_container.green #quickmail .body .send input[type=submit] {
	background: #DC5363;
}

#quickmail_container.green #quickmail .body .quickmail_thanks .quickmail_form_wrap > p {
	color: #56a481;
}

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

   青パターン

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

#quickmail_container.blue #quickmail .head {
	background: url(../images/quickmail/blue/head.png) no-repeat 0 0;
}

#quickmail_container.blue #quickmail .head .balloon {
	background: url(../images/quickmail/blue/balloon.png) no-repeat 0 0;
}

#quickmail_container.blue #quickmail .head .close {
	background: url(../images/quickmail/blue/close.png) no-repeat 0 0;
}

#quickmail_container.blue #quickmail .body .body_inner_01 {
	background: #e0eaff;
}

#quickmail_container.blue #quickmail .body .send input[type=submit] {
	background: #dc5363;
}

#quickmail_container.blue #quickmail .body .quickmail_thanks .quickmail_form_wrap > p {
	color: #556ca3;
}

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

   赤パターン

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

#quickmail_container.red #quickmail .head {
	background: url(../images/quickmail/red/head.png) no-repeat 0 0;
}

#quickmail_container.red #quickmail .head .balloon {
	background: url(../images/quickmail/red/balloon.png) no-repeat 0 0;
}

#quickmail_container.red #quickmail .head .close {
	background: url(../images/quickmail/red/close.png) no-repeat 0 0;
}

#quickmail_container.red #quickmail .body .body_inner_01 {
	background: #ffdede;
}

#quickmail_container.red #quickmail .body .send input[type=submit] {
	background: #3e93cc;
}

#quickmail_container.red #quickmail .body .quickmail_thanks .quickmail_form_wrap > p {
	color: #cf4646;
}

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

   黄パターン

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

#quickmail_container.yellow #quickmail .head {
	background: url(../images/quickmail/yellow/head.png) no-repeat 0 0;
}

#quickmail_container.yellow #quickmail .head .balloon {
	background: url(../images/quickmail/yellow/balloon.png) no-repeat 0 0;
}

#quickmail_container.yellow #quickmail .head .close {
	background: url(../images/quickmail/yellow/close.png) no-repeat 0 0;
}

#quickmail_container.yellow #quickmail .body .body_inner_01 {
	background: #f6f3ce;
}

#quickmail_container.yellow #quickmail .body .send input[type=submit] {
	background: #3e93cc;
}

#quickmail_container.yellow #quickmail .body .quickmail_thanks .quickmail_form_wrap > p {
	color: #d8c929;
}

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

   紫パターン

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

#quickmail_container.purple #quickmail .head {
	background: url(../images/quickmail/purple/head.png) no-repeat 0 0;
}

#quickmail_container.purple #quickmail .head .balloon {
	background: url(../images/quickmail/purple/balloon.png) no-repeat 0 0;
}

#quickmail_container.purple #quickmail .head .close {
	background: url(../images/quickmail/purple/close.png) no-repeat 0 0;
}

#quickmail_container.purple #quickmail .body .body_inner_01 {
	background: #ead1f1;
}

#quickmail_container.purple #quickmail .body .send input[type=submit] {
	background: #3e93cc;
}

#quickmail_container.purple #quickmail .body .quickmail_thanks .quickmail_form_wrap > p {
	color: #a254bb;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * ヘッダー
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

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

   SNSアイコン

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

/* 上メニューバージョン */
#wrap #menu .menu_inner .sns div {
	color: #000;
}

#wrap #menu .menu_inner .sns ul li.tw a {
	background: #1da1f2;
	color: #fff;
}

#wrap #menu .menu_inner .sns ul li.fb a {
	background: #3b5998;
	color: #fff;
}

#wrap #menu .menu_inner .sns ul li.ig a {
	background: #222;
	color: #fff;
}

/* 横メニューバージョン */
/*#wrap #menu .menu_inner .sns div {
	color: #fff;
}

#wrap #menu .menu_inner .sns ul li.tw a {
	background: #fff;
	color: #1da1f2;
}

#wrap #menu .menu_inner .sns ul li.fb a {
	background: #fff;
	color: #3b5998;
}

#wrap #menu .menu_inner .sns ul li.ig a {
	background: #fff;
	color: #222;
}

#wrap #menu .menu_inner .sns div::before {
	background: #fff;
}

#wrap #menu .menu_inner .sns div::after {
	background: #fff;
}*/

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

   電話番号

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

/* 電話アイコン */
#wrap #content #cta .cta_inner .cta_tel .tel_icon {
	background: #000080;
	color: #fff;
}

/* 営業時間 */
#wrap #content #cta .cta_inner .cta_tel .open_time {
	color: #555;
}

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

   お問い合わせボタン

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

#wrap #content #cta .cta_inner .cta_mail a {
	border-color: #222;
}

#wrap #content #cta .cta_inner .cta_mail a:link,
#wrap #content #cta .cta_inner .cta_mail a:visited {
	color: #222;
}

#wrap #content #cta .cta_inner .cta_mail a:hover,
#wrap #content #cta .cta_inner .cta_mail a:active {
	color: #222;
}

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

   検索ボタン

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

#wrap #menu .menu_inner .nav li .search_btn {
	background: #000080;
	color: #fff;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * トップページ
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

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

   最新のお知らせ

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

/* 見出し */
#latest_info dt {
	background: #b4b4b4;
	color: #222;
}

/* 見出し右側の三角形 */
#latest_info dt:after {
	border-top-color: #b4b4b4;
}

/* 記事部分 */
#latest_info {
	background: #222;
	color: #fff;
}

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

   見出し

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

/* パターン A
----------------------------------------*/

.home h1 {
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	color: #222;
	margin: 0 auto;
}

.home h1 span.headline_jp {
	display: block;
	font-size: 16px;
	font-weight: normal;
	color: #888;
}

.home h1:after {
	display: block;
	content: '';
	width:20px;
	height: 2px;
	background: #000080;
	margin: 20px auto 40px;
}

/* パターン B
----------------------------------------*/

/*.home h1 {
	font-size: 30px;
	font-weight: bold;
	color: #222;
	line-height: 30px;
	border-left: 2px solid #000080;
	padding-left: 22px;
	margin: 0 auto 40px;
	box-sizing: border-box;
}

.home h1 span.headline_jp {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	color: #888;
	margin-left: 13px;
}*/

/* パターン C
----------------------------------------*/

/*.home h1 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 60px;
	padding: 0 20px;
	margin: 0 auto 40px;
	box-sizing: border-box;
	background: #000080;
}

.home h1 span.headline_jp {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	margin-left: 13px;
}*/

/* パターン D
----------------------------------------*/

/*.home h1 {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 40px;
}

.home h1 span.headline_D_border {
	display: inline-block;
	padding: 25px 50px;
	border: 2px solid #000;
	margin: 0 auto;
	position: relative;
}

.home h1 span.headline_D_border:before {
	position: absolute;
	top: 0;
	left: 5px;
	display: block;
	content: '';
	width: 2px;
	height: 100%;
	background: #000;
}

.home h1 span.headline_D_border:after {
	position: absolute;
	top: 0;
	right: 5px;
	display: block;
	content: '';
	width: 2px;
	height: 100%;
	background: #000;
}

.home h1 span.headline_jp {
	display: block;
	font-size: 20px;
	color: #000080;
	font-weight: bold;
}*/

/* パターン E
----------------------------------------*/

/*.home h1 {
	font-size: 30px;
	font-weight: bold;
	color: #000080;
	line-height: 41px;
	padding-left: 61px;
	margin: 0 auto 40px;
	box-sizing: border-box;
	background: url(../images/headline_E.png) no-repeat 0 0;
}

.home h1 span.headline_jp {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	color: #222;
	margin-left: 13px;
}*/

/* パターン F
----------------------------------------*/

/*.home h1 {
	font-size: 30px;
	font-weight: bold;
	color: #000080;
	line-height: 41px;
	padding-left: 61px;
	margin: 0 auto 40px;
	box-sizing: border-box;
	background: url(../images/headline_F.png) no-repeat 0 0;
}

.home h1 span.headline_jp {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	color: #222;
	margin-left: 13px;
}*/

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

   Carlife

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

/* 背景と文字色 */
.home #carlife {
	background: #f5f5f5;
	color: #333;
}

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

   Recommend

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

/* 背景色 */
#recommend {
	background: #fff;
	color: #333;
}

/* 車両情報の表の見出し */
#recommend ul.recommend_list > li > div:nth-child(1) > .data ul li .th {
	background: #222;
	color: #fff;
}

/* 車両情報の表の背景色 */
#recommend ul.recommend_list > li > div:nth-child(1) > .data ul li,
#recommend ul.recommend_list > li > div:nth-child(1) > .data ul li .td {
	background: #fff;
	color: #222;
}

/* 「車両情報へ」ボタン */
#recommend ul.recommend_list > li > div:nth-child(2) .btn a {
	background: #000080; /* 横メニューバージョンのデフォルトは#fff */
	border-color: #000080;
}
#recommend ul.recommend_list > li > div:nth-child(2) .btn a:link,
#recommend ul.recommend_list > li > div:nth-child(2) .btn a:visited,
#recommend ul.recommend_list > li > div:nth-child(2) .btn a:hover,
#recommend ul.recommend_list > li > div:nth-child(2) .btn a:active {
	color: #fff; /* 横メニューバージョンのデフォルトは#000080 */
}


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

   News

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

/* 背景と文字色 */
#news {
	background: #f5f5f5;
	color: #333;
}

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

   Shop

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

/* 背景と文字色 */
#shop {
	background: #fff;
	color: #333;
}

/* 表のキャプション */
#shop .shop_inner .shop_data .desc h2 {
	background: #222;
	color: #fff;
	border-color: #e6e6e6;
}

/* 表の見出し(th) */
#shop .shop_inner .shop_data .desc ul li .th {
	background: #f5f5f5;
	border-color: #e6e6e6;
	color: #555;
}

/* 表のセル(td) */
#shop .shop_inner .shop_data .desc ul li .td {
	background: #fff;
	border-color: #e6e6e6;
	color: #555;
}

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

   Shop Movie

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

/* 背景と文字色 */
#shop_movie {
	background: #f5f5f5;
	color: #333;
}

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

   大ボタン

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

.btn_rounded a {
	background: #000080;
}

.btn_rounded a:link,
.btn_rounded a:visited {
	color: #fff;
}

.btn_rounded a:hover,
.btn_rounded a:active {
	color: #fff;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * フッター
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

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

   SNSアイコン

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

#footer .footer_inner .footer_sns > ul li.footer_tw a {
	background: #fff;
	color: #1da1f2;
}

#footer .footer_inner .footer_sns > ul li.footer_fb a {
	background: #fff;
	color: #3b5998;
}

#footer .footer_inner .footer_sns > ul li.footer_ig a {
	background: #fff;
	color: #222;
}

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

   ページトップへ戻る

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

#page_top a {
	background: #323232;
	color: #fff;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * 下層ページ共通
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

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

   見出し

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

.sub h1 {
	font-size: 36px;
	text-align: center;
	background-color: #000080;
	margin: 10px auto;
	padding: 30px;
	color: #fff;

}

.sub h1 span {
	display: block;
	font-size: 16px;
	font-weight: normal;
	color: #888;
}

/* .sub h1:after {
	display: block;
	content: '';
	width:20px;
	height: 2px;
	background: #000080;
	margin: 20px auto 40px;
} */

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

   ページナビ

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

.pagenavi .arrow a {
	color: #fff;
}

.pagenavi .first a {
	background: #050572;
}

.pagenavi .prev a {
	background: #000080;
}

.pagenavi .next a {
	background: #000080;
}

.pagenavi .last a {
	background: #000080;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * 車両一覧＆検索結果
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

/* 「絞り込み検索」ボタン */
#car_list #car_list_header .car_list_header_top .refine_search {
	background: #000080;
	color: #fff;
}

/* 「絞り込み検索」下のボーダー */
#car_list #car_list_header .car_list_header_top {
	border-bottom-color: #000080;
}

/* 「並び替え」ドロップダウンのボーダーと背景 */
#car_list #car_list_header .car_list_header_bottom .sort label {
    border-color: #d0d0d0;
	background: #f5f5f5;
}

/* 「並び替え」ドロップダウンの▼の色 */
#car_list #car_list_header .car_list_header_bottom .sort label:before {
    border-top-color: #d0d0d0;
}

/* 表の見出し(th) */
#car_list #car_list_body > li > div:nth-child(2) .data li .th {
	background: #222;
	color: #fff;
}

/* 表のセル(td) */
#car_list #car_list_body > li > div:nth-child(2) .data li,
#car_list #car_list_body > li > div:nth-child(2) .data li .td {
	background: #fff;
	color: #333;
}

/* 「詳細」ボタン */
#car_list #car_list_body > li > div:nth-child(2) .btn li:nth-child(1) a {
	background: #000080;
}

/* 「無料見積・お問い合わせボタン」 */
#car_list #car_list_body > li > div:nth-child(2) .btn li:nth-child(2) a {
	background: #3E92CC;
}

/* ボタンのリンク色 */
#car_list #car_list_body > li > div:nth-child(2) .btn li a:link,
#car_list #car_list_body > li > div:nth-child(2) .btn li a:visited {
	color: #fff;
}
#car_list #car_list_body > li > div:nth-child(2) .btn li a:hover,
#car_list #car_list_body > li > div:nth-child(2) .btn li a:active {
	color: #fff;
}

/* メーカー・車種で絞り込み 表示エリア */
#car_list .acdn-area {
	margin-bottom:20px;
}

#car_list .acdn-button{
	background: #000080;
	color: #FFF;
	text-align: center;
	font-size: 1.2em;
	padding: 8px;
	cursor: pointer;
}

#car_list #acdn-area-box{
	border: 1px #CCC solid;
	padding: 15px 30px;
}

#car_list #acdn-area-box > ul > li {
	margin-bottom: 5px;
	font-size: 12px;
}

#car_list #acdn-area-box > ul ul{
	padding-left: 1.3em;
}

#car_list #acdn-area-box > ul > li li{
	display: inline-block;
	font-size: 12px;
	width: 290px;
	padding: 3px;
}

#car_list #acdn-area-box > ul a{
	text-decoration: none;
	color: #000080;
	font-weight: bold;
}

#car_list #acdn-area-box > ul > li li a{
	color: #333333;
}


#car_list #acdn-area-box > ul a:hover{
	opacity: 0.65;
}

#car_list #acdn-area-box > ul a i{
	font-style: normal;
	font-size: 10px;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * 車両詳細
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

/* ポイント */
#detail .detail_gallery #main_img_container > div:nth-child(2) .point span {
	background: #ff0;
	color: #333;
}

/* ギャラリー横の表 */
#detail .detail_gallery #main_img_container > div:nth-child(2) .data li .th {
	background: #222;
	color: #fff;
}
#detail .detail_gallery #main_img_container > div:nth-child(2) .data li .td {
	background: #f5f5f5;
	color: #222;
}

/* 各コンテンツの見出し */
#detail h2 {
	border-left-color: #000080;
	color: #333;
}

/* 状態・スペックの表 */
#detail .table {
	border-color: #d0d0d0;
	color: #222;
}
#detail .table li {
	border-bottom-color: #d0d0d0;
}
#detail .table li .th {
	background: #e9e9e9;
}
#detail .table li .td {
	background: #fff;
}

/* 装備・外装・内装・書類 */
#detail .panels li.active {
	color: #222;
	background: #fefec5;
}

/* ギャラリー横の「無料見積・お問い合わせ」ボタン */
#detail .detail_gallery #main_img_container > div:nth-child(2) .btn a {
	background: #3E92CC;
}
#detail .detail_gallery #main_img_container > div:nth-child(2) .btn a:link,
#detail .detail_gallery #main_img_container > div:nth-child(2) .btn a:visited {
	color: #fff;
}
#detail .detail_gallery #main_img_container > div:nth-child(2) .btn a:hover,
#detail .detail_gallery #main_img_container > div:nth-child(2) .btn a:active {
	color: #fff;
}

/* ページ最下部の「無料見積・お問い合わせ」ボタン */
#detail .btn_bottom a {
	background: #000080;
}
#detail .btn_bottom a:link,
#detail .btn_bottom a:visited {
	color: #fff;
}
#detail .btn_bottom a:hover,
#detail .btn_bottom a:active {
	color: #fff;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * お知らせ
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

#info .info_box .info_box_head h2 {
	border-left-color: #000080;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * プライバシーポリシー
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

/* お問い合わせボタン */
#privacy .pp_contact .btn a {
	background: #000080;
}

#privacy .pp_contact .btn a:link,
#privacy .pp_contact .btn a:visited {
	color: #fff;
}
#privacy .pp_contact .btn a:hover,
#privacy .pp_contact .btn a:active {
	color: #fff;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * スタッフ紹介
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * お客様の声
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

#voice .voice_box .voice_box_head h2 {
	border-left-color: #000080;
}

#voice .voice_box .voice_box_body .desc h3 .balloon {
	background: #fff100;
	color: #222;
}

#voice .voice_box .voice_box_body .desc h3 .balloon:after {
	border-left-color: #fff100;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * 保証・整備・その他サービス
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

#service h2 {
	border-left-color: #000080;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * 店舗情報
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

/* 各コンテンツの見出し */
#shopinfo h2 {
	border-left-color: #000080;
}

/* 表 */
#shopinfo .table li {
	border-bottom-color: #d0d0d0;
}
#shopinfo .table li .th {
	background: #e9e9e9;
}
#shopinfo .table li .td {
	background: #fff;
}

/*「GoogleMapで見る」の矢印*/
.arrow_gmap {
	fill: #000080;
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * お問い合わせ
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/

/* 「選択した車両」 */
#contact .selected_car .selected_car_head h2 {
	border-left-color: #000080;
}

/* 「選択した車両」の表 */
#contact .selected_car .selected_car_body .desc .data li .th {
	background: #222;
	color: #fff;
}
#contact .selected_car .selected_car_body .desc .data li .td {
	background: #fff;
	color: #222;
}

/* 「必須」 */
#contact .mf table th > span .must {
	color: #000;
	background: #fff100;
}

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

   Sales Point

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

/* 背景と文字色 */
#salespoint {
	background: #fff;
	color: #333;
}

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

   Instagram Icon

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

.instagram-color {
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
}

.instagram-color:before {
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

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

   Instagram Icon

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

.ig {
	display: inline-block;
	text-align: center;/*中央揃え*/
	color: #2e6ca5;/*文字色*/
	font-size: 20px;/*文字サイズ*/
	text-decoration: none;/*下線消す*/
}

.ig:hover {/*ホバー時*/
	color:#668ad8;/*文字色*/
	transition: .5s;/*ゆっくり変化*/
}

.ig .insta{/*アイコンの背景*/
	position: relative;/*相対配置*/
	display: inline-block;
	width: 24px;/*幅*/
	height: 24px;/*高さ*/
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow: hidden;/*はみ出た部分を隠す*/
	border-radius: 13px;/*角丸に*/
}

.ig .insta:before{/*グラデーションを重ねるため*/
	content: '';
	position: absolute;/*絶対配置*/
	top: 10px;/*ずらす*/
	left: -10px;/*ずらす*/
	width: 60px;/*グラデーションカバーの幅*/
	height: 60px;/*グラデーションカバーの高さ*/
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.ig .fa-instagram {/*アイコン*/
	color: #FFF;/*白に*/
	position: relative;/*z-indexを使うため*/
	z-index: 2;/*グラデーションより前に*/
	font-size: 18px;/*アイコンサイズ*/
	line-height: 23px;/*高さと合わせる*/
}

.footer_ig .insta{/*アイコンの背景*/
	position: relative;/*相対配置*/
	display: inline-block;
	width: 45px;/*幅*/
	height: 45px;/*高さ*/
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow: hidden;/*はみ出た部分を隠す*/
	border-radius: 22px;/*角丸に*/
}

.footer_ig .insta:before{/*グラデーションを重ねるため*/
	content: '';
	position: absolute;/*絶対配置*/
	top: 20px;/*ずらす*/
	left: -20px;/*ずらす*/
	width: 60px;/*グラデーションカバーの幅*/
	height: 60px;/*グラデーションカバーの高さ*/
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.footer_ig .fa-instagram {/*アイコン*/
	color: #FFF;/*白に*/
	position: relative;/*z-indexを使うため*/
	z-index: 2;/*グラデーションより前に*/
	font-size: 30px;/*アイコンサイズ*/
	line-height: 45px;/*高さと合わせる*/
}

/*--------------------------------------------------------------------------------
 * 
 * 
 * 
 * 
 * 追加
 * 
 * 
 * 
 * 
--------------------------------------------------------------------------------*/
.gMenu_name{
	font-size: 14px;
    display: block;
    white-space: nowrap;
}

.gMenu{
	display: block;
    overflow: hidden;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
}
.gMenu_description{
	opacity: .6;
}
.footer-line{
	border-bottom: 3px solid;
    border-bottom-color: #000080;
    padding-bottom: 100px;
}
.footer_nav .menu_nav{
	display: flex;
	flex-wrap: wrap;
}
.footer_nav .menu_nav a{
	border-left: 1px solid var(--color-footer-border,#ccc);
	padding: 0 1em;	
	color: #464646;
}