@charset "utf-8";

/* トップ調整 */
.vehicle-detail-page #body-wrap{
    width: 1224px;
}

/* ボタンやリンクの整理とUIを最適化する */
.vehicle-details-MainView{
	position: relative;
}

.vehicle-details-MainView .favorite-button-vehicle-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    z-index: 10;
    padding: 15px;
}

.vehicle-details-MainView .bf-btn {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    font-size: 26px;
    line-height: 52px;
}

.vehicle-details-MainView .favorite-button-vehicle-details-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    z-index: 10;
    padding: 15px;
}

.vehicle-details-MainView .bf-btn-mobile {
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 0;
    margin: 0;
    font-size: 32px;
    line-height: 62px;
}

.car-info-flex-area{
    margin-top: 4px;
	margin-bottom: 20px;
}

.car-info-flex-area .vehicle-option-list{
    font-size: 13px;
    margin: 12px 0 0;
}

.sold-area .car-info-flex-area .vehicle-option-list{
	font-size: 13px;
    margin: 12px 0 0;
}

.car-info-flex-area .vehicle-option-list .vehicle-option-list-separator {
    color: #cccccc;
    margin: 0 6px;
}

.car-info-flex{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
    width: 100%;
}

.car-info-flex-box{
    width: 80%;
}

.car-info-flex-box .detail-title-text{
    color: #3A9F05;
    font-size: 16px;
}

.car-info-flex-box img{
    margin-top: 12px;
    margin-right: 8px;
    width: 75px;
}

.car-hybrid-image{
	display: flex;
	margin: 12px 0 0;
}

.car-hybrid-image p{
	margin-left: 20px;
}

.car-info-flex-box .icon-hybrid{
    margin: auto;
    width: auto;
}

.car-hybrid-image .detail-specs-text{
    color: #333333;
    font-size: 16px;
    font-weight: normal;
}

#list-detail .car-info-flex .print{
	text-align: right;
    width: 20%;
}

.car-info-flex .print .bf-btn{
	background: none;
    border: none;
    box-shadow: none;
	color: #3366cc;
	text-decoration: none;
    font-size: 14px;
    padding: 0;
	margin: 0;
    text-transform: none;
	width: auto;
    line-height: 0;
    height: 22px;
}

.car-info-flex .print .icon-print{
	margin: 0 3px 0 8px;
}

.car-info-flex .print .bf-btn .icon-print:before{
	font-size: 16px;
}

.car-info-flex .print .bf-btn:active:hover{
	box-shadow: none;
}

.car-info-sold-box{
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	padding: 0 0 12px;
}

.car-info-sold-box .car-info-area-bottom{
	margin: 0 0 15px;
}

#list-detail .sold-area .car-info-sold-box .detail-icon .find-more-text{
	padding: 0 0 12px;
}

#list-detail .sold-area .car-info-sold-box .detail-icon a{
    font-size: 15px;
}

#list-detail .sold-area .car-info-sold-box .find-more-btn .bf-btn{
	font-size: 14px;
}

.car-info-area-bottom.car-list-detail-box{
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 0;
    width: 100%;
}

.car-bf-btn{
	float: right;
	max-width: 250px;
	width: auto;
}

.car-bf-btn .notifyid{
	text-align: center;
}

.car-bf-btn .notifyme-title-underoffer{
	font-size: 13px;
	padding: 0 20px;
	margin-top: 0;
	margin-bottom: 6px;
}

.car-bf-btn .login-is-text{
	font-size: 14px;
	color: #666666;
}

.car-bf-btn .vehicle-estimate-count.is-underoffer .popular{
	font-size: 12px;
}

.car-bf-btn .vehicle-estimate-count.is-underoffer .count{
	font-size: 13px;
}

.car-bf-btn .vehicle-estimate-count.is-underoffer .text{
	font-size: 13px;
}

#list-detail .car-bf-btn .can-listed-message{
    text-align: center;
}

.pi-expire-text{
	font-size: 13px;
    text-align: center;
    color: #707070;
}

#list-detail .car-list-detail-box .list-detail-box{
	border: none;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	width: 100%;
}

#list-detail .car-list-detail-box .moving-inquiry{
	margin: 0;
}


#list-detail .car-list-detail-box .moving-inquiry .bf-btn{
	font-size: 14px;
    line-height: 40px;
	width: 240px;
	height: 40px;
}

#list-detail .car-list-detail-box .buy-now-button{
    margin-top: 14px;
}

.car-list-detail-box .buy-now-button .button-inquiry-control{
	font-size: 14px;
	line-height: 40px;
	width: 240px;
	height: 40px;
}

#list-detail .car-list-detail-box .pi-expire-timer{
	text-align: center;
}

#list-detail .car-list-detail-box .list-detail-box-underoffer{
	width: 240px;
}

#list-detail .car-list-detail-box .list-detail-box-underoffer p{
	font-size: 16px;
	margin: 10px 0 20px;
}

