@charset "UTF-8";
/* ==========================================================

title : 【東建塩河カントリー倶楽部】アラカルトメニュー｜レストラン
scope : /facilities/restaurant/alacarte/

last modify : 2021/01/27 TCV_ヴィ/ Doan Thi Tuong Vi 新規作成

========================================================== */

/* ================================================
========================================================== */
.area_item ul {
  margin: 2.9% auto 0;
  width: calc(928 / 950 * 100%);
}

@media only screen and (max-width: 812px) {
  .area_item ul {
    margin: 6% auto 0;
    width: 100%;
  }
}

.area_item ul li {
  box-sizing: border-box;
  padding-bottom: .8%;
  width: calc(294 / 928 * 100%);
}

@media only screen and (max-width: 812px) {
  .area_item ul li {
    width: 100%;
    padding-bottom: 0;
  }
}

.area_item ul li:not(.border_yellow) {
  padding-bottom: 0;
  margin: 2.7% auto 0;
}

.area_item ul li:nth-child(n+4) {
  margin-top: 2.7%;
}

@media only screen and (max-width: 812px) {
  .area_item ul li:nth-child(n+2) {
    margin-top: 6%;
  }
}

.area_item ul li .caption>* {
  font-weight: 600;
  padding: .206em;
  text-align: center;
}

.meiryo .area_item ul li .caption>* {
  padding: .306em .206em .106em;
}

.area_item ul li .detail>* {
  margin-top: 2% !important;
  text-align: center;
}

.area_item ul li .price>* {
  color: #000;
  margin-top: 1.5% !important;
  text-align: center;
  text-align: center;
}

@media only screen and (max-width: 812px) {
  .area_item ul li .price>* {
    margin-top: 0 !important;
    padding: .25em;
  }
}

.area_item ul li .tag {
  margin: 2% auto 0;
  width: calc(220 / 290 * 100%);

}

.area_item ul li .tag.gold {
  background: #a38405;
}

.area_item ul li .tag.red {
  background: #da4e3b;
}

.area_item ul li .tag>* {
  color: #fff;
  font-size: 16px;
  margin-bottom: 1.9% !important;
  padding: 3.6% 0;
  text-align: center;
}

@media only screen and (max-width: 812px) {
  .area_item ul li .tag>* {
    font-size: 3.8vw;
  }
}

.add {
  margin-top: 1%;
}

@media only screen and (max-width: 812px) {
  .add {
    margin: 0 auto;
    width: 80%;
  }
}

.add>* {
  border-bottom: 2px solid #bedefb;
  display: flex;
  line-height: 1;
  padding: 0 .52em .66em;
}

.meiryo .add>* {
  padding: .22em .52em .44em;
}

.add>*:nth-child(n+2) {
  margin-top: 9px !important;
}

.add>*>* {
  color: #282828;
  display: inline-block;
}

.add .price {
  margin-left: auto;
}