@charset "utf-8";

/* CSS Document */

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

	.s-tittle{

		width:98%;

	}

	

	.s-tottle-h{

		top: 1%;

	}

	

	.shop-list-top{

		height:30px;

		width:98%;

	}

	

	.shop-list,.shop-list2,.shop-list3,.shop-list4,.shop-list5,.shop-list6,.shop-list7{

		width:98%;

	}

	

	

	.shop-list-bottom{

		height:65px;

		width:98%;

	}



}



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

	

.shop-list li,.shop-list2 li,.shop-list3 li,.shop-list4 li,.shop-list5 li,.shop-list6 li,.shop-list7 li{	

    margin: 0 2% 2% 0;

    border: 0;

    width: 44%;

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);

    box-shadow: 0 0 10px rgba(0,0,0,0.1);

}



}



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

	

	.page-main{

		margin-top: 0px;

		width: 92%;

		margin-bottom: 44px;

	}



	.shop-list ul,.shop-list2 ul,.shop-list3 ul,.shop-list4 ul,.shop-list5 ul,.shop-list6 ul,.shop-list7 ul{

		padding: 0;

	}	



	.shop-list li,.shop-list2 li,.shop-list3 li,.shop-list4 li,.shop-list5 li,.shop-list6 li,.shop-list7 li{	

		margin: 0 0 20px 0;

		border: 0;

		width: 88%;

		max-width: 350px;

		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);

		box-shadow: 0 0 10px rgba(0,0,0,0.1);

		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;

	}



}



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

	.shop-list-top{

		height: 20px;

		width:100%;

	}

	

	.shop-list,.shop-list2,.shop-list3,.shop-list4,.shop-list5,.shop-list6,.shop-list7{

		width:100%;

	}

	

	.shop-list-bottom{

		height: 20px;

		width:100%;

	}



	.s-tittle{

		width: 100%;

	    height: auto;

   		font-size: 32px;

		margin-top: 0px;

	}

	

	.s-tottle-h{

		width: 100%;

		top: 0.1%;

	}

	

	

}