@charset "UTF-8";
/*　ページタイトル
-------------------------------------------------*/
#pageTitle {
  width: 100%;
  margin: 100px auto 100px;
  padding: 0;
}
#pageTitle h1 {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 1.4em;
}
@media screen and (min-width: 1000px) {
  #pageTitle h1 {
    /* PC：デバイス別表示設定
    --------------------------------------------*/
    font-size: 1.7em;
  }
}

/*　バリプレイスメイン
-------------------------------------------------*/
.baliplaceMain {
  background: #F5D630;
  color: #000;
  margin: 0 auto 50px;
  padding: 0;
  text-align: center;
  padding: 30px 0 80px 0;
  /* スライドの各要素のスタイルを指定する */
}
.baliplaceMain h2 img {
  width: 180px;
}
@media screen and (min-width: 1000px) {
  .baliplaceMain h2 img {
    /* PC：デバイス別表示設定
    --------------------------------------------*/
    width: 350px;
  }
}
.baliplaceMain p {
  margin-bottom: 20px;
}
.baliplaceMain .swiper-container {
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .baliplaceMain .swiper-container {
    /* PC：デバイス別表示設定
    --------------------------------------------*/
    height: 600px;
  }
}
.baliplaceMain .swiper-container img {
  width: 100%;
  height: auto;
}
.baliplaceMain .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sectionBox {
  padding: 50px;
  margin-bottom: 50px;
}
.sectionBox p span {
  font-weight: bold;
  color: #f00;
}

.txtBox {
  width: 100%;
  margin-bottom: 160px;
}
.txtBox .txtBoxinner {
  margin: 0 auto 50px;
  width: 90%;
}
@media screen and (min-width: 1000px) {
  .txtBox .txtBoxinner {
    /* PC：デバイス別表示設定
    --------------------------------------------*/
    width: 1200px;
  }
}

.menuBoxwrap {
  width: 100%;
  margin: 0 auto 180px;
}
.menuBoxwrap h2 {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  margin: 0 auto 50px;
}
.menuBoxwrap h2 span {
  font-size: 0.7em;
}
.menuBoxwrap .menuBox {
  width: 100%;
  margin: 0 auto 30px;
  padding: 0;
}
.menuBoxwrap .menuBox .menuBoxInner {
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  .menuBoxwrap .menuBox .menuBoxInner {
    /* PC：デバイス別表示設定
    --------------------------------------------*/
    width: 1200px;
  }
}
.menuBoxwrap .menuBox .menuBoxInner img {
  width: 100%;
  height: auto;
}
.menuBoxwrap .menuBox .lunchList {
  margin: 0 auto 50px;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .menuBoxwrap .menuBox .lunchList {
    /* PC：デバイス別表示設定
    --------------------------------------------*/
    width: 1200px;
  }
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi {
  margin-bottom: 50px;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi h3 {
  margin-left: 10px;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi img {
  width: 100%;
  height: auto;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi ul {
  background: #ebe5ce;
  padding: 20px;
  text-align: left;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi ul li {
  font-size: 0.9em;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi ul li.maindish {
  font-family: "Noto Serif JP", serif;
  letter-spacing: 2.2px;
  padding: 2px;
  font-weight: bold;
  font-size: 1.3em;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi ul li span {
  font-weight: bold;
  background-color: #fff;
  display: inline-block;
  padding: 10px 3px;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi .courseImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi .courseImg img {
  width: 100%;
  height: auto;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi .courseImg .top {
  text-align: center;
  margin-bottom: 20px;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi .courseImg .top p {
  margin-top: 10px;
  font-size: 1rem;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi .courseImg .bottom {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; /* 確実に適用 */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* 均等配置 */
  gap: 10px; /* ボックス間の余白 */
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi .courseImg .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; /* テキストを中央寄せ */
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 10px);
          flex: 1 1 calc(50% - 10px); /* スマホでは2列表示 */
  min-width: 45%; /* 2列表示時の最小幅 */
  max-width: 50%;
}
@media screen and (min-width: 1000px) {
  .menuBoxwrap .menuBox .lunchList li.lunchListLi .courseImg .box {
    /* PC：デバイス別表示設定
    --------------------------------------------*/
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(25% - 10px);
            flex: 1 1 calc(25% - 10px); /* PCでは4列表示 */
    min-width: 22%; /* PC4列表示時の最小幅 */
    max-width: 25%;
  }
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi .courseImg .box img {
  display: block;
}
.menuBoxwrap .menuBox .lunchList li.lunchListLi .courseImg .box p {
  font-size: 1rem;
  width: 100%; /* テキストの幅を適切に調整 */
  text-align: left;
}
.menuBoxwrap p {
  width: 100%;
  margin: 0 auto 50px;
  text-align: left;
  padding: 10px;
}
@media screen and (min-width: 1000px) {
  .menuBoxwrap p {
    /* PC：デバイス別表示設定
    --------------------------------------------*/
    width: 1200px;
  }
}