
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{line-break:strict;font-family:var(--round);background:var(--cream);color:var(--ink);font-size:15px;
 line-height:2.0;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}

picture{display:contents}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--ylw);color:var(--ink)}

.hd{position:fixed;top:0;left:0;right:0;z-index:900;height:76px;display:flex;align-items:center;
 justify-content:space-between;padding:0 var(--pad);transition:.45s var(--ease)}

.hd::before{content:"";position:absolute;left:0;right:0;top:0;height:140px;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,rgb(var(--shade-rgb) / .62) 0%,rgb(var(--shade-rgb) / .34) 46%,rgb(var(--shade-rgb) / 0) 100%);
 transition:opacity .45s var(--ease)}
.hd.solid::before,.hd.mnav-on::before{opacity:0}
.hd.solid{background:rgb(var(--cream-rgb) / .94);backdrop-filter:blur(12px);height:66px;
 box-shadow:0 2px 20px rgb(var(--ink-rgb) / .07)}
.hd__logo{width:clamp(104px,10vw,140px);flex-shrink:0}
.hd__logo img{width:100%;height:auto}
.hd__logo .lw{display:block}.hd__logo .lr{display:none}
.hd.solid .hd__logo .lw{display:none}.hd.solid .hd__logo .lr{display:block}
.gnav{display:flex;align-items:center;gap:clamp(12px,1.9vw,28px);font-size:var(--fs-13-5);font-weight:500}
.gnav a{color:var(--wh);position:relative;padding:6px 2px;transition:.35s;text-shadow:0 1px 8px rgb(var(--sh-rgb) / .35)}
.hd.solid .gnav a{color:var(--ink);text-shadow:none}
.gnav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;
 background:var(--ylw);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.gnav a:hover::after{transform:scaleX(1)}
.gnav .pill{border:1.5px solid rgb(var(--wh-rgb) / .8);border-radius:var(--r-40);padding:8px 18px;font-size:var(--fs-12-5)}
.hd.solid .gnav .pill{border-color:var(--ink)}
.gnav .pill:hover,.hd.solid .gnav .pill:hover{background:var(--red);border-color:var(--red);color:var(--wh)}
.gnav .pill::after{display:none}
.hd__mb{display:none;width:var(--size-44);height:var(--size-44);border-radius:50%;background:rgb(var(--wh-rgb) / .9);
 position:relative;flex-shrink:0}
.hd__mb span{position:absolute;left:13px;width:18px;height:var(--size-2);border-radius:var(--r-2);background:var(--ink);transition:.4s var(--ease)}
.hd__mb span:nth-child(1){top:16px}.hd__mb span:nth-child(2){top:var(--sp-21)}.hd__mb span:nth-child(3){top:var(--sp-26)}
.hd__mb.open span:nth-child(1){top:var(--sp-21);transform:rotate(45deg)}
.hd__mb.open span:nth-child(2){opacity:0}
.hd__mb.open span:nth-child(3){top:var(--sp-21);transform:rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:890;background:var(--cream);padding:96px var(--pad) 40px;
 display:none;flex-direction:column;gap:var(--sp-4);overflow:auto}
.mnav.open{display:flex}
.mnav a{font-family:var(--hand);font-size:var(--fs-22);padding:14px 0;border-bottom:1px dashed var(--line)}

.wrap{padding:0 var(--pad)}
.inner{max-width:1080px;margin:0 auto}
.sec{padding-top:clamp(64px,9vw,124px);padding-bottom:clamp(64px,9vw,124px)}
.h-hand{font-family:var(--hand);font-size:clamp(23px,3.6vw,40px);line-height:var(--lh-1-6);letter-spacing:.02em}
.lead{font-size:clamp(14px,1.05vw,15.5px);line-height:var(--lh-2-35);color:var(--ink2)}
.center{text-align:center}
.btn{display:inline-flex;align-items:center;gap:var(--sp-10);font-family:var(--round);font-weight:var(--fw-700);font-size:var(--fs-14);
 background:var(--ink);color:var(--wh);border-radius:var(--r-60);padding:15px 32px;transition:.4s var(--ease);
 box-shadow:0 6px 0 rgb(var(--ink-rgb) / .22)}
