/*- all ----------------------------------------------------------------------------------------*/


.food_combox { width: 100%; padding: 0; margin: 30px auto;}

.food_box { display: block; width: 100%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 27% auto; margin: 30px 0;}

.food_title img { max-width: 50%; display: block; margin: 0 0 30px 0;}

.photo_caption { text-align: left; padding: 10px 0 0 0; font-size: 1em;}

.food_combox01 { float: left; width: 46%; margin: 30px 2%;}

.food_combox01 img { max-width: 100%;}

.food_combox02 { width: 90%; margin: 30px auto;}

.text_small { font-size: 0.8rem;}

.food_box_red { display: block; width: 100%; margin: 30px 0; color: #C00;}

.food_box_red strong { font-weight: bold;}



/*------------------------------------------------------------------------------------------------------*/



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

.food_combox { width: 80%; padding: 0; margin: 30px auto;}

.food_title img { max-width: 75%; display: block; margin: 0 0 30px 0;}



}



/*------------------------------------------------------------------------------------------------------*/



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

.food_combox { width: 90%; padding: 0; margin: 30px auto;}
.food_title img { max-width: 80%; display: block; margin: 0 0 30px 0;}


.food_combox01 { float: none; width: 90%; margin: 30px auto;}


}


/*------------------------------------------------------------------------------------------------------*/


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


.food_box { display: block; width: 100%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 50% auto; margin: 30px 0;}

.food_title img { max-width: 96%; display: block; margin: 0 0 30px 0;}

.photo_caption { text-align: left; padding: 10px 0 0 0; font-size: 1em; width: 100%;}

}