@charset "UTF-8";

/*-----------------------------------------------------------
	クルマを買うトップ
-----------------------------------------------------------*/

/*==================== 中古車検索 ====================*/

.buy .column01 .inner .lt { float: left; }
.buy .column01 .inner .rt { float: right; }
@media only screen and (max-width: 1024px) {
  .buy .column01 .inner .lt { width: 66.2%; }
}
@media only screen and (max-width: 640px) {
  .buy .column01 .inner { padding: 0; }
  .buy .column01 .inner .lt { float: none; width: auto; }
  .buy .column01 .inner .rt { display: none; }
}

/*-----------------------------------------------------------
	中古車詳細ページ
-----------------------------------------------------------*/

/*---- structure ----*/
.car_detail #content { font-size: 14px; }
.car_detail #content img { vertical-align: top; }
.car_detail #main { width: 664px; max-width: 66.40%; float: left; }
.car_detail #right { width: 314px; max-width: 31.40%; float: right; }
@media only screen and (max-width: 768px) {
  .car_detail #right { width: auto; max-width: none; float: none; margin: 15px 0 0; }
}
@media only screen and (max-width: 640px) {
  .car_detail #main { width: auto; max-width: none; float: none; margin: 10px 0 0; }
  .car_detail #right { width: auto; max-width: none; float: none; margin: 15px 0 0; }
}

/*==================== main column ====================*/

