15px@charset "UTF-8";


.conFood {}
.conFood_ttl h2 { position: relative; font-size: 20px; padding: 1rem 0.6rem 0.6rem; margin: 0 auto; box-sizing: border-box; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }
.conFood_ttl h2:before{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; background: #000; width: 42px; height: 9px; }

.conFood_img{ background: #000; margin: 0; padding: 0.3em; box-sizing: border-box; position: relative; }
.conFood_img figure{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
.conFood_img img{ width: 100%; height: 312px; object-fit: cover; }

.conFood_txt{ width: 100%; font-weight: normal; }
.conFood_txt p {  font-size: 15px; color: #FFF; padding: 1em 0.3rem 1em 0.3rem; box-sizing: border-box; }
.conFood_txt .foodAtt{ display:block; color: #000; margin: auto 0 0 0; background: rgba(255,255,255,.9); padding: 0.2em 0.3em 0.2em 0.6em; text-align: center; }
.conFood_txt .foodAtt span{ font-size: 14px; filter: drop-shadow(0 0 0 rgba(0,0,0,1)) drop-shadow(0 0 0.02em rgba(0,0,0,1)); letter-spacing: 0; }


.conFood .price { font-size: 17px; text-align: center; letter-spacing: -0.02em; line-height: 120%; margin: auto 0 0 0; filter: drop-shadow(0 0 0 rgba(0,0,0,1)); }
.conFood .price small, .conFood .price span { font-size: 14px; line-height: 1em; }
.conFood .price span { position: relative; display: inline-block; vertical-align: middle; letter-spacing: -0.04em; padding: 0 0.5em; }

.conFood .price span::before, .conFood .price span::after { position: absolute; line-height: .9em; }
.conFood .price span::before { left: 0; content: '('; }
.conFood .price span::after { right: 0; content: ')'; }



.foodBox.dessert table {  }
.foodBox.drink table {  }

.foodBox table {
    /*border-collapse: collapse;*/
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 980px;
}
.foodBox table th,
.foodBox table td {
    font-size: 18px;
    padding: 0.6rem 1rem;
    box-sizing: border-box;
    vertical-align: middle;
}
.foodBox table th{ color: #2f270b; background: rgba(183,163,118,0.6);}
.foodBox table td{ text-align: left; background: rgba(255,255,255,0.3);}

.foodBox.drink table td { display: block; }
