@charset "utf-8";

.weekly_box { overflow: hidden; list-style: none; padding: 0; margin: 0; }
.weekly_box > li { float: left; width: 14.284%; text-align: center; padding: 10px; border: 1px solid #ddd; border-right: none; }
.weekly_box > li:last-child { border-right: 1px solid #ddd; }

.menu_carendar2 { overflow: hidden; list-style: none; padding: 0; margin: 0; border-top: 1px solid #ddd;	 border-bottom: 1px solid #ddd; margin-bottom: 20px }
.menu_carendar2 > li { float: left; width: 14.284%; border-left: 1px solid #ddd; border-right: none; min-height: 320px; position: relative; }
.menu_carendar2 > li:nth-child(7n) { border-right: 1px solid #ddd; }
.menu_carendar2 > li time { text-align: center; background-color: #bebebe; color: #fff; display: block; width: 100%; text-align: center; font-weight: bold; padding: 3px; }
.menu_carendar2 > li time .date1 { display: none; }
.menu_carendar2 > li time .date3 { display: none; }
.menu_carendar2 > li.holyday time { background-color: #f23a3e; }
.menu_carendar2 > li.saturday time { background-color: #7894ef; }
.menu_carendar2 > li .menu_list { text-align: center; padding: 10px; min-height: 200px; }
.menu_carendar2 > li .menu_list p { margin-bottom: 0px; font-size: 14px; }
.menu_carendar2 > li .add_menu { position: absolute; width: 100%; bottom: 30px; }
.menu_carendar2 > li .add_menu p { border-top: 1px solid #ddd; background-color: #f0efef; margin-bottom: 0; font-size: 11px; padding: 3px 5px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap}
.menu_carendar2 > li .add_menu p:last-child { border-bottom: 1px solid #ddd; font-size: 11px; }
.menu_carendar2 > li .add_menu p > span { display: inline-block; width: 20px; height: 20px; background-color: #259bb7; text-align: center; border-radius: 50%; color: #fff; font-size: 11px; line-height: 20px; margin-right: 5px; }
.menu_carendar2 > li .menu_price { text-align: center; background-color: #e5f6fa; padding: 5px; font-size: 14px; font-weight: bold; position: absolute; bottom: 0; width: 100%; }
.menu_carendar2 > li .cell_over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); padding: 10px; /*padding-top: 100px;*/ }
.menu_carendar2 > li .cell_over > div { position: relative; padding-right: 25px; margin-bottom: 5px; display: table; width: 100%; }
.menu_carendar2 > li .cell_over > div.disabled { opacity: 0.5; }
.menu_carendar2 > li .cell_over > div.disabled:after { content: ''; display: block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0; }
.menu_carendar2 > li .cell_over > div label { width: 100%; color: #fff; vertical-align: middle; padding-right: 40px; margin-bottom: 0; display: table-cell; height: 45px; }
.menu_carendar2 > li .cell_over > div input { width: 37px; height: 45px; border: none; font-size: 22px; font-weight: bold; text-align: center; position: absolute; top: 50%; right: 24px; margin-top: -22.5px; }
.menu_carendar2 > li .cell_over > div button { position: absolute; right: 0; top: 50%; width: 20px; height: 20px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; border: none; text-indent: -9999px; }
.menu_carendar2 > li .cell_over > div button.val_plus { margin-top: -23px; background-image: url(../img/icon_plus.png); }
.menu_carendar2 > li .cell_over > div button.val_minus { margin-top: 2px; background-image: url(../img/icon_minus.png); }
.menu_carendar2 > li.selected .cell_over { background-image: url(../img/calendar_menu_selected.png); background-position: center 10%; background-repeat: no-repeat; }
.menu_carendar2 > li .cell_over p { font-size: 16px; text-align: center; color: #FDBD00; font-weight: bold; margin-bottom: 0; }
.menu_carendar2 > li .cell_over a.check_toggle { display:block; height: 100px; }

.monthpayment .container_left { width: 62%; }
.order_pay_count { padding-right: 40px; overflow: hidden; }
.order_list h1 { margin-top: 7px; margin-bottom: 7px; float: left; }
.order_pay_count > span { display: block; float: left; margin-top: 3px; margin-bottom: 3px; margin-right: 10px; }
.order_list_wrap li button.order_del { border: none; background-color: #b6b6b6; color: #fff; }
.order_list_wrap li button.order_minus { vertical-align: middle; }
.order_pay_count input.count { vertical-align: middle; }
.order_list_wrap li button.order_plus { vertical-align: middle; }

.monthpayment .container_right { width: 35%; }
.monthpayment .container_right p { line-height: 1.4; margin-bottom: 0; }
.order_payment_finish { margin-top: 15px; }

/*.mobile_view { display: none; }*/
.close_selling_wrap { position: absolute ; top:3px; right:3px; height:40px; }
.close_selling { background:rgba(244,0,4,0.7); color:#fff; padding:5px; font-size: 10px; border-radius: 100px; min-width: 40px;  text-align: center }

.cost_check { position: fixed; top:200px; right:10px; padding:20px; background: #fff; border:1px solid #ddd; width:200px !important; }

@media (max-width: 1023px) {
	/*.pc_view { display: none; }
	.mobile_view { display: block; }

	.month_nav { width: 100%; }
	.selected_month { text-align: center; }
	.forword_month { text-align: right; }

	.menu_carendar2 { margin-bottom: 0; }
	.menu_carendar2 > li { width: 100%; border-bottom: 1px solid #ddd; min-height: 0; padding-left: 80px; padding-bottom: 100px;	 }
	.menu_carendar2 > li.empty { display: none; }
	.menu_carendar2 > li.holyday { min-height: 200px; }
	.menu_carendar2 > li.selected { min-height: 200px; }
	.menu_carendar2 > li time { position: absolute; top: 0; left: 0; width: 80px; height: 100%; padding-top: 60px; z-index: 1; }
	.menu_carendar2 > li time .date1 { display: inline-block; }
	.menu_carendar2 > li time .date2 { font-size: 18px; }
	.menu_carendar2 > li time .date3 { display: inline-block; }
	.menu_carendar2 > li .menu_list { min-height: 0; }
	.menu_carendar2 > li .menu_price { left: 0; padding-left: 80px; }
	.menu_carendar2 > li .cell_over { /*padding-top: 80px; z-index: 1; }
	.menu_carendar2 > li .cell_over a.check_toggle { display:block; height: 80px; }
	.menu_carendar2 > li .cell_over div { width: 50%; float:left; padding-left:10px; }*/

	.order_list h1 { width: 100%; }

	.monthpayment { padding: 10px; }
	.monthpayment .container_left { width: 100%; }
	.monthpayment .container_right { width: 100%; }
	.order_list_wrap li button.order_del { padding: 5px 10px; }
	.order_payment_finish.fixed { position: fixed; bottom: 0; left: 0; z-index: 1; }
	
	.mobile_view.chooga_on br { display: none }

}

@media (max-width: 768px) {
	.menu_carendar2 > li { min-height:380px }
	.menu_carendar2 > li .menu_list { padding: 3px; }
	.menu_carendar2 > li .menu_price { font-size: 9px }
	.menu_carendar2 > li .add_menu p > span { width:20px; height:20px; font-size:9px; }
	.menu_carendar2 > li .add_menu p { font-size: 9px;}
	.menu_carendar2 > li .menu_list p { font-size:9px }
	.menu_carendar2 > li .cell_over { padding: 3px }
	
	.menu_carendar2 > li.selected .cell_over { background-position: center 5px; background-size: 30px }
	.m_lay01 { position: relative; padding-bottom: 3px; border-bottom:1px dotted #ccc }
	.menu_carendar2 > li .cell_over a.check_toggle { height:40px;}
	.menu_carendar2 > li .cell_over > div { padding-right: 0 }
	.menu_carendar2 > li .cell_over > div label { display: block; padding-right:0px; font-size: 10px; height:auto; padding-bottom:5px; text-align: center}
	.menu_carendar2 > li .cell_over > div input { width:20px; height:38px; border: none; font-size: 14px; font-weight: bold; text-align: center; position: relative; top: auto; right: auto; margin-top:0; }
	.menu_carendar2 > li .cell_over > div button { position: absolute; right:0; width: 18px; height: 18px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; border: none; text-indent: -9999px; }
	.menu_carendar2 > li .cell_over > div button.val_plus { margin-top:0; top:0;  }
	.menu_carendar2 > li .cell_over > div button.val_minus { margin-top:0; top:20px; }
	
	#content-main .content-box:first-child .location_wrap { display: none }
	#content-main .content-box:first-child { padding:0; padding-top:10px; }
	.order_info li { font-size: 11px;}
	.order_pay_count { border-bottom:1px dashed #eaeaea; padding-bottom:5px; }
	.order_pay_count { padding-right:0; overflow: hidden; }
	.order_list_wrap li button.order_minus, .order_list_wrap li button.order_plus { width: 20px ; height:20px; }
	.order_pay_count input.count { width: 20px; height: 20px; line-height: 20px;border-left-width: 1px; border-right-width: 1px; background: #eaeaea }
	
	.btn {
    padding: 20px 5px;
    font-size: 11px;
    line-height: 0;}
	
	.close_selling_wrap { position: relative; top:3px; bottom:auto; right:auto; }
	.close_selling { background:rgba(244,0,4,0.4); border-radius: 3px }
	.cost_check { position: relative; top:auto; right:auto; padding:5px; background:none; border:none; width:100%; }
	
}

@media (max-width: 360px) {
	.menu_carendar2 > li .menu_price { padding:5px 1px}
	.menu_carendar2 > li .add_menu p { padding:2px; line-height: 1.1; font-size: 8px; }
	.cost_check { position: relative; top:auto; right:auto; padding:5px; background:none; border:none; width:100%; }
}