@charset "utf-8";
 .lock{overflow:hidden;}
.modal-content{position:relative;display:none;width:90%;margin:30px 0;padding:30px 10px;background:#fff;border-radius:10px;}
.modal-content p{margin:0;padding:0;}
.modal-overlay{z-index:10000;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);}
.modal-wrap{z-index:10002;display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;}
.modal-title{font-size:2.2rem;font-weight:100;border:none;color:#333;}
.modal-content p.modalClose_p{text-align:center;margin-top:1em;}
.modal-content a{font-size:.8em;text-align:center;display:block;}
.modal-title{font-size:1.4rem;font-weight:300;text-align:center;}
@media screen and (min-width:768px){
.modal-content{width:760px;padding:30px 10px;}
.modalClose_p{position:absolute;top:-15px;right:5px;margin-top:0;}
}
@media screen and (min-width:959px){
.modal-content{width:900px;}
} #tcw{position:relative;}
#tcw h3{font-family:'Noto Sans JP', sans-serif;background:#313131;color:#fff;padding:3px 0;text-align:center;margin:0;font-size:1em;line-height:1.5;font-weight:normal;border-bottom:none!important;}
#tcw h3:after{content:none!important;}
#tcw select{margin-top:10px;margin-bottom:10px;}
.serch_box{margin-bottom:1em;}
.form-control{display:block;width:100%;padding:6px 12px;line-height:1.5;color:#555555;font-size:16px;vertical-align:middle;background-color:#ffffff;background-image:none;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
.form-control option{padding:4px;}
#lv2_car_sort{margin:0.5rem 0;}
div#lv2_car_sort p{margin-block-start:0;margin-block-end:0;text-align:center;font-weight:400;color:#333;margin:0 0 .5em;}
#lv2_car_sort button.sort_btn{color:#fff;background-color:#444;display:inline-block;padding:2px 5px;text-decoration:none;text-align:center;cursor:pointer;border:none;min-width:3em;border-radius:5px;margin-bottom:.3em;font-size:11px;line-height:1.5;}
#lv2_car_sort button.sort_btn.active{color:#fff;background-color:#C80000;}
.kp-button span{border:1px solid #FFF;display:block;padding:6px 15px;line-height:1;}
.tocate{margin:10px auto 0;}
.btn-block{display:block;width:100%;padding-right:0;padding-left:0;}
.btn-info{color:#ffffff;background-color:#5bc0de;border-color:#46b8da;}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:1em;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.modal-content .more-link{background-color:#efefef;display:block;color:#000;font-size:0.75em;}
.modal-content .btn{background-color:#009fb9;color:#FFF;display:block;width:80%;margin-left:auto;margin-right:auto;}
.modal-content .btn[disabled]{background-color:#5bc0de;pointer-events:none;cursor:not-allowed;}
.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1;-moz-osx-font-smoothing:grayscale;}
@media screen and (min-width:768px){
#tcw form .serch_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
#tcw select{margin-top:0;height:180px;}
.serch_box{width:32.5%;}
#step1{width:25%;}
#step2{width:32.5%;}
#step3{width:40%;}
.form-control{padding-left:6px;border-radius:0;outline:0;}
.form-control{font-size:0.9rem;}
.step2_wrap{display:flex;flex-direction:column-reverse;}
.modal-content .btn{display:block;width:250px;margin:0 auto;font-size:1.2em;font-weight:300!important;}
.modal-content .more-link{font-size:1em;}
.modal-content .more-link:hover{border:none;}
}
.serch_his{position:relative;display:block;margin:.5em 0;padding-right:10px;width:100%;background:#D9F2FF;border:2px solid #d6dee0;border-left:5px solid #d6dee0;font-weight:400;font-size:1.2em;cursor:pointer;transition:background-color .2s ease-out,border .2s ease-out;}
.serch_his:before{content:'';position:absolute;top:50%;right:10px;transition:all .2s ease-out;transform:translateY(-50%);border-left:10px solid #1b76c4;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.serch_his p{padding:.5em 20px .5em .5em;}
.car_his{margin-left:1em;}
#serch_category{margin-top:30px;}
.serch_category_list{display:flex;flex-wrap:wrap;justify-content:left;margin:1em 0;}
label.serch_label{width:48%;color:#333;font-size:.65em;font-weight:bold;white-space:nowrap;display:inline-block;padding:1em;border:1px #bbb solid;margin:1%;border-radius:6px;cursor:pointer;vertical-align:middle;}
@media screen and (max-width:410px){
label.serch_label{width:100%;font-size:.75em;padding:.5em 1em;}
}
input[type="checkbox"]:checked{background:#5bc0de;color:#FFF;}
.serch_category_list input{vertical-align:middle;margin-right:.5em;}
@media screen and (min-width:768px){
label.serch_label{font-size:100%;}
.serch_category_list{margin:1em 0.5em;}
}
@media screen and (min-width:959px){
label.serch_label{width:31%;}
} .checkbox01-input{display:none;}
.checkbox01-parts{padding-left:20px;position:relative;margin-right:20px;}
.checkbox01-parts::before{content:"";display:block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #999;border-radius:4px;}
.checkbox01-input:checked + .checkbox01-parts{color:#009a9a;}
.checkbox01-input:checked + .checkbox01-parts::after{content:"";display:block;position:absolute;top:-5px;left:5px;width:7px;height:14px;transform:rotate(40deg);border-bottom:3px solid #009a9a;border-right:3px solid #009a9a;}
@media screen and (min-width:600px){
.checkbox01-parts::before{top:5px;left:0;}
.checkbox01-input:checked + .checkbox01-parts::after{top:0;}
}
#tcw .breadcrumb_s{color:#555;margin:.5em 0;font-size:0.75em;}
.current_s{color:#AA0000;font-weight:400;}
.result_head{margin-bottom:2em;}
#result_wrap .engine_name,
#total_tune_up .result_wrap .engine_name{margin:1em 0 -1.5em;font-size:1.4rem;border:none;color:#333;font-weight:500;background:none;}
#result_wrap .engine_name:before,
#total_tune_up .result_wrap .engine_name:before{font-family:"Font Awesome 5 Free";content:'\f058';font-weight:900;color:#d63031;margin-right:.5em;}
#result_wrap p,
#total_tune_up .result_wrap p{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;}
#result_wrap h2 ,
#total_tune_up .result_wrap  h2,
.engine_type{font-family:'Noto Sans JP', sans-serif;margin:0 0 .5em;font-size:1.5rem;line-height:1.2;font-weight:400;text-align:left;color:#333;word-wrap:break-word;}
.year_type, .engine_type{font-size:1.3rem;}
#result_wrap p.child_category,
#total_tune_up .result_wrap p.child_category{margin:0 0 .3em;font-weight:400;}
.engine{margin-bottom:1.5em;}
.research_btn{margin-bottom:1em;}
.engine form .year_wrap, .engine form .engine_wrap{display:flex;}
.engine form .year_wrap{margin-bottom:1rem;}
.research_btn p{margin-bottom:.5em!important;font-weight:400;}
.research_btn ul{display:flex;}
.research_btn ul li{padding:3px 12px;line-height:1.5;text-align:center;white-space:nowrap;cursor:pointer;display:inline;font-size:1em;font-weight:300!important;background-color:#ddd;margin-right:1em;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;background-image:none;border:1px solid transparent;vertical-align:middle;}
.research_btn ul li a, .research_btn ul li a:hover{color:#555;}
.resultTbl{overflow:auto;white-space:nowrap;overflow-x:scroll;margin-bottom:4em;max-height:400px;}
.resultTbl table{width:auto !important;margin:0 0 .5rem!important;border-collapse:collapse;}
#result_wrap table th,
#result_wrap table td,
#total_tune_up .result_wrap table th,
#total_tune_up .result_wrap table td{padding:.5em .5em;vertical-align:middle;font-weight:300;line-height:1.5em;border:1px solid #ccc;font-size:0.875rem !important;}
#result_wrap table th,
#total_tune_up .result_wrap table th{font-weight:400;}
.resultTbl table td{text-align:center;vertical-align:middle;font-size:0.812rem !important;}
#result_wrap table td.td_thum,
#total_tune_up .result_wrap table td.td_thum{width:80px;min-width:80px;}
#result_wrap table th.th_price,
#total_tune_up .result_wrap table th.th_price{width:120px;min-width:120px;}
.accshow .resultTbl table td.td_car_name, .accshow .resultTbl table td.td_name, .accshow .resultTbl table td.td_remark, .accshow .resultTbl table td.td_spec, #result_wrap table td.td_car_name,
#result_wrap table td.td_name,
#result_wrap table td.td_remark,
#result_wrap table td.td_spec,
#total_tune_up .result_wrap table td.td_car_name,
#total_tune_up .result_wrap table td.td_name,
#total_tune_up .result_wrap table td.td_remark,
#total_tune_up .result_wrap table td.td_spec{text-align:left;white-space:normal;}
#result_wrap table td.td_name,
#result_wrap table td.td_spec,
#total_tune_up .result_wrap table td.td_name,
#total_tune_up .result_wrap table td.td_spec{white-space:normal;}
.accshow .resultTbl table td.td_name{min-width:12em;}
.icon_red{color:#e50000;}
.icon_blue{color:#0016e5;}
.icon_image{color:#999;margin:0 5px;}
td.td_remark a{text-decoration:underline;color:#AD002D;font-weight:400;}
@media screen and (max-width:599px){
.resultTbl table{width:100%;}
}  select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;border:none;outline:0;margin:0;background:#fff;}
select{text-indent:0.01px;text-overflow:'';}
select::-ms-expand{display:none;}
.year-select, .engine-select{display:block;position:relative;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;overflow:hidden;padding-right:15px;}
.year-select:after, .engine-select:after{position:absolute;display:block;content:'';width:0;height:0;border-top:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333;top:50%;right:10px;margin-top:-3px;pointer-events:none;}
.year-select select, .engine-select select{width:100%;font-size:1.3em;padding:0 10px;border:none;position:relative;}
@media screen and (max-width:599px){
#result_wrap h2,
#total_tune_up .result_wrap h2{font-size:1.2rem;}
.engine_type, .year-select select, .engine-select select{font-size:1em;vertical-align:middle;}
} .year-select select:not(:target),
.engine-select select:not(:target){width:120% \9;}
.modalClose_p a:before{content:"\f00d";font-family:FontAwesome;padding-right:.3em;color:#555;}
.modalClose_p a:hover:before{color:#009fb9;}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:1!important;}
.scroll-hint-icon{width:80px!important;height:20px!important;border-radius:5px!important;left:auto!important;right:1em;top:.3em!important;z-index:5;}
.scroll-hint-icon:after{background-image:none!important;}
.scroll-hint-icon:before{display:none!important;}
.scroll-hint-icon:after{opacity:1!important;position:absolute!important;top:calc(50% - 4px)!important;left:auto!important;right:17px;content:''!important;width:8px!important;height:8px!important;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.scroll-hint-text{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px;font-size:14px!important;color:#FFF!important;margin-top:0!important;margin-left:0!important;}
.resultTbl::-webkit-scrollbar{width:20px;background:#eee;}
.resultTbl::-webkit-scrollbar:horizontal{height:20px;}
.resultTbl::-webkit-scrollbar-button{width:5px;height:5px;background:#666;}
.resultTbl::-webkit-scrollbar-piece{background:#eee;}
#scrollbar01::-webkit-scrollbar-piece:start{background:#eee;}
.resultTbl::-webkit-scrollbar-thumb{background:#333;}
.resultTbl::-webkit-scrollbar-corner{background:#333;}
.maker-select{display:inline-block;position:relative;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;overflow:hidden;}
.maker-select:after{position:absolute;display:block;content:'';width:0;height:0;border-top:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333;top:50%;right:10px;margin-top:-3px;pointer-events:none;}
.maker-select select{width:100%;font-size:1.3em;padding:0 10px;border:none;position:relative;padding-right:2rem;}
@media screen and (max-width:599px){
.maker-select select{font-size:1em;vertical-align:middle;}
} .maker-select select:not(:target) {
width: 120% \9;
}