/* F23-977【ABテスト(下準備)】(ABテスト下準備) #479 PC-南米国Front ページWhats App ボタンABテスト */
#list-detail .car-list-detail-box .whats-app-banner{
    /* display: none; */
    width: 240px;
    margin: 15px 5px 0;
    cursor: pointer;
	display: inline-block;
}

#list-detail .car-list-detail-box .whats-app-banner img{
    width: 240px;
    border-radius: 4px;
	transition: all 0.2s ease-in-out;
}

#list-detail .car-list-detail-box .whats-app-banner img:hover{
	opacity: 0.85;
}

#list-detail .car-list-detail-box .vehicle-estimate-count{
	margin: 25px auto 0;
	padding: 0;
    text-align: center;
    width: 240px;
}

#list-detail .car-list-detail-box .vehicle-estimate-count .count {
	font-size: 13px;
	vertical-align: middle;
}

#list-detail .car-list-detail-box .vehicle-estimate-count .text {
	font-size: 13px;
	font-weight: normal;
	vertical-align: middle;
}

#list-detail .car-underoffer-info-area .detail-icon.car-detail-icon{
	padding-top: 0;
}

.car-list-detail-box .car-detail-box{
	padding-top: 10px;
	overflow: hidden;
	width: 100%;
}

.car-list-detail-box .car-detail-box p{
	font-size: 15px;
	margin-top: 10px;
}

.car-list-detail-box .car-detail-box .find-more-text span{
	font-weight: bold;
}

#list-detail .car-underoffer-info-area .detail-icon.car-detail-icon .find-more-text a{
	border: none;
	padding: 0;
	font-size: 15px;
	height: auto;
}

#list-detail .detail-icon.car-detail-icon{
	margin-top: 20px;
	margin-bottom: 8px;
	padding: 0;
}

#list-detail .detail-icon.car-detail-icon .choose-from-parts{
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

#list-detail .detail-icon.car-detail-icon .korean-stock-info.small-banner{
	text-align: left;
}

.car-detail-icon .choose-from-parts .choose-from-parts-left{
	width: 220px;
}

.auction-text{
	margin-bottom: 20px;
}

.auction-text a{
	line-height: 0;
}

.auction-text img{
	vertical-align: middle;
}

#list-detail .detail-icon .auction-text span{
	margin-left: 10px;
	font-weight: normal;
}

.condition-text a{
	line-height: 0;
}

.condition-text img{
	vertical-align: middle;
}

#list-detail .detail-icon .condition-text span{
	margin-left: 10px;
	font-weight: normal;
}

#list-detail .choose-from-parts-left .fast-shipping{
	position: absolute;
	bottom: 22px;
	left: 20px;
	width: 240px;
	height: 98px;
}

#list-detail .choose-from-parts-left .fast-shipping.lang-space{
	bottom: 39px;
}

#list-detail .choose-from-parts-left .fast-shipping .img-link{
	display: block;
	height: auto;
}

#list-detail .choose-from-parts-left .fast-shipping img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#list-detail .choose-from-parts-left .fast-shipping .text-link{
	display: block;
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.4;
}

.car-detail-icon .choose-from-parts .choose-from-parts-right{
	width: 240px;
}

#list-detail .detail-icon.car-detail-icon a{
	background-position: 18px 7px;
    font-size: 15px;
	margin: 0;
	height: 36px;
}

#list-detail .detail-icon.car-detail-icon .choose-from-parts div .choose-from-text{
	margin-top: 0;
}

.choose-from-parts .parts-search-url-link {
	display: block;
	position: relative;
	width: 240px;
	height: 38px;
	margin: 0;
	padding: 0;
	border: 1px solid #36c;
	border-radius: 4px;
	background-color: #fff;
	background-position: 18px 7px;
	box-shadow: none;
	color: #36c;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
}

.choose-from-parts .parts-search-url-link:hover {
	background-color: #36c;
	color: #fff;
}

.parts-search-url-link .parts-for-this-veh {
	display: block;
	position: absolute;
	top: 8px;
	left: 18px;
	margin: 0;
	padding: 0 0 0 30px;
	background-image: url('/assets/images/veh_detail/parts_icon/parts_icon.png');
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.parts-search-url-link:hover .parts-for-this-veh {
	background-image: url('/assets/images/veh_detail/parts_icon/parts_icon_hover.png');
}

.parts-search-url-link .parts-for-this-veh::after {
	content: '\f105';
	position: absolute;
	right: -10px;
	font-family: 'bf-iconfont';
	font-weight: normal;
	speak: none;
}

#list-detail .car-detail-icon .parts-for-modelcode{
	text-align: center;
    color: #666666;
}

#list-detail .car-detail-icon .free-quality-check.small-banner a{
    display: block;
    height: 100%;
    margin-top: 5px;
    font-size: 12px;
}

#list-detail .car-detail-icon .free-quality-check.small-banner a img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.parts-for-modelcode-text{
    color: #000000;
}

.mt-5{
	margin-top: 5px;
}