.btn:hover{transform:translateY(3px);box-shadow:0 3px 0 rgb(var(--ink-rgb) / .22)}
.btn--red{background:var(--red);box-shadow:0 6px 0 rgb(var(--red-d-rgb) / .3)}
.btn--red:hover{box-shadow:0 3px 0 rgb(var(--red-d-rgb) / .3)}
.btn i{width:var(--size-16);height:var(--size-16);position:relative}
.btn i::after{content:"";position:absolute;right:2px;top:var(--sp-4);width:var(--size-7);height:var(--size-7);
 border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv2{transition-delay:.1s}.rv3{transition-delay:.2s}.rv4{transition-delay:.3s}

.tape{position:relative}
.tape::before{content:"";position:absolute;top:-14px;left:50%;width:118px;height:var(--size-30);
 transform:translateX(-50%) rotate(-2.5deg);background:rgb(var(--tape-rgb) / .85);
 box-shadow:0 1px 3px rgb(var(--ink-rgb) / .12);z-index:3}
.tape--l::before{left:var(--sp-26);transform:rotate(-6deg)}

.deco{display:inline-flex;align-items:center;gap:var(--sp-14);justify-content:center}
.deco::before,.deco::after{content:"";width:26px;height:var(--size-2);border-radius:var(--r-2);background:var(--ylw)}

.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;text-align:center;
 padding:110px var(--pad) 60px}
.hero__bg{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;
 animation:heroZoom 26s linear forwards}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.13)}}
@keyframes kb{to{transform:scale(1)}}
.hero__bg::after{content:"";position:absolute;left:0;right:0;top:0;height:150px;
 background:linear-gradient(180deg,rgb(var(--shade-rgb) / .50) 0%,rgb(var(--shade-rgb) / .30) 42%,rgb(var(--shade-rgb) / .10) 74%,rgb(var(--shade-rgb) / 0) 100%)}

@keyframes pop{0%{opacity:0;transform:scale(.86) translateY(14px)}100%{opacity:1;transform:none}}

@keyframes sc{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,16px)}}

.menu{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,26px);margin-top:clamp(30px,4vw,52px)}
.mi{background:linear-gradient(180deg,var(--wh) 0%,var(--cream0) 100%);border-radius:var(--r-16);overflow:hidden;
 box-shadow:0 8px 20px rgb(var(--ink-rgb) / .08);transition:.45s var(--ease)}
.mi:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgb(var(--ink-rgb) / .15)}
.mi img{aspect-ratio:1/1;object-fit:contain;width:100%;
 padding:clamp(12px,1.6vw,22px) clamp(10px,1.2vw,18px) 0;transition:transform .55s var(--ease)}
.mi:hover img{transform:scale(1.06) rotate(-1.5deg)}
.mi__n{padding:12px 14px 16px;font-size:var(--fs-13-5);font-weight:var(--fw-700);text-align:center;line-height:var(--lh-1-6)}
.menu__note{margin-top:var(--sp-22);font-size:var(--fs-12-5);color:var(--ink2);text-align:center}

.cnc{background:var(--wh);border:3px solid var(--ink);border-radius:6px;text-align:center;
 padding:clamp(34px,4.6vw,66px) clamp(20px,3vw,50px);position:relative;overflow:hidden}
.cnc::before,.cnc::after{content:"";position:absolute;border-radius:50%;filter:blur(2px);z-index:0}
.cnc::before{width:190px;height:120px;background:rgb(var(--ylw-rgb) / .35);top:-40px;left:-50px;transform:rotate(-18deg)}
.cnc::after{width:210px;height:130px;background:rgb(var(--pnk-rgb) / .3);bottom:-46px;right:-56px;transform:rotate(14deg)}
.cnc>*{position:relative;z-index:1}
.cnc__lbl{font-family:var(--eng);font-size:clamp(19px,2.4vw,28px);letter-spacing:.2em;font-weight:var(--fw-400)}
.cnc__t{font-family:var(--hand);font-size:clamp(24px,4.4vw,50px);line-height:var(--lh-1-4);margin-top:var(--sp-14);
 display:inline-block;padding:6px 22px;background:rgb(var(--pnk-rgb) / .55);border-radius:4px}
.cnc__s{font-size:clamp(12px,1.4vw,15px);color:var(--ink2);margin-top:var(--sp-12);letter-spacing:.08em}
.cnc__b{margin-top:clamp(20px,2.6vw,32px);font-size:clamp(13.5px,1.1vw,15.5px);line-height:var(--lh-2-35);color:var(--ink2)}
.cnc__q{font-family:var(--hand);font-size:clamp(17px,2.2vw,25px);margin-top:clamp(20px,2.6vw,32px)}

