@import url(common.css);
/*［メインビジュアルの書式］ */
p.visual {
  padding-bottom: 67px;
  padding-top: 36px;
}

/* 人気のドリンク・料理セクションの書式設定 */
.famous {
  padding-bottom: 53px;
  border-bottom: 3px solid #000;
  margin-bottom: 67px;
}

/* 人気のドリンク・料理セクションのリストの書式設定 */
.famous ul {
  padding-bottom: 67px;
  display: flex;
  justify-content: center;
  gap: 30px;
}

.famous li {
  flex-basis: 160px;
}

/* 人気のドリンク・料理セクションの見出しの書式設定 */
main h2 {
  font-size: 28px;
  border-bottom: 2px solid #868686;
  border-top: 2px solid #868686;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 50px;
}

.famous p {
  font-size: 20px;
  text-align: left;
  line-height: 35px;
}

/* 本日のイベントセクションの書式設定 */
.event {
  border-bottom: 3px solid #000;
  padding-bottom: 53px;
  margin-bottom: 67px;
}

.event ul li {
  padding-bottom: 50px;
}

/* レスポンシブ */
@media (max-width: 767px) {
  p.visual img {
    height: 300px;
    object-fit: cover;
    object-position: right;
  }
}