@charset "utf-8";

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

/*============================
#shopMenuArea
============================*/
#shopMenuArea { min-width: inherit; float:none; margin: 20px; }


/*============================
#coffeeMenuArea
============================*/
#coffeeMenuArea { width: inherit; margin-top: 30px; }
#coffeeMenuArea .coffeeMenuContent { width: inherit; margin-top: 10px; }
#coffeeMenuArea .coffeeMenuContent ul {}
#coffeeMenuArea .coffeeMenuContent ul li {}
#coffeeMenuArea .coffeeMenuContent ul li:nth-child(2n) {}
#coffeeMenuArea .coffeeMenuContent ul li .menuInner { margin-right: 0; padding-right: 0; border-right: none; }
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuText { margin-top: 0; }
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuName { font-size: 1.125em; margin-top: 0; line-height: 1.5; }
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuPrice {}
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuPrice .priceBox { position: inherit; top: inherit; right: inherit; margin-top: 15px; padding-top: 15px; border-top: dashed 1px #ddd; font-size: 0.875em; text-align: right; }
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuPrice span {}

/*============================
#drinkMenuArea
============================*/
#drinkMenuArea { width: inherit; margin-top: 50px; }
#drinkMenuArea .drinkMenuContent { width: inherit; margin-top: 10px; }
#drinkMenuArea .drinkMenuContent ul {}
#drinkMenuArea .drinkMenuContent ul li {}
#drinkMenuArea .drinkMenuContent ul li:nth-child(2n) {}
#drinkMenuArea .drinkMenuContent ul li .menuInner { margin-right: 0; padding-right: 0; border-right: none; }
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuText { margin-top: 0; }
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuName { font-size: 1.125em; margin-top: 0; line-height: 1.5; }
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuPrice {}
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuPrice .priceBox { position: inherit; top: inherit; right: inherit; margin-top: 15px; padding-top: 15px; border-top: dashed 1px #ddd; font-size: 0.875em; text-align: right; }
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuPrice span {}

/*============================
#dessertMenuArea
============================*/
#dessertMenuArea { width: inherit; margin-top: 50px; }
#dessertMenuArea .dessertMenuContent { width: inherit; margin-top: 10px; }
#dessertMenuArea .dessertMenuContent ul {}
#dessertMenuArea .dessertMenuContent ul li {}
#dessertMenuArea .dessertMenuContent ul li:nth-child(2n) {}
#dessertMenuArea .dessertMenuContent ul li .menuInner { margin-right: 0; padding-right: 0; border-right: none; }
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuText { margin-top: 0; }
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuName { font-size: 1.125em; margin-top: 0; line-height: 1.5; }
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuPrice {}
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuPrice .priceBox { position: inherit; top: inherit; right: inherit; margin-top: 15px; padding-top: 15px; border-top: dashed 1px #ddd; font-size: 0.875em; text-align: right; }
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuPrice span {}

/*============================
#foodMenuArea
============================*/
#foodMenuArea { width: inherit; margin-top: 50px; }
#foodMenuArea .foodMenuContent { width: inherit; margin-top: 10px; }
#foodMenuArea .foodMenuContent ul {}
#foodMenuArea .foodMenuContent ul li {}
#foodMenuArea .foodMenuContent ul li:nth-child(2n) {}
#foodMenuArea .foodMenuContent ul li .menuInner { margin-right: 0; padding-right: 0; border-right: none; }
#foodMenuArea .foodMenuContent ul li .menuInner .menuText { margin-top: 0; }
#foodMenuArea .foodMenuContent ul li .menuInner .menuName { font-size: 1.125em; margin-top: 0; line-height: 1.5; }
#foodMenuArea .foodMenuContent ul li .menuInner .menuPrice {}
#foodMenuArea .foodMenuContent ul li .menuInner .menuPrice .priceBox { position: inherit; top: inherit; right: inherit; margin-top: 15px; padding-top: 15px; border-top: dashed 1px #ddd; font-size: 0.875em; text-align: right; }
#foodMenuArea .foodMenuContent ul li .menuInner .menuPrice span {}


/*============================
#setMenuArea
============================*/
#setMenuArea { width: inherit; margin-top: 50px; }
#setMenuArea .setMenuContent { width: inherit; margin-top: 10px; }
#setMenuArea .setMenuContent ul {}
#setMenuArea .setMenuContent ul li {}
#setMenuArea .setMenuContent ul li:nth-child(2n) {}
#setMenuArea .setMenuContent ul li .menuInner { margin-right: 0; padding-right: 0; border-right: none; }
#setMenuArea .setMenuContent ul li .menuInner .menuText { margin-top: 0; }
#setMenuArea .setMenuContent ul li .menuInner .menuName { font-size: 1.125em; margin-top: 0; line-height: 1.5; }
#setMenuArea .setMenuContent ul li .menuInner .menuPrice {}
#setMenuArea .setMenuContent ul li .menuInner .menuPrice .priceBox { position: inherit; top: inherit; right: inherit; margin-top: 15px; padding-top: 15px; border-top: dashed 1px #ddd; font-size: 0.875em; text-align: right; }
#setMenuArea .setMenuContent ul li .menuInner .menuPrice span {}

/*============================
#menuCategoryArea
============================*/
#menuCategoryArea { float: none;  width: inherit; margin: 30px 20px 0; }
#menuCategoryArea .categoryNavi { margin-top: 20px; margin-bottom: 20px; padding: 0 20px; }
#menuCategoryArea .categoryNavi .categoryTitle {}
#menuCategoryArea .categoryNavi .categoryList {}
#menuCategoryArea .categoryNavi .categoryList ul {}
#menuCategoryArea .categoryNavi .categoryList ul li {}
#menuCategoryArea .categoryNavi .categoryList ul li:last-child {}
#menuCategoryArea .categoryNavi .categoryList a {}
#menuCategoryArea .categoryNavi .categoryList a:hover {}

}