*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    /*display: none;*/
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:9999;
}
.modal__bg{
    background: rgba(255,255,255,0.95);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    /*
    top: 36px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    
    left: 50%;
    transform: translateX(-50%);
    */
    padding:16px 5%;
    background: rgba(255,255,255,0.5);
    position: absolute;
    width: 100%;
    color:#000; 
    height: calc(100vh - 16px);
}
.close{width:36px; float:right;}
.close img{width:36px;}

/*shop*/
ul.nav_sp{padding-top:16px; }
ul.nav_sp li{
    margin:0; padding:16px 0; font-family: 'Noto Sans JP', sans-serif;font-size:24px;
    border-bottom:1px solid #ccc; text-align: center; width:50%; float:left;
}
ul.nav_sp li:nth-child(2n){border-right: 1px solid #ccc;}
ul.nav_sp li:first-child{width:100%; border-left:none; border-top:1px solid #ccc;}

/*
ul.nav_sp li:last-child{width:100%; border-left:none; border-bottom: 1px solid #ccc;}
*/
ul.nav_sp li a{color:#000;}

/*info*/
ul.info_sp{padding-top:16px;}
ul.info_sp li{
    margin:0; padding:16px 0; font-family: 'Noto Sans JP', sans-serif; font-size:16px;
    border-top:1px solid #ccc; text-align: center; width:100%; float:left;
}

ul.info_sp li:last-child{border-bottom: 1px solid #ccc;}
ul.info_sp li a{color:#000;}

ul.info_sp li ul.sns{margin:0 auto; padding:0; text-align: center; width:120px;}
ul.info_sp li ul.sns li{border-top:none; width:30px; margin:0; padding:12px 0;}
ul.info_sp li ul.sns li:last-child{border-bottom:none;}
ul.info_sp li ul.sns li:first-child{margin-left:0;}
ul.info_sp li ul.sns li.yt{width:36px; margin:4px 6px 0 18px;}
ul.info_sp li ul.sns li.fb{margin-left:6px;}