@charset "utf-8";
span.floating a{z-index:99;}

h3.page_ttl{padding:5px 10px;margin-top:3px;background-color:#666;font-size:16px;color:#fff;}
h3.new-ttl{background-color:#050;}
h3.used-ttl{background-color:#690;}
h3.pm-ttl{background-color:#9B7219;}
h3.vin-ttl{background-color:#8E2B19;}

.block_left{float:left;display:inline-block;width:110px;margin:0 10px 0 0;color:#fff;}
.block_left img{clear:both;}
.block_right{display: inline-block;width: auto;}

.block_new{background-color:#060;}
.block_used{background-color:#690;}
.block_salon_used{background-color:#2b2b2b;}
.block_pm{background-color:#9B7219;}
.block_vin{background-color:#8E2B19;}
.block_date, .block_cond{padding-left:5px;}

.block_pm .block_cond .ttl_cat{font-size:12px;}
.salon_used{font-size:12px;line-height:1.8em;}

#select_cond{font-weight:bold;letter-spacing:-1em;border-bottom:#ddd solid 1px;margin:10px 0;box-sizing:border-box;font-size:14px;}
#select_cond a{display:inline-block;width:20%;box-sizing:border-box;letter-spacing:normal;text-align:center;text-decoration:none;padding:5px 0 5px 0;}
#select_cond .cond_all{color:#666;border-bottom:#666 solid 0;}
#select_cond .cond_new{color:#060;border-bottom:#060 solid 0;}
#select_cond .cond_used{color:#690;border-bottom:#690 solid 0;}
#select_cond .cond_salon_used{color:#2b2b2b;border-bottom:#2b2b2b solid 0;}
#select_cond .cond_pm{color:#9B7219;border-bottom:#9B7219 solid 0;}
#select_cond .cond_vin{color:#8E2B19;border-bottom:#8E2B19 solid 0;}
#select_cond a:hover, #select_cond a.cond_selected{border-width:3px;}

#select_model, #select_sort, #select_color{padding:0;box-sizing:border-box;display:inline-block;}
#select_model{width:85%;float:left;}
.page_nav{width:63%;}
#select_sort{width:37%;}
#select_model select, #select_sort select{width:100%;margin:10px 0;padding:5px;font-size:16px;}
#select_sort select{margin:0;color:#000;background:#fff;border:#666 solid 1px;border-radius:3px;font-size:14px;padding:0 5px;height:32px;}
#search_item{font-weight:bold;letter-spacing:-1em;padding:0 10px;margin-bottom:10px;}
#search_item input{box-sizing:border-box;border-radius:3px 0 0 3px;padding:5px;font-size:16px;line-height:16px;width:80%;border:#666 solid 1px;line-height:20px;margin:0;}
#search_item #btn_search{border-radius:0 3px 3px 0;-webkit-appearance:none;background-color:#666;color:#fff;width:20%;}
#search_more h3{margin-left:10px;color:#666;}
.search_item{display:block;border-top:#ccc solid 1px;text-align:left;padding:10px 0 0 0;}

span#search_sub{display:inline-block;width:100%;text-align:right;}
span#search_sub > div#select_sort{width:auto;}

.item_head{display:inline-block;width:25%;color:#666;vertical-align: top;}
.item_body{color:#666;display:inline-block;width:74%;}
.item_body select{padding:5px;font-size:16px;width:100%;}
.item_body select.sel_short{width:auto;}
.item_body span.side_option{display:inline-block;width:100%;}
.slider{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.slider.slider-horizontal{margin-bottom:5px;}

span.price_min{display:inline-block;width:50%;}
span.price_max{display:inline-block;width:50%;text-align:right;}

ul#l-list{padding:0;margin:0;list-style:none;text-align:left;}
ul#l-list li.bg01{display:flex;border-bottom:#ccc dotted 1px;font-size:14px;}
ul#l-list li a{display:block;padding:10px 0;text-decoration:none;width:100%;}
ul#l-list li a p, ul#l-list li.bg01 span.nolink p{overflow:hidden;margin:0;padding:0;width:calc(100% - 120px);float:right;}
ul#l-list p.lnav span.cnt_nav{display:inline-block;padding:0;}
ul#l-list p.lnav span.cnt_nav a,span.cnt_nav span{display:inline-block;padding:0 10px;font-weight:bold;line-height:30px;}
ul#l-list p.lnav span.cnt_nav a:link,ul#l-list p.lnav span.cnt_nav a:visited{text-decoration:none;border:solid 1px #666;background-color:#f6f6f6;color:#666;}
ul#l-list p.lnav span.cnt_nav a:hover,ul#l-list p.lnav span.cnt_nav a:active,ul#l-list p.lnav span.cnt_nav a:focus{text-decoration:none;color:#666;border:solid 1px #666;}
ul#l-list p.lnav span.cnt_nav span{border:solid 1px #ccc;color:#ccc;}
ul#l-list p.lnav a.nom{padding:0;margin:0;background:#fff;}

p.lnav{text-align:left;margin-top:0;}

div.page_nav{display:inline-block;padding:0;text-align:left;box-sizing:border-box;color:#666;float:left;}
div.page_nav a{display:inline-block;padding:0 10px;font-weight:bold;line-height:30px;}
div.page_nav a:link,div.page_nav a:visited{text-decoration:none;border:solid 1px #666;background-color:#f6f6f6;color:#666;border-radius:3px;}
div.page_nav a:hover,div.page_nav a:active,div.page_nav a:focus{text-decoration:none;color:#666;border:solid 1px #666;}
div.page_nav span.cnt_nav span{border:solid 1px #ccc;color:#ccc;border-radius:3px;}

/* shortcuts for special search */
.search_shortcut a{white-space:nowrap;display:inline-block;box-sizing:border-box;padding:5px;margin:0 5px 5px 0;}
.search_shortcut a:hover{color:#999;}

.search_shortcuts{letter-spacing:-15px;padding:0;font-size:12px;text-align:left;margin-bottom:20px;}
.search_shortcuts a{height:40px;display:inline-block;box-sizing:border-box;position:relative;letter-spacing:normal;text-decoration:none;border:#060 solid 1px;border-radius:3px;margin:0 5px 5px 0;padding:0;height:50px;vertical-align:top;width:calc((100% - 5px) / 2);line-height:1.4em;}
.search_shortcuts a:nth-of-type(2n){margin-right:0;}
.search_shortcuts a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding-left:10px;}
.search_shortcuts a::after{content:'';position:absolute;top:calc(50% - 4px);right:13px;width:5px;height:5px;border-top:2px solid #060;border-right:2px solid #060;transform:rotate(45deg);transition:right .3s;}
.search_shortcuts a:hover::after{right:5px;}

.search_shortcuts a.selected{background-color: #060;color:#fff;pointer-events: none;}
.search_shortcuts a.selected::after{content:'';position:absolute;top:calc(50% - 4px);right:13px;width:5px;height:5px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);transition:right .3s;}


.search_shortcuts_used{letter-spacing:-15px;padding:0;font-size:12px;text-align:left;margin-bottom:20px;}
.search_shortcuts_used a{height:40px;display:inline-block;box-sizing:border-box;position:relative;letter-spacing:normal;text-decoration:none;border:#8eb700 solid 1px;border-radius:3px;margin:0 5px 5px 0;padding:0;height:50px;vertical-align:top;width:calc((100% - 5px) / 2);line-height:1.4em;}
.search_shortcuts_used a:nth-of-type(2n){margin-right:0;}
.search_shortcuts_used a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding-left:10px;}
.search_shortcuts_used a::after{content:'';position:absolute;top:calc(50% - 4px);right:13px;width:5px;height:5px;border-top:2px solid #bc6;border-right:2px solid #bc6;transform:rotate(45deg);transition:right .3s;}
.search_shortcuts_used a:hover::after{right:5px;}

.search_shortcuts_used a.selected{background-color: #8eb700;color:#fff;pointer-events: none;}
.search_shortcuts_used a.selected::after{content:'';position:absolute;top:calc(50% - 4px);right:13px;width:5px;height:5px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);transition:right .3s;}


.search_shortcuts_pm{letter-spacing:-15px;padding:0;font-size:12px;text-align:left;margin-bottom:20px;}
.search_shortcuts_pm a{height:40px;display:inline-block;box-sizing:border-box;position:relative;letter-spacing:normal;text-decoration:none;border:#A37613 solid 1px;border-radius:3px;margin:0 5px 5px 0;padding:0;height:50px;vertical-align:top;width:calc((100% - 5px) / 2);line-height:1.4em;}
.search_shortcuts_pm a:nth-of-type(2n){margin-right:0;}
.search_shortcuts_pm a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding-left:10px;}
.search_shortcuts_pm a::after{content:'';position:absolute;top:calc(50% - 4px);right:13px;width:5px;height:5px;border-top:2px solid #A37613;border-right:2px solid #A37613;transform:rotate(45deg);transition:right .3s;}
.search_shortcuts_pm a:hover::after{right:5px;}

.search_shortcuts_pm a.selected{background-color: #A37613;color:#fff;pointer-events: none;}
.search_shortcuts_pm a.selected::after{content:'';position:absolute;top:calc(50% - 4px);right:13px;width:5px;height:5px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);transition:right .3s;}

/* search buttons */
.btn_submit,.btn_reset{-webkit-appearance:none;border-radius:3px;border:none;box-sizing:border-box;width:100%;margin:5px 0;padding:7px 0;background-color:#666;color:#fff;font-size:16px;}
.btn_reset{color:#666;background-color:#ddd;}
div.selectBox{display:inline-block;border:#f00 solid 1px;color:#000;}

/* check icon */
div#sel_color{display:inline-block;box-sizing:border-box;margin:0;padding:5px 0 0 0;letter-spacing:-0.4em;}
div#sel_color label input[type=radio]{position: absolute;left:-9999px;}
label{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:normal;position:relative;margin:0 0 10px 0;padding:0;display:inline-block;width:20%;text-align:center;height:30px;cursor:pointer;}

div#sel_color label input[type=radio]:checked + img{border:#fff solid 1px;box-sizing: border-box;box-shadow:0 0 0 1px #888;}
div#sel_color label input[type=radio] + span{position:absolute;display:block;width:40px;height:30px;}
div#sel_color label input[type=radio] + img{z-index:1;border-radius:4px;}

div#select_color{width:15%;padding:10px 0 0 0;box-sizing:border-box;text-align:right;display:inline-block;float:right;}
div#select_color img{border-radius:4px;border:#fff solid 1px;box-sizing:border-box;box-shadow:0 0 0 1px #888;}

/* price */
span.sell_price{font-weight:bold;font-size:16px;}
span.p03{color:#f50;}
span.p05{color:#690;}
span.p12{color:#060;}
.backorder,.pending{display:inline-block;color:#900;border:#900 solid 1px;font-weight:bold;box-sizing:border-box;background-color:rgba(254,254,254,0.5);text-align:center;width:120px;}

span.more12, span.more5, span.more3{display:inline-block;color:#fff;padding:4px 10px 3px 10px;margin-bottom:5px;line-height:1em;}
span.more12{background-color:#050;}
span.more5{background-color:#690;}
span.more3{background-color:#f50;}

span.buy_button{display:inline-block;color:#fff;padding:4px 10px 3px 10px;line-height:1em;margin-top:5px;}
span.clearance{background-color:#c00;}

form.search_f input{display:inline-block;margin:5px 0;padding:7px 0;border:none;font-size:16px;}
form.search_f span.item_body label input{width:0;}


/* 絞り込みメニュー */
span.search-container{display:inline-block;width:100%;background:#ccc;margin-bottom:10px;}
.search-icon{cursor:pointer;display:inline-block;position:relative;float:right;background:#fff;font-size:14px;line-height:20px;padding:5px 15px;border-radius:5px;margin:5px;}
.search-icon > img{margin-right:7px;vertical-align:bottom;}


/* メニュー */
#search_more{position:fixed;top:0;left:0;width:100%;max-width:500px;height:100vh;background:#fff;box-shadow:2px 0 5px rgba(0, 0, 0, 0);transform: translateX(-100%);transition: transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out;display: flex;flex-direction:column;padding: 20px;z-index:100;overflow-y:scroll;}

/* メニューが開いたとき */
#search_more.active{transform:translateX(0);box-shadow:2px 0 5px rgba(0, 0, 0, 0.2);}

/* 閉じるボタン */
.close-btn{background:none;border:none;font-size:24px;cursor:pointer;align-self:flex-end;}

/*  */
#search_more input{height:auto;}
label:has(input[type="checkbox"]){background:#eee;display:inline-block;vertical-align:top;border-radius:5px;width:auto;padding:0 10px;height:auto;line-height:2em;margin-right:8px;}
label:has(input[type="checkbox"]:checked){background:#666;color:#fff;}
span.sel_color > label:has(input[type="checkbox"]){margin-right:7px;padding:0;}
span.sel_color > label:has(input[type="checkbox"]:checked){background:#eee;}
span.sel_color > label:has(input[type="checkbox"]:checked):after{content:url(../../img/common/icn_checked_s.png);position:absolute;bottom:3px;left:26px;}
span.sel_color > label:has(input[type="checkbox"]) > img{border-radius:5px;}
span.sel_color > label:has(input[type="checkbox"]:checked) > img{opacity:0.5;}