/* ============================================================
  
  /layout/
  このディレクトリのCSSは「画面構造・枠組み」関連を格納ください。
  
  footer.css 内ルール
  
  1. BiNDup標準の機能で設定できないもののみ記述すること
  2. 原則共通で使用できる内容のみ記述すること
  
============================================================ */

footer #aslogo_horizontal_wh {
  max-height: 30px;
}
footer a {
  color: #fff;
}
footer .c-body {
  line-height: 1.9;
}

footer #footer_menu .-column1,
footer #footer_menu .-column4 {
  width: 30%;
}
footer #footer_menu .-column2,
footer #footer_menu .-column3 {
  width: 20%;
}
footer #footer_menu .-column2,
footer #footer_menu .-column3 {
  text-align: center;
}
footer #footer_menu .-column4 {
  text-align: right;
}
footer #footer_menu .-column2 ul li,
footer #footer_menu .-column3 ul li {
  text-align: left;
}
footer #footer_menu .-column2 {
  display: block;
}
footer .sns_lst {
  vertical-align: middle;
  margin-top: 26px;
}
footer .sns_lst #icon_instagram {
  width: 26.5px;
  margin-right: 16px;
}
footer .sns_lst #icon_facebook {
  width: 26px;
  margin-right: 13px;
}
footer .sns_lst #icon_x {
  width: 24px;
}
footer .-follow-blocks {
  top: 280px !important;
  height: fit-content !important;
}
footer #footer_copy .-col8 {
  width: 74%;
}
@media (max-width: 641px) {
  footer {
    font-size: 1rem;
    line-height: 1.5;
  }
  footer div.c-body.c-left{
  	line-height: 1.5;
  }
  footer #footer_menu .-column1,
  footer #footer_menu .-column2 {
    width: 48%;
  }
  footer .sns_lst {
    margin: 16px auto;
  }
  footer .sns_lst #icon_instagram {
    width: 32.5px;
  margin-right: 32px;
  }
  footer .sns_lst #icon_facebook {
    width: 32px;
    margin-right: 28px;
  }
  footer .sns_lst #icon_x {
    width: 29px;
  }
}