@charset "UTF-8"; /**************************** footer *************************/ footer { max-width: 1280px; background: #F9F9F9; margin-top: 20px; border-top: 1px solid #CCCCCC; position: fixed; bottom: 0; width: 100%; } .footer_content_t { height: 70px; padding: 0 10px; } .footer_content_b { height: 70px; } footer .footer-wrap { margin: 0 auto; /* max-width: 500px; */ height: 100%; } footer .footer_content_t .footer_item { margin: auto 10px; } footer .footer_item { text-align: center; margin: auto 0; } footer .footer_content_b .footer_item p{ font-size: 16px; color: #707070; font-weight: bold; margin:0; } footer .footer_item img { width: 32px; height: 32px; } footer .footer_content_b .footer_item .active { color: #0070CA; font-weight: bold; } footer .footer_item a { display: inline-block; } /* メッセージ入力フォーム */ footer .footer_content_t input { padding-left: 10px; margin: auto 0; width: 100%; border: 1px solid #BDBDBD; border-radius: 5px; height: 45px; } footer .footer_content_t input:focus { border-color: #71a2ff; outline: 0; box-shadow: 0 0 0 0.2rem rgb(0 83 240 / 25%); } @media screen and (max-width: 768px) { footer .footer_content_b .footer_item p { font-size: 12px; } }