@charset "UTF-8";
body, p, h2, h3, h4, h1 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.main_imgBox {
  height: 45vw;
  overflow: hidden;
  position: relative; }

.main_imgM {
  opacity: 0;
  width: 100%;
  height: 45vw;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: anime 36s 0s infinite;
  animation: anime 36s 0s infinite; }

.main_imgM:nth-of-type(2) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s; }

.main_imgM:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  animation-delay: 12s; }

.main_imgM:nth-of-type(4) {
  -webkit-animation-delay: 18s;
  animation-delay: 18s; }

.main_imgM:nth-of-type(5) {
  -webkit-animation-delay: 24s;
  animation-delay: 24s; }

.main_imgM:nth-of-type(6) {
  -webkit-animation-delay: 30s;
  animation-delay: 30s; }

@keyframes anime {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  17% {
    opacity: 1; }
  25% {
    opacity: 0;
    z-index: 9; }
  100% {
    opacity: 0; } }

@-webkit-keyframes anime {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  17% {
    opacity: 1; }
  25% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    z-index: 9; }
  100% {
    opacity: 0; } }

.course-pic {
  margin: 2vw; }
  .course-pic img {
    width: 100%; }

#course-menu {
  margin: 2vw; }
  #course-menu h2 {
    font-size: 3vw;
    font-weight: 500;
    text-align: center;
    background-image: url(../img/title-bg.jpg);
    color: white;
    padding-top: 1vw;
    padding-bottom: 1vw;
    text-shadow: 3px 3px 4px black; }
  #course-menu p {
    display: flex;
    justify-content: center;
    font-size: 1.5vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    line-height: 2vw; }

#menu h3 {
  font-size: 2vw;
  text-align: center;
  margin-top: 6vw;
  margin-bottom: 3vw; }

#menu .kaki-title {
  text-align: center;
  margin: 3vw; }
  #menu .kaki-title img {
    filter: drop-shadow(0.3vw 0.4vw 0.4vw rgba(0, 0, 0, 0.6));
    width: 15vw; }

#menu .menu-img {
  text-align: center; }
  #menu .menu-img img {
    width: 47.5%;
    height: 30vw;
    object-fit: cover; }

#menu .kaki-text {
  display: flex;
  justify-content: space-around;
  font-size: 1.5vw;
  line-height: 3vw;
  margin-top: 2vw;
  margin-bottom: 2vw; }

#menu .price1 {
  display: flex;
  justify-content: space-around;
  font-size: 1.5vw;
  line-height: 3vw;
  margin-top: 2vw;
  margin-bottom: 2vw; }

#menu .shime {
  display: flex;
  margin: 2vw;
  line-height: 3vw; }

#menu .sake-pic img {
  width: 40vw;
  margin-right: 12vw; }

#menu .sake-text {
  display: flex;
  margin-top: 8vw;
  font-size: 1.5vw; }

#menu .text1 {
  margin-left: 2vw; }

#menu .tomo {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }
  #menu .tomo img {
    width: 100%;
    height: 35vw;
    object-fit: cover; }

#menu .kaki3 {
  object-position: 0% 25%; }