.vehicle-share-content{
	display: flex;
    align-items: center;
	justify-content: space-between;
	margin: 25px 0;
}

.vehicle-share-content .share-area-layout{
	padding-top: 0;
    margin-bottom: 0;
}

.vehicle-share-content .dl-pic-area{
	margin: 0;
}

/* vehidecle_specs Pick Up SPECS */
#list-detail.detail-list-renewal {
	position: relative;
}

#list-detail.detail-list-renewal .list-detail-left {
    width: 640px;
    float: left;
}

#list-detail.detail-list-renewal .list-detail-left .fast-shipping {
	position: absolute;
	bottom: 0;
	left: 100px;
	width: 540px;
}

#list-detail.detail-list-renewal .list-detail-left .fast-shipping .img-link {
	display: block;
}

#list-detail.detail-list-renewal .list-detail-left .fast-shipping img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#list-detail.detail-list-renewal .list-detail-left .fast-shipping .text-link {
	display: block;
	text-align: center;
	margin-top: 5px;
	font-size: 13px;
}

#list-detail.detail-list-renewal .list-detail-right {
    width: 540px;
}

#list-detail.detail-list-renewal #imgMain{
    height: auto;
}

#list-detail.detail-list-renewal #imgMain a{
    height: auto;
    min-height: 345px;
}

#list-detail.detail-list-renewal .list-detail-right .list-detail-box .price-col-vehicle-link-area .label-price{
    color: #333333;
    width: 65px;
}

#list-detail.detail-list-renewal .list-detail-right .list-detail-box .price-col-vehicle-link-area .label-total-price{
    color: #333333;
    width: 65px;
}

#list-detail.detail-list-renewal .list-detail-right .list-detail-box .price-col-vehicle-link-area .total-price .label-select-final-country-and-port{
    padding-right: 0;
}

#list-detail.detail-list-renewal .list-detail-right .list-detail-box .price-col-vehicle-link-area hr{
    height: auto;
    border-top: 1px solid #E6E6E6;
    background: none;
}

#list-detail.detail-list-renewal .free-quality-check.large-banner a{
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

#list-detail.detail-list-renewal .free-quality-check.large-banner a img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#mgt #spec.specs-area{
    border: none;
}

#mgt .specs-area .headline{
    background: none;
    border-top: 2px solid #E87513;
    display: flex;
    justify-content: space-between;
    padding: 8px 0px;
    pointer-events: none;
}

#mgt .specs-area .headline .img-icon{
    width: 14px;
    height: 16px;
    vertical-align: text-top;
}

#mgt .specs-area .headline .text-middle{
    vertical-align: middle;
}

.specs-pickup-text{
    color: #707070;
    font-size: 13px;
}

.specs-pickup-h-text{
    font-size: 16px;
    font-weight: bold;
}

.pickup-specification{
    margin: 20px auto;
    text-align: center;
}

.pickup-specification table {
    margin: auto;
    height: 40px;
}

.pickup-specification table tr td{
    border-right: 1px solid #E6E6E6;
    padding: 0 13px;
}

.pickup-specification table tr td:first-child{
    padding-left: 0;
}

.pickup-specification table tr td:last-child{
    border-right: none;
    padding-right: 0;
}

.pickup-specification table tr:first-child td{
    padding-bottom: 7px;
}

.pickup-specification table tr .pickup-specification-text{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width: 202px;
    word-break: break-all;
}

#list-detail .specs-area .specification{
    border-top: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
}

#list-detail .specs-area .specification th{
    border-right: none;
    border-bottom: 1px solid #E6E6E6;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    padding: 7px 10px;
    width: 90px;
}

#list-detail .specs-area .specification td{
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
}

#list-detail .specification tr:not(:last-child) td{
    border-right: 1px solid #E6E6E6;;
}

.specification-comment{
    margin: 15px auto 0;
}

.specification-border-space{
    border-top: 1px solid #E6E6E6;
    margin-top: 20px;
    margin-bottom: 20px;
}

.specification-comment p{
    margin-top: 12px;
}

.specification-comment p:first-child{
    margin-top: 0;
}

#list-detail .specs-area .list-title{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px;
}

.specs-area .remarks ul{
    display: table;
    border-collapse: separate;
    border-spacing: 5px 2.5px;
    margin-left: -5px;
    margin-right: -5px;
}

/* Features 均等 */
.specs-area .remarks li{
    display: table-cell;
    border-radius: 2px;
    padding: 3px 3px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    width: 123px;
    max-width: 127px;
}

.vehicle-specs-box .specs-area .remarks li{
    width: 127px;
    max-width: 130px;
}

.specs-area .remarks .attached_off{
    background:none;
    border: 1px solid #E6E6E6;
    color: #B9B9B9;
    font-weight: normal;
}

.specs-area .remarks .attached_on{
    border: 1px solid #FFDDBF;
    background-color: #FFDDBF;
}

/* country flag */
.specs-pickup-icon{
    font-size: 15px;
    margin-left: 5px;
}