.story{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,4vw,64px);align-items:center}
.story__im{border-radius:var(--r-18);overflow:hidden;box-shadow:0 16px 40px rgb(var(--ink-rgb) / .14)}
.story__im img{width:100%}

.kutugae{background:var(--cream2);padding:clamp(56px,8vw,110px) 0;text-align:center}
.kutugae__g{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(26px,4vw,60px);align-items:center;text-align:left}
.kutugae__im{border-radius:var(--r-18);overflow:hidden;box-shadow:0 14px 34px rgb(var(--ink-rgb) / .14)}
.kutugae__im img{width:100%}
.kutugae__cc{font-family:var(--hand);font-size:clamp(24px,4.6vw,52px);color:var(--red);
 margin-top:clamp(34px,4.6vw,62px);line-height:var(--lh-1-35);letter-spacing:.06em;
  text-shadow:0 .018em .02em rgb(var(--red-d2-rgb) / .30), 0 .06em .16em rgb(var(--red-d2-rgb) / .16)}
.kutugae__sub{font-size:clamp(13px,1.5vw,17px);font-weight:var(--fw-700);margin-top:var(--sp-12)}

.omoi{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,36px);margin-top:clamp(30px,4vw,52px)}
.omoi__c{background:var(--wh);border:2px solid var(--ink);border-radius:var(--r-10);overflow:hidden}
.omoi__h{background:var(--bar);border-bottom:2px solid var(--ink);padding:10px 14px;display:flex;align-items:center;gap:var(--sp-6)}
.omoi__h i{width:var(--size-10);height:var(--size-10);border-radius:50%;background:rgb(var(--ink-rgb) / .28)}
.omoi__h span{flex:1;text-align:right;font-family:var(--hand);font-size:clamp(15px,1.8vw,20px)}
.omoi__im{margin:clamp(16px,2vw,24px) clamp(16px,2vw,24px) 0;border-radius:var(--r-10);overflow:hidden;aspect-ratio:4/3}
.omoi__im img{width:100%;height:100%;object-fit:cover}
.omoi__c .lead{padding:clamp(16px,2vw,22px) clamp(16px,2vw,24px) clamp(20px,2.4vw,26px);font-size:var(--fs-13-5)}

.award{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);margin-top:clamp(30px,4vw,52px)}
.award__c{background:var(--wh);border-radius:var(--r-18);padding:clamp(20px,2.4vw,30px);position:relative;
 box-shadow:0 10px 28px rgb(var(--ink-rgb) / .1)}
.award__im{border-radius:12px;overflow:hidden;aspect-ratio:4/3}
.award__im img{width:100%;height:100%;object-fit:cover}
.award__b{position:absolute;right:clamp(14px,1.8vw,24px);top:clamp(58px,7vw,96px);width:clamp(62px,7vw,92px);
 filter:drop-shadow(0 4px 10px rgb(var(--sh-rgb) / .2))}
.award__t{font-family:var(--hand);font-size:clamp(16px,1.9vw,22px);line-height:1.5;margin:18px 0 12px}
.award__t span{color:var(--red)}
.award__c .lead{font-size:var(--fs-13-5)}

.kodawari{background:var(--wh)}
.kd{border-bottom:2px dashed var(--line)}
.kd:last-child{border-bottom:0}
.kd__q{width:100%;display:grid;grid-template-columns:52px 1fr 32px;gap:var(--sp-14);align-items:center;
 padding:clamp(20px,2.4vw,28px) 4px;text-align:left}
.kd__no{width:var(--size-44);height:var(--size-44);border-radius:50%;display:grid;place-items:center;color:var(--wh);
 font-family:var(--eng);font-size:19px;font-weight:var(--fw-400)}
