body.lp-honey{--bg:#fff8e7;--ink:#3b2410;--mute:#7a5a30;--c1:#4a2c0e;--c2:#f0a81c;--line:rgba(74,44,14,.16);--hdr:66px;--serif:"Shippori Mincho","Hiragino Mincho ProN",serif;--font:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",system-ui,sans-serif;font-weight:500}
.pc{display:inline}.sp{display:none}@media(max-width:700px){.pc{display:none}.sp{display:inline}}
.hn-en{font:800 .8rem/1 "Zen Kaku Gothic New",sans-serif;letter-spacing:.3em;color:var(--c2);text-align:center;margin-bottom:12px}
.hn-en--w{color:#ffd978;text-align:left}
.hn-h2{font:800 clamp(1.6rem,3.8vw,2.5rem)/1.55 var(--serif);text-align:center;margin-bottom:38px;letter-spacing:.06em}
.hn-h2--w{color:#fff}.hn-h2--l{text-align:left}
.hn-lead{text-align:center;color:var(--mute);margin:-14px auto 36px;max-width:42em}
.hn-note{font-size:.78rem;color:var(--mute);margin-top:18px}.hn-note--w{color:rgba(255,255,255,.7)}
.hn-sec{padding:clamp(60px,9vw,104px) 0}
.btn--sun{background:linear-gradient(135deg,#ffc83d,#f0a81c);color:#3b2410;box-shadow:0 8px 0 #c98708,0 14px 24px rgba(240,168,28,.35);border-radius:14px;transition:transform .15s,box-shadow .15s}
.btn--sun:hover{transform:translateY(3px);box-shadow:0 5px 0 #c98708,0 10px 20px rgba(240,168,28,.3)}
.btn--sun:active{transform:translateY(8px);box-shadow:0 0 0 #c98708}
.btn--lg{padding:1.1em 1.6em;font-size:1.08rem}
/* top bar & header */
.hn-bar{background:var(--c1);color:#ffe9b0;text-align:center;font-size:.8rem;padding:8px 14px;letter-spacing:.04em}
.hn-bar b{color:#ffc83d}
.hn-hdr{position:sticky;top:0;z-index:50;background:rgba(255,248,231,.92);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.hn-hdr.is-scrolled{border-color:var(--line)}
.hn-hdr__in{height:var(--hdr);display:flex;align-items:center;gap:26px}
.hn-logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.hn-logo b{font:800 1.35rem var(--serif);letter-spacing:.1em;color:var(--c1)}
.hn-nav{display:flex;gap:26px;margin-left:auto;font-weight:700;font-size:.88rem}
.hn-nav a{text-decoration:none}.hn-nav a:hover{color:var(--c2)}
.hn-hdr__btn{padding:.6em 1.5em;font-size:.88rem;box-shadow:0 4px 0 #c98708}
@media(max-width:860px){.hn-nav{display:none}.hn-hdr__btn{margin-left:auto}}
/* hero */
.hn-hero{position:relative;overflow:hidden;padding:clamp(40px,6vw,80px) 0 clamp(56px,8vw,100px);background:radial-gradient(circle at 25% 40%,#ffe9a8,#fff8e7 60%)}
.hn-sunrays{position:absolute;left:-12%;top:-30%;width:90vmin;height:90vmin;max-width:760px;max-height:760px;border-radius:50%;background:repeating-conic-gradient(rgba(255,200,61,.22) 0 7deg,transparent 7deg 18deg);-webkit-mask:radial-gradient(circle,#000 0 25%,transparent 70%);mask:radial-gradient(circle,#000 0 25%,transparent 70%);animation:hnSpin 70s linear infinite}
@keyframes hnSpin{to{transform:rotate(360deg)}}
.hn-hero__in{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center}
.hn-hero__art{position:relative;display:grid;place-items:center}
.hn-jar{width:min(330px,78%);filter:drop-shadow(0 20px 18px rgba(74,44,14,.18));animation:hnBob 6s ease-in-out infinite}
@keyframes hnBob{50%{transform:translateY(-10px) rotate(-1deg)}}
.hn-bub circle{animation:hnBubble 5s ease-in-out infinite}.hn-bub circle:nth-child(2){animation-delay:-1.5s}.hn-bub circle:nth-child(3){animation-delay:-3s}.hn-bub circle:nth-child(4){animation-delay:-4s}
@keyframes hnBubble{50%{transform:translateY(-14px);opacity:.15}}
.hn-bee{position:absolute;width:44px;height:auto;animation:hnFly 9s ease-in-out infinite}
.hn-bee--a{left:6%;top:12%}.hn-bee--b{right:4%;bottom:18%;width:34px;animation-delay:-4s;animation-direction:reverse}
@keyframes hnFly{0%{transform:translate(0,0) rotate(-6deg)}25%{transform:translate(40px,-26px) rotate(8deg)}50%{transform:translate(10px,-52px) rotate(-8deg)}75%{transform:translate(-36px,-20px) rotate(10deg)}100%{transform:translate(0,0) rotate(-6deg)}}
.hn-wing{transform-origin:20px 14px;animation:hnWing .12s linear infinite alternate}
@keyframes hnWing{to{transform:scaleY(.4)}}
.hn-tag{display:inline-block;background:var(--c1);color:#ffe9b0;font-weight:700;font-size:.82rem;padding:.35em 1.2em;border-radius:99px;margin-bottom:18px;letter-spacing:.14em}
.hn-hero h1{font:800 clamp(2.1rem,5vw,3.6rem)/1.4 var(--serif);letter-spacing:.06em;color:var(--c1)}
.hn-hero__lead{margin:20px 0 14px;color:var(--mute)}
.hn-rate{display:flex;align-items:center;gap:8px;margin-bottom:22px}
.hn-stars{color:#f0a81c;letter-spacing:.12em}
.hn-rate b{font:800 1.4rem var(--font)}.hn-rate small{color:var(--mute);font-size:.78rem}
.hn-buy{display:grid;gap:10px;background:#fff;border:2px solid var(--c1);border-radius:20px;padding:20px;box-shadow:0 10px 0 var(--c1)}
.hn-opt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s}
.hn-opt input{width:20px;height:20px;accent-color:var(--c2)}
.hn-opt.is-on{border-color:var(--c2);background:#fff7de}
.hn-opt__box b{display:block;font-size:.98rem}.hn-opt__box i{font-style:normal;font-size:.76rem;color:var(--mute)}
.hn-opt__p{text-align:right;line-height:1.2}.hn-opt__p s{display:block;font-size:.75rem;color:var(--mute)}.hn-opt__p b{font:800 1.45rem var(--font);color:#b8570a}
.hn-buy__note{text-align:center;font-size:.76rem;color:var(--mute)}
@media(max-width:860px){.hn-hero__in{grid-template-columns:1fr}.hn-hero__art{order:-1}.hn-jar{width:min(240px,60%)}}
/* trust */
.hn-trust{background:var(--c1);color:#ffe9b0;padding:18px 0}
.hn-trust ul{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;font-weight:800;letter-spacing:.1em}
.hn-trust li{display:flex;align-items:center;gap:10px}.hn-trust svg{width:26px;height:26px;color:#ffc83d}
/* story */
.hn-vs{max-width:760px;margin:0 auto;overflow-x:auto}
.hn-vs table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(74,44,14,.1);min-width:520px}
.hn-vs th,.hn-vs td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--line);font-size:.92rem}
.hn-vs thead th{background:#f5ede0;font-weight:800}.hn-vs thead .is-us{background:var(--c2);color:#3b2410;font-size:1.02rem}
.hn-vs tbody th{text-align:left;color:var(--mute);font-weight:700;width:6.5em}
.hn-vs td.is-us{background:#fff7de;font-weight:800;color:var(--c1)}
.hn-vs tr:last-child th,.hn-vs tr:last-child td{border-bottom:0}
/* three */
.hn-three{background:#fff}
.hn-rs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hn-rs article{position:relative;background:var(--bg);border-radius:22px;padding:34px 26px 30px;text-align:center;overflow:hidden}
.hn-rs__n{position:absolute;right:16px;top:6px;font:800 3.6rem/1 var(--serif);color:rgba(240,168,28,.25)}
.hn-rs svg{width:74px;height:74px;margin-bottom:12px}
.hn-rs h3{font:800 1.2rem/1.5 var(--serif);margin-bottom:10px}
.hn-rs p{font-size:.9rem;color:var(--mute);text-align:left}
@media(max-width:860px){.hn-rs{grid-template-columns:1fr}}
/* eat */
.hn-eats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hn-eats article{text-align:center}
.hn-eats__i{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;width:78%;transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.hn-eats article:hover .hn-eats__i{transform:rotate(-6deg) scale(1.06)}
.hn-eats__i svg{width:62%}
.hn-eats__i--1{background:#f0a81c}.hn-eats__i--2{background:#b8570a}.hn-eats__i--3{background:#d98a0b}.hn-eats__i--4{background:#8a5a2b}
.hn-eats h3{font:800 1.05rem var(--serif);letter-spacing:.06em}.hn-eats p{font-size:.84rem;color:var(--mute)}
@media(max-width:700px){.hn-eats{grid-template-columns:1fr 1fr}}
/* maker */
.hn-maker{background:var(--c1);color:#fff}
.hn-maker__in{display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(24px,5vw,64px);align-items:center}
.hn-maker__ph{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffc83d,#d98a0b);display:grid;place-items:center;max-width:260px;width:100%;margin-inline:auto;box-shadow:0 0 0 10px rgba(255,200,61,.18)}
.hn-maker__ph span{font:800 6rem/1 var(--serif);color:#4a2c0e}
.hn-maker .hn-en{text-align:left}.hn-maker p{color:rgba(255,255,255,.82);margin-bottom:12px}
@media(max-width:760px){.hn-maker__in{grid-template-columns:1fr}.hn-maker__ph{max-width:170px}.hn-maker__ph span{font-size:4rem}}
/* review */
.hn-rv{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}
.hn-rv__sum{background:#fff;border-radius:22px;padding:30px;text-align:center;box-shadow:0 10px 26px rgba(74,44,14,.08)}
.hn-rv__sum>b{display:block;font:800 4rem/1 var(--font);color:var(--c1)}
.hn-rv__sum small{display:block;color:var(--mute);font-size:.8rem;margin-bottom:14px}
.hn-rv__sum ul{display:grid;gap:8px;text-align:left}
.hn-rv__sum li{display:grid;grid-template-columns:1em 1fr 3em;gap:10px;align-items:center;font-size:.8rem}
.hn-rv__sum li i{height:9px;border-radius:5px;background:linear-gradient(90deg,#f0a81c var(--w),#f1e6d0 var(--w))}
.hn-rv__sum em{font-style:normal;color:var(--mute);text-align:right}
.hn-rv__l{display:grid;gap:14px}
.hn-rv__l figure{background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 8px 22px rgba(74,44,14,.07)}
.hn-rv__l b{font-weight:800}.hn-rv__l blockquote{margin:6px 0 8px;font-size:.93rem;color:var(--mute)}.hn-rv__l figcaption{font-size:.76rem;color:var(--mute)}
@media(max-width:860px){.hn-rv{grid-template-columns:1fr}}
/* perks */
.hn-perks{background:#fff}
.hn-pk{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px}
.hn-pk article{text-align:center;padding:30px 20px;border:2px dashed var(--c2);border-radius:20px;background:#fffdf5}
.hn-pk b{font:800 2.8rem/1 var(--font);color:#b8570a}.hn-pk small{font-size:.4em;margin-left:.2em}
.hn-pk h3{font:800 1.1rem var(--serif);margin:8px 0 4px}.hn-pk p{font-size:.88rem;color:var(--mute)}
@media(max-width:760px){.hn-pk{grid-template-columns:1fr}}
.hn-guar{display:flex;align-items:center;gap:28px;background:linear-gradient(120deg,#fff3c4,#ffe08a);border-radius:26px;padding:28px 34px;border:2px solid var(--c1)}
.hn-guar__badge{flex:0 0 auto;width:124px;height:124px;border-radius:50%;background:var(--c1);color:#ffe9b0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px double #ffc83d;line-height:1.1;transform:rotate(-8deg)}
.hn-guar__badge b{font:800 2.6rem var(--font);color:#ffc83d}.hn-guar__badge span{font:800 .7rem var(--font);letter-spacing:.3em}.hn-guar__badge small{font-weight:700;font-size:.8rem}
.hn-guar h3{font:800 1.35rem var(--serif);margin-bottom:6px}.hn-guar p{font-size:.92rem;color:var(--mute)}
@media(max-width:700px){.hn-guar{flex-direction:column;text-align:center;padding:26px 20px}}
/* faq */
body.lp-honey .faq details{border-radius:16px;border-color:var(--line)}
body.lp-honey .faq summary::before{background:var(--c2);color:#3b2410}
/* form */
.hn-form{background:linear-gradient(160deg,#4a2c0e,#2d1a08);color:#fff;padding:clamp(64px,9vw,110px) 0}
.hn-form__in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:start}
.hn-form__prod{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;margin-bottom:20px}
.hn-form__prod svg{width:48px;flex:0 0 auto}.hn-form__prod b{display:block}.hn-form__prod span{font-size:.84rem;color:#ffd978}
.hn-form__l{display:grid;gap:8px;font-weight:700}
.hn-form__l li{padding-left:26px;position:relative}
.hn-form__l li::before{content:"";position:absolute;left:2px;top:.45em;width:11px;height:6px;border-left:3px solid #ffc83d;border-bottom:3px solid #ffc83d;transform:rotate(-45deg)}
.hn-form__box{background:#fffdf5;color:var(--ink);border-radius:22px;padding:32px 28px;box-shadow:0 26px 60px rgba(0,0,0,.4)}
.hn-form__box .form{--c1:#4a2c0e}
.hn-form input[type=submit]{border:0;font-family:inherit;font-size:1.05rem;color:#3b2410}
.hn-form .wpcf7-list-item{display:block;margin:0 0 8px}
@media(max-width:900px){.hn-form__in{grid-template-columns:1fr}.hn-form__box{padding:24px 18px}}
.hn-foot{background:#1f1206;color:rgba(255,255,255,.7);text-align:center;padding:34px 0 110px;line-height:2;font-size:.84rem}
.hn-foot b{font:800 1.3rem var(--serif);color:#fff}
/* 追従バー(PCでも表示) */
.hn-sticky{display:flex!important;align-items:center;justify-content:center;gap:18px;background:rgba(255,248,231,.97);border-top:2px solid var(--c1)}
.hn-sticky .btn{flex:0 1 320px;box-shadow:0 5px 0 #c98708}
.hn-sticky__p{display:flex;flex-direction:column;line-height:1.2}.hn-sticky__p small{font-size:.7rem;color:var(--mute)}.hn-sticky__p b{font:800 1.4rem var(--font);color:#b8570a}

/* 写真 */
.hn-hero__photo{width:100%;max-width:520px;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:0 24px 50px rgba(74,44,14,.22)}
.hn-hero__art .hn-jar{position:absolute;right:-2%;bottom:-6%;width:min(150px,30%)}
.hn-hero__art .hn-bee--a{left:4%;top:6%}
.hn-maker__ph{overflow:hidden;background:none}
.hn-maker__ph img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.hn-raw{margin:0 0 36px;aspect-ratio:16/9;overflow:hidden;border-radius:22px;box-shadow:0 18px 40px rgba(74,44,14,.16)}
.hn-raw img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){.hn-hero__photo{max-width:420px}.hn-hero__art .hn-jar{width:min(110px,28%)}}