.specs-pickup-icon i{
    width: 25px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    background-image: url(/assets/images/icon_vehicles_stock.png?20231030);
    background-repeat: no-repeat;
    background-size: 50px auto;
}


/* Location国旗 */
/*Japan*/
.specs-pickup-icon .i-47 {
    background-position: -10px -9px;
}

/*Korea*/
.specs-pickup-icon .i-28 {
    background-position: -10px -37px;
}

/*UK*/
.specs-pickup-icon .i-45 {
    background-position: -10px -66px;
}

/*USA*/
.specs-pickup-icon .i-90 {
    background-position: -10px -97px;
}

/*France*/
.specs-pickup-icon .i-56 {
    background-position: -10px -125px;
}

/*Tanzania*/
.specs-pickup-icon .i-40 {
    background-position: -10px -154px;
}

/*Thailand*/
.specs-pickup-icon .i-41 {
    background-position: -10px -182px;
}

/*Zambia*/
.specs-pickup-icon .i-88 {
    background-position: -10px -210px;
}

/*Netherlands*/
.specs-pickup-icon .i-30 {
    background-position: -10px -237px;
}

/*Singapore*/
.specs-pickup-icon .i-35 {
    background-position: -10px -265px;
}

/*UAE*/
.specs-pickup-icon .i-44 {
    background-position: -10px -292px;
}

/*Georgia*/
.specs-pickup-icon .i-57 {
    background-position: -10px -320px;
}

/*Germany*/
.specs-pickup-icon .i-16 {
    background-position: -10px -349px;
}

/*China*/
.specs-pickup-icon .i-125 {
    background-position: -10px -373px;
}

/*South Africa*/
.specs-pickup-icon .i-78 {
    background-position: -10px -403px;
}

/*Taiwan*/
.specs-pickup-icon .i-183 {
    background-position: -10px -430px;
}

/*Mexico*/
.specs-pickup-icon .i-217 {
    background-position: -10px -458px;
}


/* new step-area */
.step1-area.step1-renewal{
    border-top: 2px solid #E87513;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.step1-area.step1-renewal .area-headline{
    background: none;
    font-size: 16px;
    padding: 7px 0;
}

.step1-area.step1-renewal .area-headline img{
    vertical-align: text-bottom;
    margin-right: 7px;
    width: 20px;
    height: 20px;
}

.step-box{
    margin-right: 7px;
    position: relative;
}

/* .step-box::before{
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 60px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
} */

.step1-area.step1-renewal .area-headline .step-arrow-image{
    width: 7px;
    height: 11px;
    vertical-align: baseline;
    margin-left: 7px;
    margin-right: 0;
}

.step1-renewal .step1-area-left{
    padding: 12px 0 0 0;
    margin: 0 0 20px;
}

.step1-renewal .step1-area-right{
    padding: 0;
    margin: 0 0 20px;
}
.step1-renewal .step1-area-right.shipping-method-area{
    margin: 0 0 5px;
}

.step1-renewal .change-country-port-modal{
    background: none;
    min-height: auto;
}

.step1-renewal .change-country-port-modal #change-country-port-body .country-area{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
}

.step1-renewal .change-country-port-modal #change-country-port-body .country-area .item-body{
    width: 388px;
}

.step1-renewal .change-country-port-modal #change-country-port-body .country-area .item-title{
    color: #333333;
    padding: 0;
    line-height: 35px;
    font-size: 13px;
    font-weight: normal;
}

.step1-renewal .final-country-note-zambia{
    color: #D93005;
    margin: 10px 0 5px 0;
}

.step1-renewal .change-country-port-modal #change-country-port-body .item-body .ui{
    font-size: 14px;
    width: 388px;
}

.step1-renewal .change-country-port-modal #change-country-port-body .item-body .ui.change-country-port-dropdown-error {
    margin-bottom:10px;
}

.step1-renewal .change-country-port-modal #change-country-port-body .item-body .ui .search{
    /*cursor: pointer;*/
}

.step1-renewal .change-country-port-modal #change-country-port-body .item-body .ui .text{
    /*cursor: pointer;*/
    font-size: 14px;
    font-weight: bold;
}

.step1-renewal .change-country-port-modal #change-country-port-body .item-body .ui .default.text{
    font-size: 14px;
    font-weight: normal;
}

.port-area{
    display: flex;
    justify-content: space-between;
}

.port-area .item-title{
    font-size: 13px;
}

.port-area .item-body{
    font-size: 14px;
    width: 388px;
}

.port-area .item-body{
    font-size: 14px;
    width: 388px;
}

.port-area .port-area-list{
    display: inline-block;
}

.port-area .port-area-list .port-area-list-message {
    font-size: 13px;
    color: #3E67B1;
}

.port-area .show-prices{
    display: inline-block;
    background: #1697d8;
    box-sizing: border-box;
    border-style: none;
    border-radius: 4px;
    box-shadow: 0px 3px 3px -2px #ccc;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 1;
    padding: 7.5px 0;
    margin-left: 35px;
    text-decoration: none;
    vertical-align: top;
    position: relative;
    width: 140px;
}

