@charset "utf-8";


/*============================
#shopMenuArea
============================*/
#shopMenuArea { float:left;}


/*============================
#coffeeMenuArea
============================*/
#coffeeMenuArea { width: 660px; margin-top: 90px; }
#coffeeMenuArea .coffeeMenuContent { margin-top: 25px; }
#coffeeMenuArea .coffeeMenuContent ul {}
#coffeeMenuArea .coffeeMenuContent ul li { position: relative; padding: 20px; box-sizing: border-box; border: solid 1px #dedede; margin-top: -1px; }
#coffeeMenuArea .coffeeMenuContent ul li:nth-child(2n) { background-color: #fafafa; }
#coffeeMenuArea .coffeeMenuContent ul li .menuInner { margin-right: 120px; padding-right: 20px; border-right: dotted 1px #dedede; box-sizing: border-box; }
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuText { margin-top: 10px; font-size: 0.875em; line-height: 1.5; }
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuName { margin-top: 10px; font-size: 1.25em; text-decoration: underline; color: #4c2c29; font-weight: bold; }
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuPrice {}
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuPrice .priceBox { position: absolute; top: 50%; right: 20px; margin-top: -8px; font-size: 1em; }
#coffeeMenuArea .coffeeMenuContent ul li .menuInner .menuPrice span { font-size: 0.875em; }

/*============================
#drinkMenuArea
============================*/
#drinkMenuArea { width: 660px; margin-top: 70px; }
#drinkMenuArea .drinkMenuContent { margin-top: 25px; }
#drinkMenuArea .drinkMenuContent ul {}
#drinkMenuArea .drinkMenuContent ul li { position: relative; padding: 20px; box-sizing: border-box; border: solid 1px #dedede; margin-top: -1px; }
#drinkMenuArea .drinkMenuContent ul li:nth-child(2n) { background-color: #fafafa; }
#drinkMenuArea .drinkMenuContent ul li .menuInner { margin-right: 120px; padding-right: 20px; border-right: dotted 1px #dedede; box-sizing: border-box; }
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuText { margin-top: 10px; font-size: 0.875em; line-height: 1.5; }
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuName { margin-top: 10px; font-size: 1.25em; text-decoration: underline; color: #4c2c29; font-weight: bold; }
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuPrice {}
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuPrice .priceBox { position: absolute; top: 50%; right: 20px; margin-top: -8px; font-size: 1em; }
#drinkMenuArea .drinkMenuContent ul li .menuInner .menuPrice span { font-size: 0.875em; }

/*============================
#dessertMenuArea
============================*/
#dessertMenuArea { width: 660px; margin-top: 70px; }
#dessertMenuArea .dessertMenuContent { margin-top: 25px; }
#dessertMenuArea .dessertMenuContent ul {}
#dessertMenuArea .dessertMenuContent ul li { position: relative; padding: 20px; box-sizing: border-box; border: solid 1px #dedede; margin-top: -1px; }
#dessertMenuArea .dessertMenuContent ul li:nth-child(2n) { background-color: #fafafa; }
#dessertMenuArea .dessertMenuContent ul li .menuInner { margin-right: 120px; padding-right: 20px; border-right: dotted 1px #dedede; box-sizing: border-box; }
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuText { margin-top: 10px; font-size: 0.875em; line-height: 1.5; }
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuName { margin-top: 10px; font-size: 1.25em; text-decoration: underline; color: #4c2c29; font-weight: bold; }
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuPrice {}
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuPrice .priceBox { position: absolute; top: 50%; right: 20px; margin-top: -8px; font-size: 1em; }
#dessertMenuArea .dessertMenuContent ul li .menuInner .menuPrice span { font-size: 0.875em; }

/*============================
#foodMenuArea
============================*/
#foodMenuArea { width: 660px; margin-top: 70px; }
#foodMenuArea .foodMenuContent { margin-top: 25px; }
#foodMenuArea .foodMenuContent ul {}
#foodMenuArea .foodMenuContent ul li { position: relative; padding: 20px; box-sizing: border-box; border: solid 1px #dedede; margin-top: -1px; }
#foodMenuArea .foodMenuContent ul li:nth-child(2n) { background-color: #fafafa; }
#foodMenuArea .foodMenuContent ul li .menuInner { margin-right: 120px; padding-right: 20px; border-right: dotted 1px #dedede; box-sizing: border-box; }
#foodMenuArea .foodMenuContent ul li .menuInner .menuText { margin-top: 10px; font-size: 0.875em; line-height: 1.5; }
#foodMenuArea .foodMenuContent ul li .menuInner .menuName { margin-top: 10px; font-size: 1.25em; text-decoration: underline; color: #4c2c29; font-weight: bold; }
#foodMenuArea .foodMenuContent ul li .menuInner .menuPrice {}
#foodMenuArea .foodMenuContent ul li .menuInner .menuPrice .priceBox { position: absolute; top: 50%; right: 20px; margin-top: -8px; font-size: 1em; }
#foodMenuArea .foodMenuContent ul li .menuInner .menuPrice span { font-size: 0.875em; }


/*============================
#setMenuArea
============================*/
#setMenuArea { width: 660px; margin-top: 70px; }
#setMenuArea .setMenuContent { margin-top: 25px; }
#setMenuArea .setMenuContent ul {}
#setMenuArea .setMenuContent ul li { position: relative; padding: 20px; box-sizing: border-box; border: solid 1px #dedede; margin-top: -1px; }
#setMenuArea .setMenuContent ul li:nth-child(2n) { background-color: #fafafa; }
#setMenuArea .setMenuContent ul li .menuInner { margin-right: 120px; padding-right: 20px; border-right: dotted 1px #dedede; box-sizing: border-box; }
#setMenuArea .setMenuContent ul li .menuInner .menuText { margin-top: 10px; font-size: 0.875em; line-height: 1.5; }
#setMenuArea .setMenuContent ul li .menuInner .menuName { margin-top: 10px; font-size: 1.25em; text-decoration: underline; color: #4c2c29; font-weight: bold; }
#setMenuArea .setMenuContent ul li .menuInner .menuPrice {}
#setMenuArea .setMenuContent ul li .menuInner .menuPrice .priceBox { position: absolute; top: 50%; right: 20px; margin-top: -8px; font-size: 1em; }
#setMenuArea .setMenuContent ul li .menuInner .menuPrice span { font-size: 0.875em; }

/*============================
#menuCategoryArea
============================*/
#menuCategoryArea { float: right; width: 260px; margin-top: 92px; margin-bottom: 12px; border: 1px solid #dedede; box-sizing: border-box; }
#menuCategoryArea .categoryNavi { margin-top: 40px; margin-bottom: 28px; padding: 0 30px; }
#menuCategoryArea .categoryNavi .categoryTitle { padding: 2px 0 1px 10px; border-left: 3px solid #a1332c; font-weight: bold; }
#menuCategoryArea .categoryNavi .categoryList { margin-top: 20px; }
#menuCategoryArea .categoryNavi .categoryList ul {}
#menuCategoryArea .categoryNavi .categoryList ul li { border-top:solid 1px #dedede; }
#menuCategoryArea .categoryNavi .categoryList ul li:last-child { border-bottom:solid 1px #dedede; }
#menuCategoryArea .categoryNavi .categoryList a { display: block;  padding:12px 10px; color: #006699; font-size: 0.875em; }
#menuCategoryArea .categoryNavi .categoryList a:hover { color: #a1332c; cursor: pointer; }