/* General styles for all menus */
.cbp-spmenu {
    background: #fff;
    /*position: fixed;*/
    position: absolute;
}
.cbp-spmenu  #nav_wrap{
    /*height: 1844px;*/
    height: 100%;
    overflow: scroll;
    background-color: #feedd2;
    color: #642714;
}
.cbp-spmenu  #nav_wrap #nav_content{
    width: 94%;
    margin: auto;
}
.cbp-spmenu  #nav_wrap .close_block{
    color: #fff;
    border: 1px solid #fff;
    margin: 15px auto;
    height: 50px;
    text-align: center;
    position: relative;
    background-color: #421d21;
}
.cbp-spmenu  #nav_wrap .close_block .text_close{
    padding-top: 14px;
    display: inline-block;
    font-size: 25px;
    font-family: meriyo;
}
.cbp-spmenu  #nav_wrap .close_block .ico_close{
    border: 0;
    padding: 3px 7px;
    position: absolute;
    left: 10px;
    top: 13px;
    font-size: 25px;
    font-family: Arial, sans-serif;
    background: url('../../img/yamachiya/smartphone/ico_close.jpg');
    height: 22px;
    width: 22px;
}
.cbp-spmenu  #nav_wrap   #menu-list_block{
    margin: auto;
    width: 100%;
}
.cbp-spmenu  #nav_wrap   #menu-list_block tr td{
    text-align: center;
}
.cbp-spmenu  #nav_wrap #search_block{
    border: 1px solid #aaa;
    border-left: none;
    border-right: none;
    margin: 6% 0;
    padding: 15px 0;
}
.cbp-spmenu  #nav_wrap #search_block input#search{
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 0.8em;
    height: 30px;
    padding: 0 2%;
    width: 72%;
    float: left;
}
.cbp-spmenu  #nav_wrap #search_block #submit_img{
    width:20%; 
    border:none; 
    /*background: #fff url('../../img/sphone/common/search_btn.png') no-repeat scroll 0 0 / 91% auto;*/
    background: #fff url('../../img/sphone/common/search_btn.png');
    background-repeat: no-repeat;
    background-size: 91%;
    height: 30px;
    float: right;
}
#nav_content  #category_list{
    font-size: 25px;
    vertical-align: middle;
  }
#nav_content  #category_list li{
    border-bottom: 3px double #421d21;
    font-size: 1.2em;
    list-style: outside none none;
    margin: 0;
    padding: 12px 0 12px 10px;
}
.cbp-spmenu h3 {
    color: #d4670a;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

#nav_content  #category_list li a{
    display: inline-block;
    width: 100%;
    color: #000;
    text-decoration: none;
}

.cbp-spmenu h3.category_main {
    background-color: #fccf56;
    margin: 12px 0;
    padding: 12px 0;
}
.cbp-spmenu h3.category_main a{
    display: inline-block;
    width: 100%;
}
.cbp-spmenu h3.link_cat{
    /*background:#fccf56 url("../../img/sphone/common/arrow.png") no-repeat scroll  97% 50% / 5% auto;*/
    background:#fccf56 url("../../img/sphone/common/arrow.png");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 5%;
}
.cbp-spmenu h3.link_cat a{
    color: #d4670a;
    text-decoration: none;
}
.cbp-spmenu h3.category_main a{
    color: #d4670a;
    text-decoration: none;
}
.cbp-spmenu h3.category_main span.mini{
    font-size: 0.7em;
}
.cbp-spmenu a {
    font-weight: normal;
}

.cbp-spmenu a:hover {
    
}

.cbp-spmenu a:active {

}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    /*width: 240px;*/
    width: 80%;
    /*height: 100%;*/
    height: auto;
    top: 0;
    z-index: 1000;
}

.cbp-spmenu-vertical a {

}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    /*left: -240px;*/
}

