@charset "utf-8";
/* CSS Document */
.cate0{
  background:#F2EEED;
}
.cate0 .pagelinks_e{
  background:#F2EEED;
  flex-direction:column;
  align-items:center;
}
.cate0 .pagelinks_e .titlebox1{
  width:100%;
  margin-bottom:clamp(18px,2vw,24px);
}
.cate0 .pagelinks_e .titlebox1 .en{
  display:inline-block;
  line-height:1;
  letter-spacing:.12em;
  border-bottom:1px solid rgba(190,146,130,.45);
  padding-bottom:6px;
}
.cate0 .pagelinks_e .width-1280-max{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  width:100%;
}
.cate0 .pagelinks_e a{
  position:relative;
  display:block;
  width:calc((100% - 24px) / 4);
  background:#fff;
  border-radius:3px;
  padding:clamp(18px,1.5vw,26px) clamp(36px,3vw,48px) clamp(13px,1.5vw,17px) clamp(16px,2vw,22px);
  box-sizing:border-box;
  transition:.3s;
}
.cate0 .pagelinks_e a > .flex{
  align-items:center;
  justify-content:space-between;
  flex-wrap:nowrap;
}
.cate0 .pagelinks_e a p{
  color:#6A513F;
  line-height:1.4;
  letter-spacing:.06em;
}
.cate0 .pagelinks_e a .more-icon{
  position:absolute;
  right:clamp(14px,1.6vw,20px);
  top:50%;
  width:clamp(8px,1vw,12px);
  aspect-ratio:1;
  transform:translateY(-50%);
  align-items:center;
  justify-content:center;
  transition:.3s;
}
.cate0 .pagelinks_e a .more-icon img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.cate0 .pagelinks_e a:hover{
  opacity:.78;
}
.cate0 .pagelinks_e a:hover .more-icon{
  transform:translateY(calc(-50% + 3px));
}
@media screen and (max-width:1080px){
  .cate0 .pagelinks_e a{
    width:calc((100% - 16px) / 3);
  }
}
@media screen and (max-width:768px){
  .cate0 .pagelinks_e a{
    width:calc((100% - 8px) / 2);
  }
}
@media screen and (max-width:576px){
  .cate0 .pagelinks_e .width-1280-max{
    gap:8px;
  }
  .cate0 .pagelinks_e a{
    width:100%;
  }
}
.price_c{
  position:relative;
}
.price_c .pricewrap{
  width:100%;
  margin:0 auto;
    max-width: 1280px;
}
.price_c .price_item{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:clamp(24px,4vw,48px);
  padding:clamp(28px,3.5vw,40px) 0;
  border-bottom:1px solid rgba(106,81,63,.18);
  width:100%;
}
.price_c .price_item:first-child{
  border-top:1px solid rgba(106,81,63,.18);
}
.price_c .menu_name{
  width:calc(100% - clamp(24px,4vw,48px) - clamp(120px,16vw,180px));
}
.price_c .catenamebox{
  gap:6px;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-bottom:clamp(10px,1.4vw,14px);
}
.price_c .catename{
  background:#6FC18C;
  border-radius:0;
  padding:4px 12px;
  color:#fff;
  line-height:1;
  font-size:clamp(11px,.9vw,13px);
  letter-spacing:.06em;
}
.price_c .catename.gray{
  background:#9A9A9A;
}
.price_c .title{
  color:#6A513F;
  margin-bottom:clamp(8px,1vw,12px);
  line-height:1.7;
  letter-spacing:.06em;
  font-weight:500;
}
.price_c .note{
  color:#6A513F;
  line-height:1.9;
  letter-spacing:.06em;
  font-size:clamp(13px,1vw,15px);
}
.price_c .condition{
  color:#7E5BB3;
  line-height:1.7;
  letter-spacing:.04em;
  font-size:clamp(12px,.9vw,14px);
  margin-top:clamp(8px,1vw,12px);
}
.price_c .pricebox{
  width:clamp(120px,16vw,180px);
  align-items:baseline;
  justify-content:flex-end;
  flex-wrap:nowrap;
  white-space:nowrap;
  padding-top:clamp(20px,2.5vw,34px);
}
.price_c .price_num{

  font-size:clamp(20px,2.2vw,26px);
  letter-spacing:.04em;
  line-height:1;
  margin-right:6px;
  font-weight:500;
}
.price_c .price_tax{
  color:#6A513F;
  line-height:1;
  letter-spacing:.04em;
  font-size:clamp(14px,.9vw,16px);
}
@media screen and (max-width:768px){
  .price_c .price_item{
    display:block;
    padding:28px 0;
  }
  .price_c .menu_name{
    width:100%;
  }
  .price_c .pricebox{
    width:100%;
    justify-content:flex-start;
    margin-top:18px;
    padding-top:0;
  }
}
@media screen and (max-width:576px){
  .price_c .catename{
    font-size:12px;
    padding:4px 10px;
  }
  .price_c .price_num{
    font-size:22px;
  }
}

/* ---------- 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){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}