.port-area .show-price::before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    right: 40px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.port-area .close-price::before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    right: 20px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.quote-table-renewal #change-country-port-modal{
    background: none;
    border: none;
}

.step1-area .quote-table-renewal tbody td{
    border: none;
    padding: 4px 0px;
}

.step1-area .quote-table-renewal tbody tr{
    border-bottom: 1px solid #707070;
}

.quote-table-renewal #change-country-port-modal .from-port-header{
    background: none;
    border-bottom: none;
    padding: 20px 0px 0px;
}

.quote-table-renewal #change-country-port-modal tr:first-child .from-port-header{
    padding: 8px 0px 0px;
}

.quote-table-renewal #change-country-port-modal .fn-destination-price-row{
    border-bottom: 1px solid #DADADA;
}

.step1-area .quote-table-renewal tbody tr:nth-child(even) td{
    background: none;
    border-bottom: none;
}

.quote-table-renewal .destination-selected{
    color: #D93005;
}

.quote-table-renewal #change-country-port-modal .port-data{
    border-bottom: none;
    padding: 10px 10px 11px;
    position: static;
}

.quote-table-renewal #change-country-port-modal .port-data .fn-quote-form-box{
    position: relative;
}

.quote-table-renewal #change-country-port-modal .port-data .pseudo-destination-label:hover {
    cursor: pointer;
    color: #008CCE;
}

.quote-table-renewal #change-country-port-modal .port-data .port-detail .port-detail-name{
    width: 100%;
}

.quote-table-renewal #change-country-port-modal .service-details-cell.port-data .port-detail .port-detail-name{
    padding-left: 0;
}

.quote-table-renewal #change-country-port-modal .port-data .port-detail .port-detail-name .port-list-message-to-port{
    padding-top: 0;
}

.quote-table-renewal #change-country-port-modal .port-data .port-detail .port-detail-name .port-list-message-delivery{
    padding-top: 0;
}

.quote-table-renewal #change-country-port-modal .port-data .port-detail .port-detail-name .port-list-message-delivery em{
    font-style: initial;
}

.quote-table-renewal #change-country-port-modal .port-data .port-detail .port-list-price,
.quote-table-renewal #change-country-port-modal .port-data .port-detail .ask{
    width: 100%;
}

.quote-table-renewal #change-country-port-modal .port-data .quote-form-alt-port-id-radio + span.mark::before{
    top: 0px;
    left: 0px;
}

.quote-table-renewal #change-country-port-modal .port-data .quote-form-alt-port-id-radio:checked + span.mark::before{
    top: 0px;
    left: 0px;
}

.quote-table-renewal #change-country-port-modal .port-data .quote-form-alt-port-id-radio:checked + span.mark::after{
    top: 5px;
    left: 5px;
}

.quote-table-renewal .fn-total-price-display{
    font-weight: bold;
}

.quote-table-renewal .service-promo-area{
    background: none;
    clear: both;
    overflow: hidden;
    margin: 25px 10px 0;
}

.quote-table-renewal .service-promo-area-left{
    float: left;
    padding: 0;
    /*width: 260px;*/
}

.quote-table-renewal .service-promo-area-right{
    border-top: none;
    float: right;
    padding: 0;
    width: 50%;
}

.quote-table-renewal .promotion-step2{
    border-top: none;
}

.quote-table-renewal .promotion-step2 .promotion-code-area{
    padding: 14px 0 25px;
}

.quote-table-renewal .code_form .promotion_code_text{
    padding: 0;
}

.quote-table-renewal .total-price-discount-area-wrap{
    border-top: 1px solid #DADADA;
    padding: 0px 0px 14px;
}

.shipping-method-area .quote-table-renewal{
    display: flex;
    justify-content: space-between;
}
.shipping-method-area .quote-table-renewal .item-title {
    font-size: 13px;
    color: #333;
}
.shipping-method-area .quote-table-renewal .item-title img {
    transform: translateY(-1px);
}
.shipping-method-area .quote-table-renewal .item-body {
    width: 388px;
    font-size: 14px;
}
.shipping-method-area .quote-table-renewal .item-body .label-container {
    margin-left: 40px;
}
.shipping-method-area .quote-table-renewal .item-body .quote-options-box {
    vertical-align: -4px;
}

#quote-table-area .promotion-step2.promotion-step2-renewal input{
    border-color: #CCCCCC;
    border-radius: 5px 0px 0px 5px;
    font-size: 14px;
    outline: none;
    height: 38px;
}

/* Chrome, Safari 5+, Opera 15+, iOS, Android */
#quote-table-area .promotion-step2.promotion-step2-renewal input::-webkit-input-placeholder {
    font-size: 11px;
}

/* Firefox */
#quote-table-area .promotion-step2.promotion-step2-renewal input::-moz-placeholder {
    font-size: 11px;
}