.cbp-spmenu-right {
    /*right: -240px;*/
    /*right: -80%;*/
    width: 0;
    right: 0; 
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right{
    position: fixed;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    width: 75%;
    border-left: 2px solid #642714;
    border-bottom: 2px solid #642714;
    height: 100%;
    
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    /*left: 240px;*/
}

.cbp-spmenu-push-toleft {
    /*left: -240px;*/
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

    .cbp-spmenu-horizontal {
        font-size: 75%;
        /*height: 110px;*/
    }

    .cbp-spmenu-top {
        /*top: -110px;*/
    }

    .cbp-spmenu-bottom {
        /*bottom: -110px;*/
    }

}

@media screen and (max-height: 26.375em){

    .cbp-spmenu-vertical {
        font-size: 90%;
        /*width: 190px;*/
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        /*left: -190px;*/
    }

    .cbp-spmenu-right {
        /*right: -190px;*/
    }

    .cbp-spmenu-push-toright {
        /*left: 190px;*/
    }
}

#list_canvas{
    margin-left: -65px;
    position: absolute;
    /*position: fixed;*/
    width: 65px;
    margin-top: 8px;
}
#list_canvas img{
    width: 100%;
}    
.imgDetails #ico_login{
    float: left;
    margin-top: 0px;
    width: 46px;
}
.imgDetails #ico_cart{
    float: left;
    margin: 0px 0 0 3px;
    width: 46px;
}


@media screen and (min-width: 640px) and (max-width: 991px){
    .imgDetails #ico_login{
        float: left;
        margin-top: 4px;
        width: 92px;
    }
    .imgDetails #ico_cart{
        float: left;
        margin: 4px 0 0 6px;
        width: 92px;
    }

    #list_canvas {
        margin-left: -92px;
        margin-top: 12px;
        position: absolute;
        width: 92px;
    }
    .cbp-spmenu #nav_wrap #search_block input#search {
        font-size: 120%;
        height: 50px;
    }
    .cbp-spmenu #nav_wrap #search_block #submit_img {
        /*background: #fff url("../../img/sphone/common/search_btn.png") no-repeat scroll 0 0 / 80% auto;*/
        background: #fff url("../../img/sphone/common/search_btn.png");
        background-repeat: no-repeat;
        background-size: 80%;
        height: 52px;
        
    }
    #category_list li img.nav-img{
        width: 20%;
        float: left;
        max-width: 75px;
    }
    #category_list li span{  
        width: 80%;
        display: inline-block;
        text-align: center;
        line-height: 1.5em;
        float: left;
        padding-top: 15px;
        font-weight: bold;
    }
    #nav_content  #category_list li:first-child{
        border-top: 3px double #421d21;
    }
    #nav_content  #category_list li:last-child{
        border-bottom: 0;
    }    

}

@media screen and (min-width: 600px) and (max-width: 640px){
    .imgDetails #ico_cart{
        margin: 3px 0 0 4px;
    }
    .cbp-spmenu #nav_wrap #search_block input#search {
        font-size: 1.2em;
        height: 50px;
    }
    .cbp-spmenu  #nav_wrap #search_block #submit_img{
        /*background: #fff url('../../img/sphone/common/search_btn.png') no-repeat scroll 0 0 / 75% auto;*/
        background: #fff url('../../img/sphone/common/search_btn.png');
        background-repeat: no-repeat;
        background-size: 75%;
        height: 52px;
    }
    
    .imgDetails #ico_login{
        float: left;
        margin-top: 3px;
        width: 82px;
    }
    .imgDetails #ico_cart{
        float: left;
        margin: 3px 0 0 12px;
        width: 82px;
    }
    #list_canvas {
        margin-left: -82px;
        margin-top: 11px;
        position: absolute;
        width: 82px;
    }
    
    #category_list li img.nav-img{
        width: 20%;
        float: left;
        max-width: 75px;
    }
    #category_list li span{  
        width: 80%;
        display: inline-block;
        text-align: center;
        line-height: 1.5em;
        float: left;
        padding-top: 15px;
        font-weight: bold;
    }
    #nav_content  #category_list li:first-child{
        border-top: 3px double #421d21;
    }
    #nav_content  #category_list li:last-child{
        border-bottom: 0;
    }
}

