@charset "utf-8";
/* CSS Document */



@media screen and (max-width: 1366px){
	
	.shop-list li{
		width: 20%;
	}

}
@media screen and (max-width: 1480px){
	.menu01 :hover .bar_text {display:none ;}
	.menu02 :hover .bar_text {display:none ;}
	.menu03 :hover .bar_text {display:none ;}
	.menu04 :hover .bar_text {display:none ;}
 }   
@media screen and (max-width: 1280px){

	#barbar{display:none;}  
	#gotop {opacity: 1;	}
	#barbar{opacity: 0;}
}
	


@media screen and (max-width: 1065px){
	.shop-list ul{
		width: 99%;
	}
	.shop-list li{
		width: 26%;
	}

}




@media screen and (max-width: 1024px){
	.title{
		top: -60px;
		width: 75%;
	}
	
	.s-tittle{
		width:98%;
	}
	
	.s-tottle-h{
		top: 1%;
	}
	
	.shop-list-top{
		height:30px;
		width:98%;
	}
	
	.shop-list{
		width:98%;
	}
	
	.shop-list-bottom{
		height:30px;
		width:98%;
	}


}
@media screen and (max-width: 800px){

	.title{
		top: -50px;
	}
	
	.shop-list li{	
		margin: 0 2% 2% 0;
		border: 0;
		width: 39%;
		
	}

	#bgtop2 {
		background-size: 100%;

	}


}


@media screen and (max-width: 667px){
	
	.title{
		top: -30px;
	}
	
	.page-main{
		margin-top: 50px;
		width: 92%;
	}

	.shop-list ul{
		padding: 0;
	}	

	.shop-list li{	
		margin: 0 0 20px 0;
		border: 0;
		width: 77%;
		max-width: 350px;
		border: 1px solid #e6e6e6;
	}

	.shop_name{
		font-size:17px;		
	}

	.shop-list-top{
		height:88px;	
	}
	
	.s-tittle{
		width: 98%;
		height: auto;
		font-size: 42px;
		min-width:auto;
	}
	.s-tottle-h{
		width:96%;
		top: 5px;
	}
	#bgtop2 {
		background-size: 100%;
	}

}

@media screen and (max-width: 375px){
	.shop-list-top{
		height: 20px;
		width:100%;
	}
	
	.shop-list{
		width:100%;
	}

	.shop-list li{
		width: 75%;
	}
	
	.shop-list-bottom{
		height: 20px;
		width:100%;
	}

	.s-tittle{
		width: 100%;
	    height: auto;
   		font-size: 32px;
		margin-top: 15px;
	}
	
	.s-tottle-h{
		width: 100%;
		top: 0.1%;
	}
	#bgtop2 {
		background-size: 100%;
	}

	.shop_Price {
	    margin: 18px 0;
	}


}