/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015/06/16, 11:18:19
    Author     : 秀夫
*/


ul.genre_selecter{
    display:block;
    margin:3em 0 -1px 0;
}

ul.genre_selecter li{
    display:inline-block;
    margin-right: 3px;
    padding: 15px 10px;
    border:1px solid #c9cacb;
    background-color: #f8f9fa;
}

ul.genre_selecter li.select{
    border-bottom:1px solid #fff;
    background-color: #fff;
    font-weight:bold;
}


table.orderList{
    margin: 0;
    display:none;
}

table.orderList tr td div.name{
    display:inline-block;
    text-align:left;
    font-weight: bold;
    /*width:50%;*/
}

table.orderList tr td div.price{
    display:inline-block;
    text-align:right;
    
}

table.orderConfirm tr td.price,
table.orderConfirm tr td.num{
    text-align:right;
    
}
table.orderList tr td div.num{
    display:inline-block;
    text-align:right;
    /*width:50%;*/
}
table.orderList tr td div.num input{
    width:100%;
}

table.orderList tr td div.cal{
    display:inline-block;
    text-align:center;
    width:100px;
}

table.orderList tr td.info{
    text-align: left;
    width:50%;
}

table.orderList tr td.info .description{
    display:none;
    padding: 3px;
}

table.orderList tr td.num{
    text-align: center;
}

table.orderList tr td.cal{
    text-align: center;
    max-width:100px;
}

table.orderList tr td.cal input{
    text-align: center;
    margin:3px;
    height:38px;
    width:38px;
    font-size:50%;
    background-color: #eaedf2;
    border: 1px solid #eaedf2;
}
.acceptBtns{
    text-align: center;
}

form#orderSend,
form#orderSend{
    margin:1em 0 0.5em;
}

button{
    min-width:100px;
}


table.customer{
    margin-top: 8em;
    border:none!important;
}

table.customer tr td p{
    font-weight:bold;
      margin-bottom: 0;
}

table.customer tr td label{
    font-size:80%;
    
}




button {
    padding:0.5em 1em;
}

@media (max-width: 400px){
    table.orderList tr td.info,
    table.orderList tr td.num{
        display:block;
        width:100%
    }
table.orderList tr td div.num,
table.orderList tr td div.name {
  display:block;
  width:100%;
}
table.orderList tr td.cal{
    width:50px;
}
}

table.orderList tr td div.cal{
    text-align: center;
    margin:3px 0;
    height:30px;
    width:30px;
}




table.orderList tr td span.item_name{
    display:inline-block;
}

table.orderList tr td span.item_price{
    display:inline-block;
    padding:0 5px;
}


input.ordernum{
/*    width:70px!important;*/
    margin: 0!important;
    text-align:right;
}


table.select{
    margin: 0;
    display:table;
}

.totalPriceArea{
    text-align:right;
    font-weight:bold;
}

.totalPrice{
    display: inline-block;
    height: 30px;
    line-height: 25px;
    padding: 0 12px;
    
    font-size: 1em;
    color: #5c6b80;
    border-radius: 3px;
    vertical-align: middle;
    box-shadow: none;
    border: 0;
    width: 100%;
    max-width: 180px;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*background-color: #eaedf2;*/
    -webkit-transition: background-color 0.24s ease-in-out;
    transition: background-color 0.24s ease-in-out;    
}

td.info a.view_description{
    /*float:right;*/
    color:#ddd;
}