/* Common */

#sp-wrapper{
    overflow-x: hidden;
    background: url("../img/sp/bg.gif") repeat!important;
}

.decoration-none{
    text-decoration: none;
}

.fullwidth{
    width: 100%;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.resize{
    width: 77%!important;
    height: auto!important;
}

.inline-block{
    display: inline-block;
}

.hidden{
    display: none;
}

/* Header */

.sp-header{
    text-align: center;
}

.sp-header-top .col-sm-3,
.sp-header-top .col-xs-3{
    padding-top: 2%;
    padding-bottom: 2%;
}

.sp-header-top .col-sm-6,
.sp-header-top .col-xs-6{
    padding-top: 5%;
}


.sp-header-title{
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}
.sp-header-top img{
	float:left;
	}
	
.sp-header-top h1{
	position:absolute;
	left:17%;
	font-size:12px;
	float:left;
    text-align:left;
    color: #ffffff;
}
/*Toggle Button*/

#slide-push-menu{
    background-color: #ffffff;
    color: #000000;
    overflow-y: scroll!important;
}

#slide-push-menu a{
    text-decoration: none;
    color: #000000;
}

.cbp-spmenu-vertical a {
    border: none!important;
}

.cbp-spmenu, .cbp-spmenu > a{
    text-align: left!important;
}

.cbp-spmenu{
    padding-left: 25px;
}

.sub-menu{
    padding-left: 10px;
}

.sub-menu a{
    display: block;
}

/*Header Buttons*/

.sp-header-btns{
    background-color: #020202;
    padding: 5px 15px;
}


.sp-header-btns .col-xs-4,
.sp-header-btns .col-sm-4{
    padding: 5px !important;
}


/*Slider Gallery 1*/

.slider-box{
    background-color: #000000;
    margin-bottom: 20px;
}

.slider-box .slide-gallery .carousel-indicators{
    bottom: -5px;
}

.black-gradient-bg{
    background: url("../img/sp/black-bg.png") bottom no-repeat;
    height: 40px;
}

/*Zipcode Box*/

.sp-header-zipcode{
   padding-bottom: 20px;
}

.sp-header-zipcode-box{
    /*height: 338px;*/
    /*background: url("../img/sp/black-trans.png") repeat;*/
    border: 3px solid #424242;
    border-radius: 10px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
}

.sp-header-zipcode-box h3,
.sp-header-zipcode-box h4{
    color: #d1d1d1;
}



#zc01,
#zc02{
    background-color: #444444;
    width: 70px;
    text-align: center;
}

.mr_t10{
    vertical-align: middle;
    margin-bottom: 20px;
}

#submit_button{
    background:url("../img/sp/search-btn.png") no-repeat;
    background-size: contain;
    width: 80px;
    height: 25px;
    border: none;
    /*padding-top: 10px;*/
    padding-bottom: 8px;
    margin-left: 5px;
}


#tenpo-btn img{
    width: 40%;
}

#rakuten-btn img,
#demaekan-btn img{
    width: 40%;
}

/*Content*/

