/* CSS Document */

@media screen and (max-width:480px){

main > section:not(.tabs-container) {
    margin-bottom: 30px
    }
.brsp {
    display: block
    }
.tabs-container {
    margin-bottom: 60px
    }
.product-tag .togo, .product-tag .new, .product-tag .seasonal {
    min-width: 100px
    }
figure.top-menu .note_txt {
    display: none
    }
figure.top-menu + div.top-menu {
    margin-top: 20px
    }
.product-tag {
    margin-top: 20px
    }
.price-list .calorie.two-lines {
    padding-bottom: 3px
    }
.set-list .image {
    width: 50%
    }
.list-articles > li .image, .list-articles > li .desc {
    width: 50%
    }
.set-list {
    margin-bottom: 10px
    }
.set-list > li > .set-box:after {
    content: "";
    display: table;
    clear: both
    }
.set-list > li + li {
    margin-top: 10px
    }
.set-list > li .image, .set-list > li .desc {
    /* display: table-cell; */
    float: right;
    vertical-align: top;
    width: 50%
    }
.set-list > li .desc {
    position: relative;
    height: 100%;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc
    }
.set-list > li .desc:before {
    content: "";
    display: block;
    padding-top: 99%
    }
.set-list > li .desc .desc-info {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    width: 100%
    }
.set-list > li .desc .name {
    margin-bottom: 6px
    }
.set-list > li > .set-box .desc .ttl {
    font-size: 1.4rem;
    margin-bottom: 4px
    }
.set-list > li > .set-box .desc .txt {
    font-size: 1.1rem
    }
main > .page-title.menu h1 {
    height: 300px;
    background-color: #e6ede7;
    background-image: url(../images.d534667bd0a71583b8d1767225203b7a/header_menu_sp.jpg);
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 57px
    }
main > .page-title.menu h1 > span > span {
    font-size: 40px
    }
main > .page-title.menu h1 > span > span > .subttl {
    font-size: 17px;
    line-height: 22px
    }
main > .page-title.menu h1 > span > span > .subttl > span:first-child {
    display: none
    }
.menu_bnr .pcbnr {
    display: none
    }
.othermenu-list li {
    width: 49%;
    margin-bottom: 10px
    }
.othermenu-list li:nth-child(2n) {
    margin-left: 2%
    }
main > .section-slider {
    overflow: hidden;
    padding: 0 !important
    }
main > .section-slider .hdg-large {
    margin-right: 20px;
    margin-left: 20px
    }
main > .section-slider .menu_bnr {
    margin-top: 60px;
    margin-right: 20px;
    margin-left: 20px
    }
section > h2.hdg-large > span:before {
    background-size: 33px auto;
    background-repeat: no-repeat
    }
.bxslider li .slide_pc {
    display: none
    }
.bxslider li div {
    position: static;
    background: url(../images.4f8299adc1bc84473b95401f852adbb7/bg_slide_sp.jpg);
    width: 100%;
    height: 227px;
    padding: 23px
    }
.bxslider li div .slide_txt {
    color: #fff;
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 9px
    }
.bxslider li div .slide_txt_sub {
    color: #fff;
    font-size: 12px;
    line-height: 19px
    }
.bxslider li div .slide_txt span br, .bxslider li div .slide_txt_sub span {
    display: none
    }
.bx-viewport {
    overflow: visible !important
    }
.slide_all {
    width: 270px;
    margin: 0 auto;
    height: 400px;
    position: relative
    }
.slide_wrap {
    width: 270px;
    position: absolute;
    left: 50%;
    margin-left: -135px
    }
.bxslider {
    width: 100%
    }
.bxslider li {
    width: 270px;
    padding: 0 10px
    }
.bxslider li img {
    width: 100%;
    vertical-align: bottom
    }
.menu-detail > li .desc .cat {
    min-height: 22px
    }
.dislink.list-menu-2 > li .image .zoom {
    width: 21px;
    height: 21px;
    background: url(../images.8e3712d23eaf89749df5a51cdd0aa583/icon_zoom.png) 0 0 no-repeat;
    background-size: 21px auto
    }
.dislink.list-menu-2 > li .cat > div {
    width: 100%;
    width: calc(100% +1px);
    table-layout: fixed;
    position: relative;
    left: 0;
    right: 0
    }
.dislink.list-menu-2 > li .cat > div > div {
    padding: 6px 7px 4px 7px;
    font-size: 1rem
    }
.dislink.list-menu-2 > li .txt {
    padding: 10px 10px 9px
    }
.dislink.list-menu-2 > li .desc .name {
    margin-bottom: 4px
    }
.dislink.list-menu-2 > li .price {
    font-size: 2rem;
    margin-bottom: 6px
    }
.dislink.list-menu-2 > li .price .cur {
    font-size: 1rem
    }
.dislink.list-menu-2 > li .notice {
    color: #808080;
    font-size: 1rem;
    padding-left: 1.5rem
    }
.dislink.list-menu-2 > li .desc .name .cal {
    font-size: 1rem
    }
.dislink.list-menu-3 > li .txt {
    padding: 10px 10px 9px
    }
.dislink.list-menu-3 > li .desc .name {
    margin-bottom: 4px
    }
.dislink.list-menu-3 > li .price {
    font-size: 2rem;
    margin-bottom: 6px
    }
.dislink.list-menu-3 > li .price .cur {
    font-size: 1rem
    }
.dislink.list-menu-3 > li .notice {
    color: #808080;
    font-size: 1rem;
    padding-left: 1.5rem
    }
.dislink.list-menu-3 > li .desc .name .cal {
    font-size: 1rem
    }
.info_sp {
    position: relative;
    display: inline-block;
    width: 130px
    }
.info_sp:after {
    content: "：";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 10px
    }
    
    /*200160920*/
    
.list-menu-1 > li .txt{
        padding:0 10px 9px;
        font-size:1.2rem;
        line-height:1.5;
    }
    .list-menu-1 > li .desc .name{
        margin-bottom:4px;
        font-size:1.4rem;
    }
    .list-menu-1 > li .price{
        font-size:2rem;
        margin-bottom:6px;
        color:#f28300;
    }
    .list-menu-1 > li .price .cur{
        font-size:1rem;
    }
    
    .list-menu-1 > li .desc .name .cal{
        font-size:1rem;
    }
}



@media screen and (max-width: 332px) {
    .menu-detail > li .desc .cat {
        min-height: 34px
        }
        
    }