/*----- 車名 -----*/
.ttl_car { border-left: 5px solid #ef1919; border-bottom: 1px solid  #a0a0a0; padding: 8px 14px 6px; margin: 15px 0 10px; font-size: 15px; font-weight: bold; line-height: 1; }
.ttl_car.ttl_car_name { margin-top: 0; font-size: 18px; padding: 8px 14px; }
@media only screen and (max-width: 640px) {
  #content .ttl_car { padding: 6px 10px; }
}
/* 車名下の注記 */
.car_note { font-size: 12px; margin-bottom: 10px; }
.car_note:before { content: ""; display: inline-block; width: 34px; height: 34px; background: #fff000 url(../images/ico_car_note.png) 0 0 no-repeat; vertical-align: middle; margin-right: 0.6em; }

/*----- 写真 -----*/
.car_photos { margin-bottom: 20px; }

/*----- お気に入りボタン -----*/
.btn-bookmark { text-align: center; margin-top: 10px; }
.btn-bookmark .only_pc { display: block; margin: 0 auto; width: 225px; max-width: 100%; }

/*----- セールスPR -----*/
.car_pr p { border: 1px solid #a0a0a0; padding: 16px 10px; background: #ffeedd; }

/*----- クルマの情報、装備 -----*/
.car_data { table-layout: fixed; width: 100%; border: 1px solid #a0a0a0; border-right: none; border-bottom: none; box-sizing: border-box; }
.car_data th, .car_data td { border: 1px solid #a0a0a0; border-left: none; border-top: none; padding: 16px 10px; vertical-align: middle; }
.car_data th { width: 20%; background: #e9e9e9; font-weight: bold; }
.car_data td { width: 30%; word-break: break-all; }
.car_data td.yes { background: #ffeedd; font-weight: bold; }
.car_data th a { color: #333; }
.car_data a { text-decoration: underline; font-weight: bold; }
.car_data a a:link, .car_data a:hover, .car_data a:visited, .car_data a:active { color: #333; }
.car_data a:hover { color: #f2001f; }
@media only screen and (max-width: 640px) {
.car_data { overflow: hidden; }
.car_data, .car_data tbody, .car_data tr, .car_data th, .car_data td { display: block; }
.car_data th, .car_data td { box-sizing: border-box; padding: 8px 10px; font-weight: normal; }
.car_data th { width: 40%; float: left; }
.car_data td { width: 60%; float: right; }
.car_data a { font-weight: normal; }
}

/*----- その他の装備 -----*/
.car_other p { border: 1px solid #a0a0a0; padding: 16px 10px; }

/*==================== right column ====================*/

/*----- 価格 -----*/
.car_price { border: 2px solid #a0a0a0; padding: 10px 20px; margin-bottom: 15px; }
.car_photos .car_price { margin: 10px 0 0; }
.car_photos .button { margin-top: 10px; }
.car_price_label { font-size: 15px; color: #000; font-weight: normal; margin-bottom: 5px; }
.car_price_text { font-size: 30px; font-weight: bold; color: #f2001f; line-height: 1; margin: 0.5em 0; }
.car_price_text small { font-size: 15px; font-weight: normal; color: #000; }
@media only screen and (max-width: 640px) {
.car_price_text { margin: 0.2em 0; }
}

/*----- クルマの主要データ -----*/
.car_main_spec { margin-bottom: 15px; }
.car_main_spec .car_data th { width: 40%; }
.car_main_spec .car_data td { width: 60%; }
@media only screen and (max-width: 640px) {
.car_main_spec { display: block !important; }
}

/*----- 在庫確認・問い合わせ -----*/
.car_contact { margin-bottom: 15px; }
.car_contact input[type="text"], .car_contact textarea { box-sizing: border-box; width: 100%;   font-size: 14px; padding: 0.2em; }
.car_contact input[type="tel"], .car_contact input[type="mail"] { box-sizing: border-box; width: 100%;   font-size: 14px; padding: 0.2em; }
.car_contact .table_caption { background: #666666; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; line-height: 1; }
.car_contact table { border: 2px solid #a0a0a0; border-top: none; table-layout: fixed; width: 100%; }
.car_contact th, .car_contact td { border-top: 1px solid #a0a0a0; padding: 10px; }
.car_contact tr:first-child th, .car_contact tr:first-child td { border-top: none; }
.car_contact th { width: 40%; background: #fff000; border-right: 1px solid #a0a0a0; font-weight: bold; }
.car_contact .required { display: block; text-align: right; font-style: normal; }
.car_contact .required span { display: inline-block; background: #f2001f; color: #fff; padding: 0.4em; line-height: 1.0; font-size: 11px; border-radius: 4px; }
.car_contact td { width: 60%; vertical-align: middle; }
.car_contact .user_request label { font-weight: bold; display: block; margin-bottom: 5px; }
.car_contact .user_request p { text-align: center; margin: 5px 0; }
.car_contact .user_request p a { text-decoration: underline; font-weight: bold; }
.car_contact .user_request p a a:link, .car_contact .user_request p a:hover, .car_contact .user_request p a:visited, .car_contact .user_request p a:active { color: #333; }
.car_contact .user_request p a:hover { color: #f2001f; }
.car_contact .form_button { margin-top: 5px; }
@media only screen and (max-width: 640px) {
.car_contact { margin-bottom: 10px; }
}

/*----- 店舗情報 -----*/
#right .shop_info { margin-bottom: 15px;  border: 2px solid #a0a0a0; padding: 12px 12px 15px; }
#right .shop_info .btn_shop_add_favorite { text-align: center; margin: 10px 0 0; }

/*----- お問い合わせ情報 -----*/
.contact_info { margin-bottom: 15px; background: #f2001f; border-radius: 5px; padding: 20px; text-align: center; }
.contact_info img { width: 274px; }
@media only screen and (max-width: 640px) {
.contact_info { margin: 10px auto 0; background: #fff; border: 2px solid #f2001f; padding: 10px; }
.contact_info img { width: 213px; }
.contact_info a { display: block; }
}

/*==================== 最近チェックしたクルマ ====================*/

.recently_history { margin-top: -10px; clear: both; }
.recently_history .ttl { margin-bottom: 10px; }
.recently_history .recently_history_list { border: 2px solid #ccc; padding: 20px 48px; position: relative; margin-bottom: 0; border-radius: 0; }
.recently_history .recently_history_list .car_simplebox_list li a { border-width: 1px; padding: 7px 7px 10px; }
.recently_history .recently_history_list .bx-wrapper { position: static; margin-bottom: 0; }
.recently_history .recently_history_list .bx-viewport { min-height: 100px; }
/* controller */
#content .recently_history .flex-direction-nav a { display: block; opacity: 1; filter: alpha(opacity=100); background-color: transparent; background-repeat: no-repeat; background-position: 0 0; }
#content .recently_history .flex-direction-nav a:before { content: normal }
#content .recently_history .flex-direction-nav a.flex-next:before { display: none }
#content .recently_history .flex-direction-nav a.flex-prev:before { display: none }
#content .recently_history .flex-direction-nav .flex-prev { left: 0px }
#content .recently_history .flex-direction-nav .flex-next { right: 0px }
#content .recently_history .flexslider:hover .flex-direction-nav .flex-prev { left: 0px; opacity: 1; filter: alpha(opacity=100); }
#content .recently_history .flexslider:hover .flex-direction-nav .flex-next { right: 0px; opacity: 1; filter: alpha(opacity=100); }
#content .recently_history .flex-direction-nav .flex-disabled { opacity: .5!important; filter: alpha(opacity=50); pointer-events: none; z-index: 0; }
#content .recently_history .flex-direction-nav a { width: 33px; height: 66px; margin: -33px 0 0; }
#content .recently_history .flex-direction-nav .flex-prev { background-image: url(../../share/images/btn_slide_prev.png) }
#content .recently_history .flex-direction-nav .flex-next { background-image: url(../../share/images/btn_slide_next.png) }
@media only screen and (max-width: 640px) {
.recently_history .recently_history_list { padding: 10px 10px; }
}

/*-----------------------------------------------------------
	クルマお探し代行
-----------------------------------------------------------*/

.wantedcar_page .mv { margin-bottom: 20px; }
.wantedcar_page .mv img { border: none; }
.wantedcar_page .application_form .block { max-width: 70%; }
.wantedcar_page .application_form th { width: 10em; }
.wantedcar_page .application_form .email2 th label { display: inline-block; vertical-align: top; }
.wantedcar_page .application_form #budget { margin-right: 0.6em; }
/*.application_form div[data-require="model"] .car_usage .require { display: none }
.application_form div[data-require="usage"] .car_model .require { display: none }*/
@media only screen and (max-width: 960px) { 
  .wantedcar_page .application_form .block { max-width: none; }
  .wantedcar_page .application_form th { width: 150px; }
}
@media only screen and (max-width: 640px; ) { 
  .wantedcar_page .application_form th { width: auto }
}