@charset "UTF-8";

/* style */


/* ***** footer sns button ***** */

.l_inner .address .footer_sns {
  margin: 1em 0;
  padding: 0;
}

.l_inner .address .footer_sns .footer_sns_item {
  display: inline-block;
  margin-right: 8px;
  width: 30px;
  height: 30px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}

.l_inner .address .footer_sns .footer_sns_item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.l_inner .address .footer_sns .footer_sns_item a:focus, .l_inner .address .footer_sns .footer_sns_item a:hover {
  text-decoration: none;
}

.l_inner .address .footer_sns .footer_sns_item:hover {
  background-color: #FFFFFF;
}

.l_inner .address .footer_sns .footer_sns_item:hover a:before {
  color: #412a60;
}

.l_inner .address .footer_sns .footer_sns_item > a:before {
  position: absolute;
  top: 3px;
  font-family: FontAwesome;
  color: #FFFFFF;
}

@media only screen and (max-width: 640px) {
  .l_inner .address .footer_sns .footer_sns_item > a:before {
    top: 3px;
  }
}

.l_inner .address .footer_sns .footer_sns_item.facebook > a:before {
  left: 9px;
  content: '\f09a';
}

@media only screen and (max-width: 640px) {
  .l_inner .address .footer_sns .footer_sns_item.facebook > a:before {
    left: 10px;
  }
}

.l_inner .address .footer_sns .footer_sns_item.twitter > a:before {
  left: 7px;
  content: '\f099';
}

@media only screen and (max-width: 640px) {
  .l_inner .address .footer_sns .footer_sns_item.twitter > a:before {
    left: 8px;
  }
}

.l_inner .address .footer_sns .footer_sns_item.instagram > a:before {
  left: 7px;
  content: '\f16d';
}

@media only screen and (max-width: 640px) {
  .l_inner .address .footer_sns .footer_sns_item.instagram > a:before {
    left: 9px;
  }
}