.kd__t{font-family:var(--hand);font-size:clamp(16px,2vw,23px);line-height:var(--lh-1-6)}
.kd__ic{justify-self:end;width:var(--size-28);height:var(--size-28);border-radius:50%;background:var(--cream2);position:relative;transition:.4s var(--ease)}
.kd__ic::before,.kd__ic::after{content:"";position:absolute;left:50%;top:50%;background:var(--ink);border-radius:var(--r-2);transition:.4s var(--ease)}
.kd__ic::before{width:var(--size-12);height:var(--size-2);transform:translate(-50%,-50%)}
.kd__ic::after{width:var(--size-2);height:var(--size-12);transform:translate(-50%,-50%)}
.kd.open .kd__ic{background:var(--ylw);transform:rotate(180deg)}
.kd.open .kd__ic::after{opacity:0}
.kd__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.kd.open .kd__a{grid-template-rows:1fr}
.kd__a>div{overflow:hidden}
.kd__b{padding:0 0 clamp(24px,3vw,36px) 66px}
.kd__im{border-radius:var(--r-16);overflow:hidden;margin-bottom:var(--sp-20);background:var(--cream2)}
.kd__im img{width:100%}
.kd__b p{font-size:var(--fs-14);line-height:2.3;color:var(--ink2)}
.kd__b .sis{float:right;width:clamp(96px,11vw,150px);margin:0 0 12px 20px}

.shop__tools{display:flex;gap:var(--sp-12);flex-wrap:wrap;align-items:center;margin-top:clamp(26px,3.4vw,42px)}
.srch{position:relative;flex:1 1 260px;min-width:220px}
.srch input{width:100%;border:2px solid var(--line);background:var(--wh);border-radius:var(--r-60);
 padding:13px 20px 13px 46px;font:inherit;font-size:var(--fs-14);transition:.35s}
.srch input:focus{outline:0;border-color:var(--ylw)}
.srch::before{content:"";position:absolute;left:19px;top:50%;width:var(--size-13);height:var(--size-13);margin-top:-8px;
 border:2px solid var(--ink2);border-radius:50%}
.srch::after{content:"";position:absolute;left:30px;top:50%;width:8px;height:var(--size-2);margin-top:3px;
 background:var(--ink2);transform:rotate(45deg);border-radius:var(--r-2)}
.chips{display:flex;gap:var(--sp-8);flex-wrap:wrap}
.chip{border:2px solid var(--line);background:var(--wh);border-radius:var(--r-60);padding:11px 20px;
 font-size:var(--fs-13);font-weight:var(--fw-700);transition:.35s var(--ease)}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--wh)}
.shop__cnt{font-size:var(--fs-13);color:var(--ink2);margin-top:var(--sp-18)}
.shop__cnt b{color:var(--red);font-weight:var(--fw-700)}
.shops{margin-top:var(--sp-14);display:grid;gap:var(--sp-14)}
.sp{background:var(--wh);border-radius:var(--r-18);overflow:hidden;box-shadow:0 6px 18px rgb(var(--ink-rgb) / .07)}
.sp__q{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-14);align-items:center;
 padding:clamp(18px,2.2vw,24px) clamp(18px,2.2vw,26px);text-align:left}
.sp__tag{font-size:var(--fs-11-5);font-weight:var(--fw-700);border-radius:30px;padding:5px 13px;color:var(--wh);white-space:nowrap}
.sp__tag--soon{background:var(--ink2)}
.sp__n{font-family:var(--hand);font-size:clamp(17px,2vw,22px);line-height:var(--lh-1-4)}
.sp__n{display:block}
.sp__a{display:block;font-size:var(--fs-12-5);color:var(--ink2);margin-top:var(--sp-4);line-height:var(--lh-1-7)}
.sp__ic{width:var(--size-30);height:var(--size-30);border-radius:50%;background:var(--cream2);position:relative;transition:.4s var(--ease);flex-shrink:0}
.sp__ic::before,.sp__ic::after{content:"";position:absolute;left:50%;top:50%;background:var(--ink);border-radius:var(--r-2)}
.sp__ic::before{width:var(--size-12);height:var(--size-2);transform:translate(-50%,-50%)}
.sp__ic::after{width:var(--size-2);height:var(--size-12);transform:translate(-50%,-50%);transition:.4s var(--ease)}
.sp.open .sp__ic{background:var(--ylw)}
.sp.open .sp__ic::after{opacity:0}
.sp__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.sp.open .sp__body{grid-template-rows:1fr}
.sp__body>div{overflow:hidden}
.sp__in{padding:0 clamp(18px,2.2vw,26px) clamp(20px,2.4vw,26px);
 display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(16px,2vw,26px);align-items:start}