/* Tablet */
@media screen and (min-width: 550px) and (max-width: 600px){
    #nav_content  #category_list li{
        background-position: 97% 50%;
        background-repeat: no-repeat;
        background-size: 3.5%;
        
    }.cbp-spmenu h3.link_cat{
        background-position: 97% 50%;
        background-repeat: no-repeat;
        background-size: 3.5%;
    }
    .cbp-spmenu #nav_wrap #search_block input#search {
        font-size: 1.2em;
        height: 50px;
    }
    .cbp-spmenu #nav_wrap #search_block #submit_img {
        /*background: #fff url("../../img/sphone/common/search_btn.png") no-repeat scroll 0 0 / 75% auto;*/
        background: #fff url("../../img/sphone/common/search_btn.png");
        background-repeat: no-repeat;
        background-size: 75%;
        height: 52px;
    }
        
    .imgDetails #ico_login{
        float: left;
        margin-top: 3px;
        width: 82px;
    }
    .imgDetails #ico_cart{
        float: left;
        margin: 3px 0 0 12px;
        width: 82px;
    }

    #list_canvas {
        margin-left: -82px;
        margin-top: 11px;
        position: absolute;
        width: 82px;
    }   
    #category_list li img.nav-img{
        width: 25%;
        float: left;
        max-width: 75px;
    }
    #category_list li span{  
        width: 75%;
        display: inline-block;
        text-align: center;
        line-height: 1.5em;
        float: left;
        padding-top: 15px;
        font-weight: bold;
    }
    #nav_content  #category_list li:first-child{
        border-top: 3px double #421d21;
    }
    #nav_content  #category_list li:last-child{
        border-bottom: 0;
    }

}

/* Mobile HD */
@media screen and (min-width: 350px) and (max-width: 550px){
    .cbp-spmenu #nav_wrap #search_block input#search {
        font-size: 0.9em;
        height: 35px;
    }
    .cbp-spmenu #nav_wrap #search_block #submit_img {
        /*background: #fff url("../../img/sphone/common/search_btn.png") no-repeat scroll 0 0 / 87% auto;*/
        background: #fff url("../../img/sphone/common/search_btn.png");
        background-size: 87%; 
        background-repeat: no-repeat;
        height: 35px;
    }

    .#nav_content  #category_list li{
        /*background: url("../../img/sphone/common/arrow.png") no-repeat scroll  97% 50% / 3.5% auto;*/
        background: #fff url("../../img/sphone/common/arrow.png");
        background-size: 3.5%; 
        background-repeat: no-repeat;
        background-position: 97% 50%;
        
    }.cbp-spmenu h3.link_cat{
        /*background:#fccf56 url("../../img/sphone/common/arrow.png") no-repeat scroll  97% 50% / 3.5% auto;*/
        background: #fccf56 url("../../img/sphone/common/arrow.png");
        background-size: 3.5%; 
        background-repeat: no-repeat;
        background-position: 97% 50%;
    }    
    .imgDetails #ico_login{
        float: left;
        margin-top: 1px;
        width: 50px;
    }
    .imgDetails #ico_cart{
        float: left;
        margin: 1px 0 0 6px;
        width: 50px;
    }
    
    #list_canvas {
        margin-left: -65px;
        margin-top: 9px;
        position: absolute;
        width: 65px;
    }
    #nav_content #category_list {
        font-size: 16px;
        vertical-align: middle;
    }
    #nav_content  #category_list li{
        padding: 5px 0 5px 10px;
    }
    #category_list li img.nav-img{
        width: 25%;
        float: left;
        max-width: 55px;
    }
    #category_list li span{  
        width: 75%;
        display: inline-block;
        text-align: center;
        line-height: 1.5em;
        float: left;
        padding-top: 15px;
        font-weight: bold;
    }
    #nav_content  #category_list li:first-child{
        border-top: 3px double #421d21;
    }
    #nav_content  #category_list li:last-child{
        border-bottom: 0;
    }
    .cbp-spmenu  #nav_wrap .close_block .text_close{
        font-size: 20px;
    }
}
/* Mobile LD */
@media screen and (max-width: 350px){
    #nav_content #category_list {
        font-size: 16px;
        vertical-align: middle;
    }
    #nav_content  #category_list li{
        padding: 5px 0 5px 10px;
    }
    #category_list li img.nav-img{
        width: 25%;
        float: left;
        max-width: 55px;
    }
    #category_list li span{  
        width: 75%;
        display: inline-block;
        text-align: center;
        line-height: 1.5em;
        float: left;
        padding-top: 15px;
        font-weight: bold;
    }
    #nav_content  #category_list li:first-child{
        border-top: 3px double #421d21;
    }
    #nav_content  #category_list li:last-child{
        border-bottom: 0;
    }
    .cbp-spmenu  #nav_wrap .close_block .text_close{
        font-size: 20px;
    }
    .cbp-spmenu  #nav_wrap .close_block .ico_close{
        height: 18px;
        width: 18px;
        background-size: 100%;
        top: 16px;
    }
    
}