@charset "utf-8";

.product img {
  width: 100%;
  max-width:768px;
  height: auto;
}


* {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

.mod-tbl {
  margin: 20px 0 0;
  background: rgb(255, 255, 255);
}
.mod-tbl table {
  /*table-layout: fixed;*/
  border: none;
  border-collapse: collapse;
  min-width: 100%;
}
.mod-tbl th, .mod-tbl td {
  padding: 5px;
  border: 1px solid #f1a6a6;
}
.mod-tbl thead th,
.mod-tbl tfoot th {
  text-align: center;
  color: #fff;
  background: #f1a6a6;
  border-left: 1px solid #F6F6F0;
  border-right: 1px solid #F6F6F0;
}
.mod-tbl thead th:nth-child(1),
.mod-tbl tfoot th:nth-child(1) {
  border-left: 1px solid #f1a6a6;
}
.mod-tbl thead th:last-child,
.mod-tbl tfoot th:last-child {
  border-right: 1px solid #f1a6a6;
}
.mod-tbl thead th a,
.mod-tbl tfoot th a {
  color: #fff;
}
.mod-tbl tbody th {
  width: 200px;
  min-width: 200px;
}
.mod-tbl tbody th a {
  color: #f1a6a6;
}
/*.mod-tbl td {
  text-align: center;
}*/
.a_product_order_date,
.a_product_unit{
  width: 10%
}
.a_menu_image{
  width: 12%;
  text-align:center;
}

.a_menu_allergen{
  width: 10%;
  text-align:start;
}

.a_menu_recipe{
  width: 8%;
  text-align:center;
}

.a_menu_spectification{
  width: 8%;
  text-align:right;
}

.a_menu_specification_quantity{
  width: 6%;
  text-align:right;
}

.a_menu_presentation{
  width: 6%;
  text-align:right;
}

.a_menu_pieces{
  width: 8%;
  text-align:right;
}

.a_menu_date{
  width: 10%
}

.a_menu_unit{
  width: 6%;
  text-align:right;
}

.a_menu_unit_price{
  width: 6%;
  text-align:right;
}

.a_menu_unit_amount{
  width: 8%;
  text-align:right;
}

.a_menu_cal{
  width: 8%;
  text-align:right;
}

.a_menu_protein{
  width: 8%;
  text-align:right;
}

.a_menu_carbohydrate{
  width: 8%;
  text-align:right;
}

.a_menu_lipid{
  width: 8%;
  text-align:right;
}

.a_menu_edit_cal{
  width: 15%;
  text-align:right;
}

.a_menu_edit_protein{
  width: 10%;
  text-align:right;
}

.a_menu_edit_carbohydrate{
  width: 10%;
  text-align:right;
}

.a_menu_edit_lipid{
  width: 10%;
  text-align:right;
}

.a_menu_image img { 
 display:block;
 width: 100%;
 min-width:136px;
 max-width:200px;
 margin:0 auto 8px;
}
/*img.order_product{
  width:auto;
  height:auto;
}*/

.navbar-brand>img {
  height: 100%;
  /*padding: 15px; *//* firefox bug fix */
  width: auto;
}

.a_menu_etc{
  width:4%;
}


/* --  add 2020 01 27 author t.inokuchi -- */

body{
 background:url(../img/bg.jpg) center top;
 font-family: 'Noto Sans JP', sans-serif;
 font-size:16px;
 color:#505050;
}

h3{
 color:#8c1719;
 font-size:24px;
 font-weight:700;
}

h4{
padding:0 0 0 8px;
border-left:solid 4px #8c1719;
/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
font-size:24px;
font-weight:normal;
color:#8c1719;
}

h4.list_breakfast{
 border-left:none;
 height:40px;
 padding-left:64px;
 background:url(../img/icn_breakfast.svg) no-repeat left center;
 background-size:52px 40px;
 line-height:40px;
 color:#d17d7d;
}

h4.list_lunch{
 border-left:none;
 height:52px;
 padding-left:64px;
 background:url(../img/icn_lunch.svg) no-repeat left center;
 background-size:52px 52px;
 line-height:52px;
 color:#c7aa4a;
}

h4.list_supper{
 border-left:none;
 height:40px;
 padding-left:48px;
 background:url(../img/icn_supper.svg) no-repeat left center;
 background-size:37px 40px;
 line-height:40px;
 color:#cca7d1;
}

.overflow-wrap-x{
 position:relative;
 width:100%;
 overflow-x:auto;
 -webkit-overflow-scrolling:touch;
 overflow-scrolling:touch;
 
}

.radio-inline, .checkbox-inline{
 padding-right:24px;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{
 margin-left:0;
}

.navbar-default {
    position:fixed;
    z-index:100000;
    width:100%;
    background-color: rgba(255,255,255,0.5);
    border:none;
    border-top:solid 4px #96191b;
    border-radius:0px;
    box-shadow:0px 3px 8px rgba(0,0,0,0.2);
}

.navbar-collapse{
 padding:0;
}

.container-fluid{
 padding:0 16px;
}

.navbar > .container-fluid .navbar-brand{
 margin-left:0;
}

.navbar-brand{
 height:auto;
 padding:9px 0;
}

.navbar-brand>img{
 width:auto;
 height:56px;
}

.navbar-nav{
 display:flex;
 justify-content:center;
 align-items:center;
 padding:16px;
}

.navbar-nav > li{
 float:none;
}

.navbar-nav > li > a{
 display:inline-block;
 padding:8px 16px;
 border-radius:8px;
 font-size:16px;
}

.navbar-nav > li > a:hover{
 background-color:rgba(253,137,139,0.7)!important;
 color:#fff!important;
 transition: all .15s ease-in;
}

.navbar-right{
 margin:0;
 padding-top:8px;
}

.navbar-right a{
 display:block;
 height:56px;
 padding-top:42px;
 color:#777;
 background:url(../img/icn_logout.svg) no-repeat center top;
 background-size:42px 40px;
 text-align:center;
 font-size:12px;
}

.panel{
 margin-bottom:32px;
 box-shadow:0px 1px 2px rgba(0,0,0,0.2);
}

.panel .panel,
.panel-body .panel{
 box-shadow:none;
}

.panel-default{
 border:none;
}

.panel-default > .panel-heading{
 background-color:rgba(255,255,255,0);
 border-bottom-color:rgba(255,255,255,0);
font-family: 'M PLUS Rounded 1c', sans-serif;
 font-size:36px;
 color:#8c1719;
 }

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child{
 border-radius:0px;
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child{
 border-radius:0px;
}

.nav-tabs{
 display:flex;
}

.overflow-wrap-x .nav-tabs{
 min-width:824px;
 max-width:100%;
}

.table > tbody > tr > th,
.table > tbody > tr > td{
 text-align:center;
}

.table > tbody > tr > th.text-left,
.table > tbody > tr > td.text-left{
 text-align:left;
}

.table > tbody > tr > th.text-right,
.table > tbody > tr > td.text-right{
 text-align:right;
}



.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child{
 border-radius:0px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child{
 border-radius:0px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
 vertical-align:middle;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
 border:solid 1px #d9d9d9;
}

.table > thead > tr > th{
 border-bottom:0;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th{
 border-right:solid 1px #d9d9d9;
}

.table > tbody > tr > th, .table > tfoot > tr > th{
 border-top:0;
 border-bottom:solid 1px #e0e0e0;
}

.table > thead > tr > th:first-child, .table > tbody > tr > th:first-child, .table > tfoot > tr > th:first-child{
 border-left:solid 1px #efefef;
}

.table > thead > tr > th:last-child, .table > tbody > tr > th:last-child, .table > tfoot > tr > th:last-child{
 border-right:solid 1px #efefef;
}


 .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
 padding:16px 8px;
 border-top:0;
 border-right:solid 1px #efefef;
 border-bottom:solid 1px #e0e0e0;
 vertical-align:middle;
}

 .table > thead > tr > td:first-child, .table > tbody > tr > td:first-child, .table > tfoot > tr > td:first-child{
 border-left:solid 1px #efefef;
}

.table.table-bordered > thead > tr > th,
.table.table-bordered > tbody > tr > th,
.table.table-bordered > tfoot > tr > th,
.table.table-bordered > thead > tr > td,
.table.table-bordered > tbody > tr > td,
.table.table-bordered > tfoot > tr > td{
 padding:16px 8px;
 border:solid 1px #d9d9d9;
}

.panel > .table.table-bordered  > tbody:first-child > tr:first-child th,
.panel > .table.table-bordered  > tbody:first-child > tr:first-child td{
 padding:16px 8px;
 border:solid 1px #d9d9d9;
}

.panel > .table.table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table.table-bordered > thead > tr > th:first-child,
.panel > .table.table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table.table-bordered > tbody > tr > th:first-child,
.panel > .table.table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table.table-bordered > tfoot > tr > th:first-child,
.panel > .table.table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table.table-bordered > thead > tr > td:first-child,
.panel > .table.table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table.table-bordered > tbody > tr > td:first-child,
.panel > .table.table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table.table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table.table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table.table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table.table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table.table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table.table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table.table-bordered > tfoot > tr > td:last-child{
 border:solid 1px #d9d9d9;
}


.table > tbody > tr:nth-child(odd){
 background-color:#fff;
}

.table > tbody > tr:nth-child(even){
 background-color:#fafafa;
}

.table > tbody > tr:hover{
 background-color:#fffdf5;
 transition: all .15s ease-in;
}

.table > thead > tr > th{
 vertical-align:middle;
 text-align:center;
 background-color:#f0ebdf;
 color:#6a665b;
}

.overflow-wrap-x > .table > thead > tr > th{
 white-space:nowrap;
}

.overflow-wrap-x > .table > thead > tr > th.a_menu_pieces{
 min-width:5.5em;
 white-space:normal;
}

.overflow-wrap-x .table tbody tr td:last-child{
 white-space:nowrap;
}


.table.table_breakfast > thead > tr > th{
 background-color:#fae9e3;
 color:#736a66;
 border-color:#e5d6d1;
}

.table.table_breakfast > tbody > tr > td{
 background-color:#fff9f7;
 color:#665f5d;
 border-left-color:#f2edeb;
 border-right-color:#f2edeb;
}


.table.table_lunch > thead > tr > th{
 background-color:#fbf1d0;
 color:#807b6a;
 border-color:#ebe1c3;
}

.table.table_lunch > tbody > tr > td{
 background-color:#fffdf7;
 color:#665f5d;
 border-left-color:#f2f0eb;
 border-right-color:#f2f0eb;
}

.table.table_supper > thead > tr > th{
 background-color:#f8edfa;
 color:#7f7980;
 border-color:#e9dfeb;
}

.table.table_supper > tbody > tr > td{
 background-color:#fefaff;
 color:#665f5d;
 border-left-color:#f2edf2;
 border-right-color:#f2edf2;
}


.overflow-wrap-x .a_menu_etc{
  position:sticky;
  white-space:nowrap;
}

.overflow-wrap-x .a_menu_date input{
 min-width:7.5em;
}

.overflow-wrap-x .a_menu_unit input{
 min-width:3em;
}

#search .table tbody th{
 white-space:nowrap;
}


.td_item_w01{
 min-width:90px;
 width:8%;
 white-space:nowrap;
}

.td_item_detail{
 min-width:45px;
 width:5%;
 white-space:nowrap;
}

button{
 border:none;
 outline:none;
 padding:8px 24px;
 border-radius:8px;
 background-color:#b81e21;
 color:#fff;
 cursor:pointer;
}

button:hover{
 background-color:#d12326;
 transition: all .15s ease-in;
}

.pagination > li > a, .pagination > li > span{
 border:none;
}

select.form-control{
 display:inline-block;
 width:auto;
 margin-left:16px;
}

.modal-dialog{
 margin-top:120px;
}

.modal-header{
 border-bottom:none;
}

.modal-footer{
 border-top:none;
}

.btn_search{
 width:160px;
}

.btn_layout{
 margin-top:-16px;
 margin-bottom:24px;
}

.img-thumbnail{
 border:none;
 background-color:rgba(255,255,255,0);
 border-radius:none;
}

.table > tbody + tbody{
 border:0;
}

.mod-tbl thead th, .mod-tbl tfoot th{
 border-right:none;
 bordr-left:none;
}

.a_menu_image{
 padding:16px;
}

.img-thumbnail{
 padding:0;
 border-radius:8px;
}

.results{
 margin-bottom:56px;
 text-align:right;
 border-bottom:solid 1px #e0e0e0;
}

.mod-tbl .results{
 margin-top:16px;
}

.results_data{
 display:inline-flex;
 align-items:center;
 margin-bottom:12px;
}

.results_data dt{
 margin-left:18px;
}


.results_data dt,.results_data dd{
 padding:0 8px;
 color:#aa8181;
}

.results_breakfast .results_data dt,
.results_breakfast .results_data dd{
 color:#f2aaaa;
}

.results_lunch .results_data dt,
.results_lunch .results_data dd{
 color:#c7aa4a;
}

.results_supper .results_data dt,
.results_supper .results_data dd{
 color:#d3add9;
}

.results_data dd{
 font-size:22px;
 font-family: 'Open Sans Condensed', sans-serif;
}


table.results th,
table.results td{
 padding:4px 0;
 vertical-align:bottom;
 border:none;
}

table.results td{
 font-size:16px;
 font-weight:700;
 color:#767676;
}

.mod-tbl thead th, .mod-tbl tfoot th{
 background-color:#fff;
 color:#767676;
}

.mod-tbl thead th:nth-child(1), .mod-tbl tfoot th:nth-child(1){
 border-left:solid 1px #f2e1e1;
}

.mod-tbl th, .mod-tbl td{
 border:solid 1px #f2e1e1;
}

.table-responsive h4{
 font-size:18px;
}

.table + h4{
 margin-top:32px;
}

.total_fee{
 padding-bottom:16px;
 text-align:right;
}

.fee{
 display:inline-block;
  padding-left:24px;
 font-size:24px;
 font-weight:700;
 font-family: 'Open Sans Condensed', sans-serif;
 color:#888;
}

.product_detail_head{
 width:280px;
}

.btn-success{
 font-family: 'Open Sans Condensed', sans-serif;
 font-size:16px;
 border:0;
}

.login_container{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 align-items:center;
 width:100vw;
 height:100vh;
 background:url(../img/login_bg.jpg) no-repeat center center;
 background-size:cover;
}

.login_panel{
 width:90%;
 max-width:400px;
 box-shadow:0 3px 8px rgba(0,0,0,0.3);
}

.login_panel .panel-body{
 padding:32px;
}

.login_logo{
 margin:48px 0;
 text-align:center;
}

.login_logo img{
 width:50%;
}

.login_btn{
 margin-top:32px;
}

.login_btn button{
 margin-top:32px;
 width:200px;
 padding:16px;
}

.reset_password{
 margin-top:8px;
}

.menu_wrap_bg{
 padding:24px;
 border-raidus:8px;
 background-color:#fcf9f2;
}

.menu_flex_wrap{
 display:flex;
  align-items:center;
 margin-top:16px;
}

.menu_ingredients{
 list-style:none;
 display:flex;
 flex-wrap:wrap;
 margin:0;
 padding:0 8px;
}

.menu_ingredients li{
 display:flex;
 padding:6px 16px;
 font-size:16px;
}

.menu_ingredients_title{
 color:#707070;
 white-space:nowrap;
}

.menu_ingredients_data{
 color:#6f4040;
 font-size:16px;
 font-weight:700;
}

.menu_ingredients_table{
 overflow-x:auto;
 margin-top:24px;
}

.menu_ingredients_table table{
 width:100%;
}

.menu_ingredients_table th,
.menu_ingredients_table td{
 padding:8px 16px;
 border:solid 1px #d0d0d0;
}

.menu_ingredients_table th{
 background-color:#f4e3e0;
 color:#7a6f6d;
}

.menu_ingredients_table td{
 background-color:#fff;
}

.menu_ingredients_pager{
 padding:0 15px;
}

.menu_ingredients_pager .pagination{
 margin-top:0;
}

/*
.menu_ingredients li::after{
 display:inline-block;
 padding:0 16px;
 content:"|";
 color:#dcdcdc;
}*/



.menu_flex_img{
 flex-basis:40%;
 max-width:248px;
}

.menu_flex_img img{
 width:232px;
 height:auto;
 border-radius:8px;
}

.icn_menu{
 display:inline-block;
 height:36px;
 padding-left:40px;
 background:url(../img/icn_menu.svg) no-repeat left center;
 background-size:27px 36px;
 line-height:36px;
}

.icn_alart{
 display:inline-block;
 height:36px;
 padding-left:40px;
 background:url(../img/icn_alart.svg) no-repeat left center;
 background-size:32px 32px;
 line-height:36px;
}

.icn_complete{
 display:inline-block;
 height:36px;
 padding-left:40px;
 background:url(../img/icn_complete.svg) no-repeat left center;
 background-size:30px 30px;
 line-height:36px;
}

.icn_detail{
 display:inline-block;
 height:36px;
 padding-left:52px;
 background:url(../img/icn_detail.svg) no-repeat left center;
 background-size:42px 36px;
 line-height:36px;
}

.icn_ryouri{
 display:inline-block;
 height:36px;
 padding-left:28px;
 background:url(../img/icn_ryouri.svg) no-repeat left center;
 background-size:22px 28px;
 line-height:36px;
}

.icn_memo{
 display:inline-block;
 height:40px;
 padding-left:40px;
 background:url(../img/icn_memo.svg) no-repeat left center;
 background-size:32px 40px;
 line-height:40px;
}

.icn_hachu{
 display:inline-block;
 height:40px;
 padding-left:42px;
 background:url(../img/icn_hachu.svg) no-repeat left center;
 background-size:35px 40px;
 line-height:40px;
}

.Fixed.active { position:sticky; top:inherit; align-items: center; bottom:20px; z-index:10000;}
.Fixed.active p { display:inline-block; position:relative; z-index:2; line-height:23px; font-size:15pt; white-space:nowrap; letter-spacing:0.1em; }
.Fixed.active p b { display:inline-block;}

/* 矢印用スタイル */
.prev-arrow{
  z-index: 9999;
  position: absolute;
  top: 60%;
  margin: 0;
  padding: 0;
  width:20px;
  height:20px;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  font-weight: bold;
}
.next-arrow {
  z-index: 9999;
  position: absolute;
  top: 60%;
  margin: 0;
  padding: 0;
  width:20px;
  height:20px;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  font-weight: bold;
}

.prev-arrow {
  left: -20px;
}

.next-arrow {
  right: -20px;
}
/* ここまで */

.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}