.sp__dl{border-top:1px solid var(--line)}
.sp__r{display:grid;grid-template-columns:78px 1fr;gap:var(--sp-12);padding:11px 2px;border-bottom:1px solid var(--line);font-size:var(--fs-13-5)}
.sp__r dt{color:var(--ink2);font-size:var(--fs-12-5)}
.sp__r dd a{border-bottom:1px solid var(--line)}
.sp__r dd a:hover{color:var(--red);border-color:var(--red)}
.sp__map{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--cream2);border:1px solid var(--line)}
.sp__map::after{content:"地図を読み込んでいます…";position:absolute;inset:0;display:grid;place-items:center;
 font-size:var(--fs-12-5);color:var(--ink2);pointer-events:none}
.sp__map iframe{position:relative;z-index:1}
.sp__map iframe{width:100%;height:100%;border:0;display:block}
.sp__acts{display:flex;gap:var(--sp-10);flex-wrap:wrap;margin-top:var(--sp-14)}
.sp__acts a{font-size:var(--fs-12-5);font-weight:var(--fw-700);border:2px solid var(--line);border-radius:var(--r-40);padding:9px 16px;transition:.35s}
.sp__acts a:hover{border-color:var(--ink);background:var(--ink);color:var(--wh)}
.sp--soon{opacity:.9}
.sp--soon .sp__q{cursor:default}
.noresult{background:var(--wh);border-radius:var(--r-18);padding:44px 20px;text-align:center;font-size:var(--fs-14);color:var(--ink2)}

.fc2{background:linear-gradient(180deg,var(--cream2) 0%,var(--cream3) 100%);text-align:center}
.cta2__t{font-family:var(--hand);font-size:clamp(21px,3.2vw,34px);line-height:var(--lh-1-7)}
.cta2__acts{display:flex;gap:var(--sp-14);justify-content:center;flex-wrap:wrap;margin-top:clamp(26px,3vw,38px)}
.ft{background:var(--ink);color:var(--wh);padding:clamp(44px,5.5vw,70px) var(--pad) 24px;text-align:center}
.ft__logo{width:clamp(120px,12vw,164px);margin:0 auto clamp(20px,2.6vw,30px)}
.ft__nav{display:flex;gap:clamp(12px,2vw,26px);justify-content:center;flex-wrap:wrap;font-size:var(--fs-13)}
.ft__nav a{color:rgb(var(--wh-rgb) / .72);transition:.3s}
.ft__nav a:hover{color:var(--ylw)}
.ft__bt{margin-top:clamp(26px,3vw,38px);padding-top:var(--sp-20);border-top:1px solid rgb(var(--wh-rgb) / .14);
 font-size:var(--fs-11-5);color:rgb(var(--wh-rgb) / .45);display:flex;justify-content:space-between;gap:var(--sp-14);flex-wrap:wrap}
.ft__bt a{color:rgb(var(--wh-rgb) / .6)}
.ft__bt a:hover{color:var(--wh)}


@media(max-width:1000px){
  .gnav{display:none}.hd__mb{display:block}
  .story,.kutugae__g,.omoi,.award{grid-template-columns:1fr}
    .sp__in{grid-template-columns:1fr}

    .menu{grid-template-columns:repeat(3,1fr)}
  .kd__b{padding-left:0}
}
@media(max-width:620px){
  .menu{grid-template-columns:repeat(2,1fr)}
  .kd__q{grid-template-columns:40px 1fr 26px;gap:var(--sp-10)}
  .kd__no{width:var(--size-36);height:var(--size-36);font-size:16px}
  .sp__q{grid-template-columns:1fr auto;gap:var(--sp-10)}
  .sp__tag{grid-column:1/-1;justify-self:start}
  body{font-size:var(--fs-14)}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}

#ld{position:fixed;inset:0;z-index:var(--z-1000);overflow:hidden;pointer-events:none}
#ld .ld__bg{position:absolute;inset:0;background:var(--cream)}
#ld .ld__c{position:absolute;inset:0;display:grid;place-items:center;align-content:center;
 justify-items:center;gap:var(--sp-26);padding:var(--sp-6p)}
#ld .ld__lg{width:min(487px,72vw);height:auto;display:block;opacity:0}
#ld .ld__cc{font-family:var(--hand);font-size:clamp(24px,4.2vw,36px);line-height:var(--lh-1-35);color:var(--red);
 letter-spacing:.04em;white-space:nowrap;opacity:0}
