WP footer

footer.php

------

<footer>
<div id="footer" class="clearfix">
<div class="footer_logo">
<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="フッターロゴ"><!-- ロゴ -->
</div>

<div class="footer_contents">
<p>新潟本部/<br>
〒940-2023
新潟県長岡市蓮潟5-5-17<br>TEL：0258-27-3310 FAX：0258-27-3320
</p>
</div>
</div>
</footer>

<?php wp_footer(); ?>
</body>
</html>

------

style.css

/* フッター *//* フッター */footer{padding: 100px 0px 100px 296px;background: #53504b;position: relative;}footer:before {content: "";width: 98%;height: 2px;margin-left: -49%;background-image: linear-gradient(to right, #cfcbc4, #cfcbc4 2px, transparent 2px, transparent 4px);background-size: 6px 2px;background-position: top;background-repeat: repeat-x;position: absolute;top: 10px;left: 50%;}footer:after {content: "";width: 98%;height: 2px;margin-left: -49%;background-image: linear-gradient(to right, #cfcbc4, #cfcbc4 2px, transparent 2px, transparent 4px);background-size: 6px 2px;background-position: top;background-repeat: repeat-x;position: absolute;bottom: 10px;left: 50%;}
#footer {width: 95%;margin: 0 auto;}.footer_logo {float:left; width: 30%;}.footer_contents {width: 60%;margin: -43px 0 0 3%;color: #fff;font-family: "FOT-筑紫オールド明朝 Pro R", "TsukuOldMinPro-R", serif;float: left;}
@media screen and (max-width:767px) {  #footer {width: 95%;margin: 0 auto;}  footer{padding: 67px 0px 74px 0px;background: #53504b;position: relative;}  .footer_logo {float:none; width: 100%; display: block;text-align: center;}  .footer_contents {width: 100%;margin:0;color: #fff;font-family: "FOT-筑紫オールド明朝 Pro R", "TsukuOldMinPro-R", serif;float: none; text-align: center;}}
/* ワープ  余白消し*/.wrap { overflow: hidden;}