@charset "UTF-8";
.bold {
font-weight: bold; }

.container {
width: 1024px;
margin: 0 auto; }
@media screen and (width: 1280px){
.container {
width: 85%;
margin: 0 auto; }
}
.container:before,
.container:after {
content: '';
display: table;
width: 100%;
clear: both; }

.search-result {
padding: 16px 0 60px;
min-height: 450px;
 }
.search-result .ms-error {
border: 2px dotted #de0000;
background-color: #ffe2e1;
margin-left: 0;
margin-right: 0;
border-radius: 4px;
}
.search-result .ms-error .fs-16 {
    font-size: 12px;
    font-weight: normal;
}
.search-result .title-page {
font-size: 2.4em;
padding-left: 25px;
font-weight: bold;
position: relative;
margin-top: 10px;
margin-bottom: 15px;}
.search-result .title-page:before {
content: '';
width: 21px;
height: 21px;
background: #196FB9;
position: absolute;
left: 0;
top: 8px; }
.search-result .title-page:after {
content: '';
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 9px solid #fff;
position: absolute;
left: 7px;
top: 13px; }
.title-area {
font-size: 14px;
margin-top: 10px;
margin-bottom: 15px;}
.title-area strong {
font-weight: bold;}
.search-result .title-search {
/*margin-top: 13px;*/
margin-bottom: 15px;
color: inherit;
font-size: 18px;
display: block;
padding-left: 25px;
background: url("../images/search_result/icon/icon_check.svg") no-repeat left 7px;
-webkit-background-size: 15px 14px;
background-size: 15px 14px; }
.search-result .search-box-body .search-agenda-wrap {
width: auto;
margin-top: 0;
background: #363636;
padding: 35px 70px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.search-result .search-box-body .label-search {
width: auto;
display: block;
padding-top: 0;
background: none;
float: none;
text-align: left; }
.search-result .search-box-body .search-agenda-ul {
padding-right: 15px; }
.search-result .search-agenda-ul.agenda2 {
padding-right: 0; }
.search-result .search-box-body .ul-time.firs-ul-time {
width: 29%; }
.search-result .search-box-body div.search-agenda-li {
display: block;
float: left;
width: 71%;
padding-right: 5px; }
.search-result .search-box-body .search-agenda-ul li.koumoku:first-child {
padding-bottom: 5px; }
.search-result .search-box-body .margin-bottom10px td.td-left,
.search-result td.tdr-left {
padding-right: 5px; }
.search-result .search-box-body .margin-bottom10px td.td-right,
.search-result td.tdr-right {
padding-left: 5px; }
.search-result .search-box-body label {
/*border: none !important;*/ }
.search-result select {
outline: none; }
.search-result .search-box-body .btn-content {
text-align: center; }
.search-result .search-box-body .bt-yellow {
background: #FF7600;
height: 48px;
font-size: 16px;
width: 538px;
padding: 0; }

.show-hide-list-car {
text-align: center; }
.show-hide-list-car span {
display: inline-block;
position: relative; }
.show-hide-list-car span:after {
content: ''; }

.car-list-content:before,
.car-list-content:after {
content: '';
display: table;
width: 100%; }

.car-list-content {
color: #fff; }

.show-hide-car-btn {
text-align: center;
font-weight: bold;
padding: 12px 0;
cursor: pointer;
margin: 12px auto;
width: 538px;
border: 1px solid #fff;
border-radius: 6px; }
.show-hide-car-btn span {
display: inline-block;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 11px solid #fff;
margin-left: 5px; }
.show-hide-car-btn.active span {
border-top: none;
border-bottom: 11px solid #fff;
margin-left: 5px;}

.show-hide-car {
margin-left: -6px;
margin-right: -6px;}
.show-hide-car ul.ul-list-car li {
width: 12.5%;
float: left;
padding: 12px 6px 0;
text-align: center;
position: relative; }
.show-hide-car ul.ul-list-car li input {
position: absolute;
bottom: 0;
right: 0;
z-index: 10;}
.show-hide-car ul.ul-list-car li input#cartype08 {
bottom: -1px; }
.show-hide-car ul.ul-list-car li label {
display: block;
background: #848484;
padding: 10px;
height: 115px;
cursor: pointer;
position: relative; 
border-radius: 9px;
}
.show-hide-car ul.ul-list-car li label .car-name {
line-height: 1;
height: 30px;
margin-bottom: 5px;
display: block;
font-size: 12px; }
.show-hide-car ul.ul-list-car li label .car-img {
display: table;
height: 35px;
margin: 0 auto;
vertical-align: middle; }
.show-hide-car ul.ul-list-car li label .car-img svg {
    fill: #fff; }
.show-hide-car ul.ul-list-car li label .car-img.car1 svg {
    width: 52px;
    height: 22px; }
.show-hide-car ul.ul-list-car li label .car-img.car2 svg {
    width: 45px;
    height: 28px; }
.show-hide-car ul.ul-list-car li label .car-img.car3 svg {
    width: 69px;
    height: 26px; }
.show-hide-car ul.ul-list-car li label .car-img.car4 svg {
    width: 45px;
    height: 26px; }
.show-hide-car ul.ul-list-car li label .car-img.car5 svg {
    width: 51px;
    height: 35px; }
.show-hide-car ul.ul-list-car li label .car-img.car6 svg {
    width: 51px;
    height: 23px; }
.show-hide-car ul.ul-list-car li label .car-img.car7 svg {
    width: 45px;
    height: 24px; }
.show-hide-car ul.ul-list-car li label .car-img.car8 {
    height: 95px; }
.show-hide-car ul.ul-list-car li label .car-img .table-cel {
    width: 0;
    height: 35px;
    display: table-cell; }
.show-hide-car ul.ul-list-car li label .car-img .table-cel2 {
    display: table-cell;
    vertical-align: middle; }
.show-hide-car ul.ul-list-car li label .car-img img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; }
.show-hide-car ul.ul-list-car li label .car-seat {
display: block;
padding-top: 10px;
font-size: 10px; }
.show-hide-car ul.ul-list-car li input[type="checkbox"]:checked + label {
background: #196FB9; }
.show-hide-car ul.ul-list-car li .car-price-hire {
font-size: 16px;
font-weight: bold;
padding-top: 8px;
display: block; }
.relative {
position: relative;}
.car-sub-title {
font-weight: bold;
padding-left: 6px; }

.package-selection {
padding: 30px 6px 0; }
.package-selection li {
padding-bottom: 22px; }
.package-selection .label-title {
display: inline-block;
font-size: 14px;
font-weight: bold;
width: 77px; }
.package-selection .grp-radio {
display: inline-block;
font-size: 14px;
position: relative; }
.package-selection .grp-radio input {
opacity: 0;
position: absolute; }
.package-selection .grp-radio label {
width: 184px;
display: inline-block;
text-align: center;
background: #8D8D8D;
margin-right: 12px;
padding: 6px;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.package-selection .grp-radio label img {
width: 26px;
height: 25px;
display: inline-block; }
.package-selection input[type="radio"]:checked + label {
background: #196FB9; }
.package-selection .cigarettes img,
.package-selection .unspecified img {
position: relative;
top: 2px; }

.map-content h2.sub-title {
font-size: 18px;
font-weight: bold;
margin-top: 100px;
margin-bottom: 15px; }
.map-content #map {
height: 355px;
margin-bottom: 50px; }
.list-search-result {
    position: relative;
}
.list-search-result .head-search-result {
border-bottom: 1px solid #C1C1C1; }
.list-search-result .sort-content,
.list-search-result .refine-company {
float: right;
position: relative;
font-size: 16px;}
.list-search-result .refine-company{
float: left;
position: relative;
font-size: 16px; }
#filterList.show-hide-refine-company input[type='checkbox'] {
position: absolute;
opacity: 0;
width: 100%;
height: 33%;
z-index: 1;
}
#filterList.show-hide-refine-company li {
float: left;
padding: 5px;
position: relative;
}
#filterList.show-hide-refine-company .btn-grp .btn-delete-choose {
background: #007bff;
border: 1px solid #007bff;
color: #fff;
padding: 5px 30px;
margin-right: 8px;
cursor: pointer;
outline: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#filterList.show-hide-refine-company label {
display: block;
text-align: center;
background: #fff;
padding: 7px 15px;
border: 1px solid #bcbcbc;
cursor: pointer;
font-size: 11px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
#filterList.show-hide-refine-company input[type="checkbox"]:checked + label {
background: #196FB9;
color: #fff;
border-color: #196fb9; }

#filterList.show-hide-refine-company .btn-grp .btn-clear {
-webkit-appearance: none;
padding: 0 16px;
border: 1px solid #d9d9d9;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
color: #212121;
}

.list-search-result .pc-sort li {
float: left; }
.list-search-result .pc-sort li a {
color: #707070;
padding: 0 25px 10px;
display: block;
text-decoration: none;
position: relative; }
.list-search-result .pc-sort li a.active {
color: #000;
font-size: 18px;
font-weight: bold;
}
.list-search-result .pc-sort li a.active:before {
content: '';
position: absolute;
bottom: -1px;
width: 100%;
left: 0;
right: 0;
height: 1px;
background: #000; }
.list-search-result .refine-company {
padding-left: 25px; }
.list-search-result .refine-company .arrow {
position: relative;
cursor: pointer; }
.list-search-result .refine-company .arrow span {
display: inline-block;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 11px solid #625656;
margin-left: 25px; }
.list-search-result .refine-company .arrow.active.arrow span {
border-top: none;
border-bottom: 11px solid #625656; }

.refine-company-item {
padding: 40px 60px;
border: 1px solid #bcbcbc;
margin-top: 24px;
margin-bottom: 30px;
position: relative; }
.refine-company-item:has(.refine-item-hightlight) {
padding: 60px 60px 40px;
}
.refine-company-item .refine-item-hightlight {
position: absolute;
top: 0;
left: 0;
padding: 10px;
font-size: 16px;
background: #69a84f;
color: white;
width: 100%;
font-weight: bold; }
.refine-company-item .refine-company-name {
float: left; padding-top:5px;}
.refine-company-item .dis-count {
float: right;
display: inline-block; }
.refine-company-item .dis-count .bg-blue,
.refine-company-item .dis-count .bg-green {
display: inline-block;
padding: 5px 15px;
color: #fff;
font-size: 14px;
font-weight: bold;
margin-left: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.refine-company-item .dis-count .bg-blue {
background: #5C9EE0; }
.refine-company-item .dis-count .bg-green {
background: #14B1B1; }
.refine-company-item .refine-item-title {
margin: 15px 0 25px;
font-size: 26px;
font-weight: bold;
position: relative;
padding-left: 22px;
line-height: 1.2; }
.refine-company-item .refine-item-title:before {
content: '';
position: absolute;
background: #454545;
top: 3px;
left: 0;
width: 6px;
height: 26px; }
.refine-company-item .refine-body-item {
border-bottom: 1px solid #bcbcbc;
padding-bottom: 17px;
margin-bottom: 17px; }
.refine-company-item .refine-item-img,
.refine-company-item .refine-item-option,
.refine-company-item .refine-item-price {
float: left; }
.refine-company-item .refine-item-img {
width: 28.5%; }
.refine-company-item .refine-item-option {
width: 49.5%;
padding: 0 15px; }


.refine-company-item .refine-item-option p {
margin-top: -2px;
font-size: 20px;
font-weight: bold;
color: #196FB9;
text-decoration: none ;
line-height: 1; }
.refine-company-item .refine-item-option p:hover{
text-decoration: underline;
}
.refine-company-item .refine-item-option .uti-top {
margin-bottom: 11px;
margin-top: 19px; }
.refine-company-item .refine-item-option .uti-top label {
display: inline-block;
float: left;
padding-left: 5px;
text-align: center;
width: 33.3%;
font-size: 14px; }
.refine-company-item .refine-item-option .uti-top label span {
display: block;
padding: 8.5px 5px;
border: 1px solid #bcbcbc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.refine-company-item .refine-item-option .uti-top label.disabled span {
opacity: .5;
background: #c7c6c6; }
.refine-company-item .refine-item-option .uti-top label:first-child {
padding-left: 0; }
.refine-company-item .refine-item-option .uti-under {
margin-left: -2.5px;
margin-right: -2.5px; }
.refine-company-item .refine-item-option .uti-under label {
float: left;
padding: 0 2.5px 5px;
text-align: center;
font-size: 14px; }
.refine-company-item .refine-item-option .uti-under label span {
display: block;
padding: 9px 23px;
background: #EAF4FD;
border: 1px solid #D6EBFD;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 11px 18px; }
.refine-company-item .refine-item-option .uti-under label.disabled span {
opacity: .9;
background: #fff;
color: #adadad; }
.refine-company-item .refine-item-option .uti-under label:first-child {
padding-left: 0; }
.refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 9px 24px 9px 25px; }
.refine-company-item .refine-item-option .uti-under.uti-under2 label:first-child span {
padding: 11px 18px 11px 19px; }
.refine-company-item .refine-item-price {
width: 22%;
border: 1px solid #bcbcbc;
height: 178px;
text-align: center; }
.refine-company-item .refine-item-price .title-price {
font-size: 15px;
display: block; }
.refine-company-item .refine-item-price .red-price {
display: block;
padding-top: 10px;
font-size: 27px;
font-weight: bold;
color: red; }
.refine-company-item .refine-item-price .dis-table {
width: 100%;
height: 178px; }
.refine-company-item .refine-item-price .dis-table-cell {
vertical-align: middle; }

.memo-info {
margin-bottom: 30px; }
.memo-info ul {
margin-left: -8px; }
.memo-info li {
font-size: 14px; }
.memo-info strong {
font-weight: bold; }

.btn-result-link {
display: block;
width: 100%;
font-size: 22px;
color: #fff;
text-decoration: none;
background: #FF7900;
padding: 7px 10px;
border-radius: 30px;
text-align: center; }
.btn-result-link:hover {
opacity: 0.9; }
.btn-result-link span {
display: inline-block;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 11px solid #fff;
margin-left: 20px; }

.memo-note {
margin-top: 30px;
margin-bottom: 35px; }
.memo-note li {
position: relative;
padding-left: 10px;
font-size: 16px; }
.memo-note li:before {
content: '※';
position: absolute;
left: 0;
top: 2px; }

/*fix search box */
.search-result .radio-grb {
margin-bottom: 6px; }

@media screen and (max-width: 1024px) {
/*fix search box */
.search-result .search-box-body .search-agenda-ul li.koumoku:first-child {
margin-bottom: 0; }

.search-result .search-box-body .plce-pos .flag_select {
margin-top: 0;
margin-bottom: 6px; }

.search-result .search-box-body .d_flag_select, .search-box-body .r_flag_select {
padding-top: 6px; }

/*.END fix search box */
.container {
width: 100%;
padding: 0 12px; }

.search-result .title-search {
margin-top: 13px;
margin-bottom: 15px;
font-size: 18px;
display: block;
padding: 0 0 0 25px; }

.map-content h2.sub-title {
margin-top: 40px; }

.search-result .search-box-body .d_flag_select {
border-bottom: none; }

.lb-sp {
display: none; }

.search-result .bt-size-type02 {
padding-top: 18px;
padding-bottom: 17px; }

.refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 11px 26px 11px 27px; }

.refine-company-item .refine-item-option .uti-under label span {
padding: 11px 20px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 11px 16px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label:first-child span {
padding: 12px 19px 11px 20px; }

.refine-company-item .refine-item-option .uti-top {
margin-top: 13px; } }
@media screen and (max-width: 1023px) {
.search-result .search-box-body .search-agenda-ul {
width: 100%;
float: none;
padding-right: 0; }

.search-box-body .ul-time {
width: 29%; }

.package-selection .grp-radio label {
width: 152px; }

.show-hide-car ul.ul-list-car li {
width: 25%;
padding: 8px 4px 0;
margin-bottom: 5px; }

.refine-company-item {
padding: 40px 20px; }

.refine-company-item:has(.refine-item-hightlight) {
padding: 60px 20px 40px;
}

.refine-company-item .refine-item-img {
width: 35%; }

.refine-company-item .refine-item-option {
width: 65%;
padding: 0 0 0 15px; }

.refine-company-item .refine-item-option .uti-under label span,
.refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 11px 26px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 11px 20px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label:first-child span {
padding: 12px 21px 11px 22px; }

.refine-company-item .refine-item-price {
float: none;
display: inline-block;
width: 100%;
height: auto;
border: none; }

.refine-company-item .refine-item-price .dis-table {
background: #FFFFD3;
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px; }

.refine-company-item .refine-item-price .red-price {
padding-top: 0;
padding-left: 25px; }

.refine-company-item .refine-item-price .red-price,
.refine-company-item .refine-item-price .title-price {
display: inline-block;
vertical-align: middle; }

.refine-company-item .refine-item-price .title-price br {
display: none; } }
@media screen and (max-width: 812px) and (orientation: landscape) {
.refine-company-item .refine-item-img {
width: 28.5%; }

.refine-company-item .refine-item-option .uti-top {
margin-top: 12px; }

.refine-company-item .refine-item-option {
width: 49.5%;
padding: 0 15px; }

.refine-company-item .refine-item-price {
width: 22%;
border: 1px solid #bcbcbc;
height: 147px;
text-align: center; }

.refine-company-item .refine-item-price .dis-table {
width: 100%;
height: 147px;
background: none; }

.refine-company-item .refine-item-price .title-price br {
display: block; }

.refine-company-item .refine-item-price .red-price {
padding-left: 0; }

.refine-company-item .refine-item-option .uti-top label span {
display: block;
padding: 7px 5px; }

.refine-company-item .refine-item-option .uti-under label span {
padding: 5px 13px; }

.refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 5px 14px 5px 15px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 7px 10px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label:first-child span {
padding: 7px 11px 7px 11px; } }
@media screen and (max-width: 767px) {
.show-hide-car ul.ul-list-car li .car-price-hire{
font-size: 12px;
color:initial;
white-space: nowrap;
height:28px;
}
.dep-des-map {
border: 1px solid #707070;
margin-bottom: 12px;
padding: 12px 10px 0; }
.dep-des-map li {
position: relative;
padding-left: 45px;
padding-bottom: 10px; }
.dep-des-map li.li-dep-road {
background: url("../images/search_result/icon/sp/icon_line.svg") repeat-y;
background-position-x: 8px; }
.dep-des-map li:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 21px;
height: 21px;
background: #fff;
border: 5px solid #196FB9;
border-radius: 50%;
box-sizing: border-box; }
.dep-des-map li .title-dep,
.dep-des-map li .title-des {
background: #196FB9 url("../images/search_result/icon/sp/icon_dep.svg") no-repeat 15px center;
-webkit-background-size: 18px 12px;
background-size: 18px 12px;
padding: 3px 10px 3px 45px;
position: relative;
font-size: 12px;
font-weight: bold;
color: #fff; }
.dep-des-map li .title-dep:before,
.dep-des-map li .title-des:before {
    content: '';
    position: absolute;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 23px solid #196FB9;
    top: 8px;
    left: -23px; }
.dep-des-map li .title-des {
background: #196FB9 url("../images/search_result/icon/sp/icon_des.svg") no-repeat 15px center;
-webkit-background-size: 18px 12px;
background-size: 18px 12px; }
.dep-des-map li .line-dep-road,
.dep-des-map li .line-des-road {
/*border-left: 5px solid #196FB9;
padding-left: 15px;*/
margin: 5px 0 0 5px;
font-size: 16px;
font-weight: bold; }

/* .breadcrumb {
display: none; } */

.search-result {
padding-top: 12px;
padding-bottom: 0;
border-top: 1px solid #e0e0e0;
}

.search-result .bg-sp {
padding-top: 15px;
padding-bottom: 20px;
background: #FFF;
border-top: 1px solid #D9D9D9; }


.btn-show-hide-search-box {
background: #196FB9;
color: #fff;
text-align: center;
font-size: 17px;
font-weight: bold;
padding: 8px 0;
border-radius: 4px;
position: relative; }
.btn-show-hide-search-box:after {
content: '';
position: absolute;
top: 16px;
right: 15px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 11px solid #fff; }
.btn-show-hide-search-box.active {
border-radius: 4px 4px 0 0; }
.btn-show-hide-search-box.active:after {
border-top: none;
border-bottom: 11px solid #fff; }

.search-result .search-box-body .search-agenda-wrap {
width: auto;
margin-top: 0;
padding: 25px;
border-color: #707070;
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.search-result .search-box-body .search-agenda-wrap-2 {
padding-top: 9px;
}
.search-result .search-box-body .no-border {
border: unset;
}

.search-result .search-box-body .label-search {
color: initial; }

.search-result .search-box-body .label-search {
border-bottom: 2px solid #4588C1 !important;
border-radius: 0;
margin-bottom: 10px;
margin-right: 0;
padding-bottom: 0;
font-weight: bold; }

.search-result .get-info-calendar {
height: 47px;
padding-top: 12px; }

.search-result .search-box-body .calicon .input-type01, .search-box-body .ul-time select {
height: 47px; }

.search-result .search-agenda-ul.agenda2 {
padding-left: 0; }

.search-result .bt-size-type02 {
padding: 12px 0; }
.search-result .bt-radio-area,
.search-result .bt-check-area {
border: 1px solid #bcbcbc !important;
background-color: #f5f5f5;
background: -moz-linear-gradient(top, #fff 0%, #e6e5e5 100%);
background: -webkit-linear-gradient(top, #fff 0%, #e6e5e5 100%);
background: linear-gradient(to bottom, #fff 0%, #e6e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e5e5', GradientType=0); }

/* .search-box-body .plce-pos label.bt-radio-area.active,
.search-box-body .plce-pos label.bt-check-area.active {
border: 1px solid #196FB9 !important;
background: #196FB9; } */

.search-result .search-box-body .search-agenda-ul li.koumoku:first-child {
padding-bottom: 8px; }

.search-box-body .search-agenda-ul li.koumoku {
margin-top: 0; }

.search-result .search-box-body .d_flag_select, .search-box-body .r_flag_select {
padding-top: 8px; }

.search-result .search-box-body .calicon:after {
top: 12px; }

.search-result .search-box-body .plce-pos .flag_select {
height: 47px; }

.search-result .radio-grb label {
padding-top: 9px; }

.search-result .radio-grb label:before {
top: 9px; }

.search-result .radio-grb label:after {
top: 14px; }

.search-result .show-hide-car-btn {
color: initial;
padding: 12px 0 15px;
width: auto;
margin-top: 0;
margin-bottom: 0;}

.search-result .show-hide-car-btn span {
border-top-color: #000; }

.search-result .show-hide-car ul.ul-list-car li label {
height: 70px;
padding: 7px 0; }

.search-result .show-hide-car ul.ul-list-car li label .car-name {
font-size: 10px;
height: 16px;
margin-bottom: 4px; }

.search-result .show-hide-car ul.ul-list-car li label .car-name.fz8 {
font-size: 8px; }

.search-result .show-hide-car ul.ul-list-car li label .car-seat {
font-size: 8px;
padding-top: 0; }

.show-hide-car ul.ul-list-car li label .car-img {
display: block;
height: 25px;
vertical-align: middle;
text-align: center; }

.show-hide-car ul.ul-list-car li label .car-img .table-cel {
display: none; }

.show-hide-car ul.ul-list-car li label .car-img .table-cel2 {
display: block;
vertical-align: middle; }

.search-result .show-hide-car-btn.active span {
border-bottom: 11px solid #000; }

.search-result .search-box-body .bt-yellow {
width: 100%;
-webkit-box-shadow: 0px 2px 0px 0px #b2520c;
-moz-box-shadow: 0px 2px 0px 0px #b2520c;
box-shadow: 0px 2px 0px 0px #b2520c; }

.search-result .show-hide-car ul.ul-list-car li label .car-img.car1 svg {
width: 38px;
height: 16px; }

.search-result .show-hide-car ul.ul-list-car li label .car-img.car2 svg {
width: 34px;
height: 21px; }

.search-result .show-hide-car ul.ul-list-car li label .car-img.car3 svg {
width: 49px;
height: 19px; }

.search-result .show-hide-car ul.ul-list-car li label .car-img.car4 svg {
width: 37px;
height: 21px; }

.search-result .show-hide-car ul.ul-list-car li label .car-img.car5 svg {
width: 35px;
height: 24px; }

.search-result .show-hide-car ul.ul-list-car li label .car-img.car6 svg {
width: 37px;
height: 17px; }

.search-result .show-hide-car ul.ul-list-car li label .car-img.car7 svg {
width: 34px;
height: 18px; }

.search-result .car-sub-title {
color: initial;
border-bottom: 2px solid #4588C1;
margin-bottom: 4px; }

.search-result .package-selection .label-title {
color: initial;
display: block;
width: auto;
border-bottom: 2px solid #4588C1;
margin-bottom: 11px;
padding-left: 4px; }

.package-selection {
padding: 15px 6px 0; }

.show-hide-car ul.ul-list-car li label .car-img.car8 {
height: 63px;
font-size: 10px;
padding-top: 22px; }

.package-selection .grp-radio label {
width: 100%;
margin-right: 6px;
padding: 6px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }

.package-selection .grp-radio.unspecified label,
.package-selection .grp-radio label.unspecified2 {
margin-right: 0; }

.package-selection li {
padding-bottom: 15px;
margin-left: -4px;
margin-right: -4px; }
.package-selection li:before, .package-selection li:after {
content: '';
display: table;
width: 100%; }

.package-selection .grp-radio {
display: block;
width: 33.33333%;
float: left;
padding: 0 4px; }

.search-box-body .btn-content {
margin: 20px 0 0; }

.map-content {
display: none;
background: #F7F7F7; }

.search-result .title-page {
font-size: 16px;
padding-top: 7px;
margin-bottom: 8px; }

.tab-show-hide {
border-bottom: 5px solid #196FB9; }
.tab-show-hide .title-refine,
.tab-show-hide .sp-sort {
float: left;
width: 50%; }
.tab-show-hide .title-refine {
padding-right: 1px; }
.tab-show-hide .title-refine span {
display: block; }
.tab-show-hide .title-refine span,
.tab-show-hide .sp-sort {
border: 1px solid #196FB9;
padding: 5px 5px 3px;
font-size: 16px;
font-weight: bold;
text-align: center;
border-radius: 4px 4px 0 0;
margin-bottom: -1px; }
.tab-show-hide .title-refine span svg,
.tab-show-hide .sp-sort svg {
width: 13px;
height: 18px;
fill: #196FB9;
vertical-align: middle;
margin-right: 5px;
position: relative;
top: -2px; }
.tab-show-hide .title-refine span.active,
.tab-show-hide .sp-sort.active {
background: #196FB9;
color: #fff; }
.tab-show-hide .title-refine span.active svg,
.tab-show-hide .sp-sort.active svg {
    fill: #fff; }
.tab-show-hide .title-refine span svg {
width: 12px;
height: 12px; }

.head-search-result {
position: relative;
z-index: 10; }

.list-search-result .pc-sort:after {
display: none; }

.list-search-result .sort-content {
float: none; }

.search-result .title-page:before {
width: 16px;
height: 16px;
top: 11px; }

.search-result .title-page:after {
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #fff;
left: 5px;
top: 15px; }

.map-content h2.sub-title {
font-size: 16px;
margin-top: 15px; }
.map-content #map {
margin-bottom: 0; }
.map-content p.check_reminder {
font-size: 14px;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 25px;
background: #fff; }

.btn-head-grb {
margin: 30px -15px 15px;
border-bottom: 2px solid #bcbcbc;
padding: 0 15px 12px; }
.btn-head-grb li {
width: 50%;
float: left; }
.btn-head-grb li:first-child {
padding-right: 4px; }
.btn-head-grb li:last-child {
padding-left: 4px; }
.btn-head-grb label {
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 8px; }
.btn-head-grb span {
display: block;
padding: 8px 8px;
font-size: 13px;
border: 1px solid #bcbcbc;
border-radius: 4px;
position: relative;
font-weight: bold; }
.btn-head-grb span:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #999;
position: absolute;
pointer-events: none;
top: 12px;
right: 5px;}

.list-search-result .sort-content,
.list-search-result .refine-company {
position: unset; }

#filterList.show-hide-refine-company .arrow-up-sp .overload-background,
.sort-content .overload-background-sort {
content: '';
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: -1; }
.sort-content .overload-background-sort {
background: rgba(255,255,255,0.001);}

#filterList.show-hide-refine-company .btn-grp .apply-filter,
#filterList.show-hide-refine-company .btn-grp .btn-clear {
margin-right: 0;
padding: 5px 8px; }
#filterList.show-hide-refine-company .btn-grp .btn-clear {
    width: 110px
}
#filterList.show-hide-refine-company .btn-grp {
margin-top: 0;
padding-top: 0;
border-top: none;
position: absolute;
right: 10px;
bottom: 10px; }

.pc-sort {
display: none;
position: absolute;
width: 60%;
top: 61px;
right: 1px;
background: #fff;
z-index: 10;
box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2); }

.list-search-result .pc-sort li {
float: none; }

.list-search-result .pc-sort li a {
padding: 10px 25px 10px;
display: block;
border-top: 1px solid #bcbcbc; }
.list-search-result .pc-sort li a.active {
background: #196FB9;
color: #fff;
border-color: #196fb9;
}

.list-search-result .pc-sort li:first-child a {
border-top: none; }

.list-search-result .pc-sort li a.active:before {
display: none; }

.refine-company-item .refine-item-title {
font-size: 16px;
margin-bottom: 15px;
padding-left: 15px; }
.refine-company-item .refine-item-title:before {
top: 0;
height: 100%; }

.refine-company-item {
padding: 10px;
margin-top: 0; }

.refine-company-item .refine-item-option p {
font-size: 15px; }

.refine-company-item .dis-count .bg-blue,
.refine-company-item .dis-count .bg-green {
margin-left: 0;
padding: 3px 13px;
font-size: 14px;
margin-top:5px; 
}

.sp-dis-count {
width: 65%;
padding: 0 0 0 10px;
float: left; }
.sp-dis-count .option-title {
font-size: 15px;
margin-top: -2px;
/* margin-bottom: 20px; */
font-weight: bold;
display: inline-block;
border-bottom: 1px solid #196FB9;
color: #196FB9;
line-height: 1; }
.sp-dis-count .dis-count {
float: none;
display: block; }
.sp-dis-count a {
display: block;
margin-bottom:15px;
}

.refine-company-item .refine-item-option {
width: 100%;
padding: 0; }

.refine-company-item .refine-item-option .uti-top label span {
padding: 5px 5px; }

.refine-company-item .refine-item-option .uti-under label {
width: 25%; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label {
width: 20%; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span,
.refine-company-item .refine-item-option .uti-under label span, .refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 5px 0; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 11px 0; }

.refine-company-item .refine-item-option .uti-top {
margin-bottom: 5px; }

.refine-company-item .refine-item-option {
margin-bottom: 10px; }

.refine-company-item .refine-item-price .title-price {
font-size: 11px; 
width: 100%;
}

.refine-company-item .refine-item-price .red-price {
font-size: 22px; 
width: 100%;
padding-top: 5px;
padding-left: 0;
}
.refine-company-item .refine-item-img{
width: 28%;
}
.refine-company-item .refine-item-option .uti-top label{
width: 30%;
font-size: 12px;
}
.refine-company-item .refine-item-option .uti-under label {
font-size: 12px;
}
.refine-company-item .refine-item-price {
float: none;
display: inline-block;
width: 100%;
height: auto;
border: none; }

.refine-company-item .refine-item-price .dis-table {
padding-top: 5px;
padding-bottom: 5px;
background: #FFFFD3;
width: 100%;
height: auto; }

.refine-company-item .refine-item-price .title-price br {
display: none; }

.memo-info {
margin-bottom: 15px; }

.btn-result-link {
font-weight: bold;
background: #FB8501;
-webkit-box-shadow: 0 2px 0 0 #b2520c;
-moz-box-shadow: 0 2px 0 0 #b2520c;
box-shadow: 0 2px 0 0 #b2520c;
border-radius: 4px;
position: relative; }

.btn-result-link span {
position: absolute;
top: 50%;
margin-top: -7px;
right: 25px; }

.list-search-result .head-search-result {
border-bottom: none; /*margin-top: -25px;*/}

#filterList.show-hide-refine-company label {
padding: 7px 0; }

.refine-company-item .refine-item-option .uti-under {
margin-left: 0;
margin-right: -3px; }

/* .memo-info li {
font-size: 11px; } */

.refine-company-item .refine-body-item {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 10px; }

.search-box-content {
position: relative;
z-index: 1000; }
.search-box-content-corp {
z-index: 99;
}
.road-pos {background: url(../images/search_result/icon/sp/icon_pos.svg) no-repeat left 1px;
background-size: 13px 18px;
padding-left: 18px;
display: inline-block;
margin-left: 6px;}
#filterList.show-hide-refine-company ul {
margin-left: 10px;
margin-right: 10px; }
}
@media screen and (max-width: 420px) {
.refine-company-item .refine-item-option .uti-under label {
width: auto; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label {
width: auto; }

.refine-company-item .refine-item-option .uti-under label span {
padding: 5px 16px; }

.refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 5px 17px 5px 16px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 7px 12px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label:first-child span {
padding: 7px 11px 7px 10px; } 
.refine-company-item .refine-item-option .uti-top label{
width: 32%;
font-size: 11px;
}
.refine-company-item .refine-item-option .uti-under label{
font-size: 11px;
}
}
@media screen and (max-width: 384px) {
.refine-company-item .refine-item-option .uti-under label span {
padding: 5px 13px; }

.refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 5px 11px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 7px 9px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label:first-child span {
padding: 7px 11px; } }
@media screen and (max-width: 375px) {
.refine-company-item .refine-item-option .uti-under label span {
padding: 5px 11px; }

.refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 5px 12px 5px 12px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 7px 7px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label:first-child span {
padding: 7px 11px 7px 10px; }
}
@media screen and (max-width: 360px) {
.refine-company-item .refine-item-option .uti-under label span {
padding: 5px 10px; }

.refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 5px 9px 5px 9px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 7px 7px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label:first-child span {
padding: 7px 10px 7px 9px; }
}
@media screen and (max-width: 320px) {
.package-selection .grp-radio label {
width: 72px;
margin-right: 6px;
padding: 6px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 10px; }

.package-selection .grp-radio label img {
vertical-align: middle;
position: relative;
top: -1px; }

.search-result .ul-time select {
background-position: 113% center; }

.search-result .d_flag_select select {
background-position: 103% center; }

.container {
padding: 0 10px; }

.btn-head-grb {
margin: 12px -10px 25px;
padding: 0 10px 12px; }

.refine-company-item {
padding: 10px 5px; }

.refine-company-item .refine-item-option .uti-top label span {
padding: 7px 0; }

.memo-info ul {
margin-left: 0; }

.refine-company-item .refine-item-option .uti-under label span {
padding: 5px 6px; }

.refine-company-item .refine-item-option .uti-under label:first-child span {
padding: 5px 8px 5px 9px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label span {
padding: 7px 4px; }

.refine-company-item .refine-item-option .uti-under.uti-under2 label:first-child span {
padding: 7px 4px; }
}

#filterList.show-hide-refine-company li .corp_disabled{
background: #c7c6c6;
opacity: 0.5;
cursor: initial;
}
@media screen and (max-width: 1023px){
.body_plan_index .search-agenda-ul.agenda2, .body_branch_searchbyairport .search-agenda-ul.agenda2{
padding-left:0px;
}
}
.refine-company-item .refine-item-option .uti-under .show_more_button span {
background: none;
border:none;
}
@media screen and (max-width: 767px){
.show-hide-car ul.ul-list-car li input#cartype08{
bottom: -1px;
right: 3px;
}
}
.body_plan_index .search-box-body .search-agenda, .body_branch_searchbyairport .search-box-body .search-agenda {
margin-top: 0px;}
.refine-company-item .pickup_intruction {
float: left;
display: inline-block; 
position:relative;}
.refine-company-item .pickup_intruction .bg-orange {
display: inline-block;
padding: 5px 10px 5px 15px;
background: #FFA500;
color: #fff;
font-size: 14px;
font-weight: bold;
margin-right: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.refine-company-item .pickup_intruction .bg-grey {
display: inline-block;
padding: 5px 10px 5px 15px;
background: #808080;
color: #fff;
font-size: 14px;
font-weight: bold;
margin-right: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px}
@media screen and (max-width:767px){
.refine-company-item .refine-company-name{
padding-top: 2px;float: none;
}
.refine-company-item:has(.refine-item-hightlight) {
padding: 60px 10px 10px;
}
.refine-company-item .pickup_intruction .bg-orange {
padding: 3px 8px;
font-size: 12px;}
.refine-company-item .pickup_intruction .bg-grey {
padding: 3px 8px;
font-size: 12px;}
}
.body_plan_index .tooltiptext {
font-size: 14px;
background-color: #fff;
position: absolute;
width: 282px;
left: 0%;
top: 35px;
margin-top: 0px;
padding: 10px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
border: 1px solid rgb(188, 188, 188);
border-radius: 3px;
text-align: left;
z-index:1;
}

.body_plan_index .tooltiptext::before,
.body_plan_index .tooltiptext::after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.body_plan_index .tooltiptext::after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: white;
border-width: 10px;
margin-left: -100px;
}

.body_plan_index .tooltiptext::before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: black;
border-width: 10px;
margin-left: -100px;
}
@media screen and (max-width:767px){
.body_plan_index .tooltiptext{
width:200px;
}
.body_plan_index #pickup_span .tooltiptext::before{
margin-left:-70px;
}
.body_plan_index #pickup_span .tooltiptext::after{
margin-left:-70px;
}
.body_plan_index #access_span .tooltiptext::before{
margin-left:-70px;
}
.body_plan_index #access_span .tooltiptext::after{
margin-left:-70px;
}
.refine-company-item .pickup_intruction {
padding-left: 2px;
}
}
@media screen and (max-width:375px){
/*.refine-company-item .refine-company-name{
float:none;
}*/

.refine-company-item .pickup_intruction .bg-orange {
margin-top:5px;
}
.refine-company-item .pickup_intruction .bg-grey {
margin-top:5px;
}
}
@media screen and (min-width:376px) and (max-width:567px){
.body_plan_index #access_span .tooltiptext{
margin-left:-70px;
}
.body_plan_index #access_span .tooltiptext::before{
margin-left:10px;
}
.body_plan_index #access_span .tooltiptext::after{
margin-left:10px;
}
}
.body_plan_index.is_ios .tooltiptext{
margin-top:2px;
}
.refine-company-item .dis-count .bg-blue, .refine-company-item .dis-count .bg-green{
text-align: center;
}

.btn-content.search-plan-airport button {position: relative;}
.btn-content.search-plan-airport button::before {
content: '';
background: url(/images/loupe_img.png) no-repeat ;
background-size: 22px;
width: 22px;
height: 22px;
display: inline-block;
margin-right: 5px;
position: relative;
top: 5px;
}
/*====UPDATED TICKET #17504 ====*/
@media (min-width: 768px) and (max-width: 991px) {
.list-values-option1 > li {
font-size: 12px;
}
}
@media screen and (min-width: 768px) {
.list-search-result .refine-company {
width: 45%;
}
}

@media screen and (max-width: 767px) {
.btn-sort-sp {
background: #196FB9;
color: #fff;
}
.btn-head-grb span.btn-sort-sp:after {
border-top-color: #fff;
}

}
.list-values-option1 {
margin: 5px 0 0;
width: 100%;
list-style-type: none;
padding: 0;
}
.list-values-option1 > li {
background: #196FB9;
color: #fff;
text-align: center;
border-radius: 4px;
margin: 5px 0;
padding: 5px;
float: none;
display: inline-block;
width: calc(100% / 2 - 10px);
}
.list-values-option1 > li:nth-child(2n+1) {
margin-right: 15px;
}
/*==== TICKET #18663 ====*/
.question_mark {
display: inline-block;
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 50%;
position: relative;
vertical-align: middle;
margin-left: 10px;
margin-bottom: 2px;
}
.bg-orange .question_mark:after {
position: absolute;
left: 6px;
line-height: 1;
top: 3px;
content: '?';
font-size: 12px;
color: orange;
}
.bg-grey .question_mark:after {
position: absolute;
left: 6px;
line-height: 1;
top: 3px;
font-size: 12px;
color: grey;
}

/* For new search module / filter */
.searchModuleInclude {
width: 100%;
margin: 0 auto;
padding: 0 0 16px 0;
border-bottom: 1px solid #dbdbdb;
}
.searchModuleInclude #forDomestic.search-car .bt-yellow {
background: #1565c0;
border: none;
}
.summary-searchresult {
font-size: 15px;
font-weight: normal;
width: 1024px;
margin: 16px auto 0;
}
.totalresult {
    font-weight: normal;
}
.head-search-result.renewal {
height: 32px;
border: none;
position: relative;
z-index: 100;
margin-bottom: 24px;
}
.head-search-result.renewal .refine-company {
width: auto;
padding-left: 0;
}
.head-search-result.renewal .sort-content {
float: left;
}
.head-search-result.renewal .refine-company p.filter {
position: relative;
cursor: pointer;
font-size: 13px;
font-weight: 900;
line-height: 1;
padding: 8px 12px 8px 34px;
margin-right: 8px;
border-radius: 16px;
border: 1px solid #bdbdbd;
background: #fff url(/images/icon_filter.svg) 8px center no-repeat;
}
.head-search-result.renewal .refine-company p.filter:hover,
.head-search-result.renewal .refine-company p.filter.active {
background: #e0e0e0 url(/images/icon_filter.svg) 8px center no-repeat
}
.head-search-result.renewal .refine-company p.filter.hasfilter::before {
content:'';
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 4px;
background: #ff8f00;
left: 27px;
top: 3px;
z-index: 10;
}
#filterList p.listlabel {
font-weight: 900;
font-size: 15px;
text-align: left;
margin-bottom: 8px;
}
.head-search-result.renewal .sort-content li {
display: block;
float: left;
margin-right: 8px;
}
.head-search-result.renewal .sort-content li a {
display: block;
font-size: 13px;
font-weight: 900;
line-height: 1;
color: #212121;
text-decoration: none;
padding: 8px 12px;
border-radius: 16px;
border: 1px solid #bdbdbd;
}
.head-search-result.renewal .sort-content li a.active {
color: #1565c0;
border-color: #1565c0;
background: #e3f2fd;
}

#filterList.show-hide-refine-company {
display: none;
border: none;
padding: 16px;
border-radius: 8px;
width: 576px;
height: 416px;
position: absolute;
top: 32px;
background: #fff;
box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.16);
z-index: 100;
}
#filterList.show-hide-refine-company.active {
display: block;
}
#filterList.show-hide-refine-company .btn-grp {
display: flex;
justify-content: center;
gap: 8px;
margin: 16px 0 0;
padding: 16px 0 0 0;
border-top: 1px solid #e0e0e0;
text-align: center;
position: absolute;
bottom: 16px;
left: 0;
right: 0;
background: #fff;
}
#filterList.show-hide-refine-company .btn-grp .apply-filter {
display: block;
width: 320px;
height: 48px;
padding: 11px 12px;
font-size: 16px;
font-weight: 700;
color: #fff;
background: #1565c0;
margin: 0;
border-radius: 4px;
border: none;
}

#filterList ul.companies-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left;
gap: 8px;
margin: 0;
overflow: hidden;
height: auto;
max-height: initial;
}
#filterList ul.companies-list li {
width: 32.2%;
padding: 0;
background: #f5f5f5;
border: none;
border-radius: 4px;
cursor: pointer;
}
#filterList ul.companies-list li label {
border: 1px solid #f5f5f5;
background: transparent;
padding: 8px 12px;
color: #212121;
font-size: 14px;
line-height: 16px;
font-style: normal;
font-weight: 400;
text-align: left;
display: flex;
align-items: center;
height: 56px;
}
#filterList ul.companies-list li:hover label {
border: 1px solid #1565c0;
color: #1565c0;
}
#filterList ul.companies-list li input[type="checkbox"]:checked + label,
#filterList ul.special-style li input[type="checkbox"]:checked + label {
background: #E3F2FD;
color: #1565c0;
border: 1px solid #1565c0;
}
#filterList .arrow-up-sp {
height: 310px;
position: relative;
overflow: hidden auto;
}

