.no-gn .all-body{
	display:none;
}


.swiper{
    max-width: 1200px;
    margin:10px 0;
}
.paddingbottom30{
    padding-bottom: 30px;
}

.heading-title-under{
	    text-align: center;align-content;
	    font-size: 1.2rem;
	    margin-block-end: 1em;
}

.delivery-section img{
    border: 5px solid #b7b7b7;
}

.all-body-in {
        max-width: 1200px!important;
    width: 100%!important;
}

.lp-sub-hd {
    background:#1c329d;
    color: #fff;
    font-size: 2.0rem;
    font-weight: 600;
    line-height: 1;
    padding: 3.6rem 0;
    position: relative;
    text-align: center;
    padding: 2.4rem 0;
}
.lp-sub-hd::after {
    -webkit-transform: translateX(-50%);
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid #1c329d;
    bottom: -20px;
    content: '';
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}


.all-body-in{
	  box-sizing: border-box;
    width: 1200px;
    margin: auto;
	 padding:10px 0;
}
.site-title,header-image{
display:none;
}
.main-image {
    /* margin-bottom: 0.3em; */
    display: none;
}
.food-kinds {
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    color: white;
    opacity: 1;
    margin: 0;
    line-height: 1.4em;
}

.tag-top-customer {
    background-color: #F8D64A;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 5px;
    margin: 10px 5px;
    display: inline-block;
	    color: #000;
}

@media screen and (max-width : 768px) {
.tag-top-customer {
    padding: 3px;
    font-size: 10px;
}
	
}


/*//////よくある質問　ここから/////////*/
.faq-background{
background: #F9F8F4;

}

.aco-wrap-search {
    width: 100%;}

.aco-wrap {
    width: 100%;}

.inner-conts {
    max-width: 1200px;
    margin: 0 auto;

}
.surv-number {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.srb-blew-question {
    width: 45%;
    margin-bottom: 10px;
    background: #fff;

}

.aco-wrap label.askedq:before {
    content: "Q";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 20px;
    display: block;
    content: 'Q.';
    color: #8d8929;
    /* background: #000; */
    /* padding: 10px; */
}
.aco-wrap .askedq {
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #333;
    line-height: 33px;
    font-weight: bold;
 /*    margin: 10px 0 0 0;  */
    padding: 10px 20px 10px 60px;
    font-weight: bold;
}
.aco-wrap label {
    padding: 10px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #333;
    line-height: 33px;
    font-weight: bold;
    /* border: 1px solid; */
    /* margin: 10px 0 0 0; */
}
.aco-wrap input {
    display: none;
}
.aco-wrap input:checked ~ article.answer {
    height: 100px;
}
.aco-wrap input:checked ~ article {
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.aco-wrap article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.aco-wrap article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.aco-wrap .askeda::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 20px;
    display: block;
    content: 'A.';
    font-weight: bold;
    color: #3285bf;
}
.aco-wrap .askeda {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 60px;
}

.aco-wrap label.askedq:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -14px;
}

@media (max-width: 768px) {
.srb-blew-question {
    width: 98%;


}

}

/*//////よくある質問　ここまで/////////*/
/*//////バナー3列　ここから/////////*/

.service-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.banar-img33 {
    width: 33%;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    padding: 0 25px;
}

.service-item p {
    margin: 0;
}

.banar-img33 img{
 	   border-radius: 10px;}
 	   

@media (max-width: 768px) {
    .banar-img33 {
        width: 50%;
        text-align: center;
    }
}



/*フードの値段*/
.pricing-container {
  display: flex;
  padding: 10px;
  justify-content: space-between; /* コンテンツの間隔 */
  align-items: center; /* 縦軸の中央揃え */
  border-radius: 5px; /* 角の丸み */
  max-width: 700px; /* コンテナの最大幅 */
  margin: 20px auto; /* 上下左右中央揃え */
}

.plan {
  display: flex;
  align-items: center;
  margin-right: 20px; /* 右のマージン */
}

.plan-title {
  font-weight: bold;
  margin-right: 5px; /* タイトルと詳細の間隔 */
background: #eee;
    padding: 5px;
    font-size: 0.8em;
}
.plan-title-freedrink{
  font-weight: bold;
  margin-right: 5px; /* タイトルと詳細の間隔 */
background: #ffa500;
    padding: 5px;
color:#fff;
    font-size: 0.8em;
}

.plan-detail {
  margin-right: 5px; /* 詳細と価格の間隔 */
}

.plan-price {
  font-weight: bold;
  color: #333; /* 文字色 */
}

