@charset "utf-8";

.square-img {
  width: 200px; 
  height: 200px; 
}

.circle_img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 20px;
}

.menu {
  padding: 30px 0;
  background-color: rgba(223, 201, 201, 0.3);
}

.menu h2, .menu h3 {
  padding-left: 5%;
}

.flex_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.sdd {
  width: 75%;
}

.card_2 {
  width: 50%;
  margin-bottom: 20px;
}

.card_2 .ig {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}

.card_3 {
  width: 33%;
  margin-bottom: 20px;
}

.card_3 img {
  width: 90%;
  height: 90%;
}

.card_4 {
  width: 25%;
  margin-bottom: 20px;
}

.card_4 img {
  width: 90%;
  height: 90%;
  text-align: center;
  margin: 0 auto;
}

.card_4 .menu_title_name,
.card_4 .menu_title_price {
  display: block;
}

.menu_title,
.menu_title_en {
  line-height: 2;
  padding-left: 5%;
  font-size: 110%;
  text-align: left;
}

.menu_title {
  display: flex;
  justify-content: space-between;
}

.menu_title_en {
  margin-right: 5%;
  text-align: left;
  color: #e6101c;
  font-size: 0.6rem;
  margin-bottom: 12px;
}

.menu_title_name {
  /* line-height: 1.1rem; */
}

.menu_title_price {
  padding-right: 5%;
}

.menu_subtitle {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}

.menu_txt {
  padding: 0 5%;
  font-size: 75%;
  line-height: 1.5;
  margin-bottom: 0;
}

.title_first {
  margin-bottom: 0;
}

/* .tategaki {
  writing-mode: vertical-rl;
  text-align: center;
  padding: 0 10px;
} */

.warning {
  color: #e6101c;
}

.store_txt {
  font-weight: 700;
  font-size: 100%;
  margin: 3% 0;
}

.ig {
  width: 50%;
  padding: 3% 0;
  margin: 0 auto;
} 

.menu_hr {
  border-top: 5px dotted #b8acac; /* 点線 */
  margin: 70px auto;
  width: 95%;

}

/* レスポンシブデザイン (768px以下) */
@media (max-width: 768px) {
  .flex_menu {
    width: 100%;
    flex-direction: column;
  }

  .card_2,
  .card_3,
  .card_4 {
    width: 100%;
  }

  .menu_subtitle {
    font-size: 0.9rem;
  }
  
  .ig {
    width: 90%;
  }

  .menu_hr {
    border-top: 5px dotted #b8acac; /* 点線 */
    margin: 70px auto;
    width: 95%;
  
  }

}