@charset "UTF-8";

/*レスポンシブ対応用*/

/*ipad以上までの表示*/
@media screen and (max-width: 768px) {
    img {
    max-width: 100%;
    height: auto;
  }
  .scroll-infinity__item  {
    width: 230px;
    height: auto;
  }
  h2 {
    font-size: 26px;
  }
  .news dd {
    font-size: 20px;
  }
  .int p {
    font-size: 20px;
  }
  .dish {
    font-size: 20px;
  }
  .access_conteiner {
    font-size: 150%;
  }
  .googlemap {
    width: 850px;
  }
  .wine_list h1 {
    font-size: 38px;
  }
  .wine_list h2 {
    font-size: 30px;
  }
  .wine li {
    font-size: 22px;
  }

}

/*スマホ以外の表示*/
@media screen and (min-width: 541px) {
    /*メニューバー非表示*/
   .h_menu {
    display: none;
   }

}

/*スマホ表示*/
@media screen and (max-width: 540px) {
    /*メニューバー非表示*/
   .nav {
    display: none;
   }

   .tel {
    display: block;
    padding: 0 100px 0 0;
   }

}

/*ハンバーガーメニュー用*/
/* メニューのスタイル */
.h_menu {
  position: fixed;
  top: 0;
  right: -300px; /* 初期状態では画面の外に隠れている */
  width: 300px;
  height: 100%;
  background-color: #79a1b1;
  color: #333;
  transition: right 0.3s ease; /* スライドインのアニメーション */
  padding: 20px;
  box-sizing: border-box;
  z-index: 10;
  font-weight: bold;
  font-size: 30px;
}

/* メニューが開いているとき */
.h_menu.open {
  right: 0 !important;
}

/* ボタンのスタイル */
.hamburger {
  position: fixed;
  top: 40px;
  right: 80px;
  width: 40px;
  cursor: pointer;
  z-index: 20;
}

.hamburger span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #333;
  margin: 8px 0;
  transition: 0.4s;
}

/* バツ印に変化するスタイル */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 10px);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -10px);
}

/* メニューリストのスタイル */
.h_menu ul {
  list-style-type: none;
  padding: 0;
  margin-top: 80px;
}

.h_menu li {
  padding: 20px 0;
  border-bottom: 1px solid #444;
}

.h_menu li a {
  color: #333;
  text-decoration: none;
  display: block;
}