.food-menu{
    text-align: center;
    background: url("../img/sp/main_cont_bg.png") repeat;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 10px;
    padding: 30px 0 20px 0!important;
}
.food-title{
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.recommend-box{
    background-color: #000000;
    margin-bottom: 10px;
    border-radius: 5px;
}

.food-name{
    color: #ffffff;
}

/*.food-img{*/
    /*width: 70%;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*margin-top: 30px;*/
/*}*/

/*.food-img img{*/
    /*width: 70%;*/
/*}*/

.food-img{
    width: 100%;
    margin-top: 30px;
}

.food-img img{
    width: 100%;
}


.gold-box{
    color: #000000;
    background: url("../img/sp/menu_rank1.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    padding-top: 5%;
}
.people{
    color: white;
    text-align: right;

}

.content-btns{
    margin-top: 10px;
    margin-bottom: 10px;
}
.padding-2{
    padding: 2px!important;
}

/*Lunch Box*/
.lunch-box{
    background-color: #ffffff;
    border-radius: 5px;
}


.lunch-food{
    padding-top: 10px;

}

.lunch-box .food-name h3{
    text-align: left;
}

.lunch-title img{
    width: 100%;
}

/*.lunch-box .food-img img{*/
    /*width: 100%;*/
    /*height: auto;*/

/*}*/

.lunch-box:nth-child(3){
    margin-bottom: 20px;
}

/*Big Buttons*/

.big-btns img{
    width: 100%;
    margin-bottom: 20px;
}

/*Spcecial*/

.special-box{
    background: url("../img/sp/campnain_bg.png") repeat;
    /*border-radius: 10px;*/
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}

.special-carousel{
    padding-bottom: 20px;
}

.special-title{
    width: 100%;
    margin-bottom: 20px;
    color: white;
}

.special-2-img{
    margin-bottom: 20px;
}


/*Promo*/

.promo-box {
    text-align: center;
    margin-bottom: 20px;
}

.promo-box a img{
    margin-bottom: 5px;
}

/*Info*/

.info-box{
    text-align: center;
    background: url("../img/sp/news_bg.png") repeat;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    color: #ffffff;
}

.info-content{
    background: url("../img/sp/trans-bg2.png") repeat;
    border: solid 1px #000000;
    border-radius: 8px ;
    padding-top: 10px;
    padding-bottom: 10px;
}

.info-box a{
    text-decoration: none!important;
    color: #ffffff;
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -o-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
}
.info-box p {
    margin-bottom: 0px;
    width:200px;
}
.info-content ul li{
    text-align: left!important;
}

/*Footer*/

.sp-footer{
    text-align: center;
    background-color: #000000;
    color: #a9a9ab;
}

.footer-content a{
    text-decoration: none!important;
    color: #a9a9ab;
}

.footer-content img{
    margin-bottom: 10px;
}


.footer-content-left{
    text-align: right;
}

.footer-content-left p:nth-child(1){
    margin-top: 15px;
    text-align: right;
}

.footer-content-right{
    text-align: left;
}

.footer-copyright{
    text-align: center;
    background: url("../img/sp/bg.gif") repeat;
    padding: 10px 0 10px 0;
}

.contact-guide{
    text-align: center;
}

.contact-guide a{
    text-decoration: none!important;
    color: #ffffff;
}

.food-detail-box{
    margin-top: 10px!important;
}

/*Ipad*/

@media only screen
and (min-width : 768px) {
    .sp-header-title{
        font-size: 14px;
    }
    .toggleBtn{
        display: block;
        margin-top: 30px;
    }
    .toggleBtn img{
        width: 50px;
    }

    .sp-header-zipcode-box h3{
        font-size: 30px;
    }

    .sp-header-zipcode-box h4{
        font-size: 20px;
    }

    .sp-header-zipcode-box p{
        color: #929294;
        font-size: 16px;
    }

    .food-menu{
        margin-bottom: 20px;
    }
    .food-name h3{
        font-size: 26px;
        padding: 0;
        margin: 0;
    }

    .gold-box{
        font-size: 20px;
        width: 80px;
        height: 80px;
        padding-top: 8%;
    }

    .people{
        font-size: 12px;
    }

    .people p{
        font-size: 18px;
    }

    .recommend-box{

        /*padding-left: 10px!important;*/
        /*padding-right: 10px!important;*/
        padding-top: 10px;
        width: 48%!important;
        /*min-height: 380px;*/

    }

    .recommend-box:nth-child(even){
        margin-left: 3%;

    }

    /*.food-img img{*/
        /*height: 160px;*/
        /*width: auto;*/
    /*}*/
    .food-detail-box{
        min-height: 120px;
    }


    .moredetail img{
        width: 90px;
        height: auto;
    }

    .food-area{
        text-align: center;
    }


    .lunch-food{
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .lunch-food:nth-child(1) .food-name h3,
    .lunch-food:nth-child(1) .people{
        color: #000000;
        font-size: 24px;
    }

    .lunch-food:nth-child(2) .food-name h3,
    .lunch-food:nth-child(3) .food-name h3{
        color: #000000;
        font-size: 18px;
    }

    .lunch-food:nth-child(2) .people,
    .lunch-food:nth-child(3) .people{
        color: #000000;
        font-size: 18px;
    }

    .lunch-food:nth-child(1){
        border-bottom: solid 2px grey;
    }

    .special-carousel .item .item-content a:nth-child(1){
       margin-right: 10px;
    }

    .promo-box a:nth-child(odd)  img{
        margin-right: 10px;
        /*margin-bottom: 10px;*/
    }

    .info-box{
        font-size: 15px;
    }

    .info-content{
        margin-bottom: 10px;
    }

    .info-content{
        width: 90%!important;
    }

    .sp-footer a:nth-child(1) img{
        margin-right: 60px;
    }

    .sp-footer img{
        width: auto;
        height: 80px;
    }

    .footer-content{
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .footer-content a{
        font-size: 18px;
    }

    .footer-content-left p{
        margin-right: 30px;
    }

    .footer-content-right p{
        margin-left: 30px;
    }

    .deliver{
        font-size: 14px;
        margin-bottom: 20px;
    }

    .contact-guide{
        font-size: 18px;
        margin-bottom: 20px;
    }


    .footer-copyright img{
        width: 50%!important;
        height: auto!important;
    }

}

/*Android*/
@media screen and (max-width: 320px) {
    .sp-header-title{
        font-size: 8px;
    }

    .toggleBtn{
        display: block;
        margin-top: 20px;
    }

    #slide-push-menu{
        font-size: 10px;
    }

    .sp-header-zipcode-box h3{
        font-size: 14px;
    }

    .sp-header-zipcode-box h4{
        font-size: 10px;
    }

    .sp-header-zipcode-box p{
        color: #929294;
        font-size: 8px;
    }

    .food-menu{
        margin-bottom: 10px;
    }

    .food-title img{
        width: 60%;
    }

    .food-name h3{
        font-size: 12px;
        padding: 0;
        margin: 0;
    }
    .gold-box{
        font-size: 11px;
        width: 50px;
        height: 50px;
    }
    .people{
        font-size: 9px;
    }

    .people p{
        padding: 0;
        margin: 0;
    }

    .recommend-box{
        background-color: #000000;
        padding-left: 10px!important;
        padding-right: 10px!important;
        padding-top: 10px;
    }

    .moredetail{
        margin-top: 20px;
    }

    .lunch-food{
        padding-top: 10px;
    }

    .lunch-box .food-name h3,
    .lunch-box .people{
        color: #000000;
        font-size: 12px;
    }

    .lunch-box .people{
        margin-top: 15px;
    }

    .lunch-food:nth-child(1),
    .lunch-food:nth-child(2){
        border-bottom: solid 2px grey;
    }

    .big-btns img{
        margin-bottom: 10px;
    }

    .special-carousel .item .item-content a img{
       width: 100%;
    }

    .special-title img{
        width: 30%;
    }


    .special-2-img img{
        width: 100%;
    }

    .promo-box a img{
        width: 40%;
    }

    .promo-box a:nth-child(odd)  img{
        margin-right: 5px;

    }

    .info-box{
        font-size: 7px;
    }

    .info-content{
        margin-bottom: 5px;
    }

    .info-content ul {
        margin-left:0;
        padding: 0;
    }

    .footer-content{
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .sp-footer img{
        width: auto;
        height: 30px;
    }

    .footer-content a{
        font-size: 7px;
    }

    .footer-content p{
        margin-bottom: 2px;
    }

    .deliver{
        font-size: 6px;
        margin-bottom: 10px;
    }

    .contact-guide{
        font-size: 8px;
        margin-bottom: 10px;
    }


    .footer-copyright{
        padding: 0;
    }

    .footer-copyright img{
        width: 80%!important;
        height: auto!important;
    }

    .mini-submenu{
        padding: 5px;
        width: 20px;
    }
    .footer-content-left img,
    .footer-content-right img{
        height: 50px;
    }

}

.banner-img{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
}

.banner-img img{
    width: 100%!important;
}

.contain{
    background: url("../img/sp/bg.gif") repeat
}

.sp-footer {
    margin-top: -20px!important;
}


/*Smartphone*/
@media screen and (max-width : 667px) {
    .sp-header-title{
        font-size: 8px;
    }
    .info-content table {
    
    }
    .toggleBtn{
        display: block;
        margin-top: 20px;
    }

    #slide-push-menu{
        font-size: 10px;
    }

    .sp-header-zipcode-box h3{
        font-size: 14px;
    }

    .sp-header-zipcode-box h4{
        font-size: 10px;
    }

    .sp-header-zipcode-box p{
        color: #929294;
        font-size: 8px;
    }

    .food-menu{
        margin-bottom: 10px;
    }

    .food-title img{
        width: 60%;
    }

    .food-name h3{
        font-size: 12px;
        padding: 0;
        margin: 0;
    }
    .gold-box{
        font-size: 11px;
        width: 50px;
        height: 50px;
    }
    .people{
        font-size: 9px;
    }

    .people p{
        padding: 0;
        margin: 0;
    }

    .recommend-box{
        background-color: #000000;
        padding-left: 10px!important;
        padding-right: 10px!important;
        padding-top: 10px;
    }

    .moredetail{
        margin-top: 20px;
    }

    .lunch-food{
        padding-top: 10px;
    }

    .lunch-box .food-name h3,
    .lunch-box .people{
        color: #000000;
        font-size: 12px;
    }

    .lunch-box .people{
        margin-top: 15px;
    }

    .lunch-food:nth-child(1),
    .lunch-food:nth-child(2){
        border-bottom: solid 2px grey;
    }

    .big-btns img{
        margin-bottom: 10px;
    }

    .special-carousel .item .item-content a img{
        width: 100%;
    }

    .special-title img{
        width: 30%;
    }


    .special-2-img img{
        width: 100%;
    }

    .promo-box a img{
        width: 40%;
    }

    .promo-box a:nth-child(odd)  img{
        margin-right: 5px;

    }

    .info-box{
        font-size: 7px;
    }

    .info-content{
        margin-bottom: 5px;
    }

    .info-content ul {
        margin-left:0;
        padding: 0;
    }

    .footer-content{
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .sp-footer img{
        width: auto;
        height: 30px;
    }

    .footer-content a{
        font-size: 7px;
    }

    .footer-content p{
        margin-bottom: 2px;
    }

    .deliver{
        font-size: 6px;
        margin-bottom: 10px;
    }

    .contact-guide{
        font-size: 8px;
        margin-bottom: 10px;
    }


    .footer-copyright{
        padding: 0;
    }

    .footer-copyright img{
        width: 80%!important;
        height: auto!important;
    }

    .mini-submenu{
        padding: 5px;
        width: 20px;
    }
    .footer-content-left img,
    .footer-content-right img{
        height: 50px;
    }

}

.banner-img{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
}

.banner-img img{
    width: 100%!important;
}

.contain{
    background: url("../img/sp/bg.gif") repeat
}

.sp-footer {
    margin-top: -20px!important;
}

.news-box-table {
    color: #fff;
    font-size: 7px;
    line-height: 1.4;
    margin-left: -10px;
}

.news-box-table .time {
    padding-right: 10px;
    display:inline;
}
.news-box-table p{
    display: inherit;
}

.news-box-table .store {
    padding-right: 10px;
}

.cont p{
    padding-top: 10px;
    margin: 0px;
}
.news-box-table .dot {
    padding-right: 5px;
}
.Toku_t {
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #444;
  margin: 0 auto;
  width: 96%;
}
.pipi_txt {
  width: 90%;
  color: #fff;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 5px;
  border-bottom: 1px dotted #e8e8e8;
  margin-top: 20px;flex
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -o-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  margin: 0 13px 0 16px;
}
.pipi_txt p {
    margin-left:10px;
    width: 50%;
      
}
.pipi_txt span {
    width: 40%;
}
.toku_a {
    margin-bottom: 20px;
}

a[href*="rakuten"] {
    display: none !important;
}

.menu-notice {
    margin-bottom: 20px;
    padding: 0 15px;
}

.menu-notice p {
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}

.menu-notice a {
    color: #fff;
    text-decoration: underline;
}

.p-app {
    background: #B62736;
}
@media only screen and (max-width: 768px) {
    .p-app {
        margin-block: 43px;
        padding: 40px 17px;
    }
}
@media print, screen and (min-width: 769px) {
    .p-app {
        margin-bottom: 50px;
        padding-block: 40px 50px;
    }
}
.p-app .p-app__inner {
    display: flex;
}
@media only screen and (max-width: 768px) {
    .p-app .p-app__inner {
        background: url("/img/img-phone.png") no-repeat center top/103px auto;
        padding-top: 232px;
    }
}
@media print, screen and (min-width: 769px) {
    .p-app .p-app__inner {
        background: url("/img/img-phone.png") no-repeat left top/105px auto;
        justify-content: flex-end;
        margin-inline: auto;
        width: 555px;
    }
}
@media print, screen and (min-width: 769px) {
    .p-app .p-app__main {
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 425px;
    }
}
@media only screen and (max-width: 768px) {
    .p-app .p-app__text {
        margin-bottom: 23px;
    }
}
@media print, screen and (min-width: 769px) {
    .p-app .p-app__text {
        margin-bottom: 15px;
    }
}
.p-app .p-app__text img {
    height: auto;
}
@media only screen and (max-width: 768px) {
    .p-app .p-app__text img {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .p-app h3 {
        font-size: 21px;
        font-size: 2.1rem;
        margin-bottom: 7px;
        text-align: center;
    }
}
@media print, screen and (min-width: 769px) {
    .p-app h3 {
        font-size: 19px;
        font-size: 1.9rem;
        margin-bottom: 5px;
    }
}
.p-app .p-app__download {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.p-app .p-app__download p {
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .p-app .p-app__download .p-app__iphone img {
        height: auto;
        width: 140px;
    }
}
@media only screen and (max-width: 768px) {
    .p-app .p-app__download .p-app__android img {
        height: auto;
        width: 174px;
    }
}