/* IE 11 */
#quote-table-area .promotion-step2.promotion-step2-renewal input:-ms-input-placeholder {
    font-size: 11px;
}

/* IE Edge */
#quote-table-area .promotion-step2.promotion-step2-renewal input::-ms-input-placeholder {
    font-size: 11px;
}

#quote-table-area .promotion-step2.promotion-step2-renewal input::placeholder {
    font-size: 11px;
}

/* 上記が効かなかった時 */
#quote-table-area .promotion-step2.promotion-step2-renewal input:placeholder-shown {
    font-size: 11px;
}


.quote-table-renewal .service-promo-area h3{
    font-size: 13px;
    margin: 0 0 10px
}

.quote-table-renewal .service-promo-area li{
    font-size: 13px;
    margin: 0 0 16px;
}

.quote-table-renewal .note-not-available{
    color: #707070;
    font-style: initial;
    font-size: 13px;
    font-weight: normal;
    margin: 2px 0 0 27px;
}

.quote-table-renewal input[type=checkbox] {
    display: none;
    width: 18px;
    height: 18px;
    transform: scale(1);
    -moz-transform: scale(1);
	-webkit-transform: scale(1);
    -o-transform: scale(1);
}

.quote-options-box{
    display: inline-block;
    border: 1px solid #707070;
    background: #FFFFFF;
    border-radius: 5px;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.quote-table-renewal input[type=checkbox]:checked + .quote-options-box{
    border-color: #3366CC;
    background: #3366CC;
}

.quote-table-renewal input[type=checkbox]:checked + .quote-options-box::before{
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 0;
    margin-top: 0px;
    width: 4px;
    height: 10px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.quote-table-renewal .service-promo-area-left .service-list input[disabled="disabled"],
.quote-table-renewal .service-promo-area-left .service-list input[disabled="disabled"][checked="checked"],
.quote-table-renewal .service-promo-area-left .service-list input[disabled="disabled"] + .quote-options-box,
.quote-table-renewal .service-promo-area-left .service-list input[disabled="disabled"] + .quote-options-box::before{
    display: none;
}

.quote-table-renewal .service-promo-area-left .service-list input[disabled] + .quote-options-box{
    display: inline-block;
    border-color: #CCCCCC;
    background: #CCCCCC;
}

.quote-table-renewal .service-promo-area-left .service-list input[disabled] + .quote-options-box.checknone{
    display: inline-block;
    border-color: #CCCCCC;
    background: #CCCCCC;
}

.quote-table-renewal .service-promo-area-left .service-list input[disabled="disabled"] + .quote-options-box.checknone{
    display: inline-block;
    border-color: #CCCCCC;
    background: #CCCCCC;
}

.quote-table-renewal .service-promo-area-left .service-list input[disabled="disabled"][checked="checked"] + .quote-options-box{
    display: inline-block;
    border-color: #CCCCCC;
    background: #CCCCCC;
}

.quote-table-renewal .service-promo-area-left .service-list input[disabled="disabled"][checked="checked"] + .quote-options-box::before{
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 0;
    margin-top: 0px;
    width: 4px;
    height: 10px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.quote-table-renewal .service-promo-area-right .service-list input[disabled="disabled"],
.quote-table-renewal .service-promo-area-right .service-list input[disabled="disabled"][checked="checked"],
.quote-table-renewal .service-promo-area-right .service-list input[disabled="disabled"] + .quote-options-box,
.quote-table-renewal .service-promo-area-right .service-list input[disabled="disabled"] + .quote-options-box::before{
    display: none;
}

.quote-table-renewal .service-promo-area-right .service-list input[disabled="disabled"][checked="checked"] + .quote-options-box{
    display: inline-block;
    border-color: #CCCCCC;
    background: #CCCCCC;
}

.quote-table-renewal .service-promo-area-right .service-list input[disabled="disabled"][checked="checked"] + .quote-options-box::before{
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 0;
    margin-top: 0px;
    width: 4px;
    height: 10px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.quote-table-renewal .service-promo-area-left span.available{
    vertical-align: middle;
}

#list-center .quote-table-renewal .fixedTip img{
    vertical-align: middle;
}

.quote-table-renewal .service-list div.warranty-note{
    margin: 4px 0 0 27px;
}

.quote-table-renewal .service-list div.warranty-note-for-ask{
    margin: 4px 0 0 27px;
}

.quote-table-renewal .service-promo-area-left .about-warranty{
    font-size: 13px;
    font-weight: normal;
    margin: 2px 0 0 27px;
}

.quote-table-renewal .service-promo-area-left-not-tanzania-zanzibar {
    float:none;
}

.quote-table-renewal .note-optional{
    font-size: 13px;
    font-style: initial;
    margin: 2px 0 0 27px;
}

.quote-table-renewal .service-list span.domestic-expenses{
    margin-left: 27px;
    font-weight: normal;
}

.quote-table-renewal .note-required{
    color: #D93005;
    font-style: initial;
    margin-left: 27px;
}

.promotion-step2-renewal .promotion-code-area .total-price-discount-area{
    max-width: 300px;
    margin-left: 10px;
    padding-top: 2px;
    height: 15px;
}

.promotion-step2-renewal .promotion-code-area .total-price-discount-area span.price-total{
    color: #666666;
    font-size: 14px;
}

.promotion-step2-renewal .promotion-code-area .total-price-discount-area #selected-promotion-discount-price{
    color: #FF0000;
    text-align: left;
    float: left;
}

.promotion-step2-renewal .org-box{
    padding-top: 0;
    margin-bottom: 25px;
}

.promotion-step2-renewal .org-box .total-price-discount-area{
    max-width: 300px;
    padding-top: 5px;
    height: 15px;
}

.promotion-step2-renewal .org-box .total-price-discount-area span.price-total{
    color: #666666;
    font-size: 14px;
}

.promotion-step2-renewal .org-box .total-price-discount-area #selected-supporters-discount-price{
    color: #FF0000;
    float: left;
}

.promotion-step2-renewal .tromotion_title{
    display: inline;
    color: #666666;
    cursor: pointer;
}

.promotion-step2-renewal .code_form_in{
    height: 50px;
}

.promotion-step2-renewal .code_form_in p{
    height: 44px;
}

.promotion-step2-renewal .code_form_in p button{
    background: #E0E0E0;
    border-color: #CCCCCC;
    border-radius: 0 5px 5px 0;
    bottom: 0;
    color: #555555;
    font-size: 13px;
    padding: 0 11px;
    width: auto;
    height: 40px;
}

.promotion-step2-renewal span.price-total{
    font-size: 16px;
}

.promotion-step2-renewal span.price-quotation{
    color: #707070;
    padding-right: 8px;
}

.promotion-step2-renewal #selected_total_price{
    color: #D93005;
}