#drink {
  margin: 2vw; }
  #drink .sake-img img {
    width: 33vw; }
  #drink .drink-title {
    text-align: center;
    margin-top: 3vw;
    margin-bottom: 3vw; }
    #drink .drink-title img {
      width: 15vw; }
  #drink .sake-flex {
    display: flex;
    justify-content: space-between; }
  #drink .reisyu-title {
    text-align: center; }
    #drink .reisyu-title img {
      width: 15vw; }
  #drink .jizake {
    display: flex;
    font-size: 2vw;
    font-weight: 500;
    justify-content: space-around; }
  #drink .reisyu {
    display: flex;
    justify-content: space-around;
    font-size: 2vw;
    font-weight: 500;
    margin-top: 2vw;
    margin-bottom: 2vw; }
  #drink .matome {
    display: flex;
    justify-content: space-around;
    font-size: 1.5vw;
    line-height: 3vw; }
    #drink .matome .drink-text {
      display: flex; }
  #drink .matome1 {
    display: flex;
    font-size: 1.5vw;
    line-height: 3vw; }
    #drink .matome1 .drink-text1 {
      display: flex;
      margin: 2vw; }
    #drink .matome1 h3 {
      font-size: 2vw;
      font-weight: 500;
      margin-top: 2vw;
      margin-bottom: 2vw; }
  #drink .drink-menu1 {
    margin-right: 2vw; }
  #drink .spark img {
    width: 35vw; }
  #drink .sparkring {
    display: flex;
    justify-content: space-around;
    line-height: 3vw;
    font-size: 1.5vw; }
  #drink .beer-price {
    margin-left: 5vw; }
  #drink .wrap {
    display: flex;
    line-height: 3vw;
    font-size: 1.5vw;
    margin-left: 8vw; }
  #drink .wrap1 {
    display: flex;
    justify-content: space-around;
    line-height: 3vw;
    font-size: 1.5vw; }
  #drink h4 {
    margin-top: 3vw;
    margin-bottom: 3vw;
    font-size: 2vw;
    font-weight: 500; }
  #drink .shouchu {
    margin-left: 8vw; }
  #drink .beer-flex {
    display: flex;
    justify-content: space-around; }
  #drink .beer {
    margin-right: 5vw; }
  #drink .soda {
    margin-left: 22vw; }
  #drink .whisky {
    margin-left: 6vw; }
  #drink .beer3 {
    margin-left: 17vw; }
  #drink .kajitu {
    margin-left: 26vw; }
  #drink .beer-flex2 {
    display: flex;
    margin-left: 2vw; }
    #drink .beer-flex2 .wine, #drink .beer-flex2 .sour-title {
      margin-left: 6vw; }
    #drink .beer-flex2 .sour {
      margin-left: 16vw; }
    #drink .beer-flex2 p {
      margin-left: -2vw; }
    #drink .beer-flex2 .coctail {
      margin-left: 6vw; }

#shop-images .images {
  display: flex;
  justify-content: center; }
  #shop-images .images img {
    width: 32%;
    height: 32vw;
    object-fit: cover;
    object-position: left; }

#shop-images .shop-map {
  display: flex;
  justify-content: center; }
  #shop-images .shop-map img {
    width: 50%; }
  #shop-images .shop-map p {
    margin-top: 7vw;
    font-size: 1.2vw;
    line-height: 3vw; }

#shop-images .view {
  text-align: center;
  margin-top: 3vw; }
  #shop-images .view a {
    background-color: #2ea7e0;
    padding: 2vw 4vw;
    font-size: 1.5vw;
    text-decoration: none;
    color: white; }

table {
  width: 45vw;
  margin-left: auto;
  margin-right: auto;
  line-height: 3vw;
  margin-top: 1vw; }
  table th img {
    width: 95%; }
  table th {
    vertical-align: middle; }

.clearfix {
  margin-top: 5vw; }

.google img {
  width: 15%; }

#sns {
  margin: 0vw 2vw 5vw 2vw;
  display: flex;
  justify-content: center; }
  #sns .line {
    text-align: center;
    margin-left: 2vw; }
    #sns .line img {
      width: 8vw; }
  #sns .line-logo img {
    width: 15vw; }
  #sns .insta {
    text-align: center; }
    #sns .insta .insta-logo img {
      width: 15vw; }
    #sns .insta img {
      width: 8vw; }

.insta-title img {
  width: 20vw;
  margin-left: 5vw;
  margin-top: 2vw; }

footer p {
  text-align: center;
  margin: 2vw; }

.all-wrap {
  overflow: hidden; }

h1 {
  display: flex;
  align-items: center;
  /* 垂直中心 */
  justify-content: center;
  /* 水平中心 */
  font-size: 2vw;
  margin: 6vw 6vw 2vw 6vw; }

h1:before, h1:after {
  border-top: 1px solid;
  content: "";
  width: 3em;
  /* 線の長さ */ }

h1:before {
  margin-right: 1em;
  /* 文字の右隣 */ }

h1:after {
  margin-left: 1em;
  /* 文字の左隣 */ }

.zeibetu p {
  text-align: center;
  font-size: 1vw; }
