@charset "utf-8";

@media only screen and (max-width: 750px)
{
	.filterIcon {
		position: fixed;
	    bottom: 1%;
	    right: -13%;
	}
	
	.filterIcon .filterIconImg{
		width: 55%;
    	padding: 10px;
	}
	
	.naviHam {
	    position: absolute;
	    top: 3%;
	    right: 3.8%;
	    opacity: 1;
	    z-index: 99999999;
	    width: 4%;
	}
	
	.filterArea{
		padding: 50px 20px 70px;
	    width: 100%;
	    text-align: left;
	    background-color: #fff;
	    position: fixed;
	    z-index: 100;
	    display:none;
	    top: 0;
	    overflow-y: hidden;
	    line-height: 1;
	    margin-top: 12%;
	    max-height: 620px;
	    height: 100vh;
	}
	
	.fitterRow {
	    overflow: hidden;
	    border-bottom: 1px solid #b1b1b1;
	    margin: 0 auto;
	    margin-bottom: 2.2rem;
	    width: 95%;
	}
	
	.priceFilterRow {
		height: 70px;
	}
	
	.fitterRow|last-child {
		    margin-bottom: 2rem;
	}

	.fitterTitle {
		width: 50%;
	    float: left;
	    text-align: left;
	    /*font-size: 1.2rem;*/
	    letter-spacing: 0.05em;
	    font-weight: 500;
	    /*padding-left: 2rem;*/
	    font-size: 1.3rem;
    	padding-left: 0.5rem;
	}
	
	.priceFilterRow .fitterTitle {
		line-height: 4rem;
	}
	
	.select_prent_category_id{
	    width: 50%;
	    padding: 0;
	    border: none;
	    background-color: #fff !important;
	    font-size: 1.2rem;
	    padding-bottom: 1rem;
	    line-height: 16px;
	    background-size: 12px;
	}
	
	.select_area {
		width: 40%;
	    padding: 0;
	    border: none;
	    background-color: #fff !important;
	    font-size: 1.2rem;
	    /*padding-bottom: 1rem;*/
	    line-height: 12px;
	    /*background-size: 12px;*/
	}
	
	.filterAreaBox {
	    overflow-y: auto;
	    height: 95%;
	}
	.filterAreaBox.fix {
	    height: calc(80% - 44px);
	}
	.filterAreaBox .fitterInner {
	    position: relative;
	}
	.filterAreaBox select.select_area {
	    background: url(../img/item-list/ac_arrow.png) no-repeat right 5px center;
	    background-size: 7%;
	    padding-left: 3%;
	    width: calc(100% / 2 - (0.5rem));
	}
	.spFilterGrayOut {
	    opacity: 0.6;
	    visibility: visible;
	    background-color: rgba(0,0,0,1);
	}
	.submitFilterBotton {
	    position: absolute;
	    width: 100%;
	    height: 44px;
	}
	.submitFilterBotton.fix {
	    position: fixed;
	    top: auto;
	    bottom: 10px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    width: 90%;
	    height: 44px;
	}
	.submitFilterBotton .button {
	    width: 100%;
	    margin: 0 auto;
	    padding: 0;
	    padding-left: 6%;
	    padding-right: 6%;
	    border-radius: 0;
	    height: 44px;
	    letter-spacing: 0.05em;
	    font-family:Roboto,Arial,sans-serif;
	}
	
	.fitterRow img {
		width: 16px;
		/*float: right;*/
	}
	
	input[type="text"].inputPlpSearchItems{
		width: 92%;
	    float: right;
	    border: none;
	    box-shadow: none;
	    padding-bottom:1em;
	}
	
	.select_area{
		/*float: right;*/
	    letter-spacing: 0.05em;
	}
	
	.select_list {
		display:none;
		font-size: 1.2rem;
		font-size: 1.2rem;
	    border: 1px solid #b1b1b1;
	    margin-top: 15%;
	    padding: 15%;
	}
	
	.select_list li{
		border-bottom: 1px #b1b1b1 solid;
	    padding-bottom: 2%;
	    padding-top: 3%;
	}
	
	.filterArea .filterAreaBox submit.button{
		font-family:Roboto,Arial,sans-serif;
	}
	
	.select_price_to {
		margin-top: 1rem;
	}
	
}