#ld .ld__cc em{font-style:normal;color:var(--ylw)}
#ld .ld__d{position:absolute;border-radius:50%}
.mi__ph{aspect-ratio:1/1;width:100%;background:var(--cream);border:1px solid var(--line)}
.sr-only{position:absolute;width:var(--size-1);height:var(--size-1);padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.skip-link{position:fixed;left:50%;top:0;z-index:var(--z-1000);transform:translate(-50%,-130%);
 background:var(--ink);color:var(--wh);font-size:var(--fs-13);letter-spacing:.06em;
 padding:12px 26px;border-radius:0 0 4px 4px;transition:transform .25s var(--ease)}
.skip-link:focus{transform:translate(-50%,0);outline:2px solid var(--red);outline-offset:2px}

.u-mt-14{margin-top:var(--sp-14)}
.u-mt-18{margin-top:var(--sp-18)}
.u-mt-20{margin-top:var(--sp-20)}
.u-mt-22{margin-top:var(--sp-22)}
.u-mt-26{margin-top:var(--sp-26)}
.u-mt-1-1em{margin-top:1.1em}
.u-mt-1-2em{margin-top:1.2em}
.u-mt-fluid{margin-top:clamp(28px,3.6vw,48px)}
.u-pt-0{padding-top:0}
.u-fs-l{font-size:clamp(21px,2.9vw,32px)}
.u-fs-m{font-size:clamp(20px,2.7vw,30px)}
.u-fs-s{font-size:var(--fs-12-5)}
.u-red{color:var(--red)}
.u-bar-ylw{--bar:var(--ylw)}
.u-bar-pnk{--bar:var(--pnk)}

.kutugae__sub--deco{display:flex;align-items:center;justify-content:center;gap:.5em}
.kutugae__sub--deco::before{content:"＼"}
.kutugae__sub--deco::after{content:"／"}
.kutugae__sub--deco::before,.kutugae__sub--deco::after{flex:0 0 auto}
.kutugae__sub--deco span{flex:0 1 auto}

h1,h2,h3,.ttl,.ttl-s,.lead,p{text-wrap:pretty}

.bnews{background:var(--cream0)}
.bnews__h{font-family:var(--round);font-weight:var(--fw-700);font-size:clamp(24px,3vw,32px);letter-spacing:.08em;text-align:center;color:var(--ink)}
.bnews__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);margin-top:clamp(28px,3.6vw,44px);list-style:none;padding:0}
.bnews__card{display:flex;flex-direction:column;height:100%;background:var(--wh);border-radius:var(--r-18);overflow:hidden;
 box-shadow:0 6px 0 rgb(var(--tape-rgb) / .6);transition:transform .4s var(--ease)}
a.bnews__card:hover{transform:translateY(-4px)}
.bnews__im{aspect-ratio:16/10;background:var(--cream2);overflow:hidden}
.bnews__im img{width:100%;height:100%;object-fit:cover;display:block}
.bnews__noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--eng);font-size:var(--fs-22);color:var(--ink2)}
.bnews__bd{padding:16px 18px 20px}
.bnews__meta{display:flex;gap:var(--sp-10);align-items:center;font-size:var(--fs-12);color:var(--ink2)}
.bnews__meta span{border:1px solid var(--line);border-radius:20px;padding:2px 10px}
.bnews__t{margin-top:var(--sp-8);font-family:var(--round);font-weight:var(--fw-700);font-size:14.5px;line-height:var(--lh-1-7);color:var(--ink)}
.bnews__more{text-align:center;margin-top:clamp(28px,3.6vw,44px)}
.bnews__empty{text-align:center;margin-top:24px;font-size:var(--fs-14);color:var(--ink2)}
@media(max-width:760px){.bnews__list{grid-template-columns:1fr;gap:var(--sp-12)}.bnews__card{flex-direction:row}.bnews__im{flex:0 0 38%;aspect-ratio:auto;min-height:96px}.bnews__bd{padding:12px 14px}.bnews__t{font-size:var(--fs-13-5);margin-top:var(--sp-6)}}

.bnews__im--logo{background:#fff}
.bnews__im--logo img{object-fit:contain;padding:var(--sp-6p);box-sizing:border-box}

.bc{display:flex;flex-wrap:wrap;gap:var(--sp-8);align-items:center;padding:18px var(--pad) 0;font-size:var(--fs-12);letter-spacing:.06em;color:var(--ink2)}
.bc a{color:var(--ink)}.bc a:hover{color:var(--red)}.bc__sep{color:var(--line)}
