/**
 * Food Block - Default Pattern CSS
 * 親テーマのスタイルを活用するデフォルトパターン
 * CSSは利用者側で記述するため、このファイルは空とする
 */


 /* Normal Display (2 columns on desktop) */

.normal_format {
    width: 50%;
}

/* Big Display (full width) */
.big_format {
    width: 100%;
}

/* Normal format image widths */
.normal_format .food_img {
    width: 40%;
}

.big_format .food_img {
    width: 30%;
}

@media not all and (min-width: 768px) {

    .common_format .food_img,
    .common_format .food_info {
        width: 100%;
    }

}