*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.din2014{
  font-family: din-2014, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.din2014_bold{
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.sp_menu_popup_container
{
    display: none;
}
.sns_icon{
   width:40px;
}
@media screen and (max-width:700px) {
    .sp_menu_popup_container.hide
    {
        display: none;
    }
    .right_container{
        display: none;
    }
    .left_container{
        width: 100%;
    }
    .sp_menu_bar_container{
        display: block;
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0px;
        height: 70px;
        /*border-top: 1px solid #000;*/
        background-color: #fff;
        font-size: 0;
    }
    .sp_menu_bar_container .title{
        display: inline-block;
        position: relative;
        width: 70%;
        height: 70px;
        /*border-right: 1px solid #000;*/
        text-align: center;
    }
    .sp_menu_bar_container .title .logo{
        display: block;
        width: 40%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .sp_menu_bar_container .menu{
        display: inline-block;
        position: relative;
        width: 30%;
        height: 70px;
        text-align: center;
    }
    .sp_menu_bar_container .menu .menu_btn{
        display: block;
        width: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .sp_menu_popup_container{
        display: block;
        position: fixed;
        top:0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
    }
    .sp_menu_inner_container{
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }
    .close_btn_container{
        display: block;
        position: relative;
        width: 100%;
        height: 70px
    }
    .menu_close_btn{
        display: block;
        width: 30px;
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translate(0%,-50%);
    }
    .sp_menu_container{
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }
    .sp_menu_container ul{
        display: block;
        position: relative;
        width: 80%;
        margin: auto;
        margin-top: 40px;
        font-size: 0;
    }
    .sp_menu_container ul li{
  
}