#filterList ul.special-style,
#filterList ul.car-style {
border-bottom: 1px solid #e0e0e0;
margin: 0 0 16px;
padding-bottom: 16px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
overflow: hidden;
height: auto;
max-height: initial;
}
#filterList ul.special-style li {
width: auto;
padding: 0;
float: none;
cursor: pointer;
}
#filterList ul.special-style li label {
display: block;
text-align: center;
background: #f5f5f5;
padding: 0 12px;
border: 1px solid #f5f5f5;
cursor: pointer;
font-size: 15px;
font-weight: normal;
line-height: 32px;
border-radius: 4px;
}
#filterList ul.car-style li {
width: 49%;
padding: 0;
}
#filterList ul.car-style li label {
border: 1px solid #bdbdbd;
text-align: left;
padding: 12px 12px 12px 64px;
}
#filterList ul.special-style li label:hover,
#filterList ul.car-style li label:hover {
border: 1px solid #1565c0;
color: #1565c0;
}
#filterList ul.car-style li:nth-child(1) label {
background-color: #fff;
background-image: url(/images/cartype01.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(2) label {
background-color: #fff;
background-image: url(/images/cartype02.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(3) label {
background-color: #fff;
background-image: url(/images/cartype03.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(4) label {
background-color: #fff;
background-image: url(/images/cartype04.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(5) label {
background-color: #fff;
background-image: url(/images/cartype05.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(6) label {
background-color: #fff;
background-image: url(/images/cartype06.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(7) label {
background-color: #fff;
background-image: url(/images/cartype07.svg);
background-repeat: no-repeat;
background-position: 12px center;
}

#filterList ul.car-style li:nth-child(1) input[type="checkbox"]:checked + label {
background-color: #E3F2FD;
border: 1px solid #1565c0;
background-image: url(/images/cartype01.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(2) input[type="checkbox"]:checked + label {
background-color: #E3F2FD;
border: 1px solid #1565c0;
background-image: url(/images/cartype02.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(3) input[type="checkbox"]:checked + label {
background-color: #E3F2FD;
border: 1px solid #1565c0;
background-image: url(/images/cartype03.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(4) input[type="checkbox"]:checked + label {
background-color: #E3F2FD;
border: 1px solid #1565c0;
background-image: url(/images/cartype04.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(5) input[type="checkbox"]:checked + label {
background-color: #E3F2FD;
border: 1px solid #1565c0;
background-image: url(/images/cartype05.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(6) input[type="checkbox"]:checked + label {
background-color: #E3F2FD;
border: 1px solid #1565c0;
background-image: url(/images/cartype06.svg);
background-repeat: no-repeat;
background-position: 12px center;
}
#filterList ul.car-style li:nth-child(7) input[type="checkbox"]:checked + label {
background-color: #E3F2FD;
border: 1px solid #1565c0;
background-image: url(/images/cartype07.svg);
background-repeat: no-repeat;
background-position: 12px center;
}

#filterList ul.car-style li input[type="checkbox"]:checked + label span {
color: #1565c0;
}
#filterList ul.car-style li label span {
display: block;
color: #212121;
font-size: 15px;
font-weight: normal;
line-height: 1;
}
#filterList ul.car-style li label span.car-seat {
font-size: 13px;
color: #616161;
margin-top: 6px;
}

@media screen and (max-width: 768px) {
    .searchModuleInclude.spmode {
        display: none;
    }
    .filtertitle {
        font-size: 23px;
        text-align: left;
        position: relative;
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
    }
    .filtertitle span.closefilter {
        line-height: 24px;
    }
    .filterbg {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgb(32 32 32 / 60%);
        z-index: 10000;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .filterbg.open {
        display: block;
    }
    .head-search-result.renewal .refine-company p.filter.active {
        background-color: #fff;
    }
    .totalresult {
        font-size: 14px;
        font-weight: normal;
        margin: 8px -12px;
        border-top: 1px solid #e0e0e0;
        padding: 16px 16px 8px;
    }
    .summaryDepDes {
        position: relative;
        border-radius: 4px;
        padding: 10px;
        border: 1px solid #BDBDBD;
        margin: 0 12px 12px;
    }
    .summaryDepDes p:last-child {
        font-size: 11px;
    }
    .summaryDepDes .road-pos {
        display: inline-block;
        background: none;
        padding: 0;
        margin: 0;
        font-size: 13px;
        font-weight: bold;
    }
    .summaryDepDes .showsearchmodule {
        position: absolute;
        right: 12px;
        top: 12px;
        width: 32px;
        height: 32px;
        background: url(/images/ico_search.svg) no-repeat center;
    }
    .head-search-result.renewal {
        height: 42px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: left;
        overflow-x: scroll;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
    #filterList.show-hide-refine-company {
        height: 80%;
        position: fixed;
        left: 0;
        z-index: 10005;
        width: 100%;
        background: #fff;
        border-radius: 16px 16px 0 0;
        bottom: -100vh;
        visibility: hidden;
    }
    #filterList .arrow-up-sp {
        height: calc(100% - 130px);
    }
    #filterList ul.companies-list li {
        width: calc(33.3% - 6px);
    }
    #filterList ul.companies-list li label {
        padding: 8px;
    }
    #filterList.show-hide-refine-company.active {
        bottom: 0;
        top: initial;
        visibility: visible;
    }
    #filterList.show-hide-refine-company.open {
        -webkit-animation: SlideUp .5s ease-in-out forwards;
        animation: SlideUp .5s ease-in-out forwards
    }

    #filterList.show-hide-refine-company.close {
        -webkit-animation: SlideDown .5s ease-in-out forwards;
        animation: SlideDown .5s ease-in-out forwards
    }
    #filterList.show-hide-refine-company {
        padding: 16px 12px;
    }
    #filterList p.listlabel {
        font-size: 14px;
    }
    #filterList ul.special-style li label {
        font-size: 14px;
        line-height: 30px;
    }
    #filterList ul.car-style {
        flex-direction: column;
    }
    #filterList ul.car-style li {
        width: 100%;
    }
    #filterList.show-hide-refine-company .btn-grp {
        padding: 12px 16px 0 12px;
    }
    #filterList.show-hide-refine-company .btn-grp .apply-filter {
        width: calc(100% - 124px);
    }
    #filterList ul.car-style li label span {
        font-size: 14px;
    }
    #filterList ul.car-style li label span.car-seat {
        font-size: 12px;
    }
    .head-search-result.renewal .sort-content {
        width: calc(100% - 110px);
    }
    .head-search-result.renewal ul#list-sort-sp {
        width: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: left;
    }
    .head-search-result.renewal .sort-content li a {
        white-space: nowrap;
    }

    @-webkit-keyframes SlideUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes SlideUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @-webkit-keyframes SlideDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }
    }
    @keyframes SlideDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }
    }

}