/* ---------------
   price 
----------------*/

.price {
}
.price__tit {
  font-size: clamp(1.9rem, 2.392vw, 2.875rem);
  line-height: 1.5;
  color: #513535;
  font-weight: 500;
}
.price__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* intro */
.price__intro {
  width: 100%;
  margin: clamp(40px, 7vw, 120px) auto 0;
}
.price__intro-exp {
  margin-top: clamp(20px, 4vw, 50px);
  max-width: 800px;
  font-size: clamp(0.9rem, 1.144vw, 1.375rem);
  line-height: 1.5;
  width: 100%;
}
.price__intro-btn {
  display: flex;
  gap: 20px;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: clamp(20px, 4vw, 50px);
}
.price__intro-pic {
  display: flex;
  gap: clamp(20px, 4vw, 50px);
  margin-top: clamp(40px, 7vw, 120px);
}
.price__intro-img {
  flex: 1;
}
.price__intro-btn-link {
  display: inline-block;
  color: #d1ad59;
  border-radius: 9999px;
  font-size: clamp(0.8rem, 1.04vw, 1.25rem);
  width: 40%;
  max-width: 300px;
  padding: 1.2em 0;
  background-color: #513535;
  border: 1px solid #d1ad59;
  text-align: center;
}


/* menu */
.price__menu {
  width: 100%;
  margin: clamp(40px, 7vw, 120px) auto 0;
  background-color: #f6f4d4;
  padding: clamp(40px, 7vw, 120px) 0;
}
.price__content--menu {
  background-image: url(../img/grain.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: clamp(40px, 6vw, 100px);
  width: 94%;
  margin: 0 auto;
}
.price__content--option {
  background-image: url(../img/grain.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: clamp(40px, 6vw, 100px);
  margin: clamp(20px, 6vw, 60px) auto;
  width: 94%;
}
.price__menu-list {
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  gap: 2em;
  margin-top: clamp(20px, 4vw, 50px);
}
.price__menu-item {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.price__menu-item-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.price__menu-item-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 100%;
  border-bottom: dotted 2px #aaa;
}
.price__menu-item-name,
.price__menu-item-price {
  display: inline-block;
  /* 周りの背景色と同色にします */
  background-color: #f1dab0;
  z-index: 2;
}
.price__menu-item-name {
  padding-right: 5px;
  font-size: clamp(1.1rem, 1.352vw, 1.625rem);
}
.price__menu-item-name span {
  font-size: clamp(0.75rem, 0.936vw, 1.125rem);
  line-height: 1.5;
}
.price__menu-item-price {
  padding-left: 5px;
  font-size: clamp(1.3rem, 1.56vw, 1.875rem);
  line-height: 1.5;
}
.price__menu-item-exp {
  font-size: clamp(0.9rem, 1.144vw, 1.375rem);
  line-height: 1.5;
}
.price__menu-item-list {
  border-bottom: 1px solid #513535;
  display: flex;
  flex-direction: column;
  gap: 2em;
  padding-bottom: 2em;
}
.price__menu-item-list-item {
  font-size: clamp(0.9rem, 1.144vw, 1.375rem);
  line-height: 1.5;
  position: relative;
}
.price__menu-item-list-item::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  color: #d1ad59;
  position: absolute;
  font-weight: 900;
  left: 0;
  top: 1.5em;
}
.price__menu-item-list-item:last-child::after {
  content: "";
}
.price__menu-pic {
  display: flex;
  gap: 20px;
  margin-top: clamp(40px, 7vw, 120px);
}
.price__menu-img {
  flex: 1;
}
.price__menu-supplement {
  max-width: 1000px;
  width: 100%;
  font-size: clamp(0.9rem, 1.144vw, 1.375rem);
  line-height: 1.5;
  padding-top: 30px;
}

/*--------------------------------0
	TB用
----------------------------------- */
@media all and (max-width: 768px) {
}

/*--------------------------------
	SP用
----------------------------------- */
@media all and (max-width: 530px) {
  .price__intro-pic {
    flex-direction: column;
  }
  .price__menu-pic {
    flex-direction: column;
  }

  .price__content--menu,
  .price__content--option {
    width: 100%;
  }
}