/* タブレット向けレイアウト */
@media all and (max-width: 900px) {

    .header-menu{
        display:block;
     }
}

/* モバイル向けレイアウト */
@media all and (max-width: 600px) {

    .header-logo a{
        margin-left:20px;
    }

    .header-menu{
        display:none;
        background-color:rgba(16, 0, 32, 0.8);
        margin-right:0px;
        position:absolute;
        right:0px;
        top:60px;
        z-index: 100;
     }
     .header-menu a{
        width:120px;
     }
  
    
     .header-menu li{
        float:none;
      }
     #menu-icon{
         display:block;
     }


    #page-top{
        display: none;
    }

    .topcontent-wrapper{
        padding-top:20px;
    }
    footer{
        position: static;
    }



}