@charset "utf-8";
.column2_c1 > p{
        max-width: 720px;
  margin:auto;
}
body:not(.on) .menuwrap2 {
  display: block;
}
/* 開閉するブロック：デフォルト閉じる */
body:not(.on) .menu_block {
  max-height: 1000px;
}
.menuwrap2 {
  display: none;
}
/* ラッパー：横並び */
.price_switch {
  display: flex;
  gap: 40px;
  margin: 0px auto 60px;
}
/* ボタン共通 */
.price_switch_btn {
  min-width: 260px;
  padding: 15px 30px;
  border: 1px solid rgba(226, 219, 204, 0.6);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* テキスト */
.price_switch_btn .default_txt {
  margin: 0;
  letter-spacing: 0.18em;
  color: #e2dbcc;
}
/* ▼ アイコン（Font Awesome） */
.price_switch_btn .fa-angle-down {
  color: rgba(226, 219, 204, 0.8);
}
/* アクティブ（左のゴールド） */
.price_switch_btn.is_active {
  background: #9F8554; /* ゴールド系カラーはお好みで */
  border-color: #E0BC8B;
}
.price_switch_btn.is_active .default_txt {
  color: #f5efe4;
}
.price_switch_btn.is_active .fa-angle-down {
  color: #f5efe4;
}
/* ホバー（非アクティブだけ少し色を付ける） */
.price_switch_btn:hover:not(.is_active) {
  background: rgba(159, 122, 71, 0.12);
}
.menu_price {
  gap: 20px;
}
.menu_price .color2 {
  opacity: 0.7;
}
.cate2 .column2_c1 .imgbox {
  grid-area: imgbox;
  background: #c7c7c7;
  border-radius: 2px;
  overflow: hidden;
  aspect-ratio: 1/1;
  margin: auto 0;
}
.column2_c1 .txtbox .en {
  color: #9F8554;
}
.menuboxwrap {
  width: 100%;
  margin-bottom: 50px;
}
.menu_block {
  margin-top: 40px;
  width: 100%;
}
.menu_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
/* アイコンに余白とアニメーション */
.menu_head i {
  margin-left: 8px;
  transition: transform .2s;
  font-size: clamp(15px, 3.2vw, 30px);
}
/* 開閉するブロック：デフォルト閉じる */
.menu_block {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
}
/* 開いているとき（.menu_head に is-open がつく） */
.menu_head.is-open + .menu_block {
  max-height: 1000px; /* 中身に合わせて大きめにしておく */
}
/* 回転アニメつけたい場合 */
.menu_head.is-open i {
  transform: rotate(180deg);
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px) {}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px) {}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px) {}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px) {
  .cate2 .menuboxwrap .menu_head p {
    font-size: 16px;
  }
  .titlebox3 {
    flex-direction: column;
  }
  .titlebox3 .jp {
    position: relative;
    margin-right: auto;
  }
  .titlebox3::before {
    display: none;
  }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}