@charset "utf-8";

/*================================== module edit
*/

.pc_none { display: none;}

.header_btn .used_car,
.header_btn .menu { display: none;}

.nav_banner img { width: 100%;}
.nav_facebook iframe { width:240px; height:640px; border:none; overflow:hidden;}
.corporate_navi dd li span { display: block;}

.popup_contact .contact_comment dd { height: auto;}
.popup_box .form_btn button {
	display: inline-block;
	font-size: 14px;
	width: 40%;
	padding: 5px;
}

.popup_contact .contact_item .detail_div { padding: 5px;}
.car_list .popup_contact textarea { box-sizing: border-box; -webkit-box-sizing: border-box; height: 100px;}
.popup_contact .contact_item { height: 100px;}

@media screen and (max-width: 767px) {
.error_text { display: block; background-position: 0 4px; padding-top: 4px;}
.status_box { margin-bottom: 10px;}
.btn_back { margin-top: 2px; margin-left: 17px;}
}

/*---------------------------------- howto_04
*/

.howto_flow1,
.howto_flow2 { overflow: hidden;}

@media screen and (max-width: 767px) {
body { min-width: inherit; letter-spacing: 0; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%;}

.sp_none { display: none;}
.pc_none { display: inherit;}

#header, #container, #footer { width: auto;}
#container { padding-top: 44px; padding-bottom: 10px;}
#contents, #navi { width: auto; float: none;}

#header_wrap { position: fixed; width: 100%; background: #fff; top: 0; z-index: 100;}
#header { height: auto; padding: 5px; border-bottom: 2px solid #0097ec;}
#header h1 { display: none;}
.title { padding-top: 1px;}
.title img { height: 29px;}
.header_time { display: none;}
.header_nav { display: none;}
.header_btn { padding: 0; clear: none;}
.header_btn li { padding-left: 4px;}
.header_btn .used_car,
.header_btn .menu { display: block;}
.header_btn li a {
	width: 34px;
	height: 30px;
	background: #ccc;
	border: 1px solid #ccc;
	text-indent: -9999px;
	padding: 0;
}
.header_btn .my_page a,
.header_btn .massage_num a,
.header_btn .used_car a,
.header_btn .sign_in a,
.header_btn .sign_up a { background: #fff; border: 1px solid #999;}
.header_btn .used_car a {
	background: url(../img/icon/icons_header.png) no-repeat 0 0, linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat 0 0, -ms-linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat 0 0, -moz-linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat 0 0, -webkit-linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat 0 0, -webkit-gradient(linear, left top, left bottom, from(#0097ec), to(#0075bd));
/*	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorstr=#0097ec,EndColorstr=#0075bd);*/
	background-size: auto 30px, auto auto; -webkit-background-size: auto 30px, auto auto;
	border: 1px solid #0097ec;
}
.header_btn .sign_in a {
	background: url(../img/icon/icons_header.png) no-repeat -31px 0, linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat -31px 0, -ms-linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat -31px 0, -moz-linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat -31px 0, -webkit-linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat -31px 0, -webkit-gradient(linear, left top, left bottom, from(#0097ec), to(#0075bd));
/*	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorstr=#0097ec,EndColorstr=#0075bd);*/
	background-size: auto 30px, auto auto; -webkit-background-size: auto 30px, auto auto;
	border: 1px solid #0097ec;
}
.header_btn .sign_up a {
	background: url(../img/icon/icons_header.png) no-repeat -63px 0, linear-gradient(top, #ed1c24, #d91c24);
	background: url(../img/icon/icons_header.png) no-repeat -63px 0, -ms-linear-gradient(top, #ed1c24, #d91c24);
	background: url(../img/icon/icons_header.png) no-repeat -63px 0, -moz-linear-gradient(top, #ed1c24, #d91c24);
	background: url(../img/icon/icons_header.png) no-repeat -63px 0, -webkit-linear-gradient(top, #ed1c24, #d91c24);
	background: url(../img/icon/icons_header.png) no-repeat -63px 0, -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#d91c24));
/*	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorstr=#ed1c24,EndColorstr=#d91c24);*/
	background-size: auto 30px, auto auto; -webkit-background-size: auto 30px, auto auto;
	border: 1px solid #ed1c24;
}
.header_btn .menu a {
	background: url(../img/icon/icons_header.png) no-repeat -95px 0, linear-gradient(top, #555, #333);
	background: url(../img/icon/icons_header.png) no-repeat -95px 0, -ms-linear-gradient(top, #555, #333);
	background: url(../img/icon/icons_header.png) no-repeat -95px 0, -moz-linear-gradient(top, #555, #333);
	background: url(../img/icon/icons_header.png) no-repeat -95px 0, -webkit-linear-gradient(top, #555, #333);
	background: url(../img/icon/icons_header.png) no-repeat -95px 0, -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
/*	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorstr=#555555,EndColorstr=#333333);*/
	background-size: auto 30px, auto auto; -webkit-background-size: auto 30px, auto auto;
	border: 1px solid #333;
}
.header_btn .my_page a {
	width: 34px;
	background: url(../img/icon/icons_header.png) no-repeat -127px 0, linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat -127px 0, -ms-linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat -127px 0, -moz-linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat -127px 0, -webkit-linear-gradient(top, #0097ec, #0075bd);
	background: url(../img/icon/icons_header.png) no-repeat -127px 0, -webkit-gradient(linear, left top, left bottom, from(#0097ec), to(#0075bd));
/*	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorstr=#555555,EndColorstr=#333333);*/
	background-size: auto 30px, auto auto; -webkit-background-size: auto 30px, auto auto;
	border: 1px solid #0097ec;
}
.header_btn .massage_num a {
	width: 34px;
	height: 14px;
	background: url(../img/icon_mail4.gif) no-repeat 50% 4px, linear-gradient(top, #fff, #f2f2f2);
	background: url(../img/icon_mail4.gif) no-repeat 50% 4px, -ms-linear-gradient(top, #fff, #f2f2f2);
	background: url(../img/icon_mail4.gif) no-repeat 50% 4px, -moz-linear-gradient(top, #fff, #f2f2f2);
	background: url(../img/icon_mail4.gif) no-repeat 50% 4px, -webkit-linear-gradient(top, #fff, #f2f2f2);
	background: url(../img/icon_mail4.gif) no-repeat 50% 4px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
/*	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorstr=#555555,EndColorstr=#333333);*/
	background-size: auto 12px, auto auto; -webkit-background-size: auto 12px, auto auto;
	font-size: 10px;
	text-indent: 0;
	text-align: center;
	border: 1px solid #0097ec;
	padding: 16px 0 0;
}

.global_navi {
	display: none;
	background: #0097ec;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
	padding: 0;
}
.global_navi ul { width: auto; height: auto; background: none; padding: 0;}
.global_navi li {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 50%;
	background: none;
	border-bottom: 2px solid #84d3ff;
	padding: 0;
}
.global_navi li:first-child { display: none;}
.global_navi li:nth-child(2n) { border-right: 1px dotted #84d3ff;}
.global_navi li:nth-child(2) { border-bottom: 1px dotted #84d3ff;}
.global_navi li:nth-child(3) { border-bottom: 1px dotted #84d3ff;}
.global_navi li a { width: auto; height: auto; padding: 15px;}
.global_navi li a:hover { background: #84d3ff;}

.breadcrumb_list { display: none;}

.footer_pagetop { width: auto; left: auto; right: 10px; margin-left: 0;}

#footer { padding: 0 10px 10px;}
.f_contents { width: auto; float: none; padding: 0;}
.f_navi dl { width: auto; float: none; padding: 0;}
.f_navi dt { clear: both; padding-top: 10px;}
.f_navi dd { width: 150px; float: left; font-size: 10px;}
.f_navi dd a { padding: 2px 0 2px 15px;}
.corporate_navi { width: auto; float: none; margin-top: 10px;}
.corporate_navi dd li span { display: inline;}

.copyright span { display: block;}

.car_list #popup_contact,
.popup_box { top: 50%; left: 50%; width: 300px; height: 400px; margin: -200px 0 0 -150px;}
.car_list #popup_contact .popup_container,
.popup_container { height: 380px; padding: 10px 10px 0;}
.popup_container form { padding-bottom: 20px;}
.popup_container h2 { font-size: 14px; text-align: left;}
.popup_contact .contact_comment, .popup_contact .contact_item_detail, .popup_contact .contact_item { border: none; border-top: 1px dotted #ccc; margin-bottom: 5px;}
.car_list .popup_contact .contact_comment, .car_list .popup_contact .contact_item_detail, .car_list .popup_contact .contact_item { padding: 0;}
.popup_contact .contact_item { height: inherit; overflow: hidden;}
.popup_contact .contact_item_detail li { width: auto; float: none; font-size: 10px;}
.stock_detail .popup_contact .contact_comment dd, .negotiation_detail .popup_contact .contact_comment dd { height: auto; min-height: 40px;}
.popup_contact .contact_comment { padding: 4px 0 2px;}
.popup_box .form_btn button {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	display: inline-block;
	width: 48%;
}
}

/*================================== home edit
*/

.main_wrap .banner_box { width: 480px; height: 250px; overflow: hidden;}
.main_wrap .banner_img li,
.main_wrap .banner_img a { position: absolute; top: 0; left: 0;}
.main_wrap .banner_img img { width: 480px; height: 250px;}
.main_wrap .banner_nav { left: inherit; bottom: 22px; left: 10px; padding: 0;}
.main_wrap .btn_style1 { display: inline;}

.pickup_model { padding: 0 0 10px; margin: 0 -1px; overflow: hidden;}
.pickup_model li { width: 192px; float: left; padding: 1px;}
.pickup_model li img { width: 100%;}
.pickup_model li a:hover { opacity: 0.6;}

.t_makes_list, .t_type_list { overflow: hidden;}

.t_truck_list { padding: 15px 11px 11px; overflow: hidden;}
.t_truck_list li {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 125px;
	min-height: inherit;
	padding: 0px 2px 4px;
}
.t_truck_list li a {
	min-height: 70px;
	background: #0097ec;
	background: linear-gradient(top, #0097ec, #007ee5);
	background: -moz-linear-gradient(top, #0097ec, #007ee5);
	background: -webkit-linear-gradient(top, #0097ec, #007ee5);
	background: -webkit-gradient(linear, left top, left bottom, from(#0097ec), to(#007ee5));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#0097ec,EndColorStr=#007ee5);
	color: #fff;
	text-decoration: none;
	border: 1px solid transparent;
	border-bottom: 3px solid #999;
	border-radius: 5px; -webkit-border-radius: 5px;
	padding: 6px 4px;
}
.t_truck_list li a:hover,
.t_truck_list li a:active {
	background: #fff;
	filter: none;
	color: #333;
	border-color: #999;
}

.main_search.sp_foot { display: none;}

.rmj_resume { padding: 0 0 10px;}
#navi .rmj_resume h2 {
	background: none;
	color: #0097ec;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #0097ec;
	padding: 20px 0 8px;
	margin: 0 0 8px;
}
.rmj_resume ul { font-size: 10px; padding: 0; margin: 0;}
.rmj_resume li {
	background: url(../img/arw_next2.png) no-repeat 0 0.3em;
	padding: 0 0 10px 16px;
}
.rmj_resume dl { text-align: center; padding: 10px 0;}
.rmj_resume dt { padding-bottom: 5px;}

@media screen and (max-width: 767px) {
.main_wrap { border: none; margin: 0;}
.main_wrap .banner_box { width: auto; height: auto; float: none;}
.main_wrap .banner_img li { width: 100%;}
.main_wrap .banner_img img { width: 100%; height: auto;}
.main_wrap .main_search { display: none;}
.main_wrap .banner_nav { left: inherit; bottom: 22px; left: 10px; padding: 0;}
.main_wrap .bx-wrapper .bx-has-pager { z-index: 55;}

.pickup_model { padding: 9px; margin: 0;}
.pickup_model li { box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%; float: left; padding: 1px;}
.pickup_model li img { width:100%;}

.home .section { border: none; margin-bottom: 0;}
.home .box2.fL,
.home .box2.fR { width: auto; min-height: inherit; height: inherit !important; float: none; border: none; padding-bottom: 20px; margin-bottom: 0;}

.section.popular_box > h2 { margin-bottom: 10px;}
.popular_box .clearfix { padding: 0 5px;}
.section.popular_box div + div { display: none;}
.section.popular_box div dl { display: none;}
.section.popular_box div dl:nth-child(-n+3) { display: block;}
.popular_box dl { width: 93px; padding: 0 5px 5px;}
.popular_box dt { width: auto; padding: 1px;}
.popular_box dt img { width:100%; min-width: inherit; height: auto;}
.popular_box dd { min-height: 50px; font-size: 10px; letter-spacing: -0.05em;}

.home .box2 .t_makes_list,
.home .box2 .t_type_list { overflow: visible;}
.home .box2 .t_makes_list {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 8px;
}
.home .box2 .t_makes_list li {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	display: table-cell;
	width: 25%;
	padding: 2px;
}
.t_makes_list li a {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	display: inline-block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
	border: 1px solid #ccc;
	border-radius: 5px; -webkit-border-radius: 5px;
	padding: 5px 0;
}
.t_makes_list li a span {
	display: inline-block;
	width: 60px;
	height: 40px;
	background: url(../img/icon/icons_sp.png) no-repeat 0 -100px;
	background-size: auto 215px; -webkit-background-size: auto 215px;
	text-indent: -9999px;
}

.icon-flag:before { background-image: url(../img/icon/icons_sp.png); background-size: auto 33px; -webkit-background-size: auto 33px;}

.icon-maker.id18 span { background-position: 0 -100px;}
.icon-maker.id19 span { background-position: -60px -100px;}
.icon-maker.id20 span { background-position: -120px -100px;}
.icon-maker.id26 span { background-position: -180px -100px;}
.icon-maker.id33 span { background-position: -240px -100px;}
.icon-maker.id34 span { background-position: -300px -100px;}
.icon-maker.id36 span { background-position: -360px -100px;}
.icon-maker.id40 span { background-position: -420px -100px;}
.icon-maker.id41 span { background-position: -480px -100px;}
.icon-maker.id42 span { background-position: -540px -100px;}
.icon-maker.id43 span { background-position: -600px -100px;}
.icon-maker.id44 span { background-position: -660px -100px;}
.icon-maker.id46 span { background-position: -720px -100px;}
.icon-maker.id47 span { background-position: -780px -100px;}
.icon-maker.id48 span { background-position: -840px -100px;}
.icon-maker.id49 span { background-position: -900px -100px;}
.icon-maker.id50 span { background-position: -960px -100px;}
.icon-maker.id51 span { background-position: -1020px -100px;}
.icon-maker.id54 span { background-position: -1080px -100px;}
.icon-maker.id57 span { background-position: -1140px -100px;}
.icon-maker.id58 span { background-position: -1200px -100px;}
.icon-maker.id59 span { background-position: -1260px -100px;}
.icon-maker.id60 span { background-position: -1320px -100px;}
.icon-maker.id61 span { background-position: -1380px -100px;}
.t_makes_list li a:hover,
.t_makes_list li a:active { border-color: #0097ec;}
.icon-maker:before { display: none;}

#navi .nav_btn_list.nav_country { padding-bottom: 20px;}
.icon-country:before { background-size: auto 40px; -webkit-background-size: auto 40px;}
.icon-country.id1:before { background-position: 0 0;}
.icon-country.id2:before { background-position: -30px 0;}
.icon-country.id3:before { background-position: -60px 0;}
.icon-country.id4:before { background-position: -90px 0;}
.icon-country.id5:before { background-position: -120px 0;}
.icon-country.id6:before { background-position: -150px 0;}
.icon-country.id7:before { background-position: -180px 0;}
.icon-country.id8:before { background-position: -210px 0;}
.icon-country.id9:before { background-position: -240px 0;}
.icon-country.id10:before { background-position: -270px 0;}
.icon-country.id11:before { background-position: -300px 0;}
.icon-country.id12:before { background-position: -330px 0;}


.t_truck_list,
.home .box2 .t_type_list {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 8px;
}
.t_truck_list { padding-top: 0; margin-top: -2px;}
.t_truck_list li,
.t_type_list li {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	display: table-cell;
	width: 25%;
	padding: 2px;
}
.t_truck_list li { width: 33.3%;}
.t_truck_list li { min-height: inherit;}
.t_type_list li a {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	display: inline-block;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px; -webkit-border-radius: 5px;
	font-size: 9px;
	letter-spacing: -0.05em;
	padding: 5px 0;
}
.t_truck_list li a {
	min-height: 62px;
	font-size: 9px;
	letter-spacing: 0;
	padding: 5px;
}
.icon-tracktype:before,
.icon-bodytype:before {
	width: 60px; height: 35px;
	background: url(../img/icon/icons_sp.png) no-repeat 0 -180px;
	background-size: auto 215px; -webkit-background-size: auto 215px;
}
.icon-bodytype.id1:before { background-position: 0 -180px;}
.icon-bodytype.id2:before { background-position: -60px -180px;}
.icon-bodytype.id3:before { background-position: -120px -180px;}
.icon-bodytype.id4:before { background-position: -180px -180px;}
.icon-bodytype.id5:before { background-position: -240px -180px;}
.icon-bodytype.id6:before { background-position: -300px -180px;}
.icon-bodytype.id7:before { background-position: -360px -180px;}
.icon-bodytype.id10:before { background-position: -420px -180px;}
.icon-bodytype.id14:before { background-position: -480px -180px;}
.icon-bodytype.id11:before { background-position: -540px -180px;}

.icon-tracktype.id1:before { background-position: -600px -180px;}
.icon-tracktype.id2:before { background-position: -660px -180px;}
.icon-tracktype.id3:before { background-position: -720px -180px;}
.icon-tracktype.id4:before { background-position: -780px -180px;}
.icon-tracktype.id5:before { background-position: -840px -180px;}
.icon-tracktype.id6:before { background-position: -900px -180px;}
.icon-tracktype.id7:before { background-position: -960px -180px;}
.icon-tracktype.id8:before { background-position: -1020px -180px;}
.icon-tracktype.id9:before { background-position: -1080px -180px;}
.icon-tracktype.id10:before { background-position: -1140px -180px;}
.icon-tracktype.id11:before { background-position: -1200px -180px;}
.icon-tracktype.id12:before { background-position: -1260px -180px;}
.icon-tracktype.id13:before { background-position: -1320px -180px;}
.icon-tracktype.id14:before { background-position: -540px -180px;}
.icon-tracktype.id15:before { background-position: -1380px -180px;}
.icon-tracktype.id16:before { background-position: -420px -180px;}
.icon-tracktype.id17:before { background-position: -1500px -180px;}

.t_type_list li a:hover,
.t_type_list li a:active { border-color: #0097ec;}

.rmj_service { display: none;}

#navi { padding: 0 10px;}
.nav_stock { border-right: none; border-left: none; margin: 0 -10px 10px;}
#navi .nav_stock h2 { background: #333 url(../img/common/icon_search.png) no-repeat 10px 50%; padding-left: 30px;}
.nav_new { display: none;}
.nav_banner { text-align: center; padding: 10px 10px 0;}
.nav_banner img { width: 100%; max-width: 360px;}
.nav_facebook { padding: 0 10px 10px;}
.nav_facebook iframe { width: 100%;}

.rmj_resume { border: none; margin: 0;}
.rmj_resume dl { padding-bottom: 0;}
.rmj_resume li { background-position: 0.3em 0.3em; background-size: auto 6px; -webkit-background-size: auto 6px;}

.main_search.sp_foot {
	display: block;
	width: auto;
	min-height: inherit;
	float: none;
	border: none;
	padding: 0 0 15px;
}
.main_search.sp_foot h2 { background-color: #333;}
.main_search.sp_foot dl { padding: 10px 10px 5px;}
.main_search.sp_foot .btn_style1 { display: inline; padding: 10px;}
}

/*================================== car_list edit
*/

.car_list .sp_title { display: none;}
.searchStep, .searchStep1, .searchStep2 { overflow: hidden;}
.tpcLine .spTable div { display: inline;}
.tpcLine select { width: 65%;}
.port_select .tpcLine select { width: 52%;}
.sp_Qbtn { display: none;}

.pager_box { padding-top: 10px;}
.sort_box .check_all { float: left; padding: 3px 8px 0 1px;}
.sort_box p a { background-image: url(../img/arw1.png);}
#pager_bottom { border-top: 1px solid #0097ec;}

.car_list_wrap { overflow: hidden;}
.car_list_wrap.odd { background-color: #f2f2f2;}
.car_list_wrap .cl_header { display: table; width: 100%; border-bottom: 1px dotted #999;}
.car_list_wrap .cl_header div { display: table-cell; vertical-align: middle; padding: 5px;}
.car_list_wrap .cl_header .car_check { font-size: 10px;}
.car_list_wrap .cl_header .car_check input { vertical-align: middle;}
.car_list_wrap .cl_header .car_check img { padding-left: 5px;}
.car_list_wrap .cl_header .car_btn { width: 150px;}
.car_list_wrap .cl_header .btn_style4 {
	background-image: url(../img/icon_fav.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-align: left;
	padding-left: 30px;
}

.car_list_wrap .cl_body { display: table; width: 100%; border-collapse: collapse;}
.car_list_wrap .car_info,
.car_list_wrap .fob_area { display: table-cell; vertical-align: top; padding: 10px;}

.car_list_wrap .car_photo { float: left; padding: 0;}
.car_list_wrap .car_photo img { width: 120px;}
.car_list_wrap .car_info dl { padding: 0 0 0 130px;}
.car_list_wrap .car_info dt { font-size: 14px; padding-bottom: 6px;}
.car_list_wrap .car_info dd { font-size: 10px; padding-bottom: 6px;}
.car_list_wrap .car_info .fw_b { padding-bottom: 0;}
.car_list_wrap .car_info dd span:after { content: "/"; padding: 0 4px;}
.car_list_wrap .car_info dd span:last-child:after { content: ""; padding: 0;}

.car_list_wrap .fob_area { width: 260px; height: 100%;}
.car_list_wrap .fob_inner { display: table; width: 100%; height: 100%; background: #fff;}
.car_list_wrap .fob_area .base_fob,
.car_list_wrap .fob_area .total_fob { display: table-cell; text-align: center; vertical-align: middle; border: 1px solid #ccc; padding: 5px;}
.car_list_wrap .fob_area .total_fob { width: 55%; background: #f1ffdf;}
.car_list_wrap .fob_area p { padding: 0;}
.car_list_wrap .base_fob p { font-size: 14px;}
.car_list_wrap .base_fob del,
.car_list_wrap .base_fob ins { display: block; font-size: 12px;}
.car_list_wrap .base_fob del { color: #999;}
.car_list_wrap .base_fob ins { color: #f00000; font-weight: bold; margin-top: 10px;}
.car_list_wrap .total_fob .price_quotation { color: #008000; font-weight: bold; text-align: center;}
.car_list_wrap .total_fob strong { display: block;}
.car_list_wrap .total_fob strong span { font-size: 20px; font-weight: normal;}
.car_list_wrap .total_fob div { padding-top: 5px;}
.car_list_wrap .total_fob .btn_style0 { background-image: url(../img/icon_mail.png); background-repeat: no-repeat; background-position: 10px 50%;}

#navi .input_btn { text-align: center;}
#navi .input_btn button { display: inline; margin-bottom: 10px;}
#navi .navi_ranking_list a span { display: inline-block; width: 24px; height: 20px; color: #666; font-weight: bold; text-align: center; margin-right: 5px;}
#navi .navi_ranking_list .rank1 span,
#navi .navi_ranking_list .rank2 span,
#navi .navi_ranking_list .rank3 span { background: url(../img/icon/icons.png) no-repeat 0 -150px; text-indent: -9999px;}
#navi .navi_ranking_list .rank2 span { background-position: -24px -150px;}
#navi .navi_ranking_list .rank3 span { background-position: -48px -150px;}

.makers_introduction {
	border: 1px solid #0097ec;
	border-radius: 10px; -webkit-border-radius: 10px;
	padding: 15px;
	margin: 20px 0 0;
}
.makers_introduction dt { color: #0097ec; font-size: 167%; padding-bottom: 10px;}
.makers_introduction .mi_model { display: inline-block;}
.makers_introduction .icon-maker:before { margin-top: -5px;}
.makers_introduction .mi_model:before { content: "-"; padding: 0 8px 0 0;}

@media screen and (max-width: 767px) {
.car_list .sp_title { display: block; background: #e5f6ff; font-weight: bold; text-align: center; padding: 5px 5px 8px; margin-bottom: 5px;}
.car_list .sp_title span:before { content: "-"; padding: 0 8px;}
.car_list .searchStep strong,
.car_list .searchStep1 strong,
.car_list .searchStep2 strong { display: none;}
.searchStep2 { margin: 10px 10px 0; overflow: hidden;}
.searchStep1 span, .searchStep2 span { display: block; float: none; font-size: 10px; text-align: left; padding-top: 2px;}
.searchStep2:after {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	width: 16px;
	height: 14px;
	content: "";
	background-image: url(../img/icon/icons_module_sp.png);
	background-repeat: no-repeat;
	background-position: -128px 0;
	background-size: auto 14px; -webkit-background-size: auto 14px;
}
.searchStep2.open:after { background-position: -112px 0;}
.searchStep span { font-size: 13px;}

#contents .box_tpc { width: auto; background: none !important; border: 1px solid #d61d1d; margin: 0 10px;}
#contents .box_tpc .fL { float: none; width: 100%;}
#contents .box_tpc ul div { display: block; padding: 0 0 5px;}
#contents .box_tpc ul { display: block; float: none;}
#contents .box_tpc .tpcIns { float: none;}
#contents .box_tpc .tpcLine2 { text-align: left;}
#contents .box_tpc li { border-bottom: 1px dotted #ccc; padding-bottom: 0; margin-bottom: 5px;}
#contents .box_tpc .tpcLine:first-child { width: auto;}
#contents .box_tpc .tpcLine .hide_sp { display: none;}

.tpcLine select,
.port_select .tpcLine select { width: 100%; display: inline-block;}
.port_select .tpcLine select { width: 70%;}

#contents .box_tpc .tpcIns div { padding-bottom: 8px;}
#contents .box_tpc .input_btn { width: 200px; float: none; margin: 10px auto 0;}
#contents .box_tpc .tpcSignUp { width: 200px; float: none; margin: 0 auto;}
#contents .box_tpc .tpcSignUp .btn_style1 { margin: 0;}

.input_btn + .clearfix { position: relative;}
.sp_Qbtn { position: absolute; top: 9px; right: 50%; display: block; margin-right: -130px;}
.sp_Qbtn img { width: 24px;}
.input_btn + .clearfix .fs_10 { display: none;}

.car_list .other_list { display: none;}

.pager_box { padding: 10px 10px 5px;}
.total_cars { padding: 0;}
.pager_text { display: block; width: 100%; text-align: center; padding-top: 5px; clear: both;}
.sort_box { padding: 0 0 5px;}
.sort_box ul { float: none; background: #fff; text-align: right; border-top: 1px solid #0097ec; padding: 5px 10px; margin-bottom: 5px;}
.sort_box li { display: inline-block; float: none; padding: 0 0 2px 10px;}
.sort_box li:first-child { padding-left: 0;}
.sort_box .check_all { padding-left: 5px;}
.sort_box p { float: right; padding-right: 10px;}

.car_list_wrap .cl_header div { padding: 5px;}
.car_list_wrap .cl_header .car_btn { width: auto; text-align: right;}
.car_list_wrap .cl_header .btn_style4 { display: inline-block; width: 14px; padding: 5px; text-indent: -9999px; background-position: 50% 50%;}
.car_list_wrap .cl_body { display: block;}
.car_list_wrap .car_info, .car_list_wrap .fob_area { display: block; overflow: hidden;}
.car_list_wrap .fob_area { width: auto; padding-top: 0;}
.car_list_wrap .car_photo img { width: 100px;}
.car_list_wrap .car_info dl { padding-left: 110px;}
.car_list_wrap .car_info dt { padding-bottom: 5px;}
.car_list_wrap .info_fob {
	background: #fff;
	font-size: 14px;
	text-align: center;
	border: 1px solid #f00000;
	padding: 6px 5px 10px;
	margin: 10px 0;
	clear: both;
}

#navi .car_search2 { border: none; margin: 15px -10px 0; padding: 0;}
.searchStep1 {
	font-size: 12px;
	background: #333 url(../img/common/icon_search.png) no-repeat 10px 50%;
	box-shadow: none;
	border: none;
	border-radius: 0; -webkit-border-radius: 0;
	padding: 6px 5px 6px 30px;
}
.box_search { background: none !important;}
#navi .car_search2 > div select { width: 100%;}
#navi .car_search2 > div input[type="text"] { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%;}
#navi .input_btn { padding: 5px 0 10px;}
#navi .input_btn input[type="submit"], #navi .input_btn button[type="submit"],
#navi .input_btn input[type="reset"], #navi .input_btn button[type="reset"] { display: inline; width: auto; padding: 10px 15px;}
#navi .input_btn input[type="submit"], #navi .input_btn button[type="submit"] { width: 60%;}
#navi .nav_btn_list { border: none; margin: 0 -10px; padding: 0;}
.nav_btn_list .icon-maker:before { display: inline-block;}
.navi_ranking_list span { display: inline-block; width: 24px; text-align: center;}

.makers_introduction { border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin: 10px 10px 0;}
.makers_introduction .icon-maker:before { display: inline-block;}
.makers_introduction dd { font-size: 84%;}
}

/*================================== stock_detail edit
*/

.car_detail .car_main img { width: 400px;}
.car_detail .car_list li img { height: auto;}
.sp_car_price,
.car_detail .add_favorite { display: none;}
.car_detail #navi .input_btn { padding-bottom: 10px;}

.stock_list ul { padding: 10px 4px 0; margin: 0;}
.stock_list li { width: 117px; padding: 0 5px;}
.stock_list li .cars_photo_check { width: auto; height: auto; line-height: 100%;}
.stock_list li .cars_photo_check img { width: 100%; max-width: inherit; max-height: inherit;}
.stock_list li dl { min-height: 80px;}

#navi .car_search > div li .error_text,
#navi .car_search2 > div li .error_text { padding: 6px 0 6px 20px;}

#navi .nav_info_bnr { text-align: center; padding: 10px 0 0;}
#navi .nav_info_bnr img { width: 100%;}

#popup_offer_exist,
#popup_contact_comp { height: 300px; margin-top: -150px;}
#popup_contact_err, #popup_favorite_comp { margin-top: -65px;}
#popup_offer_exist .popup_inner ul,
#popup_contact_comp .popup_inner ul { padding-bottom: 0;}
#popup_offer_exist .popup_inner ul li,
#popup_contact_comp .popup_inner ul li { width: 300px; margin: 0 auto 5px;}
#popup_offer_exist .popup_inner ul button,
#popup_contact_comp .popup_inner ul button { display: inline-block; width: 100%; font-size: 14px;}

@media screen and (max-width: 767px) {
.car_name { padding: 10px 10px 5px;}
.car_name .fL { width: auto; float: none;}
.car_name h2 { font-size: 18px; padding-bottom: 5px;}
.car_name .car_id { width: 100%; float: none; padding: 5px 0; overflow: hidden;}
.car_name .car_id img { height: 16px; float: right; margin: -2px 0 0 2px;}
.car_name .add_favorite { display: none;}
.car_name .views_num { display: none;}

.sp_car_price {
	display: block;
	background: #ffe6e6;
	border: 1px solid #f66;
	padding: 8px 12px 10px;
	margin: 0 10px 10px;
}
.sp_car_price ul { padding: 0;}
.sp_car_price li { overflow: hidden;}
.sp_car_price li .cp_h { float: left; padding-top: 8px; font-weight: bold;}
.sp_car_price li strong { color: #498000; font-size: 20px; float: right;}
.sp_car_price li strong span { font-size: 12px;}
.sp_car_price .original_price { color: #999; font-weight: bold; padding-top: 2px;}
.sp_car_price .original_price .cp_h { padding-top: 0;}
.sp_car_price .original_price del { float: right;}
.sp_car_price .aR { padding-top: 5px;}
.sp_car_price ins { color: #f00000; font-weight: bold;}

.car_detail .car_photo { width: auto; float: none; padding: 0 0 10px;}
.car_detail .car_main img {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 100%;
	padding: 0;
	border-right: none;
	border-left: none;
}
.car_detail .car_list{ padding: 5px 0 0; margin: 0;}
.car_detail .car_list li { width: 70px; padding: 1px;}

.car_detail .car_spec { width: auto; float: none; padding: 0 10px; clear: both;}
.car_detail .car_spec > p { display: none; padding: 0 0 10px;}
.car_detail .add_favorite { display: block; padding: 0 0 15px; margin: 0 -2px; overflow: hidden;}
.car_detail .add_favorite li {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	display: block;
	float: left;
	width: 50%;
	padding: 0 2px 4px;
}
.car_detail .add_favorite li a {
	background-image: none;
	text-align: left;
	padding: 10px;
}
.car_detail .add_favorite li a:before {
	display: inline-block;
	content: "";
	width: 16px;
	height:14px;
	background: url(../img/icon/icons_module_sp.png) no-repeat -32px 0;
	background-size: auto 14px; -webkit-background-size: auto 14px;
	vertical-align: middle;
	margin-right: 6px;
}
.car_detail .add_favorite li .print:before {
	background-position: -48px 0;
}
.car_detail .add_favorite li .calc:before {
	background-position: -64px 0;
}
.car_detail .add_favorite li .contact:before {
	background-position: -80px 0;
}
.car_detail .car_price2 { display: none;}
.car_detail .sales_point { margin: 0 0 10px;}
.car_detail .car_spec p { font-size: 100%;}
.car_detail .car_spec table { margin-bottom: 0;}

.car_detail #navi { width: auto; float: none; border: none; padding: 10px;}
.car_detail #navi:after { display: none;}
.car_detail #navi .qa_box_q, .car_detail #navi .qa_box_q_w, .car_detail #navi .qa_box_q_d { top: 8px; right: 8px;}
.car_detail .box_hr .btn_style1 { display: inline-block; width: 200px; padding: 10px;}
#navi .car_search2 .box_contact textarea { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%;}
#navi .car_search2 .box_contact li { padding-bottom: 0;}
#navi .stepArw { position: relative;}
#navi .input_btn { text-align: center;}
#navi .input_btn button { display: inline;}
.stock_detail #step1,
.stock_detail #step2 { position: absolute; top: -50px;}
.stock_detail .stepContact { position: relative;}

.stock_list h2 { margin-top: 0;}
.stock_list ul { padding: 10px 5px 0;}
.stock_list li { width: 93px; font-size: 10px; padding: 0 5px 5px;}
.stock_list li .cars_photo_check { width: auto; height: auto; line-height: 100%; padding: 1px;}
.stock_list li .cars_photo_check img { width: 100%; max-width: inherit; max-height: inherit;}
.stock_list li dl { min-height: 60px;}
.stock_list li dl a { font-weight: normal;}

.car_detail .dl_photo { float: none; text-align: right; padding: 0 10px 5px 0;}
.car_detail .dl_photo a { display: inline-block;}

#navi .nav_info_bnr { padding: 10px 10px 0;}
#navi .nav_info_bnr img { max-width: 400px;}

.popup_box .form_btn.pc_none { padding: 0 0 10px;}
.popup_box .form_btn.pc_none button { margin-top: 0;}
#popup_contact .form_btn input,
#popup_contact .form_btn input { width: 130px;}
#popup_offer_exist,
#popup_contact_err,
#popup_favorite_comp,
#popup_contact_comp { width: 300px; margin-left: -150px;}
#popup_offer_exist .popup_inner ul,
#popup_contact_comp .popup_inner ul { padding-top: 10px;}
#popup_offer_exist .popup_inner ul li,
#popup_contact_comp .popup_inner ul li { width: auto;}
#popup_offer_exist .popup_inner ul button,
#popup_contact_comp .popup_inner ul button { width: 90%; font-size: 14px;}

}

/*================================== login edit
*/

.login h2,
.signup h2 { padding-bottom: 20px;}
.login h2 img,
.signup h2 img { width: 100%;}

.login .fR { width: 360px; padding-top: 90px;}
.login .fR img { width: 100%;}

@media screen and (max-width: 767px) {
.login h2,
.signup h2 {
	height: 90px;
	background: url(../img/contents/signup_txt0_sp.png) no-repeat 50% 50%;
	background-size: contain; -webkit-background-size: contain;
	padding: 0;
}
.login h2 {	background-image: url(../img/contents/signin_txt0_sp.png);}
.login h2 img,
.signup h2 img { visibility: hidden;}

.section0 { padding: 10px;}
.section0 h2 { font-size: 18px;}

.login_form { padding-top: 0;}
.login_form .sign_in,
.login_form .sign_up { width: auto; float: none; margin-top: 10px;}

.login_form form { min-height: inherit;}
.login_form dl { padding: 5px 0 0;}
.login_form dd input[type="text"],
.login_form dd input[type="password"] {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 100%;
}
.login_form dl + p { padding: 0;}
.login_form .input_btn { padding-top: 10px;}
.login_form .sign_up .input_btn { padding-bottom: 10px;}
.login_form ul { padding: 5px 0;}

.login .fR { display: none;}
}

/*================================== signup
*/

.signup .login_form .sign_up { float: left;}
.signup .login_form .fR { width: 380px;}
.signup .login_form .catch_txt { color: #498000; font-size: 14px; font-weight: bold; padding: 15px 0 10px;}
.signup .login_form .catch_txt.top { padding-top: 0;}
.signup .login_form .fR ul { padding: 5px 0 10px; margin: 0;}
.signup .login_form .fR li {
	background: url(../img/icon_point.png) no-repeat 0 0.6em;
	color: #333;
	font-weight: bold;
	padding: 6px 0 6px 28px;
}
.signup .signup_attention { background: #ffd2d2; padding: 5px; margin-top: 10px;}
.signup .signup_attention dt { display: inline-block; background: #f00000; color: #fff; padding: 2px 10px;}
.signup .signup_attention dd { font-size: 10px; padding: 5px 10px;}

.other_form_link { text-align: center; vertical-align: bottom; padding: 10px 0;}
.other_form_link a { font-size: 18px; margin-left: 10px;}

.signup .fR .aC { padding: 10px 0 0;}
.signup .fR .aC img { width: 280px;}

@media screen and (max-width: 767px) {
.signup .login_form .catch_txt { padding: 20px 0 5px;}
.signup .login_form .catch_txt.top { padding: 10px 0;}
.signup .login_form .sign_up { float: none; margin-bottom: 10px;}
.signup .login_form .fR { width: auto; float: none;}
.signup .login_form .fR ul { margin: 5px 0;}
.signup .login_form .fR li { background: url(../img/icon_point.png) no-repeat 0 0.6em;}

.signup .fR .aC { padding-bottom: 20px;}
}

/*================================== reminder edit
*/

@media screen and (max-width: 767px) {
.reminder #container { padding-left: 10px; padding-right: 10px;}
.reminder .alert_area { padding: 10px;}
.reminder table,
.reminder tbody,
.reminder tr,
.reminder .reminder_form th,
.reminder .reminder_form td {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	display: block;
	width: 100%;
	text-align: left;
}
.reminder_form table tr td input[type="text"],
.reminder_form table tr td input[type="password"],
.reminder_form table tr td textarea {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 100%;
}
}

/*================================== registration
*/

@media screen and (max-width: 767px) {
.registration_user .section0 { padding: 10px;}
.reg_form { padding: 10px; margin: 4px 10px 0;}
.reg_form dl { padding: 10px 0;}
.reg_form dt { width: auto; float: none; text-align: left; padding-bottom: 5px;}
.reg_form .regAdd,
.reg_form dd { padding: 0 0 10px;}
.reg_form dd span { margin-top: 0;}

.reg_form input[size="20"],
.reg_form input[size="10"] {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 100%;
}
.reg_form.conf_area dd {
	border-bottom: 1px dotted #999;
	padding-bottom: 8px;
	margin-bottom: 5px;
}
.reg_form.conf_area .confirm_button_area { padding-top: 10px;}
.reg_form.conf_area .confirm_button_area input { width: 48%;}
.reg_form.aC { text-align: left;}
.reg_btn { width: 100%; padding-top: 10px;}
}

/*================================== error
*/

@media screen and (max-width: 767px) {
.error .alert_area { margin: 10px 20px 40px;}
.error h3 { font-size: 16px; padding: 20px 10px 6px;}
}

/*================================== howto edit
*/

@media screen and (max-width: 767px) {
.howto_navi { padding: 10px 8px 0; margin: 0;}
.howto_navi li {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 22%;
	padding: 0 1px;
	margin-bottom: 0;
}
.howto_navi li:first-child { width: 26%;}
.howto_navi li:last-child { width: 30%;}
.howto_navi a {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	width: auto;
	height: auto;
	background: linear-gradient(top, #fff, #f2f2f2);
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	background: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	font-size: 10px;
	text-align: center;
	border: 1px solid #84d3ff;
	border-bottom: none;
	border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;
	padding: 6px 0;
	margin: 0;
}
.howto_navi a:active,
.howto_navi a:hover { background: #fff; border-color: #0a5ac8;}
.howto_navi .check:last-child a,
.howto_navi .check a { background: #0a5ac8; border-color: #0a5ac8; color: #fff;}
.howto_navi a span { display: none;}

.howtoStatic .howto_step.check,
.howtoStatic .howto_step {
	background-position: 10px 0;
	background-size: auto 20px; -webkit-background-size: auto 20px;
	line-height: 1.2;
	padding: 25px 10px 20px;
	margin: 20px 0 0;
}
.howtoStatic .howto_step span { line-height: 1.5; padding-top: 5px;}

.howto_box { position: relative; width: 270px; margin: 0 auto 10px; padding: 0;}
.howto_box li { left: 5px; margin: 0;}

.howto_note { background-size: auto 20px; -webkit-background-size: auto 20px; padding: 10px; margin: 0 10px;}
.howto_note h3 {
	 background-size: auto 14px; -webkit-background-size: auto 14px;
	 font-size: 100%;
	 padding: 0 0 4px 20px;
}
.howto_note ul { font-size: 10px; line-height: 1.2; padding: 0 0 10px;}
.howto_note li { padding-top: 2px; padding-bottom: 2px;}

/*---------------------------------- howto_01
*/

.howto_box.s1-1 {
	height: 920px;
	background: url(../img/contents/howto_s1-1_sp.jpg) no-repeat 50% 100%;
	background-size: auto 900px; -webkit-background-size: auto 900px;
}
.s1-1_t1 { top: 326px;}
.s1-1_t2 { top: 494px;}
.s1-1_t3 { top: 650px;}

.howto_01 .note0 { width: 210px; top: 175px; margin: 0;}

/*---------------------------------- howto_02
*/

.howto_box.s2-1 {
	height: 575px;
	background: url(../img/contents/howto_s2-1_sp.jpg) no-repeat 50% 100%;
	background-size: auto 560px; -webkit-background-size: auto 560px;
}
.s2-1_t1 { top: 235px;}

.howto_box.s2-2 {
	height: 500px;
	background: url(../img/contents/howto_s2-2_sp.jpg) no-repeat 50% 100%;
	background-size: auto 480px; -webkit-background-size: auto 480px;
}
.s2-2_t1 { top: 240px;}

.howto_box.s2-3 {
	height: 530px;
	background: url(../img/contents/howto_s2-3_sp.jpg) no-repeat 50% 100%;
	background-size: auto 510px; -webkit-background-size: auto 510px;
}
.s2-3_t1 { top: 190px; width: 130px;}
.howto_02 .note1 { top: 263px; width: auto; margin: 0 -15px;}

.howto_02 .howto_caution {
	background-position: 96% 100%;
	background-size: auto 44px; -webkit-background-size: auto 44px;
	padding: 0 60px 0 10px;
	margin-bottom: 10px;
}
.howto_caution dt {
	float: none;
	font-size: 10px;
	background-size: auto 10px; -webkit-background-size: auto 10px;
	border-radius: 10px; -webkit-border-radius: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.howto_caution dd { padding: 5px 0 0;}
.howto_box .s2-4 {
	height: 630px;
	background: url(../img/contents/howto_s2-4_sp.jpg) no-repeat 50% 20px;
	background-size: auto 610px; -webkit-background-size: auto 610px;
}
.s2-4_t1 { top: 168px; width: 160px;}
.s2-4_t2 { top: 368px;}

.howto_02 .note3 { position: static; width: auto; margin: 10px -15px 0;}
.howto_02 .howto_next { width: 270px; float: none; padding: 20px 0 0; margin: 0 auto;}
.howto_02 .howto_next a { width: 270px; height: 55px; background-size: contain;}
.howto_02 .howto_next a:hover { background-size: contain;}

/*---------------------------------- howto_03
*/

.howto_box.s3-1 {
	height: 656px;
	background: url(../img/contents/howto_s3-1_sp.jpg) no-repeat 50% 100%;
	background-size: auto 656px; -webkit-background-size: auto 656px;
}
.s3-1_t0 { top: 36px;}
.s3-1_t1 { top: 340px;}

.howto_box.s3-2 {
	height: 1380px;
	background: url(../img/contents/howto_s3-2_sp.jpg) no-repeat 50% 100%;
	background-size: auto 1360px; -webkit-background-size: auto 1360px;
}
.s3-2_t1 { top: 214px;}
.s3-2_t2 { top: 1054px;}

.howto_box.s3-3 {
	height: 715px;
	background: url(../img/contents/howto_s3-3_sp.jpg) no-repeat 50% 0;
	background-size: auto 605px; -webkit-background-size: auto 605px;
}
.s3-3 p { position: static;}
.s3-3_t0 { top: 128px;}
.s3-3_t1 { top: 394px;}
.s3-3 .howto_caution { top: 610px; left: 0; margin-left: 0;}

.howto_box.s3-4 {
	height: 290px;
	background: url(../img/contents/howto_s3-4_sp.jpg) no-repeat 50% 100%;
	background-size: auto 270px; -webkit-background-size: auto 270px;
}

/*---------------------------------- howto_04
*/

.howto_04 .howto_icon { display: table; padding: 10px; margin-bottom: 20px;}
.howto_04 .howto_icon li { display: table-cell; padding: 0;}
.howto_04 .howto_icon img { width: 100px;}

.howto_box.s4-2 {
	height: auto;
	background: url(../img/contents/howto_s4-2_sp.jpg) no-repeat 50% 20px;
	background-size: auto 140px; -webkit-background-size: auto 140px;
	padding-top: 160px;
	overflow: visible;
}
.howto_box.s4-2 li { top: 0;}
.s4-2_attention { position: static; width: auto; font-size: 140%; padding: 5px 0 20px;}
.s4-2 .howto_note { width: auto; float: none; margin: 0;}
.s4-2 .howto_note h3 { font-size: 18px;}
.s4-2 .howto_note h3 span { display: block; font-size: 12px;}
.s4-2 .howto_note img { width: 100%;}
.howto_box.s4-3 {
	height: 1350px;
	background: url(../img/contents/howto_s4-3_sp.jpg) no-repeat 50% 100%;
	background-size: auto 1350px; -webkit-background-size: auto 1350px;
}
.s4-3_t0 { top: 15px;}

.howto_flow { width: 294px; text-align: center; margin: 0 auto;}
.howto_flow1,
.howto_flow2 { display: inline; width: auto; background: none; padding: 0; margin: 0;}
.howto_flow li { width: 90px; height: 130px; float: left; line-height: 100%; vertical-align: top; padding: 0 4px;}
.howto_flow .fL, .howto_flow .fR { float: left;}
.howto_flow img { width: 90px;}
.howto_flow3 { float: none; text-align: center; padding: 0;}
.howto_flow3 img { width: 200px;}
}

/*================================== mypage
*/

/*
.mypage #contents { padding-bottom: 60px;}
.mypage #contents h2 {
	background: #1a1a1a url(../img/common/icon_search.png) no-repeat 10px 50%;
	color: #fff;
	font-size: 100%;
	padding: 6px 6px 6px 30px;
	margin: 0 0 25px;
}
.mypage #contents h3 { color: #498000; font-size: 134%; line-height: 1.2;}
.mypage #contents h3 span { display: block;}
*/

.mypage .my_topics { float: right; background: none;}
.mypage .my_topics_inner { display: table; background: none;}

.mypage .my_topics0,
.mypage .my_topics1 {
	display: table-cell;
	background: none;
	border: 2px solid #ccc;
	border-radius: 10px; -webkit-border-radius: 10px;
	padding: 10px;
	margin: 0 0 0 10px;
}

.mypage .my_topics_num {
	font-family: 'Pontano Sans', sans-serif;
	font-size: 584%;
	text-align: center;
	padding: 0 0 10px;
}
.mypage .topics_list { border-top: 1px dotted #333; padding-bottom: 5px;}
.mypage .topics_list .inner {
	min-height: 49px;
	padding: 4px 0;
	border-bottom: 1px dotted #333;
}
.mypage .topics_list p { padding: 4px 0;}
.mypage .topics_list .date { font-size: 84%; text-align: right; letter-spacing: -0.03em;}

.mypage .topics_list .aR { padding: 10px 0 0;}
.mypage .topics_list .aR a {
	display: inline-block;
	background: url(../img/arw2.png) no-repeat 0 50%;
	font-weight: bold;
	padding: 2px 0 2px 15px;
}

@media screen and (max-width: 767px) {
.mypage #contents_wrap.fR { float: none;}
.mypage #contents h2 { margin-bottom: 0;}
.mypage #contents h3 span { display: inline; padding-left: 5px;}

.mypage .my_mailbox,
.my_mailbox ul { width: auto; float: none; padding: 0;}
.mypage .my_mailbox { padding-bottom: 10px;}
.my_mailbox h3 { padding: 10px 0 20px;}
.my_mailbox li { display: inline-block; padding: 0 5px;}
.my_mailbox .mailing_list0 a,
.my_mailbox .mailing_list1 a {
	width: 120px;
	height: 120px;
	background-size: auto 120px; -webkit-background-size: auto 120px;
	text-indent: -9999px;
	padding-top: 0;
}
.my_mailbox .mailing_list0 a:hover,
.my_mailbox .mailing_list1 a:hover { background-position: -120px 0;}
.my_mailbox a span { top: -10px; text-indent: 0;}

.mypage .my_topics { float: none;}
.mypage .my_topics_inner { display: block;}
.mypage .my_topics0, .mypage .my_topics1 { display: block; width: auto; float: none; margin: 10px 10px 0;}
.mypage .my_topics0 h3,
.mypage .my_topics1 h3 {
	min-height: 30px;
	background-size: auto 30px; -webkit-background-size: auto 30px;
	padding: 4px 0 0 36px;
	margin: 0;
}
.mypage .my_topics0 h3 br,
.mypage .my_topics1 h3 br { display: none;}
.mypage .my_topics_num { font-size: 484%; line-height: 100%;}
.mypage .topics_list .inner { min-height: inherit;}
.mypage #contents { padding-bottom: 20px;}

}

/*================================== order_list, nagotiation_list
*/

.negotiation_list .pager_box,
.order_list .pager_box { padding-bottom: 5px;}
.customer_name a {
	background: url(../img/icon_mail0.png) no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}

.order_list_wrap { margin: 0;}
.order_list_wrap.odd { background-color: #f2f2f2;}
.order_list_wrap.unread { background-color: #e5f6ff;}

.sort_box + .order_list_wrap { margin-top: 10px;}
.order_list_wrap + .sort_box { margin-top: 10px;}

.ol_header { display: table; width: 100%; border-bottom: 1px dotted #999;}
.ol_header > div { display: table-cell; vertical-align: middle; padding: 5px;}
.ol_header p { padding: 0;}
.ol_header .car_check { font-size: 10px; vertical-align: middle;}
.ol_header .car_check input { vertical-align: middle;}
.ol_header .nagotiation_massage { text-align: right;}
.ol_header .nagotiation_massage p { display: inline-block; padding: 1px 0 1px 10px;}
.ol_header .nagotiation_massage .btn_style0 {
	display: inline-block;
	width: 90px;
	background-image: url(../img/icon_mail.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 15px;
}
.ol_header .nagotiation_massage p:first-child { background: url(../img/icon_mail0.png) no-repeat 0 100%; padding-left: 20px;}
.ol_header .nagotiation_massage p:first-child.unread { background: url(../img/icon_mail1.png) no-repeat 0 100%; padding-left: 20px;}

.ol_body { display: table; width: 100%;}
.ol_body .car_info,
.ol_body .car_item,
.ol_body .car_status { display: table-cell; padding: 10px; vertical-align: top;}
.ol_body .car_info { width: 170px;}
.ol_body .car_item { border-left: 1px dotted #999; border-right: 1px dotted #999;}
.negotiation_list .car_item { border: none;}

.ol_body .car_info h3 { background: url(../img/arw10.png) no-repeat 9px 7px; font-size: 100%; padding: 4px 8px 4px 26px; margin: -9px -9px 5px;}
.ol_body .car_info strong + p { color: #999; font-size: 10px;}
.ol_body .customer_time > span { display: block; color: #999; font-size: 10px; padding-top: 4px;}
.ol_body .car_info .btn_style0 {
	background-image: url(../img/icon_mail.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

.ol_body .car_item .car_photo { float: left; padding: 0;}
.ol_body .car_item dl { padding: 5px 0 0 90px;}
.ol_body .car_item dt { font-size: 14px; padding: 0 0 5px;}
.ol_body .car_item dd { font-size: 10px; padding: 0 0 5px;}
.ol_body .car_item .car_item_option > span { display: block;}
.ol_body .car_item .car_item_box { background: #fffbc7; padding: 6px 10px; overflow: hidden;}
.ol_body .car_item_box .car_item_ttl { border-bottom: 1px solid #f5d380; padding-bottom: 5px;}
.ol_body .car_item_box .car_item_ttl div:first-child { color: #498000; font-size: 140%; font-weight: bold; padding-bottom: 2px;}
.ol_body .car_item_box .additional { color: #009900; font-size: 110%; font-weight: bold;}
.ol_body .car_item .price_box { padding: 4px 0 0; overflow: hidden;}
.ol_body .car_item .price_box.last-child { border-top: 1px solid #f5d380; margin-top: 4px;}
.ol_body .price_box .pb_ttl { display: block; float: left; font-size: 120%; font-weight: bold; padding: 6px 0 4px;}
.ol_body .price_box .pb_price { display: block; text-align: right; font-size: 120%; line-height: 1.4em; padding-left: 80px;}
.ol_body .price_box .pb_price strong span { font-size: 160%; font-weight: normal;}
.ol_body .price_box .pb_price.gray,
.ol_body .price_box .pb_price.gray strong { color: #777;}

.ol_body .car_status { width: 140px;}
.negotiation_list .car_status { width: 240px;}
.ol_body .car_status ul { padding: 0;}
.ol_body .car_status li {
	display: inline-block;
	width: 40px;
	background: url(../img/arw_flow_off.png) no-repeat 100% 12px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding-right: 19px;
	margin-bottom: 5px;
}
.ol_body .car_status .last_child { background: none; padding-right: 0; margin-right: 0;}
.ol_body .car_status li img { width: 40px; border: 1px solid #b3b3b3;}
.ol_body .car_status dl { padding: 5px 0 0;}
.ol_body .car_status dt { background: url(../img/arw_next0.png) no-repeat 0 3px; font-weight: normal; padding: 0 0 4px 10px;}
.ol_body .car_status dd { color: #498000; font-size: 10px;}

.ol_body .car_status .check { background: url(../img/arw_flow_on.png) no-repeat 100% 12px; color: #0097EC;}
.ol_body .car_status .last_child.check { background: none;}
.ol_body .car_status .on img { background: #e5f6ff; border: 1px solid #84d3ff;}

@media screen and (max-width: 767px) {
.negotiation_list h2 { padding-left: 10px;}

.order_list .pager_box { padding-top: 5px;}
.sort_box + .order_list_wrap { margin-top: 5px;}
.order_list_wrap + .sort_box { margin-top: 5px;}

.total_text span { font-size: 10px;}

.order_list .order_list_wrap { position: relative;}

.ol_header { position: relative; display: block; border: none;}
.ol_header > div { display: block;}
.ol_header .car_check { border-bottom: 1px dotted #999;}
.ol_header .nagotiation_massage { display: block; text-align: left; padding: 8px 5px 0;}
.ol_header .nagotiation_massage p { padding: 0;}
.ol_header .nagotiation_massage p:first-child,
.ol_header .nagotiation_massage p:first-child.unread { font-size: 10px; background-position: 5px 50%; padding: 2px 10px 2px 25px;}
.ol_header .nagotiation_massage p:last-child { position: absolute; right: 5px; top: 4px;}

.ol_body { display: block;}
.ol_body .car_info,
.ol_body .car_item,
.ol_body .car_status { display: block; width: auto;}

.ol_body .car_info,
.ol_body .car_item { padding-bottom: 0;}
.ol_body .car_info h3 { background-position: 10px 4px; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 2px;}
.ol_body .car_info .label_iv { float: left; padding: 4px 0 0;}
.ol_body .car_info .label_iv + .btn_style0 { position: absolute; top: 4px; right: 10px; width: 90px; text-align: right; padding-right: 15px;}
.ol_body .car_info .price_quotation,
.ol_body .car_info .price_quotation + strong,
.ol_body .car_info strong + p { display: none;}
.ol_body .car_info .senders_info { border-top: none; border-bottom: 1px dotted #999; padding: 2px 0 5px; margin: 0; clear: both; overflow: hidden;}
.ol_body .customer_name { float: left;}
.ol_body .customer_block .unread { background: url(../img/icon_mail1.png) no-repeat 0 50%;}
.ol_body .customer_time { float: right; text-align: right;}

.ol_body .car_item dl { padding: 0;}
.ol_body .car_item dt { padding-left: 90px;}
.ol_body .car_item dd { padding-top: 10px; clear: both;}
.ol_body .car_item .car_item_option > span { display: inline-block;}
.ol_body .car_item .car_item_option > span:after { content: "/"; padding-left: 5px;}
.ol_body .car_item .car_item_option > span:last-child:after { content: ""; padding-left: 0;}


.search_box.pc_none { background: #fff; border: 4px solid #0097ec; margin: 10px;}
.search_box.pc_none dl { display: table; width: 100%; padding: 0;}
.search_box.pc_none dt,
.search_box.pc_none dd { display: table-cell; vertical-align: middle; padding: 2px 0;}
.search_box.pc_none dt { width: 6.5em; font-weight: normal; line-height: 1; padding-right: 5px;}
.search_box.pc_none input[type="text"],
.search_box.pc_none select { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%;}
.search_box.pc_none input[type="text"].w_auto { width: 82px;}
.search_box.pc_none .buttonArea { text-align: center;}
.search_box.pc_none .buttonArea ul { padding: 15px 0 5px;}
.search_box.pc_none .buttonArea li { display: inline-block;}
.search_box.pc_none .buttonArea input { width: 130px;}

}

/*================================== booking_list
*/

.booking_list .pager_box { padding-bottom: 5px;}
.booking_list .car_item { border: none;}
.booking_massage { text-align: right;}
.booking_massage .btn_style0 {
	display: inline-block;
	width: 90px;
	background-image: url(../img/icon_mail.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 15px;
}
.ol_body .car_item ul { padding: 5px 0;}
.ol_body .car_item li { display: inline-block; padding: 2px 10px 0 0;}
.ol_body .label_iv a { font-size: 12px;}

.ol_body .shiping_info { display: table-cell; width: 40%; vertical-align: top; border-left: 1px dotted #999; padding: 10px;}
.ol_body .shiping_info dl { width: 120px; float: left; margin-right: 5px;}
.ol_body .shiping_info dl:last-child { margin-right: 0;}

@media screen and (max-width: 767px) {
.booking_list .sort_box { background-color: transparent; padding-bottom: 0;}
.booking_list .sort_box ul { padding-bottom: 0; margin-bottom: 0;}

.booking_list .car_check { padding: 9px 5px;}
.booking_list .booking_massage { position: absolute; top: 4px; right: 10px; padding: 0;}
.booking_list .car_item dd:last-child { padding: 0;}
.booking_list .car_item dd:last-child ul{ padding: 0;}
.ol_body .shiping_info { display: block; width: auto; overflow: hidden;}
.ol_body .shiping_info dl { box-sizing: border-box; -webkit-box-sizing: border-box; width:49%;}
.ol_body .shiping_info dl:last-child { float: right;}
}

/*================================== negotiation_detail
*/

.negotiation_detail .step_note dd { display: inline-block; padding-right: 15px;}
.negotiation_detail .step_note dd:last-child { padding-right: 0;}

@media screen and (max-width: 767px) {
.negotiation_detail #contents { padding: 0 10px;}

.result_cars .car_item .car_photo { float: none; text-align: center;}
.negotiation_detail .car_item .fL { width: auto; float: none;}
.negotiation_detail .car_item .fob_box,
.negotiation_detail .car_item dl { padding: 0;}
.result_cars .car_item .car_item_box { padding: 8px 10px;}
.negotiation_detail .car_item .order_btn { float: none; width: auto;}
.negotiation_detail .car_item .order_btn p:last-child { text-align: center;}
.negotiation_detail .car_item .order_btn img { width: 180px;}

.negotiation_detail .step_box { padding: 5px;}
.negotiation_detail .step_icon { padding: 5px 5px 10px;}
.negotiation_detail .step_icon li { width: 62px; padding-right: 22px; margin-right: 2px;}
.negotiation_detail .step_icon li span { width: 52px; padding: 5px;}
.negotiation_detail .step_icon li img { width: 50px;}

.negotiation_detail .step_note { padding: 10px;}
.negotiation_detail .step_note dl { margin-top: 5px;}
.negotiation_detail .step_note .label_iv,
.negotiation_detail .step_note .text_iv { padding-bottom: 4px;}
.negotiation_detail .step_note ul { padding-bottom: 0;}
.negotiation_detail .step_note li.fL { float: none; text-align: center; padding: 0 0 5px;}
.negotiation_detail .step_note li .order_item,
.negotiation_detail .step_note li .notification { display: inline-block;}

.massage_box h3 { border-bottom: 1px solid #ccc;}
.message_scroll { height: 300px; margin-bottom: 20px;}
.massage_area { padding-bottom: 10px;}
.customer .massage_txt { float: none; padding-bottom: 5px; margin-left: 0;}
.customer .massage_txt > div { padding-left: 0;}
.customer .massage_txt p { margin-left: 0;}
.massage_area.customer dl { width: auto; float: none;}
.massage_area dt { padding-bottom: 2px;}
.massage_btn { height: auto; padding: 0 0 10px; margin: 0;}
.massage_btn li { float: none;}
.massage_btn li a { display: inline-block;}

}

/*================================== favorite_list
*/


.favorite_list .fob_area { width: 152px;}
.favorite_list .car_list_wrap .fob_area .total_fob { background-color: #ffc;}
.favorite_list .total_fob ul { padding: 5px 0;}
.favorite_list .total_fob li { padding: 2px 0;}

@media screen and (max-width: 767px) {
.favorite_list #contents { border-bottom: 1px solid #0097ec; margin-bottom: 30px;}
.label_fav { margin: 5px 10px 0;}
.favorite_list .fav_txt { margin: 5px 10px 10px;}

.favorite_list .sort_box { background-color: transparent; padding-bottom: 0;}
.favorite_list .sort_box ul { padding-bottom: 0; margin-bottom: 0;}

.favorite_list .fob_area { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%;}
.favorite_list .fob_area ul { overflow: hidden;}
.favorite_list .fob_area li { box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%; float: left; padding: 0 5px;}
}

/*================================== car_at_progress
*/

@media screen and (max-width: 767px) {
.car_at_progress #contents { padding-bottom: 30px;}
.car_at_progress .cap_catch_box { padding: 10px; margin: 10px 10px 30px;}
.car_at_progress .cap_catch_box .catch_txt { font-size: 117%;}
.car_at_progress .cap_catch_box h3 { margin-top: 10px;}
.car_at_progress .cap_catch_box ul { padding-bottom: 10px;}

.inner_link { padding: 0 10px; margin-bottom: -5px;}
.inner_link li { display: inline-block; padding-bottom: 5px;}

.booking_status thead { display: none;}
.booking_status, .booking_status tbody, .booking_status tr, .booking_status th, .booking_status td { display: block; border: none; text-align: left;}
.booking_status { margin: 0;}
.booking_status th { margin: 10px 0 0;}
.booking_status tr { border-bottom: 1px dotted #999;}
.booking_status tr.last-child { border-bottom: none;}
.booking_status .bs_stage { background: url(../img/arw_next0.png) no-repeat 10px 10px; font-weight: bold; padding-left: 20px;}
.booking_status .aC { padding-top: 0; padding-bottom: 0;}

.booking_form .section_inner { border: none;}
.booking_form .section_inner .fL,
.booking_form .section_inner .fR { width: auto; float: none;}

.car_at_progress .car_detail .car_id { padding: 0 10px 2px;}
.car_at_progress .car_detail h4 { font-size: 18px; padding: 0 10px 10px;}
}

/*================================== shiping_agents
*/


@media screen and (max-width: 767px) {
.shiping_agents #contents { padding-bottom: 30px;}
.shiping_agents h2 { padding-left: 10px; padding-bottom: 20px;}

.shiping_agents thead { display: none;}
.shiping_agents .section table, .shiping_agents .section tbody, .shiping_agents .section tr, .shiping_agents .section th, .shiping_agents .section td { display: block; width: auto; border: none; text-align: left;}
.shiping_agents .section table { margin: 0;}
.shiping_agents .section th { margin-top: 10px;}
.shiping_agents .section .shiping_agent_tel { padding-top: 0; line-height: 1.6;}
}

/*================================== account_setting
*/

@media screen and (max-width: 767px) {

.account_setting #contents { padding: 0 10px 30px;}

.account_setting .clearfix > .fL,
.account_setting .clearfix > .fR { float: none;}
.account_setting .clearfix > .fR { text-align: right; padding: 0;}

.customer_info1 { width: auto; margin: 0 0 10px;}
.customer_info0 { width: auto; margin: 0 0 10px;}
.customer_info0, .customer_info0 tbody, .customer_info0 tr, .customer_info0 th, .customer_info0 td,
.customer_info1, .customer_info0 tbody, .customer_info1 tr, .customer_info1 th, .customer_info1 td { display: block;}
.customer_info0 th, .customer_info1 th { margin: 10px 0 5px;}
.customer_info0 td, .customer_info1 td { border-bottom: none; padding: 5px;}
.customer_info0 input[size="40"],
.customer_info1 input[size="40"] {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 100%;
}
.customer_info0 .ci_sub_ttl {
	background: url(../img/arw_next0.png) no-repeat 10px 50%;
	padding: 2px 5px 2px 18px;
	margin: 0;
}
.form_btn { width: auto; margin: 0 -10px;}
.form_btn input { width: 80%;}

.confirm_button input { width: 38%;}
}

/*================================== country introduction
*/

@media screen and (max-width: 767px) {

.country_title { padding-top: 42px;}
.country_title_inner { width: auto; height: auto; padding: 15px 10px 20px;}
.country_title_inner .fL { width: 26%; padding: 4px;}
.country_title_inner .fL img { width: 100%;}
.country_title .fR { width: auto; float: none;}
.country_title .fR h2 { width: 68%; float: right; padding: 12px 0 0;}
.country_title .fR img { width: 100%;}
.country_title .fR p { position: static; clear: both; padding: 10px 0 0;}

#container.country_introduction { padding-top: 10px;}
.country_introduction #contents { font-size: 12px;}

.country_sec { margin: 0 10px 10px;}
.country_recommend { padding: 10px 10px 0;}
.country_recommend h3 { font-size: 14px;}
.country_recommend dl { width: 132px;}
.country_recommend dt img { width: 130px;}
.country_recommend dd a { margin-bottom: 5px;}

.country_introduction .font_change { font-size: 22px; padding: 20px 0 10px;}
.country_introduction .font_change_em { font-size: 16px; padding: 20px 0 10px;}

.country_txt_area { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.country_txt_inner { padding: 10px;}
.country_txt_area .txt_title {
	background-size: auto 40px; -webkit-background-size: auto 40px;
	padding: 20px 0 10px 40px;
	font-size: 14px;
}
.country_txt_area p { line-height: 1.6; padding: 8px 5px;}

.country_ports { padding-bottom: 10px; margin-top: 10px;}
.country_ports_inner { padding: 0 10px;}
.country_ports .clearfix { padding-bottom: 0;}
.country_ports p { line-height: 1.6; padding: 0 5px 10px;}
.country_map { width: auto; padding: 4px; margin: 0;}

.team_photo { padding-bottom: 10px;}
}