スマホ・グローバルナビ

<!-- グローバルメニュー -->
<div id="mobile_menu">

<span class="category"><a href="URLを記入">名前１</a></span>
|
<span class="category"><a href="URLを記入">名前２</a></span>

|
<span class="category"><a href="URLを記入">名前３</a></span>
|
<span class="category"><a href="URLを記入">名前４</a></span>
</div>

<style>
#mobile_menu{
    color: #ffffff;
    text-align: center;
    background-color: #f08080;/*背景色*/
    margin:10px 0 0 0;
    border:1px solid #ffffff;/*囲い線*/
}
#mobile_menu .category{
    padding:10px 0 10px 0;
    line-height: 200%;
    font-size: 85%;/*文字の大きさ*/
    font-weight: bold;
    
}
#mobile_menu a{
    color: #ffffff;
    text-decoration: none;
}
</style>