.promotion-step2-renewal .org-lead .main{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}

.promotion-step2-renewal .org-list-dl{
    height: 50px;
}

.promotion-step2-renewal .org-list-dl p{
    height: 44px;
}

.promotion-step2-renewal .org-list-dl p button{
    background: #E0E0E0;
    border-color: #CCCCCC;
    border-radius: 0 5px 5px 0;
    bottom: 0;
    color: #555555;
    font-size: 13px;
    padding: 0 11px;
    width: auto;
    height: 40px;
}

.promotion-step2-renewal .org-link{
    margin: 0;
}

.quote-table-renewal .payment-text {
	margin: 15px auto;
}

.quote-table-renewal .payment-text p{
	color: #ff0000;
    font-size: 14px;
    text-align: center;
}

.quote-table-renewal .bf-point-area {
	display: flex;
	align-items: center;
	width: max-content;
	margin: 15px auto;
	padding: 6px 8px;
	background: transparent linear-gradient(326deg, #002895 70%, #004FEF 90%, #002895 100%) 0% 0% no-repeat padding-box;
	color: #FFF;
}
.quote-table-renewal .bf-point-area img{
	transform: translateY(-1px);
}
.quote-table-renewal .bf-point-area .text-group{
	margin-left: 10px;
	text-align: left;
	line-height: 1.3;
}
.quote-table-renewal .bf-point-area .text-group p{
	margin: 0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}
.quote-table-renewal .bf-point-area .text-group span{
	font-size: 11px;
}
.quote-table-renewal .bf-point-area-bonus{
    display: flex;
    align-items: center;
	width: max-content;
	margin: 15px auto 0;
	padding: 6px 8px;
	background-color: #F7F0DF;
	color: #000000;
}

.quote-table-renewal .bf-point-area-bonus img{
	margin-right: 11px;
}
.quote-table-renewal .bf-point-area-bonus .text-group p:first-child{
    font-weight: bold;
    font-size: 14px;
	color: #002895;
}
.quote-table-renewal .bf-point-area-bonus .text-group p:nth-child(2) {
    margin-top: 5px;
    font-size: 12px;
}
.quote-table-renewal .bf-point-area-bonus .text-group p:nth-child(2) span{
    font-weight: bold;
}


/* new step2-area */
.step2-area.step2-renewal{
    border-top: 2px solid #E87513;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.step2-area.step2-renewal .area-headline{
    background: none;
    font-size: 16px;
    padding: 7px 0;
}

.step2-area.step2-renewal .area-headline img{
    width: 19px;
    height: 15px;
    margin-right: 7px;
}

.step2-area.step2-renewal .area-headline .step-arrow-image{
    width: 7px;
    height: 11px;
    vertical-align: baseline;
    margin-left: 7px;
    margin-right: 0;
}

#mgt .step2-area.step2-renewal .user-info-table td input,
#mgt .step2-area.step2-renewal .user-info-table td select{
    border-color: #CCCCCC;
    height: 38px;
}

.step2-area.step2-renewal .user-info-table td h3{
    color: #666666;
}

.step2-renewal .buy-now-button-vehicle-detail-renewal .button-inquiry-control{
    width: 374px;
    height: 66px;
}