.plan-price.special {
    font-size: 25px;
  padding: 5px 5px; /* パディング */
  border-radius: 5px; /* 角の丸み */
}

.zeikomi{
font-size:0.8em;
}
/* 最後のプランには余分なマージンを付けない */
.plan:last-child {
  margin-right: 0;
}

@media (max-width: 768px) {
  .pricing-container {
    flex-direction: column; /* 縦に並べ替え */
    padding: 10px;
  }

  .plan {
    margin-bottom: 10px; /* プラン間のマージン */
  }
}

	/*メニュー一覧　と　人気ランキング一覧*/
	.food-rank{
    position: absolute;
    top: -45px;
    left: 0;
    margin: 0;
}
	.food-kinds{
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    color: white;
    opacity: 1;
    margin: 0;
    line-height: 1.4em;
}

.caption {
    padding: 5px;
    word-wrap: break-word;
}
.menu-text {
    margin-bottom: 5px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.333;
color: #000;
}
	.menu-text a{
	color:#000;
}
.food-33 .img-degin{
    display: block;
    width: 100%;
    margin-right: -100%;
    position: relative;}

.caption-food {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    opacity: 0.7;
    margin: 0;
    display: block;
    width: 100%;
    color:#fff;
    line-height: 1.4em;
box-sizing: border-box;
    line-height: 1.2;
list-style: none;
padding:5px;
}

.food-33 {
    width: calc(33% - 12px);
    height: auto;
    margin: 0 0 15px 0;
}

@media
only screen and (max-width : 765px){
.food-33{
	width:47%;
	
}
}

/*//////よくある質問　ここから/////////*/
.faq-background{
background: #F9F8F4;

}

.aco-wrap {
    width: 100%;
}

.inner-conts {
    max-width: 1200px;
    margin: 0 auto;

}
.surv-number {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.srb-blew-question {
    width: 45%;
    margin-bottom: 10px;
    background: #fff;

}

.aco-wrap label.askedq:before {
    content: "Q";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 20px;
    display: block;
    content: 'Q.';
    color: #8d8929;
    /* background: #000; */
    /* padding: 10px; */
}
.aco-wrap .askedq {
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #333;
    line-height: 33px;
    font-weight: bold;
 /*    margin: 10px 0 0 0;  */
    padding: 10px 20px 10px 60px;
    font-weight: bold;
}
.aco-wrap label {
    padding: 10px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #333;
    line-height: 33px;
    font-weight: bold;
    /* border: 1px solid; */
    /* margin: 10px 0 0 0; */
}
.aco-wrap input {
    display: none;
}
.aco-wrap input:checked ~ article.answer {
    height: 100px;
}
.aco-wrap input:checked ~ article {
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.aco-wrap article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.aco-wrap article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.aco-wrap .askeda::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 20px;
    display: block;
    content: 'A.';
    font-weight: bold;
    color: #3285bf;
}
.aco-wrap .askeda {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 60px;
}

.aco-wrap label.askedq:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -14px;
}

@media (max-width: 768px) {
.srb-blew-question {
    width: 98%;


}

}

/* ===== base ===== */
.vox{        
  --card:#ffffff;
  --line:#e7e3da;
  --ink-1:#1f1f1f;
  --ink-2:#494949;
  --muted:#8c887f;
  --accent:#d9a76b;        /* 見出し小見出しカラー */
  --orange:#f08a00;        /* Q アイコンのオレンジ */
  max-width:1080px;
  margin:0 auto;
  padding:0 16px 60px;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Meiryo","Noto Sans JP",system-ui,Segoe UI,Roboto,sans-serif;
  color:var(--ink-2);
  background:var(--bg);
  box-sizing:border-box;
}

/* ===== 共通セクション ===== */
.vox-sec{ padding:28px 0; }
.vox-eyebrow{
  text-align:center; margin:0 0 6px; font-weight:700; color:var(--accent); letter-spacing:.06em;
}
.vox-title{
  text-align:center; margin:0 0 18px; font-weight:900; font-size: clamp(20px,3vw,26px); color:var(--ink-1);
}

