/*footer*/
footer{width: 100%; background: #fff; border-top: 1px solid #bebfc0;}
footer .wrap{width: 100%; max-width: 860px; padding: 30px 24px; margin: 0 auto;}

/*footer .wrap > .top*/
footer .wrap > .top{width: 100%; margin-bottom: 20px;}
footer .wrap > .top > a{font-size: 1.4rem; color: #5e5e5e;}
footer .wrap > .top > span{display: inline-block; width: 1px; height: 13px; background: #bfbfbf; margin: 2px 12px;}

/*footer .wrap > .bottom*/
footer .wrap > .bottom{font-size: 1.2rem; color: #8e8e8e; line-height: 2;}
footer .wrap > .bottom > br.width_1100{display: block;}
footer .wrap > .bottom > br.width_650{display: none;}
footer .wrap > .bottom > br.width_485{display: none;}

/*width <= 1100px*/
@media screen and (max-width: 1100px){
	
	/*footer*/
	footer .wrap{padding: 20px 24px;}

	/*footer .wrap > .top*/
	footer .wrap > .top{margin-bottom: 14px;}
	footer .wrap > .top > a{font-size: 1.3rem;}

	/*footer .wrap > .bottom*/
	footer .wrap > .bottom{font-size: 1.2rem; color: #8e8e8e; line-height: 2;}
	footer .wrap > .bottom > br.width_1100{display: none;}
	footer .wrap > .bottom > br.width_650{display: block;}
	footer .wrap > .bottom > br.width_485{display: none;}
}

/*width <= 650px*/
@media screen and (max-width: 650px){
	
	/*footer*/
	footer .wrap{padding: 16px 15px;}

	/*footer .wrap > .top*/
	footer .wrap > .top{margin-bottom: 14px; padding-left: 3px;}
	footer .wrap > .top > a{font-size: 1.4rem;}
	footer .wrap > .top > span{height: 10px; margin: 3px 5px;}

	/*footer .wrap > .bottom*/
	footer .wrap > .bottom{font-size: 1.2rem; color: #8e8e8e; line-height: 1.8;}
	footer .wrap > .bottom > br.width_1100{display: block;}
	footer .wrap > .bottom > br.width_650{display: none;}
	footer .wrap > .bottom > br.width_485{display: block;}
}

/*width <= 485px*/
@media screen and (max-width: 485px){
	
	/*footer*/
	footer .wrap{padding: 16px 5px;}

	/*footer .wrap > .top*/
	footer .wrap > .top{margin-bottom: 10px; padding-left: 3px;}
	footer .wrap > .top > a{font-size: 1.2rem;}
	footer .wrap > .top > span{height: 10px; margin: 2px 5px;}

	/*footer .wrap > .bottom*/
	footer .wrap > .bottom{font-size: 1.2rem; color: #8e8e8e; line-height: 1.8;}
	footer .wrap > .bottom > br.width_1100{display: none;}
	footer .wrap > .bottom > br.width_650{display: none;}
	footer .wrap > .bottom > br.width_485{display: none;}
}