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

	div.topPhone{display: none;}	
	div.line-footer div.footer{
		width: 100%; text-align: center; padding: 10px 0 0 ;
		border-top: #f1eee4 5px solid;
	}
	
	div.line-footer div.linksite{width: 100%; padding-bottom: 10px;}
	
	div.line-top div.logo a{margin: 0px;	}
	div.line-top div.logo img{height: 40px; width: auto;}
	div.cleft div.box-data{
		width: calc(100% - 10px); padding: 5px;
	}
}

@media screen and (max-width:700px){
	div.linksite ul li{
		width: calc(50% - 11px);
	}
}

@media screen and (max-width:500px){
	div.linksite ul li{width: calc(100% - 11px);	}		
}
@media screen and (max-width:400px){
	div.line-top div.line-user a.log{display: none;}
}
@media screen and (max-width:300px){
	div.line-top div.logo img{width: 180px;}
	div.line-top div.line-user a.cart{display: none;}
}