トップに下記コードを入れる

<!-- 編集不可:レイアウトが崩れる恐れがあります -->
<script>
function pcsp() {
var first = true;
var pc = document.querySelectorAll('body div')[1].clientWidth > 769 ? false : true;
document.querySelectorAll('body > div').forEach(function(elem) {
if (!first) {
if (!first && elem.innerHTML.indexOf('スマホページここから') > -1) pc = !pc;
elem.style.display = pc ? 'none' : 'block';
} else {
first = false;
}
});
}
window.addEventListener('resize', pcsp);
window.onload = pcsp;
</script>

 

スマホ用デザインのトップに下記ソースを入れる

<!-- 編集不可:レイアウトが崩れる恐れがあります -->
<!-- スマホページここから -->
<style>
#section-58 ul {
text-align: center;
}
.s_footer-peraichi {
display: none!important;
}
</style>

 

説明

表示を制御するコードを入れる事で、PCのみにしか表示されない・スマホのみにしか表示されない部分を分けてデザインする事が可能

Follow me!