@charset 'utf-8';


#footer{
	background:#000;
  padding: 20px 0;
	
  color:#fff;
}
#footer ul{margin: 10px auto;}
#footer li{border-top: 1px solid;padding: 10px 0;text-align: center;}
#footer a { display:inline;color:#fff; text-decoration: none;font-size: 14px;}
#footer a:hover{opacity: 0.5;}

.footer_in{
  width:100%;
  margin:0;
}

#footer .f_logo{
  width:45%;
  margin:0 auto;
}
@media screen and (min-width: 840px){
  #footer{padding:40px 20px 20px 20px;}
	#footer .f_logo{
  	width:250px;
		margin:0 auto;
  }
  #footer li{border:none;padding:0;}



}





@media screen and (min-width: 840px) {


  


  .border {
    width:100%;

    height:5px;
    display:block;
    margin:10px 0 10px 0;
  }

  .footer_in{
    width:90%;
    margin:0 5%;
  }
}

@media and (max-width: 840px) {
  .footer_link { display:none; }
}

@media screen and (min-width: 840px) and (max-width: 1200px) {
  .footer_link { width:70%; margin:0 15%; color:#fff;display:flex;justify-content: space-between;align-items: center; }
  .footer_link a:link {color:#fff;text-decoration:none; }
  .footer_link a:visited {color:#fff;}
  .footer_link a:hover {text-decoration:underline;color:#fff;}


}
@media screen and (min-width: 1200px) {
  .footer_link { width:50%; margin:0 25%; color:#fff;display:flex;justify-content: space-between;align-items: center; }
  .footer_link a:link {color:#fff;text-decoration:none; }
  .footer_link a:visited {color:#fff;}
  .footer_link a:hover {text-decoration:underline;color:#fff;}
  .footer_link a img:hover { opacity:0.7;}
}


.footer_left {width:100%;}

.footer_right{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  margin-top:10px;
}

@media screen and (min-width: 840px) {
  .footer_right{
    width:100%;
    display:block;
  }
  .footer_right{
    margin-top:0
  }


}

.footer_right .link {
  width:95%;
  display:flex;
  justify-content:space-between;
  margin:0 2.5%;
}

.footer_right .link a{
  width:auto;
  display:flex;
  align-items: center;
  font-size:1.2rem;
}

.footer_right .link a:link {
  color:#fff;
}

.footer_right .link a:visited {
  color:#fff;
}


@media screen and (min-width: 840px) {
  .footer_right .link {
    width:auto;
    display:flex;
    justify-content:flex-end;
  }


  }

.footer_right .link a:link {
  color:#fff;
}
.footer_right .link a:hover {
  color:#fff;
  text-decoration:underline;
}

.footer_right .link li {
  margin:0 5px;
}

@media screen and (min-width: 840px) {
  .footer_right .link li {
    margin:0 10px;
  }
}

.footer_right .link li .icon:hover
{
  animation: poyo .6s ease 0s 1 normal running none;
}

@keyframes poyo {
	from, to { transform: none; }
	10% { transform: scale(1.2); }
	50% { transform: scale(.9); }
	100% { transform: scale(1); }
}


.footer_right .link li .icon img{
  width:auto;
  height:25px;
  margin-top:10px;
}


@media screen and (min-width: 840px) {
  .footer_in{
    width:70%;
    margin:0 15% 0 15%;
    display:flex;
    flex-wrap:wrap;
  }

  .footer_left{
    width:50%;
  }

  .footer_right{
    width:50%;
  }
}

.footer_left small {
  width:100%;
  display:inline-block;
  text-align:center;
}

.footer_left span {
  width:100%;
  display:inline-block;
  font-size:1.1rem;
  line-height:1.2em;
  text-align:center;
}
@media screen and (min-width: 840px) {
  .footer_left small {
    text-align:left;
  }
  .footer_left span {
    text-align:left;
    line-height:1.2em;
  }
}

.footer_left strong {
  width:100%;
  display:inline-block;
  font-size:2.2rem;
  color:#fff;
  text-align:center;
  line-height:1.2em;
}

.footer_left strong a:link {
	color:#fff;
	text-decoration:none;
}

.footer_left strong a:visited {
	color:#fff;
	text-decoration:none;
}

.footer_left strong a:active {
	color:#fff;
	text-decoration:none;
}



@media screen and (min-width: 840px) {
  .footer_left strong {
  text-align:left;
  }
  .footer_left strong {
    font-size:2rem;
  }
  .footer_left strong a:link {
    color:#fff;
  }
  .footer_left strong a:visited {
    color:#fff;
  }
  .footer_left strong a:hover {
    color:#fff;
    text-decoration:underline;
  }

}

.copy {
   width:100%;
   text-align:center;
   display:inline-block;
   font-size:1.4rem;
   margin:10px 0 10px 0;
}