/* CSS Document */
.tit{margin:0 auto;width:100%;height:auto;padding:50px 0px;}
.tit a{display:block;text-align:center;line-height:3;color:#222;font-size:3rem;width:100%;height:auto;margin:0 auto;background:url(../image/tit.png) no-repeat center bottom;font-weight:bold;letter-spacing:2px;}
.mm{margin:0 auto;width:100%;height:auto;position:relative;}


.meal-cut{width:100%; margin:0 auto; text-align:center; }
.meal-cut ul{width:100%;height:auto;}
.meal-cut ul li{width:19%;margin-right:1%;float:left;height:33vh;overflow:hidden;background-size:100% 100% !important;margin-top:15px;padding:2% 0%;transition:all 1s}


.meal-cut ul li  .img{ width:100px; margin:0 auto; position:relative; overflow:hidden;display:block;}
.meal-cut ul li  .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(100px 0 #fff); -webkit-filter: drop-shadow(100px 0 #fff);transition:all 1s}
.meal-cut ul li:hover .img img{transform: translate(-100px, 0);-webkit-transform: translate(-100px, 0);-ms-transform: translate(-100px, 0);-o-transform: translate(-100px, 0);transition:all 1s}










.meal-cut ul li h3{display:block; font-size:1.8rem; padding-top: 20px;color:#000;line-height:2;letter-spacing:1px;font-weight:bold;}
.meal-cut ul li p{display:block; color:#666; max-width:80%; margin:0 auto;font-size:1.3rem;}

.meal-cut ul li:hover h3{color:#fff;}
.meal-cut ul li:hover p{color:#fff;}
.meal-cut ul li:hover{background:#2e2e38;transition:all 1s}




@media(max-width:767px){

.meal-cut ul li{width:49% !important; float:left; }
.meal-cut ul li h3{font-size:1.8rem !important; font-weight:bold;}
.meal-cut ul li:nth-child(5){display:none !important;}
}
@media (min-width:768px) and (max-width:990px){
.meal-cut ul li{width:49% !important; float:left; }
.meal-cut ul li h3{font-size:1.8rem !important; font-weight:bold;}
.meal-cut ul li:nth-child(5){display:none !important;}
}
@media (min-width:991px) and (max-width:1200px){
.meal-cut ul li{width:32.3333%; float:left; padding:5px;}
.meal-cut ul li h3{font-size:1.8rem !important; font-weight:bold;}
}

@media (min-width:1201px) and (max-width:1320px){
.meal-cut ul li{width:32.3333%; float:left; padding:5px;}
.meal-cut ul li h3{font-size:1.8rem !important; font-weight:bold;}
}
@media (min-width:1321px) and (max-width:1600px){

.meal-cut ul li h3{font-size:1.8rem; font-weight:bold;}
}