HTMLコードメモ　フッター

<style type="text/css">

.footer_menu a:hover {

opacity:.6;

}

.footer_menu a {

font-family: "Helvetica neue", Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

color: #998e7c;

font-size: 12px;

text-decoration: none;

display: inline-block;

outline: 0;

padding: 0 15px;

}

.footer_menu {

height: 50px;

line-height: 50px;

width: 50%;

display: flex;

margin: 0px auto;

justify-content: space-between;

}

@media screen and (max-width: 599px) {

/* .footer_menu a {

margin: 10px 0px;

}*/

.footer_menu {

width:100%;

/*width: 100%;*/

/*flex-direction: column;*/

}

}

</style>

<div class="footer_menu">

<a href="https://omotot.amebaownd.com">

Home

</a>

<a href="https://omotot.amebaownd.com/pages/3783911/collection">

News

</a>

<a href="https://omotot.amebaownd.com/pages/4616984/blog">

Book

</a>

<a href="https://omotot.amebaownd.com/pages/4616914/blog">

Blog

</a>

<a href="https://omotot.amebaownd.com/pages/4919115/shopItem">

Shop

</a>

</div>

<style>

.gotop{

display: block;

margin-right: 0;

margin-left: auto;

width: 60px;

height: 60px;

box-sizing: border-box;

background: #FFF;

/*border: 1px solid #999;

padding-top: 30px;

text-align: center;

letter-spacing: -1px;

font-size: 85%;

text-decoration: none;

color: #333;*/

opacity: 0.5;

position: relative;

/*position: fixed;

bottom: 20px;

right: 20px;

z-index: 10000;*/

}

.gotop::before{

content: "";

display: block;

border-top: 2px solid #6e5f44;

border-right: 2px solid #6e5f44;

width: 25%;

height: 25%;

top: 40%;

left: 0;

right: 0;

margin: auto;

position: absolute;

transform: rotate(-45deg);

}

.gotop:hover{

opacity: 1;

}

</style>

<a href="#" class="gotop"></a>