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

.item-list .price {
    color: #f51c1c;
    font-size: 15px;
    font-weight: 600 ;
}
.test img{
    width : 80%;
}
.test-text{
    font-size: 0.8rem;
}
table.tab01 {
    border-collapse: separate;
    border-spacing: 1px;
    border: solid 1px black;
    display: block;
    width: 90%;
    text-align: center;
    padding : 10px;
    margin: 0px;
}
td { 
    width : auto;
    vertical-align: middle;
    display: table-cell;
}
/*td.tab01 {
    padding: 0px ;
    margin: 0px ;
    border: solid 10px #cc0000;
}
th.tab01 {
    padding: 100px;
    border: solid 10px #cc0000;
}*/

/*カレンダー表示 th欄の色付け */
.makeshop-calendar1 th.sunday,
.makeshop-calendar2 th.sunday{
    color: #fff;
    background: #f08080;
    border:0.2px solid;
    border-color:#fff;
}
.makeshop-calendar1 th.monday,
.makeshop-calendar2 th.monday{
    color: #000;
    background: #d7dbdb;
    border:0.2px solid;
    border-color:#fff;
}
.makeshop-calendar1 th.tuesday,
.makeshop-calendar2 th.tuesday{
    color: #000;
    background: #d7dbdb;
    border:0.2px solid;
    border-color:#fff;
}
.makeshop-calendar1 th.wednesday,
.makeshop-calendar2 th.wednesday{
    color: #000;
    background: #d7dbdb;
    border:0.2px solid;
    border-color:#fff;
}
.makeshop-calendar1 th.thursday,
.makeshop-calendar2 th.thursday{
    color: #000;
    background: #d7dbdb;
    border:0.2px solid;
    border-color:#fff;
}
.makeshop-calendar1 th.friday,
.makeshop-calendar2 th.friday{
    color: #000;
    background: #d7dbdb;
    border:0.2px solid;
    border-color:#fff;
}
.makeshop-calendar1 th.saturday,
.makeshop-calendar2 th.saturday{
    color: #fff;
    background: #7f94f3;
    border:0.2px solid;
    border-color:#fff;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 .spnone {
     display: none;
    }
 .item-list img{
     width: 80%;
    }
 .mainBntable{
     width: 80%;
    }
 .mainBntable td{
     display: block;
     margin-left: none;
     width: 100%;
    }
} 
@media only screen and (min-device-width: 375px) and (max-device-width:767px) {
 .main-visual{
     display: none;
    }
 .banner-area{
     display: none;
    }
 .item-list img{
     width: 80%;
    }
 .mainBntable{
     width: 80%;
    }
 .mainBntable td{
     display: block;
     margin-left: none;
     width: 100%;
    }
 .category-title {
     width: 80%;
     margin: 0 auto;
} 
@media screen and (max-width: 374px) {
 .main-visual{
     display: none;
    }
 .banner-area{
     display: none;
    }
 .item-list img{
     width: 80%;
        }
 .mainBntable{
     width: 80%;
        }
 .mainBntable td{
     display: block;
     margin-left: none;
     width: 100%;
        }
 .category-title{
     width: 80%;
     margin: 0 auto;
    }
 .category-title dl{
     display: none;
    }
}