/* =========================================================
   つきじ治作 — business-entertainment ページ固有スタイル（抽出元: business/entertainment/index.html の <style>）
   body名前空間: page-business-entertainment / url(): css/pages/基準 ../../images/
   ========================================================= */
.lp-hero__image{background-image:url('../../images/business/entertainment/entertainment_hero.jpg');}
.lp-prologue .sig-intro__img{background-image:url('../../images/business/entertainment/section01.jpg');}
.lp-pillars .pillar-1 .pillar__img{background-image:url('../../images/Img26113.jpg');}
.lp-pillars .pillar-2 .pillar__img{background-image:url('../../images/Img26090.jpg');}
.lp-pillars .pillar-3 .pillar__img{background-image:url('../../images/visual11.webp');}
.lp-pillars .pillar-4 .pillar__img{background-image:url('../../images/Img26163.jpg');}
.lp-pillars .pillar-5 .pillar__img{background-image:url('../../images/visual12.webp');}
.lp-pillars .pillar-6 .pillar__img{background-image:url('../../images/Img26166.jpg');}
/* Hide the 6 pillar images in 治作の、接待・会食 section */
.lp-pillars .pillar__img{display:none !important;}
.lp-hospi .hospi-item-1 .hospi-photo{background-image:url('../../images/gallery_img11.jpg');}
.lp-hospi .hospi-item-2 .hospi-photo{background-image:url('../../images/Img26097.jpg');}
.lp-hospi .hospi-item-3 .hospi-photo{background-image:url('../../images/miokuri.webp');}
.lp-cta__bg{background-image:url('../../images/Img26182.jpg');}
/* Remove footer top margin (defaults to 120px in style.css) */
.footer{margin-top:0;}
/* Unified dark navy — match top index */
html, body, body.is-day{background-color:#1a2638 !important;color:var(--mute);}
.header{background:#1a2638 !important;}
.header.is-scrolled{background:rgba(26,38,56,.85) !important;}
.footer{background:#1a2638 !important;margin-top:0 !important;}
/* HERO blank area → dark navy */
.lp-hero{background:#1a2638 !important;}

/* CONTACT: match business/index.html .biz-cta design (no bg image) */
section.lp-cta{margin-top:0 !important;overflow:visible;padding:clamp(80px,9vw,140px) 0;background:#1a2638;border-top:1px solid rgba(239,232,214,.16);text-align:center;}
section.lp-cta .lp-cta__link{display:block;height:auto;}
section.lp-cta .lp-cta__bg,
section.lp-cta .lp-cta__overlay,
section.lp-cta .lp-cta__more{display:none !important;}
section.lp-cta .lp-cta__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(24px,3vw,40px);padding:0 clamp(24px,8vw,120px);max-width:1200px;margin:0 auto;height:auto;}
section.lp-cta .lp-cta__en{font-family:var(--en-serif);font-weight:500;font-size:11px;letter-spacing:.4em;color:#c9a464;text-transform:uppercase;margin-bottom:0;}
section.lp-cta .lp-cta__title{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.6vw,30px);letter-spacing:.2em;line-height:1.8;color:#efe8d6;margin:14px 0 0;text-shadow:none;}
section.lp-cta .lp-cta__lead{font-family:var(--serif);font-size:13px;letter-spacing:.1em;line-height:2.1;color:rgba(239,232,214,.55);max-width:none;margin:0;}
section.lp-cta .biz-cta__bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,22px);width:100%;max-width:960px;margin-top:clamp(20px,2vw,30px);}
section.lp-cta .biz-cta__bar a{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:22px 18px;background:transparent;border:1px solid rgba(201,164,100,.5);color:#efe8d6;font-family:var(--serif);font-size:13px;letter-spacing:.18em;border-radius:0;text-decoration:none;transition:background .3s,color .3s,border-color .3s;}
section.lp-cta .biz-cta__bar a:hover{background:#c9a464;color:#1a2638;border-color:#c9a464;}
section.lp-cta .biz-cta__bar .ico{display:inline-flex;align-items:center;justify-content:center;color:#e2c58a;transition:color .3s;}
section.lp-cta .biz-cta__bar a:hover .ico{color:#1a2638;}
@media (max-width:1080px){section.lp-cta .biz-cta__bar{grid-template-columns:1fr;}}

/* ============================================================
   CUISINE CAROUSEL — 3-column scroll rail (culture/programs style)
   ============================================================ */
.lp-cuisine-rail{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(16px,2.4vw,32px);align-items:center;margin-top:clamp(40px,4vw,60px);}
.lp-cuisine-arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(232,226,212,.3);background:transparent;color:var(--mute);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,color .3s,border-color .3s,opacity .3s;flex-shrink:0;}
.lp-cuisine-arrow:hover{background:var(--gold);color:#1a2638;border-color:var(--gold);}
.lp-cuisine-arrow:disabled{opacity:.3;cursor:not-allowed;}
.lp-cuisine-arrow:disabled:hover{background:transparent;color:var(--mute);border-color:rgba(232,226,212,.3);}
.lp-cuisine-viewport{overflow:hidden;min-width:0;}
.lp-cuisine-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - clamp(16px,2vw,28px) * 2) / 3);gap:clamp(16px,2vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;}
.lp-cuisine-track::-webkit-scrollbar{display:none;}
.lp-cuisine-card{scroll-snap-align:start;position:relative;display:block;aspect-ratio:3/4.2;overflow:hidden;background:#0f1827;text-decoration:none;color:inherit;isolation:isolate;}
.lp-cuisine-img{position:absolute;inset:0;overflow:hidden;z-index:0;}
.lp-cuisine-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease;}
.lp-cuisine-card:hover .lp-cuisine-img img{transform:scale(1.06);}
.lp-cuisine-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(22px,2.4vw,30px);background:linear-gradient(180deg,rgba(26,38,56,0) 0%,rgba(26,38,56,.25) 38%,rgba(26,38,56,.78) 72%,rgba(26,38,56,.94) 100%);text-align:left;}
.lp-cuisine-title{font-family:var(--serif);font-weight:500;font-size:clamp(15px,1.4vw,18px);letter-spacing:.18em;color:var(--mute);margin:0 0 10px;line-height:1.6;}
.lp-cuisine-desc{font-size:11.5px;line-height:1.85;letter-spacing:.05em;color:rgba(232,226,212,.78);margin:0 0 14px;}
.lp-cuisine-btn{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-family:var(--serif);font-size:11px;letter-spacing:.22em;color:var(--gold-hi);padding:0 0 4px;border-bottom:.5px solid var(--gold);transition:color .3s,letter-spacing .3s,border-color .3s;}
.lp-cuisine-btn::after{content:"→";transition:transform .3s ease;}
.lp-cuisine-card:hover .lp-cuisine-btn{color:var(--mute);border-color:var(--mute);letter-spacing:.26em;}
.lp-cuisine-card:hover .lp-cuisine-btn::after{transform:translateX(4px);}
@media(max-width:1024px){
  .lp-cuisine-track{grid-auto-columns:calc((100% - clamp(16px,2vw,28px)) / 2);}
}
@media(max-width:640px){
  .lp-cuisine-rail{grid-template-columns:1fr;}
  .lp-cuisine-arrow{display:none;}
  .lp-cuisine-track{grid-auto-columns:85%;}
}

/* SP hero layout — stack H1 → crumb → image (mirrors lifeevent/children) */
@media (max-width:767px){
  .lp-hero{
    height:auto !important;min-height:0 !important;
    display:flex !important;flex-direction:column !important;
    padding-top:120px !important;
  }
  .lp-hero__content{
    position:relative !important;
    inset:auto !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    height:auto !important;
    padding:0 20px !important;
    order:1;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
  .lp-hero__crumb{
    position:relative !important;
    top:auto !important;left:auto !important;
    margin:10px 20px 0 !important;
    order:2;
  }
  .lp-hero__scrim{display:none !important;}
  .lp-hero__image{
    position:relative !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:100% !important;height:55vh !important;
    margin-top:12px !important;
    order:3;
  }
}

/* ============================================================
   CULTURAL EXPERIENCES BANNER
   (matches business/index.html の「料亭の一夜に、日本の粋を重ねる。」)
   ============================================================ */
.biz-exp{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:clamp(560px,82vh,820px);
  padding:clamp(70px,8vw,130px) clamp(24px,8vw,120px);
  overflow:hidden;
}
.biz-exp__media{
  position:absolute;inset:0;z-index:-2;
  background:url("../../images/business/cultures.jpg") center/cover no-repeat;
  transform:scale(1.04);
}
.biz-exp__overlay{
  position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,
      rgba(15,24,39,.92) 0%,
      rgba(15,24,39,.80) 32%,
      rgba(15,24,39,.42) 64%,
      rgba(15,24,39,.30) 100%),
    linear-gradient(180deg,
      rgba(15,24,39,.55) 0%,
      rgba(15,24,39,.10) 30%,
      rgba(15,24,39,.45) 100%);
}
.biz-exp__inner{
  max-width:640px;
  margin-right:auto;
}
.biz-exp__kicker{
  display:inline-block;
  font-family:var(--en-serif);
  font-size:11px;letter-spacing:.4em;
  color:#e2c58a;text-transform:uppercase;
  font-weight:500;
}
.biz-exp__h{
  font-family:var(--serif);font-weight:500;
  font-size:32px;
  letter-spacing:.12em;line-height:1.5;
  margin:22px 0 0;
  color:#efe8d6;
  text-shadow:0 2px 24px rgba(15,24,39,.55);
}
.biz-exp__lead{
  margin:28px 0 0;
  max-width:30em;
  font-size:clamp(14px,1.05vw,15.5px);
  line-height:2.05;letter-spacing:.05em;
  color:rgba(239,232,214,.78);
  text-shadow:0 1px 14px rgba(15,24,39,.5);
}
.biz-exp__tags{
  list-style:none;margin:34px 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:10px 12px;
}
.biz-exp__tags li{
  font-size:12.5px;letter-spacing:.08em;
  color:#efe8d6;
  padding:8px 16px;
  border:1px solid rgba(201,164,100,.55);
  border-radius:999px;
  background:rgba(15,24,39,.34);
  backdrop-filter:blur(2px);
}
.biz-exp__cta{
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  margin-top:40px;
  font-family:var(--serif);font-size:13px;letter-spacing:.24em;
  color:#efe8d6;
  background:transparent;
  padding:14px clamp(26px,2.6vw,38px);
  border:1px solid rgba(201,164,100,.6);
  border-radius:0;
  text-decoration:none;
  transition:background .3s, color .3s, border-color .3s;
}
.biz-exp__cta:hover{
  background:#c9a464;
  border-color:#c9a464;
  color:#1a2638;
}
.biz-exp__cta-arrow{
  width:18px;height:1px;background:currentColor;
  position:relative;
}
@media (max-width:760px){
  .biz-exp{min-height:0;}
  .biz-exp__media{background-position:60% center;}
  .biz-exp__overlay{
    background:linear-gradient(180deg,
      rgba(15,24,39,.72) 0%,
      rgba(15,24,39,.86) 55%,
      rgba(15,24,39,.92) 100%);
  }
  .biz-exp__inner{max-width:none;}
  .biz-exp__h{font-size:22px;letter-spacing:.08em;}
}
@media (max-width:480px){
  .biz-exp__tags li{padding:7px 13px;font-size:12px;}
  .biz-exp__cta{width:100%;justify-content:center;}
}
