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

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px) {
	.pc {display: block !important;}
	.tb {display: none !important;}
	.sp {display: none !important;}
    
    /*footer*/
    footer {width: 100%; margin: auto 0 0; padding: 0;}
    #footSpc {width: 90%; margin: 0; padding: 30px 5% 50px; background: #405C3C; color: #FFFFFF; font-size: 14px; float: left;}
    #footName {width: 90%; margin: 0 auto; padding: 0; font-family: 'Lora', serif; text-align: center; line-height: 34px; font-size: 32px;}
    #footName p {font-family: 'Lora', serif; line-height: 18px; font-size: 16px;}
    
    #footCall {width: 90%; margin: 8px auto; padding: 0; text-align: center; line-height: 16px; font-size: 16px;}
    #footCall p {margin: 0 0 0 5px; padding: 0; text-align: center; display: inline;}
    #footTime {width: 90%; margin: 8px auto 50px; padding: 0; text-align: center; line-height: 16px; font-size: 16px;}
    #footTime p {margin: 0 0 0 5px; padding: 0; text-align: center; display: inline;}
    
    #footSpc nav ul {width: 100%; max-width: 980px; margin: 0 auto; padding: 0;}
    #footSpc nav ul li {width: 12.5%; float: left;}
    #footSpc nav ul li a {width: 100%; color: #FFFFFF; text-align: center; float: left;}
    #footSpc nav ul li a:hover {width: 100%; color: #F3D300; text-align: center; float: left;}
    
    #footIcon {width: 100%; max-width: 100px; margin: 0 auto; padding: 0;}
    #footIcon ul {width: 100%; margin: 30px 0 0; padding: 0; float: left;}
    #footIcon ul li {width: 100%; margin: 0 auto;  text-align: center; float: left;}
    #footIcon ul li img {width: 36px; height: 36px;}
    
    #copyright {width: 90%; margin: 0; padding: 8px 5%; text-align: center; background: #685D40; color: #FFFFFF; font-size: 12px; float: left;}
}

/*TB:body-------------------------------------*/
@media screen and (min-width: 560px) and (max-width: 1083px) {
	.pc {display: none !important;}
	.tb {display: block !important;}
	.sp {display: none !important;}
    
    /*footer*/
    footer {width: 100%; margin: auto 0 0; padding: 0;}
    #footSpc {width: 90%; margin: 0; padding: 30px 5% 50px; background: #405C3C; color: #FFFFFF; font-size: 14px; float: left;}
    #footName {width: 90%; margin: 0 auto; padding: 0; font-family: 'Lora', serif; text-align: center; line-height: 34px; font-size: 32px;}
    #footName p {font-family: 'Lora', serif; line-height: 18px; font-size: 16px;}
    
    #footCall {width: 90%; margin: 8px auto; padding: 0; text-align: center; line-height: 16px; font-size: 16px;}
    #footCall p {margin: 0 0 0 5px; padding: 0; text-align: center; display: inline;}
    #footTime {width: 90%; margin: 8px auto 50px; padding: 0; text-align: center; line-height: 16px; font-size: 16px;}
    #footTime p {margin: 0 0 0 5px; padding: 0; text-align: center; display: inline;}
    
    #footSpc nav ul {width: 100%; max-width: 980px; margin: 0 auto; padding: 0;}
    #footSpc nav ul li {width: 12.5%; float: left;}
    #footSpc nav ul li a {width: 100%; color: #FFFFFF; text-align: center; float: left;}
    #footSpc nav ul li a:hover {width: 100%; color: #F3D300; text-align: center; float: left;}
    
    #footIcon {width: 100%; max-width: 100px; margin: 0 auto; padding: 0;}
    #footIcon ul {width: 100%; margin: 30px 0 0; padding: 0; float: left;}
    #footIcon ul li {width: 100%; margin: 0 auto;  text-align: center; float: left;}
    #footIcon ul li img {width: 36px; height: 36px;}
    
    #copyright {width: 90%; margin: 0; padding: 8px 5%; text-align: center; background: #685D40; color: #FFFFFF; font-size: 12px; float: left;}
}

/*SP:body-------------------------------------*/
@media screen and (max-width: 559px) {
	.pc {display: none !important;}
	.tb {display: none !important;}
	.sp {display: block !important;}
    
    /*footer*/
    footer {width: 100%; margin: auto 0 0; padding: 0;}
    #footSpc {width: 90%; margin: 0; padding: 30px 5% 30px; background: #405C3C; color: #FFFFFF; font-size: 14px; float: left;}
    #footName {width: 90%; margin: 0 auto; padding: 0; font-family: 'Lora', serif; text-align: center; line-height: 34px; font-size: 32px;}
    #footName p {font-family: 'Lora', serif; line-height: 18px; font-size: 16px;}
    
    #footCall {width: 90%; margin: 8px auto; padding: 0; text-align: center; line-height: 22px; font-size: 18px;}
    #footCall p {margin: 0; padding: 0; text-align: center; line-height: 22px; font-size: 18px;}
    #footTime {width: 90%; margin: 8px auto; padding: 0; text-align: center; line-height: 22px; font-size: 18px;}
    #footTime p {margin: 0; padding: 0; text-align: center; line-height: 22px; font-size: 18px;}
    
    #footSpc nav ul {display: none !important;}
    
    #footIcon {width: 100%; max-width: 100px; margin: 0 auto; padding: 0;}
    #footIcon ul {width: 100%; margin: 30px 0 0; padding: 0; float: left;}
    #footIcon ul li {width: 100%; margin: 0 auto;  text-align: center; float: left;}
    #footIcon ul li img {width: 40px; height: 40px;}
    
    #copyright {width: 90%; margin: 0; padding: 8px 5% 60px; text-align: center; background: #685D40; color: #FFFFFF; font-size: 12px; float: left;}
}