﻿
.slider-parent {
    margin-top:60px;
} 

#slider-range .slider-u {
    width: 2px;
}

#slider-range .slider-l {
    list-style: none;
}
#slider-range .slider-u .slider-l {
    position: absolute;
    width: 2px;
    height: 20px;
    background: #999;
    margin-top: -4%;
    
}

#slider-range .elPointer dd {
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    margin-top: -28px;
    /* 2019/01/15 creva mod end */
}
#slider-range .elPointer dd p {
    position:relative;
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    padding:0 5px;
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    background-color:#E5002D;
    color:#fff;
    line-height:20px;
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    font-size:9px;
    /* 2019/01/15 creva mod end */
    border-radius:3px;
    white-space:nowrap;
    transition:-webkit-transform 0.1s ease-out;
    transition:transform 0.1s ease-out;
    transition:transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
    -webkit-transform-origin:50% 120%;
    -ms-transform-origin:50% 120%;
    transform-origin:50% 120%;
    border:1px solid #fff;
    width:50px;
    /* 2019/01/15 creva del 検索機能改善（価格絞りこみ） */
    left:-22px;
}
#slider-range .elPointer dl dd p::after {
    content:"▼";
    font-family:"icon2.0";
    position:absolute;
    color:#E5002D;
    bottom:-10px;
    left:50%;
    margin-left:-7px;
    font-size:4px;
    width:14px;
    text-align:center;
    line-height:18px;
}

.ui-slider-horizontal .ui-slider-range {
    background-color: #E5002D;   /* 範囲を示す色 */
    top: 0;                                   /* 範囲を示す色の位置 */
    height: 100%;                        /* 範囲を示す色の高さ */
}

.slider-u p {
    position: absolute;
    top: 100%;
    white-space: nowrap;
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    font-size: 9px;
    /* 2019/01/15 creva mod end */
    color: #808080;
    left: 1.5px;
    -webkit-transform: translateX(-50%) scale(0.9);
    -ms-transform: translateX(-50%) scale(0.9);
    transform: translateX(-50%) scale(0.9);
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    /* border: 0; */
    background:#E5002D;
    background-position: 0 0;
}

.ui-widget.ui-widget-content{
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    width: 85%;
    margin-top: auto;
    margin-left: auto;
    margin-right: 30px;
    /* 2019/01/15 creva mod end */
    border: 1px solid #E5002D;
    color: #999;
    font-size: 10px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border:2px solid #E5002D;
    background:#E5002D;
    font-weight:normal;
    color:#E5002D;
    border-radius: 50%;
}

.ui-slider-horizontal {
    height: 1px;     /* 横棒の縦幅 */
}

.ui-slider .ui-slider-handle{
    top: -0.75em;
    position:absolute;
    z-index:2;
    width:1.2em;    /* つまみの横幅 */
    height:1.2em;   /* つまみの横幅 */
    cursor:default;
    -ms-touch-action:none;
    touch-action:none;
    outline: none;
}
@media screen and (max-width:767px) { 
#sp-slider-range .slider-u {
    width: 2px;
}

#sp-slider-range .slider-l {
    list-style: none;
}
#sp-slider-range .slider-u .slider-l {
    position: absolute;
    width: 2px;
    height: 20px;
    background: #999;
    margin-top: -4%;
    
}

#sp-slider-range .elPointer dd {
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    margin-top: -28px;
    /* 2019/01/15 creva mod end */
}
#sp-slider-range .elPointer dd p {
    position:relative;
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    padding:0 5px;
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    background-color:#E5002D;
    color:#fff;
    line-height:20px;
    /* 2019/01/15 creva mod start 検索機能改善（価格絞りこみ） */
    font-size:9px;
    /* 2019/01/15 creva mod end */
    border-radius:3px;
    white-space:nowrap;
    transition:-webkit-transform 0.1s ease-out;
    transition:transform 0.1s ease-out;
    transition:transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
    -webkit-transform-origin:50% 120%;
    -ms-transform-origin:50% 120%;
    transform-origin:50% 120%;
    border:1px solid #fff;
    width:fit-content;
left: 40%;
}
#sp-slider-range .elPointer dl dd p::after {
    content:"▼";
    font-family:"icon2.0";
    position:absolute;
    color:#E5002D;
    bottom:-10px;
    left:50%;
    margin-left:-7px;
    font-size:4px;
    width:14px;
    text-align:center;
    line-height:18px;
}
#sp-menu .sp-goods-narrow {
    width: 100%;
}

#sp-menu .price--input{
	margin-top: 2rem
}
	#sp-menu .price--input input{
		margin: 0 5px;
	}
}