﻿#footer{
	width: 100%;
}

@media screen  and (min-width:769px){
  .pc{
    display: block;
  }
  .sp{
    display: none;
  }
	#footer img{
	    width: 100%;
	}
	#footer_box{
		width: 960px;
		margin: 0 auto;
		float: left;
	}

	#footer_menu {
		margin-left: 30px;
	}

	#footer_menu ul{
		width: 655px;
		margin: 0 auto;
		margin-top: 30px;
		text-align: center;
	}

	#footer_menu ul li a {
		color: #000;
	}
	#footer_menu ul li:hover {
		background-color: #FA8072;
	}
	#footer_box ul li{
		float: left;
		padding: 0 15px;
		font-size: 15px;
		border-left: solid 1px;
	}
	#footer_box ul li:first-child{
		border-left: 0px;
	}
	#footer_box ul li:last-child{
	margin-right: 9px;
	}
	#footer_nav{
		width: 960px;
		margin: 0 auto;
		text-align: center;
		border-top: dotted 1px #ff69b4;
		margin-top: 30px;
	}
	#footer_logo{
		margin-top: 20px;
		margin-left: 100px;
		float: left;
	}
	#footer_info{
		margin-top: 25px;
		margin-left: 7px;
		float: left;
		font-size: 14px;
		padding-top: 25px;
	}
	#footer_address{
		width: 100%;
		color: #ffffff;
		background-color:#ff4500;
	}
	#footer_address p{
		text-align: center;
	}
}
@media screen and (max-width:960px){
	#footer_box{
		width: 100%;
		margin: 0 auto;
	}
	#footer_menu {
		margin:3% auto;
	}
	#footer_menu ul{
		width: 80%;
		margin: 0 auto;
	}
	#footer_nav{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin-top: 30px;
	}

#footer_logo{
	margin:0 auto;
}
#footer_info{
		margin-top:0;
}

}
@media screen and (max-width:825px){
	#footer_menu ul li a{
		font-size: 95%;
	}
	@media screen and (max-width:799px){
		#footer_menu ul li a{
			font-size: 80%;
		}
		#footer_info p{
				font-size:84%;
		}
}

@media screen  and (max-width:768px){
  .pc{
    display: none;
  }
  .sp{
    display: inline;
  }
	#footer img{
	    width: 100%;
	}
	#footer_box{
		width: 100%;
		margin: 0 auto;
		float: left;
	}
	#footer_menu ul{
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
	}
	#footer_box ul li{
		float: left;
		padding-left:8px;
		margin-right: 7px;
		font-size: 12px;
		border-left: solid 1px;
	}
	#footer_box ul li:first-child{
		border-left: 0px;
		padding-left: 0px;
	}
	#footer_box ul li:last-child{
	margin-right: 9px;
	}
	#footer_nav{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		border-top: dotted 1px #ff69b4;
		margin-top: 30px;
	}
	#footer_logo{
		padding: 5%;
		float: left;
	}
	#footer_info{
	/*	margin-top: 25px;
		margin-left: 7px;*/
		float: left;
		font-size: 14px;
		color: #ff7f50;
	}
	#footer_address{
		width: 100%;
		color: #ffffff;
		background-color:#ff4500;
	}
	#footer_address p{
		text-align: center;
	}

}