/* ===== FAQ ===== */
/* .vox-faq{ background:#f7f4ee; border-top:3px solid #efe5cf; border-bottom:3px solid #efe5cf; } */
.vox-faq__list{ list-style:none; margin:0 auto; padding:0; max-width:880px; display:grid; gap:16px; }
.vox-faq__item{ display:grid; grid-template-columns:44px 1fr; gap:12px; }
.vox-faq__qicon{
  width:36px; height:36px; border-radius:50%; background:#fff; border:2px solid var(--orange);
  display:flex; align-items:center; justify-content:center; color:var(--orange); font-weight:900;
  margin-top:4px;
}
.vox-faq__q{ margin:0 0 6px; font-weight:800; color:#222; }
.vox-faq__a{ margin:0; line-height:1.9; color:var(--ink-2); }

/* ===== Voices ===== */
.vox-voices{ background:var(--bg); }
.vox-voices__list{ list-style:none; margin:0 auto; padding:0; max-width:940px; display:grid; gap:16px; }
.vox-voice{
  display:grid; grid-template-columns:1fr 320px; gap:14px;
  background:var(--card); border:1px solid var(--line); border-radius:10px; padding:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.vox-voice__img{ border-radius:10px; overflow:hidden; background:#eee; }
.vox-voice__img img{ width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:4/3; }
.vox-voice__client{ margin:0 0 6px; color:var(--muted); font-weight:700; }
.vox-voice__ttl{ margin:0 0 8px; font-weight:900; color:#1e1e1e; }
.vox-voice__desc{ margin:0 0 10px; line-height:1.9; }
.vox-voice__meta{ margin:0; display:flex; align-items:center; gap:10px; color:#333; }
.vox-voice__cat{ background:#f3efe6; border:1px solid #ece6d9; padding:4px 8px; border-radius:999px; font-size:.86rem; }

/* stars */
.vox-stars{ position:relative; display:inline-block; line-height:1; font-size:14px; }
.vox-stars__bg{ color:#d9d9d9; }
.vox-stars__fg{ position:absolute; inset:0 auto 0 0; width:0; overflow:hidden; color:#f1b300; }
.vox-score{ font-weight:700; }


/* ===== responsive ===== */
@media (max-width: 980px){
  .vox-voice{ grid-template-columns:1fr 260px; }
  .vox-blog__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 680px){
  .vox-faq__item{ grid-template-columns:36px 1fr; }
  .vox-voice{ grid-template-columns:1fr; }
  .vox-voice__img img{ aspect-ratio:16/9; }
  .vox-blog__grid{ grid-template-columns:1fr; }
}
/* ===== base ===== */
.rcs{
  --ink-1:#1f2937;
  --ink-2:#374151;
  --muted:#6b7280;
  --blue:#1a73e8;
  --line:#e5e7eb;
  --star:#f1b300;
  max-width:1080px;
  margin:0 auto;
  padding:24px 16px 48px;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Meiryo","Noto Sans JP",system-ui,Segoe UI,Roboto,sans-serif;
  color:var(--ink-2);
}

/* header */
.rcs-header{ text-align:center; margin:15px auto; }
.rcs-eyebrow{
  margin:0 0 4px;
  color:#d77a2d;
  font-weight:700; 
  letter-spacing:.05em;     text-align: center;
}
.rcs-title{
  margin:0 0 12px;
  font-weight:900;
  font-size: clamp(20px,3.2vw,28px);
  color:var(--ink-1);
}

/* grid */
.rcs-grid{
  list-style:none; margin:0; padding:0;
  display:grid; gap:20px;
}
.rcs-grid--4{ grid-template-columns: repeat(4,minmax(0,1fr)); }

/* card */
.rcs-card{ display:flex; flex-direction:column; }
.rcs-thumb{
  border-radius:8px; overflow:hidden; background:#f3f4f6;
  aspect-ratio: 16/10;
  margin-bottom:10px;
}
.rcs-grid--4 p{ margin: 0;}

.rcs-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.rcs-card__title{
  display:inline-block;
  margin:2px 0 4px;
  font-weight:800;
  text-decoration:none;
  color:var(--blue);
}
.rcs-card__title:hover{ text-decoration:underline; }
.rcs-card__desc{
  margin:0 0 8px; color:var(--muted); line-height:1.6; font-size:.94rem;
}

/* rating */
.rcs-card__rating{ display:flex; align-items:center; gap:8px; margin:0 0 6px; }
.rcs-stars{ position:relative; display:inline-block; line-height:1; font-size:14px; }
.rcs-stars__bg{ color:#dcdcdc; }
.rcs-stars__fg{
  position:absolute; inset:0 auto 0 0; width:0; overflow:hidden; color:var(--star);
}
.rcs-score{ font-size:.92rem; color:#333; }

/* meta */
.rcs-card__meta{ margin:0; font-weight:800; letter-spacing:.02em; }
.rcs-price__num{ font-size:1.3rem; }
.rcs-dot{ margin-left:10px; position:relative; }

/* sub title */
.rcs-subttl{ display:flex; align-items:center; gap:10px; margin:28px 0 12px; }
.rcs-subttl__bar{
  width:6px; height:18px; background:#ee7e23; border-radius:3px;
}
.rcs-subttl__text{ font-weight:800; color:#1f2937; }

/* table */
.rcs-tablewrap{ overflow:auto; }
.rcs-table{
  width:100%; border-collapse:collapse; border:1px solid var(--line);
  font-size:.95rem; background:#fff;
}
.rcs-table th, .rcs-table td{
  padding:12px 10px; border-bottom:1px solid var(--line);
}
.rcs-table thead th{
  text-align:left; background:#f9fafb; color:#111827; font-weight:800;
}
.rcs-table a{ color:var(--blue); text-decoration:none; }
.rcs-table a:hover{ text-decoration:underline; }

/* responsive */
@media (max-width: 1024px){
  .rcs-grid--4{ grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 760px){
  .rcs-grid--4{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 460px){
  .rcs-grid--4{ grid-template-columns: 1fr; }
}

/* 余白が出ない縦長レイアウト：幅100% + 高さ固定、aspect-ratioは無効化 */
.bdjx .bdjx-media{
  position: relative;
  width: 100%;
  height: 430px;     /* PC時の見栄え固定 */
  aspect-ratio: auto;/* ← ここが重要：比率を無効化 */
  overflow: hidden;
  background:#f6f6f6;
}
@media (max-width: 767.98px){
  .bdjx .bdjx-media{ height: 200px; } /* SPは既存と同じロジック */
}

/* 中の画像は領域いっぱいにフィットさせる */
.bdjx .bdjx-media > img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;         /* 余白を出さずにトリミング */
  object-position: 50% 34%;  /* 樽やロゴが切れにくい初期値 */
}
    .vdj-chip-button{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 999px;
    background: #efeae1;
    color: #111;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .04) inset;
    }

<!-- ============ CSS（タブ周りのみ。カードは既存CSSを使用） ============ -->

.vdj-areaTabs{ margin: 48px auto; max-width: 1160px; padding: 0 16px;}
.vdj-areaTabs__title{ font-size: clamp(20px,2.2vw,26px); font-weight: 900; margin: 0 0 12px; }

/* タブバー */
.vdj-areaTabs__list{
  display:flex; gap:10px; flex-wrap:nowrap;
  overflow-x:auto; padding:10px 6px 6px; margin:0 -6px;
  -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity;
  scrollbar-width:none; border-bottom:1px solid #e5e7eb;
}
.vdj-areaTabs__list::-webkit-scrollbar{ display:none; }

/* タブ */
.vdj-areaTabs__tab{
  scroll-snap-align:start;
  appearance:none; border:1px solid #d1d5db; background:#fff; color:#111;
  padding:10px 16px; border-radius:8px; font-weight:800; letter-spacing:.02em;
  white-space:nowrap; cursor:pointer; transition:background .2s,border-color .2s,box-shadow .2s;
}
.vdj-areaTabs__tab:hover{ border-color:#9ca3af; }
.vdj-areaTabs__tab:focus{ outline:2px solid #111; outline-offset:2px; }
.vdj-areaTabs__tab.is-active{ border-color:#111; box-shadow:0 6px 18px rgba(0,0,0,.06); }

/* パネル */
.vdj-areaTabs__panel{ padding-top:16px; }
.vdj-areaTabs__panel[hidden]{ display:none !important; }

/* 余白調整（任意） */
.vdj-areaTabs__panels .vdj-grid{ margin-top:6px; }

/* === SPだけ横スクロール（地域タブ内の .vdj-grid を対象） === */
@media (max-width: 768px){
  .vdj-areaTabs .vdj-grid{
    display: flex !important;        /* grid → 横並び */
    overflow-x: auto;                 /* 横スクロール */
    gap: 14px;
    padding: 0 14px 12px;             /* 端に余白 */
    scroll-snap-type: x mandatory;    /* スナップ */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;            /* Firefox 非表示 */
  }
  .vdj-areaTabs .vdj-grid::-webkit-scrollbar{ display: none; } /* Chrome/Safari */

  /* 1カードの幅（次のカードが“チラ見え”するサイズ） */
  .vdj-areaTabs .vdj-card{
    flex: 0 0 78vw;                   /* お好みで 58–85vw に調整可 */
    max-width: 78vw;
    scroll-snap-align: start;
  }

  /* もし .vdj-col-4 が幅指定を持っているなら念のため無効化 */
  .vdj-areaTabs .vdj-col-4{ width: auto; max-width: none; }
}