.notification-wrap span{
    font-size: 16px;
    font-weight: bold;
    color: #D93005;
}

.notification-wrap p {
    padding-top: 3px;
}

/* zoom slider area */
.vehicle-zoom-block{
    cursor: pointer;
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 40px;
    height: 40px;
    z-index: 10;
}

.vehicle-zoom{
    display: inline-block;
    padding: 10px 11px;
}

#fn-port-area-list-message em {
    font-style: initial;
    font-weight:bold;
}

/* quote_form */
#fn-port-area-list-message.fn-port-area-list-message-default {
    color:#000000;
}
#fn-port-area-list-message.fn-port-area-list-message-delivery {
    color:#008000;
}
#fn-port-area-list-message.fn-port-area-list-message-port {
    color:#3E67B1;
}

/* THE KEYWORDS OF THIS VEHICLE */
.same-genre-item-box{
    margin: 0 auto 60px;
    width: 980px;
}

/* customer-reviews-and-ratings */
.customer-reviews-and-ratings-box #customer-reviews-and-ratings{
    width: 980px;
}

/* vehicle-description */
#content .vehicle-description-box .vehicle-description{
    display: table;
    margin: auto;
    width: 980px;
}

#list-detail.detail-list-renewal .sold-area .seo-content{
    margin: auto;
    padding-left: 35px;
    width: 980px;
}

#list-detail.detail-list-renewal .sold-area .contact-info-area{
    margin: 40px auto 0;
    width: 980px;
}


.quote-table-renewal #change-country-port-modal .fn-quote-form-row.fn-quote-form-row-bg-default,
.quote-table-renewal #change-country-port-modal .port-data.port-data-bg-default {
    background-color: #FFFFFF;
}

.quote-table-renewal #change-country-port-modal .fn-destination-price-row.fn-destination-price-row-bg-selected,
.quote-table-renewal #change-country-port-modal .fn-destination-price-row .fn-quote-form-row.fn-quote-form-row-bg-selected,
.quote-table-renewal #change-country-port-modal .fn-destination-price-row .port-data.port-data-bg-selected {
    background-color: #D5F1FF;
}

.buynow-price-loader-wrap {
    text-align: right;
}

.buynow-price-loader-wrap-top {
    margin-top: -4px;
}

.buynow-price-loader-wrap-bottom {
    margin: 10px;
}

.buynow-price-loader {
    display: none;
    width: 20px;
}

.buynow-price-loader-top {
    vertical-align: -5px;
}
.buynow-price-loader-row {
    vertical-align: -18px;
}

.buynow-price-loader-bottom {
    width: 54px;
}

/* PayPal Paylater */
.pp-message {
    margin: 15px 0 0;
}

/* SIMILAR AND RELATED VEHICLES */
.recommend-container {
	width: 980px;
	margin: auto;
}

.recommend-container-area {
	margin-bottom: 25px;
}

.recommend-container-area .headline {
	border: 1px solid #e1e1e1;
}

/* recommend parts */
.recommend-parts-contents {
	position: relative;
	height: 200px;
	min-height: 200px;
	margin: 0 10px 16px;
}

.recommend-parts-contents .similar-area {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	width: 100%;
}

.recommend-parts-contents .entry {
	box-sizing: border-box;
	width: 160px;
	padding: 10px 10px 4px;
}

.recommend-parts-contents .entry.recommend-parts-col-3 {
	width: 160px;
}

.recommend-parts-contents .thumbnail-block {
	display: block;
	font-family: Arial;
	line-height: 110%;
}

.recommend-parts-contents .thumbnail-block a {
	text-decoration: none;
}

.thumbnail-block .fn-image-resize-section {
	margin-bottom: 5px;
}

.thumbnail-block .thumbnail-block-image {
	width: 100%;
	height: auto;
}

.recommend-parts-contents .item-detail-block {
	line-height: 1.4em;
}


.item-detail-block .text-used-gray {
	color: #888;
	font-size: 12px;
}

.item-detail-block .text-used {
	color: #000000;
	font-size: 12px;
}

.item-detail-block .item-name {
	height: calc(1.4em * 4);
	margin-bottom: 9px;
}

.item-name .tile-name {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.recommend-parts-contents .thumbnail-block:hover p.tile-name {
	text-decoration: underline;
}

.recommend-parts-contents .thumbnail-block:hover header.item-name p {
	text-decoration: underline;
}

.item-detail-block .item-price {
	color: #008000;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.item-price .tile-price.tile-price-save {
	color: #ff0000;
}

.item-price .text-save {
	color: #ff0000;
	font-weight: bold;
}

.item-price .text-save-small {
	color: #ff0000;
	font-size: 11px;
}

.icon-btn-wrapper .item-status:hover {
	text-decoration-line: none;
}

.icon-btn-wrapper .exa-icon-text {
	border: 0;
	border-radius: 2px;
	text-align: center;
}

.text-gray-505050 {
	color: #505050;
}

.text-thumbnail {
	margin-bottom: 5px;
}