/*
Theme Name: MASAKARI AI Growth Design v86 Shared Header Footer
Theme URI: https://example.com/
Author: AI集客設計チーム MASAKARI
Description: AI集客設計チーム MASAKARI用の集客導線特化WordPressテーマ。トップ、About、サービス、実績、コラム、採用、印刷物、写真動画ページを搭載。
Version: 1.9.6
Text Domain: masakari
*/

:root{
  --ink:#080a07;
  --paper:#fbfcf8;
  --white:#fff;
  --muted:#626861;
  --line:rgba(8,10,7,.13);
  --green:#b7ff00;
  --pink:#ff42c7;
  --soft:#f5f7f0;
  --shadow:10px 10px 0 var(--ink);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --container:min(1180px,calc(100vw - 44px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:Inter,Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  background:
    linear-gradient(rgba(8,10,7,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,10,7,.04) 1px,transparent 1px),
    #fafbf8;
  background-size:36px 36px;
  font-weight:800;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:var(--container);margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.site-header__inner{
  width:var(--container);
  margin-inline:auto;
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand__logo{width:56px;height:56px;object-fit:contain}
.brand__name{font-size:clamp(20px,2.1vw,30px);font-weight:900;line-height:1;letter-spacing:.06em;white-space:nowrap}
.brand__sub{font-size:11px;color:var(--muted);letter-spacing:.08em;margin-top:6px;white-space:nowrap}
.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nav a,.btn{
  min-height:50px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 20px;
  border:1.5px solid var(--ink);
  border-radius:999px;
  background:#fff;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:6px 6px 0 var(--ink);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.nav a:hover,.btn:hover{transform:translateY(-2px)}
.btn--green,.nav .is-primary{background:var(--green)}
.btn--dark{background:var(--ink);color:#fff;box-shadow:6px 6px 0 var(--pink)}
.section{padding:92px 0}
.eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  min-height:48px;padding:0 18px;
  border:1.5px solid var(--ink);
  border-radius:999px;
  background:#fff;
  box-shadow:8px 8px 0 var(--green);
  font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
}
.eyebrow::before{content:"";width:40px;height:12px;border-radius:999px;background:var(--green);display:block}
.hero{padding:72px 0 96px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-8vw;top:-14vw;width:48vw;height:48vw;border-radius:50%;background:var(--green);opacity:.16;z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:30px;align-items:stretch}
.hero h1{font-size:clamp(54px,7vw,108px);line-height:.9;letter-spacing:-.06em;margin:20px 0 18px;font-weight:900}
.hero .accent{display:inline-block;position:relative;z-index:1}
.hero .accent::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.18em;background:var(--green);border-radius:999px;z-index:-1}
.lead{font-size:clamp(17px,1.9vw,24px);line-height:1.8;font-weight:800;color:#252b25}
.body-copy{font-size:16px;line-height:1.9;color:#3d433d;font-weight:750}
.hero-actions,.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.card{
  background:#fff;
  border:1.5px solid var(--ink);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.card--dark{
  background:linear-gradient(180deg,#08070d,#111019);
  color:#fff;
  border-color:var(--pink);
  box-shadow:10px 10px 0 var(--pink);
}
.card--dark .body-copy,.card--dark .lead{color:rgba(255,255,255,.84)}
.card-pad{padding:28px}
.hero-card__title{font-size:clamp(40px,5vw,72px);line-height:.94;letter-spacing:-.06em;margin:18px 0 14px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.section-head h2{font-size:clamp(36px,5vw,66px);line-height:.98;letter-spacing:-.05em;margin:18px 0 0}
.section-head p{max-width:620px;margin:0;font-size:16px;line-height:1.85;color:#434943}
.feature-card{padding:26px;min-height:100%}
.feature-card__num{
  display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:999px;
  background:var(--ink);color:#fff;font-size:12px;font-weight:900;letter-spacing:.14em;
}
.feature-card__num::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(183,255,0,.18)}
.feature-card h3{font-size:clamp(26px,2.8vw,42px);line-height:1.05;letter-spacing:-.05em;margin:18px 0 12px}
.media-card{display:grid;grid-template-rows:auto 1fr;min-height:100%}
.media-thumb{aspect-ratio:16/10;background:#ddd;overflow:hidden;border-bottom:1px solid var(--line)}
.media-thumb img{width:100%;height:100%;object-fit:cover}
.media-body{padding:22px}
.media-body h3{font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:-.05em;margin:0 0 10px}
.tag{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--green);border:1px solid var(--ink);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.price{font-size:clamp(44px,5vw,72px);line-height:.9;letter-spacing:-.06em;font-weight:900;margin:16px 0}
.pill-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pill{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:900}
.cta-box{padding:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#f7f7f7)}
.cta-box h2{font-size:clamp(34px,4.8vw,66px);line-height:.95;letter-spacing:-.05em;margin:18px 0 12px}
.site-footer{padding:34px 0 54px;border-top:1px solid var(--line)}
.site-footer__inner{width:var(--container);margin-inline:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#4c524c;font-weight:900}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wp-content{font-size:17px;line-height:1.9;max-width:860px}
.wp-content h2{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:2em 0 .6em}
.wp-content p{margin:0 0 1.3em}
@media(max-width:1050px){
  .hero-grid,.grid-4,.grid-3,.grid-2,.cta-box,.archive-grid{grid-template-columns:1fr}
  .section-head{flex-direction:column;align-items:flex-start}
}
@media(max-width:760px){
  :root{--container:min(100vw - 24px,100vw - 24px);--shadow:6px 6px 0 var(--ink)}
  .site-header__inner{align-items:flex-start;min-height:auto;padding:12px 0}
  .brand__logo{width:48px;height:48px}
  .brand__name{font-size:20px}
  .brand__sub{font-size:10px}
  .nav{display:none}
  .hero{padding:46px 0 66px}
  .hero h1{font-size:52px}
  .section{padding:64px 0}
  .card-pad,.feature-card,.media-body,.cta-box{padding:22px}
  .btn{width:100%}
}


/* =========================================================
   MASAKARI lower pages: shared hamburger navigation
   ========================================================= */
body.masakari-lower-page{
  margin:0;
  color:#11130f;
  background:
    radial-gradient(circle at 12% 8%, rgba(183,255,0,.10), transparent 28vw),
    linear-gradient(180deg,#fff 0%,#fff 100%);
  font-family:Inter,"Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
.masakari-lower-page a{text-decoration:none;color:inherit}
.masakari-lower-page .wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}
.masakari-lower-page .site-header{
  position:fixed;
  top:14px;
  left:0;
  right:0;
  z-index:999;
  pointer-events:none;
}
.masakari-lower-page .site-header .nav{
  width:min(1120px,calc(100% - 24px));
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:transparent;
  border:none;
  box-shadow:none;
  pointer-events:auto;
}
.masakari-lower-page .brand.brand-with-real-logo{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:max-content;
  max-width:min(78vw,540px);
  min-height:62px;
  padding:10px 18px 10px 12px;
  border-radius:24px;
  background:linear-gradient(135deg,#d4ff35 0%,#b8ff00 58%,#a4ee00 100%);
  border:1.5px solid rgba(8,10,7,.92);
  box-shadow:8px 8px 0 rgba(8,10,7,.94),0 0 24px rgba(183,255,0,.34);
  overflow:visible;
  isolation:isolate;
}
.masakari-lower-page .brand.brand-with-real-logo::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(110deg,rgba(255,255,255,.48),rgba(255,255,255,.18) 28%,rgba(255,255,255,0) 52%);
  pointer-events:none;
}
.masakari-lower-page .real-masakari-logo{
  position:relative;
  z-index:1;
  width:58px;
  height:44px;
  object-fit:contain;
  flex:0 0 auto;
  background:transparent;
  border:none;
  box-shadow:none;
  border-radius:0;
}
.masakari-lower-page .brand-copy{position:relative;z-index:1;display:block}
.masakari-lower-page .brand-copy strong{
  display:block;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  line-height:1.05;
  color:#080a07;
  white-space:nowrap;
}
.masakari-lower-page .brand-copy span{
  display:block;
  margin-top:3px;
  color:rgba(8,10,7,.68);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  white-space:nowrap;
}
.masakari-lower-page .menu-toggle{
  position:relative;
  z-index:1001;
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:0 15px;
  border-radius:20px;
  border:1.5px solid #080a07;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(14px);
  color:#080a07;
  box-shadow:7px 7px 0 #b7ff00;
  font:inherit;
  font-weight:900;
  letter-spacing:.18em;
  cursor:pointer;
  transition:.25s ease;
}
.masakari-lower-page .menu-toggle:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 #b7ff00;background:#fff}
.masakari-lower-page .menu-toggle__glow{display:none}
.masakari-lower-page .menu-toggle__text{font-size:11px;line-height:1}
.masakari-lower-page .menu-toggle__bars{position:relative;width:30px;height:18px;display:block}
.masakari-lower-page .menu-toggle__bars i{
  position:absolute;
  right:0;
  width:28px;
  height:2px;
  background:#080a07;
  border-radius:999px;
  transition:.35s cubic-bezier(.2,.9,.2,1);
}
.masakari-lower-page .menu-toggle__bars i:first-child{top:4px}
.masakari-lower-page .menu-toggle__bars i:last-child{bottom:4px;width:18px}
body.menu-open .menu-toggle{background:#b7ff00;box-shadow:7px 7px 0 #080a07}
body.menu-open .menu-toggle__bars i:first-child{top:8px;transform:rotate(45deg);width:24px}
body.menu-open .menu-toggle__bars i:last-child{bottom:8px;transform:rotate(-45deg);width:24px}
body.menu-open .menu-toggle__text{font-size:0}
body.menu-open .menu-toggle__text::after{content:"CLOSE";font-size:11px}

.masakari-lower-page .menu-panel{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:92px 18px 18px;
  background:rgba(255,255,255,.66);
  backdrop-filter:blur(24px);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:.42s ease;
}
.masakari-lower-page .menu-panel__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.masakari-lower-page .menu-panel__bg::before{
  content:"";
  position:absolute;
  right:-12vw;
  top:-16vw;
  width:42vw;
  height:42vw;
  min-width:260px;
  min-height:260px;
  border-radius:50%;
  background:#b7ff00;
  opacity:.92;
  transform:scale(.72);
  transition:.65s cubic-bezier(.2,.9,.2,1);
}
.masakari-lower-page .menu-panel__bg::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(8,10,7,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,10,7,.055) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(circle at 80% 8%,#000,transparent 58%);
  opacity:.6;
}
.masakari-lower-page .menu-panel__inner{
  position:relative;
  z-index:1;
  width:min(1040px,100%);
  min-height:min(670px,calc(100svh - 110px));
  border:1px solid rgba(8,10,7,.18);
  border-radius:34px;
  background:rgba(255,255,255,.86);
  box-shadow:0 30px 90px rgba(8,10,7,.18);
  padding:clamp(22px,4vw,46px);
  display:grid;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
  transform:translateY(18px) scale(.985);
  transition:.55s cubic-bezier(.2,.9,.2,1);
}
.masakari-lower-page .menu-panel__inner::before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px dashed rgba(8,10,7,.16);
  border-radius:24px;
  pointer-events:none;
}
body.menu-open{overflow:hidden}
body.menu-open .menu-panel{opacity:1;pointer-events:auto;visibility:visible}
body.menu-open .menu-panel__inner{transform:none}
body.menu-open .menu-panel__bg::before{transform:scale(1)}

.masakari-lower-page .menu-panel__head,
.masakari-lower-page .menu-panel__foot{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#666b61;
}
.masakari-lower-page .menu-nav{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);
  gap:34px;
  padding:30px 0 24px;
  align-items:start;
}
.masakari-lower-page .menu-nav__featured,
.masakari-lower-page .menu-nav__secondary{display:grid}
.masakari-lower-page .menu-nav__featured{gap:14px;align-content:start}
.masakari-lower-page .menu-nav__secondary{gap:10px;align-content:start;padding-top:8px}
.masakari-lower-page .menu-nav a{
  display:flex;
  align-items:baseline;
  gap:16px;
  max-width:100%;
  color:#080a07;
  transform:translateY(28px);
  opacity:0;
  transition:transform .48s cubic-bezier(.2,.9,.2,1),opacity .35s ease,background .25s ease,box-shadow .25s ease;
}
body.menu-open .menu-nav a{transform:none;opacity:1}
.masakari-lower-page .menu-nav__featured a{
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border:1px solid rgba(8,10,7,.12);
  border-radius:22px;
  background:#fff;
  box-shadow:8px 8px 0 rgba(183,255,0,.68);
}
.masakari-lower-page .menu-nav__featured a.is-primary{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 20%, rgba(183,255,0,.18), transparent 34%),
    radial-gradient(circle at 86% 88%, rgba(183,255,0,.15), transparent 28%),
    linear-gradient(160deg,#090a10 0%,#06070c 56%,#0b0d15 100%);
  border:1.5px solid #b7ff00;
  box-shadow:0 0 0 1px rgba(183,255,0,.28) inset,0 0 18px rgba(183,255,0,.18),12px 12px 0 #0a0b12;
}
.masakari-lower-page .menu-nav__featured a.is-primary::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 8% 18%, rgba(255,255,255,.95) 0 1.1px, transparent 1.7px),
    radial-gradient(circle at 21% 38%, rgba(255,255,255,.9) 0 1px, transparent 1.6px),
    radial-gradient(circle at 32% 54%, rgba(255,255,255,.88) 0 1px, transparent 1.6px),
    radial-gradient(circle at 46% 72%, rgba(255,255,255,.94) 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 67% 32%, rgba(255,255,255,.96) 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.9) 0 1.3px, transparent 2px),
    radial-gradient(circle at 90% 76%, rgba(255,255,255,.95) 0 1.2px, transparent 1.9px);
  opacity:.88;
  animation:menuStarsTwinkle 5.6s ease-in-out infinite alternate;
}
.masakari-lower-page .menu-nav__featured a.is-primary > *{position:relative;z-index:1}
@keyframes menuStarsTwinkle{
  0%{opacity:.55;transform:scale(1)}
  55%{opacity:1;filter:drop-shadow(0 0 8px rgba(183,255,0,.28))}
  100%{opacity:.72;transform:scale(1.02)}
}
.masakari-lower-page .menu-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(8,10,7,.14);
  background:#f8f8f8;
  font-size:12px;
  letter-spacing:.14em;
  color:#666d62;
  font-weight:900;
}
.masakari-lower-page .menu-nav__featured a.is-primary .menu-no{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.14);
  color:rgba(255,255,255,.34);
}
.masakari-lower-page .menu-main{display:grid;gap:4px;min-width:0}
.masakari-lower-page .menu-popular-badge{
  width:max-content;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#fff;
  color:#080a07;
  border:1px solid rgba(8,10,7,.14);
  font-size:10px;
  font-weight:900;
}
.masakari-lower-page .menu-title{
  display:block;
  font-size:clamp(34px,5vw,72px);
  line-height:.9;
  letter-spacing:-.07em;
  font-weight:900;
}
.masakari-lower-page .menu-nav__featured a.is-primary .menu-title{
  color:#b7ff00;
  text-shadow:0 0 16px rgba(183,255,0,.10);
}
.masakari-lower-page .menu-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:50%;
  background:#080a07;
  color:#fff;
  font-size:24px;
  box-shadow:0 0 0 6px rgba(183,255,0,.18);
}
.masakari-lower-page .menu-nav__secondary a{
  width:100%;
  justify-content:space-between;
  font-size:clamp(22px,2.6vw,34px);
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:700;
  padding:14px 18px;
  border-radius:18px;
  border:1px solid rgba(8,10,7,.1);
  background:rgba(255,255,255,.72);
}
.masakari-lower-page .menu-nav__secondary a:hover{background:rgba(183,255,0,.28)}
.masakari-lower-page .menu-nav__secondary a::after{content:"↗";font-size:16px;opacity:.5}
.masakari-lower-page .menu-featured-note{
  margin:2px 0 0;
  padding:0 6px;
  font-size:14px;
  line-height:1.9;
  font-weight:800;
  color:#4b5145;
  max-width:540px;
}
.masakari-lower-page .menu-panel__foot p{margin:0;color:#080a07;font-size:clamp(13px,1.6vw,16px);letter-spacing:.02em;text-transform:none}
.masakari-lower-page .menu-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  background:#b7ff00;
  color:#080a07;
  border:1px solid #080a07;
  box-shadow:6px 6px 0 #080a07;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:none;
}
.masakari-lower-main{padding-top:88px}
.masakari-lower-page .hero{padding-top:96px}
@media (max-width:860px){
  .masakari-lower-page .site-header{top:10px}
  .masakari-lower-page .brand.brand-with-real-logo{min-height:54px;max-width:calc(100vw - 104px);gap:8px;padding:8px 12px 8px 10px;border-radius:20px;box-shadow:6px 6px 0 rgba(8,10,7,.94)}
  .masakari-lower-page .real-masakari-logo{width:48px;height:36px}
  .masakari-lower-page .brand-copy strong{font-size:11px;letter-spacing:.02em}
  .masakari-lower-page .brand-copy span{font-size:8px;letter-spacing:.05em}
  .masakari-lower-page .menu-toggle{min-height:44px;width:78px;border-radius:15px;padding:0 10px}
  .masakari-lower-page .menu-toggle__text{font-size:9px}
  .masakari-lower-page .menu-toggle__bars{width:22px;height:16px}
  .masakari-lower-page .menu-toggle__bars i{width:20px}
  .masakari-lower-page .menu-toggle__bars i:last-child{width:13px}
  .masakari-lower-page .menu-panel{padding:76px 10px 10px}
  .masakari-lower-page .menu-panel__inner{border-radius:26px;min-height:calc(100svh - 88px);padding:22px 18px}
  .masakari-lower-page .menu-panel__head{font-size:9px}
  .masakari-lower-page .menu-nav{grid-template-columns:1fr;gap:18px;padding:22px 0}
  .masakari-lower-page .menu-nav__featured{gap:12px}
  .masakari-lower-page .menu-nav__featured a{grid-template-columns:auto 1fr;gap:12px;padding:16px 14px}
  .masakari-lower-page .menu-arrow{display:none}
  .masakari-lower-page .menu-title{font-size:clamp(30px,9.8vw,52px)}
  .masakari-lower-page .menu-nav__secondary a{font-size:clamp(18px,5.3vw,26px);padding:12px 14px}
  .masakari-lower-page .menu-panel__foot{display:grid;gap:14px}
  .masakari-lower-page .menu-cta{width:100%}
}




/* v51: Instagram / YouTubeリンクボタン */
.masakari-social-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.masakari-social-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid #080a07;
  background:#ffffff;
  color:#080a07;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
  text-decoration:none !important;
  box-shadow:5px 5px 0 #b7ff00;
  transition:transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease;
  overflow:hidden;
}

.masakari-social-link::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.34) 48%, transparent 72%);
  transform:translateX(-120%);
  transition:transform .55s ease;
}

.masakari-social-link:hover{
  transform:translate(-2px,-2px);
  box-shadow:7px 7px 0 #080a07;
}

.masakari-social-link:hover::before{
  transform:translateX(120%);
}

.masakari-social-link.instagram{
  background:linear-gradient(135deg,#ffffff 0%,#fff7ff 54%,#f2ffd6 100%);
}

.masakari-social-link.youtube{
  background:#080a07;
  color:#ffffff;
  box-shadow:5px 5px 0 #b7ff00;
}

.masakari-social-link.youtube:hover{
  background:#ffffff;
  color:#080a07;
}

.social-dot{
  position:relative;
  z-index:1;
  width:9px;
  height:9px;
  border-radius:999px;
  background:#b7ff00;
  border:1px solid #080a07;
  box-shadow:0 0 14px rgba(183,255,0,.58);
}

.masakari-social-link span:not(.social-dot),
.masakari-social-link{
  z-index:1;
}

.hero-social{
  margin-top:16px;
}

.menu-social{
  justify-content:flex-start;
}

.menu-panel__foot .menu-social{
  margin-left:auto;
}

.footer-social{
  margin:22px 0 0;
}

.site-footer .footer-social,
footer .footer-social{
  justify-content:flex-start;
}

@media(max-width:760px){
  .hero-social,
  .menu-social,
  .footer-social{
    width:100%;
  }
  .masakari-social-link{
    flex:1 1 140px;
  }
  .menu-panel__foot .menu-social{
    margin-left:0;
  }
}




/* v53 lower global mobile safety */
@media(max-width:860px){
  html, body{max-width:100%;overflow-x:hidden}
  img, video, svg{max-width:100%}
  *{min-width:0}
}


/* ===== v83-single-post-detail ===== */
.post-detail-wrap{
  max-width: 920px;
}
.post-detail-card{
  position: relative;
  border: 1px solid var(--line);
  border-radius: 34px;
  background: #fff;
  box-shadow: 10px 10px 0 var(--green);
  padding: clamp(28px, 6vw, 64px);
  overflow: hidden;
}
.post-detail-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:7px;
  background: var(--green);
}
.post-detail-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}
.post-detail-meta span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:var(--green);
  color:var(--ink);
  letter-spacing:.04em;
}
.post-detail-title{
  margin:0;
  font-size:clamp(36px, 5vw, 72px);
  line-height:1.02;
  letter-spacing:-.06em;
}
.post-detail-lead{
  margin:22px 0 0;
  font-size:clamp(16px, 1.7vw, 20px);
  line-height:1.9;
  font-weight:800;
  color:#333933;
}
.post-detail-content{
  margin-top:34px;
}
.post-detail-content > *:first-child{
  margin-top:0;
}
.post-detail-content h2,
.post-detail-content h3{
  margin:2em 0 .7em;
  letter-spacing:-.04em;
  line-height:1.18;
}
.post-detail-content p{
  margin:0 0 1.35em;
}
.post-detail-content a{
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}
.post-detail-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:34px;
}
@media(max-width:760px){
  .post-detail-card{
    border-radius:26px;
    box-shadow:7px 7px 0 var(--green);
  }
  .post-detail-actions .btn{
    width:100%;
  }
}

/* =========================================================
   MASAKARI v86 shared header / footer
   Topページと下層ページのヘッダー・フッターを同じ見た目に統一
   ========================================================= */
body.masakari-shared-page{
  margin:0;
  color:#11130f;
  background:
    radial-gradient(circle at 12% 8%, rgba(183,255,0,.14), transparent 28vw),
    radial-gradient(circle at 92% 2%, rgba(183,255,0,.20), transparent 22vw),
    linear-gradient(180deg,#fff 0%,#fff 100%);
  font-family:"Inter","Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.02em;
  overflow-x:hidden;
}
body.masakari-shared-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(8,10,7,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8,10,7,.045) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.14) 52%,rgba(0,0,0,.4));
  pointer-events:none;
}
body.masakari-shared-page::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
  opacity:.35;
  pointer-events:none;
}
body.masakari-shared-page .wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto;}
body.masakari-shared-page .masakari-page-main{padding-top:110px;}

body.masakari-shared-page .site-header{
  position:fixed;
  top:18px;
  left:0;
  right:0;
  z-index:999;
  padding:0;
  background:transparent;
  border:none;
  pointer-events:none;
}
body.masakari-shared-page .site-header .nav{
  width:min(1120px,calc(100% - 24px));
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:auto;
}
body.masakari-shared-page .site-header .nav a,
body.masakari-shared-page .site-header .nav button{
  box-sizing:border-box;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:max-content !important;
  max-width:min(78vw,540px) !important;
  min-height:62px !important;
  padding:10px 18px 10px 12px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,#d4ff35 0%,#b8ff00 58%,#a4ee00 100%) !important;
  border:1.5px solid rgba(8,10,7,.92) !important;
  box-shadow:8px 8px 0 rgba(8,10,7,.94),0 0 24px rgba(183,255,0,.34) !important;
  overflow:visible !important;
  isolation:isolate !important;
  text-decoration:none !important;
  transform:none;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  background:linear-gradient(110deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.18) 28%,rgba(255,255,255,0) 52%) !important;
  pointer-events:none !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::after{
  content:"" !important;
  position:absolute !important;
  left:20px !important;
  right:20px !important;
  bottom:-8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:#080a07 !important;
  opacity:.95 !important;
  z-index:-1 !important;
  pointer-events:none !important;
}
body.masakari-shared-page .site-header .real-masakari-logo{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:58px !important;
  height:44px !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:contain !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 2px 4px rgba(255,255,255,.18)) drop-shadow(0 6px 10px rgba(8,10,7,.14)) !important;
  flex:0 0 auto !important;
}
body.masakari-shared-page .site-header .brand-copy,
body.masakari-shared-page .site-header .brand-copy strong,
body.masakari-shared-page .site-header .brand-copy span{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  color:#080a07 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.34) !important;
  text-transform:none !important;
  white-space:nowrap !important;
}
body.masakari-shared-page .site-header .brand-copy strong{
  font-size:13px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
}
body.masakari-shared-page .site-header .brand-copy span{
  margin-top:3px !important;
  color:rgba(8,10,7,.68) !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}
body.masakari-shared-page .site-header .brand-copy::after{content:none !important;display:none !important;}

body.masakari-shared-page .menu-toggle{
  position:relative;
  z-index:90;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:46px;
  width:auto;
  padding:0 10px 0 16px;
  border:1.5px solid rgba(8,10,7,.92);
  border-radius:18px;
  background:rgba(245,246,241,.88);
  color:#080a07;
  font:inherit;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
  cursor:pointer;
  overflow:hidden;
  box-shadow:7px 7px 0 #b7ff00;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease;
}
body.masakari-shared-page .menu-toggle:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 #b7ff00;background:#fff;}
body.masakari-shared-page .menu-toggle__glow{position:absolute;inset:auto auto -28px -18px;width:86px;height:86px;border-radius:50%;background:#b7ff00;filter:blur(18px);opacity:.42;transition:.35s ease;}
body.masakari-shared-page .menu-toggle__text{position:relative;font-size:11px;line-height:1;letter-spacing:.18em;font-weight:900;}
body.masakari-shared-page .menu-toggle__bars{position:relative;width:30px;height:18px;border:0;background:transparent;box-shadow:none;border-radius:0;display:grid;place-items:center;}
body.masakari-shared-page .menu-toggle__bars i{position:absolute;right:0;width:28px;height:2px;background:#080a07;border-radius:999px;transition:transform .35s cubic-bezier(.2,.9,.2,1),width .25s ease;}
body.masakari-shared-page .menu-toggle__bars i:first-child{transform:translateY(-5px);}
body.masakari-shared-page .menu-toggle__bars i:last-child{transform:translateY(5px);width:18px;}
body.masakari-shared-page.menu-open .menu-toggle{background:#b7ff00;box-shadow:7px 7px 0 #080a07;border-color:#080a07;}
body.masakari-shared-page.menu-open .menu-toggle__bars i:first-child{transform:rotate(45deg);width:24px;}
body.masakari-shared-page.menu-open .menu-toggle__bars i:last-child{transform:rotate(-45deg);width:24px;}
body.masakari-shared-page.menu-open .menu-toggle__text{font-size:0;}
body.masakari-shared-page.menu-open .menu-toggle__text::after{content:"CLOSE";font-size:11px;}

body.masakari-shared-page .menu-panel{
  position:fixed;
  inset:0;
  z-index:70;
  display:grid;
  place-items:center;
  padding:92px 18px 18px;
  background:rgba(255,255,255,.66);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:opacity .42s ease,visibility .42s ease;
}
body.masakari-shared-page .menu-panel__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
body.masakari-shared-page .menu-panel__bg::before{content:"";position:absolute;right:-12vw;top:-16vw;width:42vw;height:42vw;min-width:260px;min-height:260px;border-radius:50%;background:#b7ff00;opacity:.92;transform:scale(.72);transition:transform .65s cubic-bezier(.2,.9,.2,1);}
body.masakari-shared-page .menu-panel__bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,10,7,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,10,7,.055) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at 80% 8%,#000,transparent 58%);opacity:.6;}
body.masakari-shared-page .menu-panel__inner{
  position:relative;
  z-index:1;
  width:min(1040px,100%);
  min-height:min(670px,calc(100svh - 110px));
  display:grid;
  grid-template-rows:auto 1fr auto;
  padding:clamp(22px,4vw,46px);
  border:1px solid rgba(8,10,7,.13);
  border-radius:30px;
  background:rgba(255,255,255,.86);
  box-shadow:0 30px 90px rgba(8,10,7,.14);
  overflow:hidden;
  transform:translateY(18px) scale(.985);
  transition:transform .55s cubic-bezier(.2,.9,.2,1);
}
body.masakari-shared-page .menu-panel__inner::before{content:"";position:absolute;inset:16px;border:1px dashed rgba(8,10,7,.16);border-radius:24px;pointer-events:none;}
body.masakari-shared-page.menu-open{overflow:hidden;}
body.masakari-shared-page.menu-open .menu-panel{opacity:1;pointer-events:auto;visibility:visible;}
body.masakari-shared-page.menu-open .menu-panel__inner{transform:none;}
body.masakari-shared-page.menu-open .menu-panel__bg::before{transform:scale(1);}
body.masakari-shared-page .menu-panel__head,
body.masakari-shared-page .menu-panel__foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#666b61;}
body.masakari-shared-page .menu-panel__foot p{margin:0;color:#080a07;font-size:clamp(13px,1.6vw,16px);letter-spacing:.02em;text-transform:none;}
body.masakari-shared-page .menu-nav{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:34px;padding:30px 0 24px;align-items:start;}
body.masakari-shared-page .menu-nav__featured,
body.masakari-shared-page .menu-nav__secondary{display:grid;}
body.masakari-shared-page .menu-nav__featured{gap:14px;align-content:start;}
body.masakari-shared-page .menu-nav__secondary{gap:10px;align-content:start;padding-top:8px;}
body.masakari-shared-page .menu-nav a{
  display:flex;
  align-items:baseline;
  gap:16px;
  max-width:100%;
  color:#080a07;
  text-decoration:none !important;
  min-height:auto;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
  opacity:1;
  transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
body.masakari-shared-page .menu-nav__featured a{
  align-items:center;
  min-height:96px;
  padding:18px 20px;
  border:1px solid rgba(8,10,7,.14);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(8,10,7,.06);
}
body.masakari-shared-page .menu-nav__featured a:hover{transform:translateY(-3px);box-shadow:10px 10px 0 rgba(183,255,0,.45);}
body.masakari-shared-page .menu-nav__featured a.is-primary{background:#b7ff00;border-color:#080a07;box-shadow:8px 8px 0 #080a07;}
body.masakari-shared-page .menu-no{font-size:12px;font-weight:900;letter-spacing:.18em;color:#666b61;}
body.masakari-shared-page .menu-title{display:block;font-size:clamp(24px,3.5vw,46px);line-height:1.02;letter-spacing:-.055em;font-weight:900;color:#080a07;}
body.masakari-shared-page .menu-main{display:grid;gap:8px;min-width:0;}
body.masakari-shared-page .menu-arrow{margin-left:auto;font-size:22px;font-weight:900;}
body.masakari-shared-page .menu-popular-badge{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:6px 10px;border:1px solid #080a07;border-radius:999px;background:#fff;color:#080a07;font-size:10px;line-height:1;font-weight:900;letter-spacing:.12em;}
body.masakari-shared-page .menu-popular-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#b7ff00;border:1px solid #080a07;}
body.masakari-shared-page .menu-featured-note{margin:2px 0 0;color:#666b61;font-size:13px;line-height:1.8;font-weight:800;}
body.masakari-shared-page .menu-nav__secondary a{justify-content:space-between;align-items:center;min-height:58px;padding:0 16px;border-bottom:1px solid rgba(8,10,7,.10);font-size:clamp(18px,2.2vw,28px);font-weight:900;letter-spacing:-.03em;}
body.masakari-shared-page .menu-nav__secondary a:hover{background:rgba(183,255,0,.16);padding-left:20px;}
body.masakari-shared-page .menu-nav__secondary a span{font-size:11px;letter-spacing:.18em;color:#666b61;}
body.masakari-shared-page .menu-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:#080a07;color:#fff;text-decoration:none !important;font-size:12px;font-weight:900;letter-spacing:.08em;}

body.masakari-shared-page .masakari-social-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
body.masakari-shared-page .masakari-social-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid #080a07;
  background:#fff;
  color:#080a07;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
  text-decoration:none !important;
  box-shadow:5px 5px 0 #b7ff00;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease;
  overflow:hidden;
}
body.masakari-shared-page .masakari-social-link::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.34) 48%,transparent 72%);transform:translateX(-120%);transition:transform .55s ease;}
body.masakari-shared-page .masakari-social-link:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #080a07;}
body.masakari-shared-page .masakari-social-link:hover::before{transform:translateX(120%);}
body.masakari-shared-page .masakari-social-link.instagram{background:linear-gradient(135deg,#fff 0%,#fff7ff 54%,#f2ffd6 100%);}
body.masakari-shared-page .masakari-social-link.youtube{background:#080a07;color:#fff;box-shadow:5px 5px 0 #b7ff00;}
body.masakari-shared-page .masakari-social-link.youtube:hover{background:#fff;color:#080a07;}
body.masakari-shared-page .social-dot{position:relative;z-index:1;width:9px;height:9px;border-radius:999px;background:#b7ff00;border:1px solid #080a07;box-shadow:0 0 14px rgba(183,255,0,.58);}
body.masakari-shared-page .masakari-social-link span:not(.social-dot),
body.masakari-shared-page .masakari-social-link{z-index:1;}
body.masakari-shared-page .menu-social{justify-content:flex-start;}
body.masakari-shared-page .menu-panel__foot .menu-social{margin-left:auto;}

body.masakari-shared-page .site-footer{
  padding:18px 0 46px;
  border:0;
  background:transparent;
}
body.masakari-shared-page .footer-shell-minimal{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(8,10,7,.10);
  border-radius:34px;
  background:
    radial-gradient(circle at 100% 0%, rgba(183,255,0,.16), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,249,245,.96) 100%);
  box-shadow:0 26px 60px rgba(8,10,7,.08);
}
body.masakari-shared-page .footer-shell-minimal::after{content:"";position:absolute;inset:18px;border:1px dashed rgba(8,10,7,.10);border-radius:24px;pointer-events:none;}
body.masakari-shared-page .footer-top-minimal{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:stretch;padding:34px 34px 24px;}
body.masakari-shared-page .footer-branding{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;}
body.masakari-shared-page .footer-brand-row{display:flex;align-items:center;gap:24px;}
body.masakari-shared-page .footer-brand-logo-only{display:flex !important;align-items:center;justify-content:center;width:132px;min-width:132px;height:132px;padding:0 !important;border:none !important;background:transparent !important;border-radius:0 !important;box-shadow:none !important;outline:none !important;}
body.masakari-shared-page .footer-brand-logo-only::before,
body.masakari-shared-page .footer-brand-logo-only::after,
body.masakari-shared-page .footer-brand-logo-only span{display:none !important;content:none !important;}
body.masakari-shared-page .footer-brand-logo-only img{display:block;width:132px;height:132px;object-fit:contain;border:none !important;box-shadow:none !important;background:transparent !important;}
body.masakari-shared-page .footer-brand-copy-block{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;}
body.masakari-shared-page .footer-branding .footer-lead{margin:0;max-width:none;font-size:clamp(28px,3vw,44px);line-height:1.03;letter-spacing:-.03em;font-weight:900;color:#080a07;}
body.masakari-shared-page .footer-brand-subcopy{margin:0;font-size:15px;line-height:1.45;font-weight:900;color:rgba(8,10,7,.72);}
body.masakari-shared-page .footer-branding .footer-social{margin:22px 0 0;justify-content:flex-start;}
body.masakari-shared-page .footer-cta-card-minimal{position:relative;z-index:1;padding:24px;border-radius:28px;border:1px solid rgba(8,10,7,.10);background:linear-gradient(180deg, rgba(252,253,250,.98) 0%, rgba(243,247,232,.98) 100%);box-shadow:12px 12px 0 rgba(8,10,7,.96),0 0 0 10px rgba(183,255,0,.10);}
body.masakari-shared-page .footer-mini-label{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;background:#b7ff00;border:1px solid #080a07;font-size:11px;font-weight:900;letter-spacing:.18em;}
body.masakari-shared-page .footer-cta-card-minimal h3{margin:14px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1.08;font-weight:900;letter-spacing:-.04em;color:#080a07;}
body.masakari-shared-page .footer-cta-card-minimal p{margin:0;font-size:15px;line-height:1.8;font-weight:800;color:rgba(8,10,7,.66);}
body.masakari-shared-page .footer-cta-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:18px;}
body.masakari-shared-page .footer-cta-actions .btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1.5px solid #080a07;border-radius:999px;background:#fff;color:#080a07;font-weight:900;letter-spacing:.04em;box-shadow:none;text-decoration:none !important;}
body.masakari-shared-page .footer-text-link{color:#080a07;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.06em;border-bottom:1px solid rgba(8,10,7,.28);padding-bottom:2px;}
body.masakari-shared-page .footer-nav-minimal{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;padding:0 34px 24px;}
body.masakari-shared-page .footer-nav-minimal a{display:inline-flex;align-items:center;min-height:38px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;color:rgba(8,10,7,.62);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-decoration:none !important;transition:color .2s ease, transform .2s ease;}
body.masakari-shared-page .footer-nav-minimal a:hover{color:#080a07;transform:translateY(-1px);}
body.masakari-shared-page .footer-bottom-minimal{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 34px 34px;color:rgba(8,10,7,.56);font-size:12px;font-weight:900;border-top:1px solid rgba(8,10,7,.08);}
body.masakari-shared-page .footer-bottom-minimal strong{color:#080a07;}

@media(max-width:980px){
  body.masakari-shared-page .footer-top-minimal{grid-template-columns:1fr;gap:20px;padding:28px 22px 18px;}
  body.masakari-shared-page .footer-branding{min-height:0;}
  body.masakari-shared-page .footer-nav-minimal{padding:0 22px 18px;}
  body.masakari-shared-page .footer-bottom-minimal{padding:16px 22px 24px;}
  body.masakari-shared-page .menu-nav{grid-template-columns:1fr;gap:18px;}
}
@media(max-width:760px){
  body.masakari-shared-page .masakari-page-main{padding-top:92px;}
  body.masakari-shared-page .site-header{top:10px;}
  body.masakari-shared-page .site-header .nav{width:min(100% - 18px,1120px);}
  body.masakari-shared-page .site-header .brand.brand-with-real-logo{min-height:52px !important;padding:7px 12px 7px 9px !important;gap:8px !important;border-radius:20px !important;}
  body.masakari-shared-page .site-header .real-masakari-logo{width:38px !important;height:38px !important;}
  body.masakari-shared-page .site-header .brand-copy strong{font-size:11px !important;}
  body.masakari-shared-page .site-header .brand-copy span{font-size:8px !important;letter-spacing:.08em !important;}
  body.masakari-shared-page .menu-toggle{width:78px;min-height:44px;border-radius:15px;padding:0 10px;box-shadow:5px 5px 0 #b7ff00;gap:8px;}
  body.masakari-shared-page .menu-toggle__text{font-size:9px;letter-spacing:.12em;}
  body.masakari-shared-page .menu-toggle__bars{width:22px;height:16px;}
  body.masakari-shared-page .menu-toggle__bars i{width:20px;}
  body.masakari-shared-page .menu-toggle__bars i:last-child{width:13px;}
  body.masakari-shared-page .menu-panel{padding:76px 10px 10px;}
  body.masakari-shared-page .menu-panel__inner{border-radius:26px;min-height:calc(100svh - 88px);padding:22px 18px;}
  body.masakari-shared-page .menu-panel__inner::before{inset:10px;border-radius:18px;}
  body.masakari-shared-page .menu-panel__head{font-size:9px;}
  body.masakari-shared-page .menu-panel__foot{display:grid;gap:14px;align-items:start;}
  body.masakari-shared-page .menu-panel__foot .menu-social{margin-left:0;width:100%;}
  body.masakari-shared-page .menu-title{font-size:28px;}
  body.masakari-shared-page .menu-nav__featured a{min-height:82px;padding:16px;}
  body.masakari-shared-page .masakari-social-link{flex:1 1 140px;}
  body.masakari-shared-page .footer-shell-minimal{border-radius:26px;}
  body.masakari-shared-page .footer-shell-minimal::after{inset:14px;border-radius:18px;}
  body.masakari-shared-page .footer-brand-row{gap:14px;}
  body.masakari-shared-page .footer-brand-logo-only{width:78px;min-width:78px;height:78px;}
  body.masakari-shared-page .footer-brand-logo-only img{width:78px;height:78px;}
  body.masakari-shared-page .footer-branding .footer-lead{font-size:26px;line-height:1.04;}
  body.masakari-shared-page .footer-brand-subcopy{font-size:12px;line-height:1.5;}
  body.masakari-shared-page .footer-branding .footer-social{width:100%;}
  body.masakari-shared-page .footer-bottom-minimal{display:grid;gap:8px;}
}
@media(max-width:430px){
  body.masakari-shared-page .site-header .brand-copy{max-width:185px;}
  body.masakari-shared-page .site-header .brand-copy strong,
  body.masakari-shared-page .site-header .brand-copy span{overflow:hidden;text-overflow:ellipsis;}
}


/* ===== v89-header-brand-sparkles ===== */
@keyframes masakariHeaderSparkleTwinkle{
  0%, 100%{opacity:.92; transform:scale(1);}
  35%{opacity:.72; transform:scale(1.01);}
  55%{opacity:1; transform:scale(1.015);}
  75%{opacity:.82; transform:scale(1.005);}
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::before{
  background:
    radial-gradient(circle at 12% 28%, rgba(255,255,255,.96) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 20% 68%, rgba(255,255,255,.80) 0 1px, transparent 1.7px),
    radial-gradient(circle at 36% 22%, rgba(255,255,255,.88) 0 1.4px, transparent 2.1px),
    radial-gradient(circle at 48% 62%, rgba(255,255,255,.74) 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 62% 30%, rgba(255,255,255,.92) 0 1.3px, transparent 2px),
    radial-gradient(circle at 74% 54%, rgba(255,255,255,.82) 0 1px, transparent 1.8px),
    radial-gradient(circle at 86% 24%, rgba(255,255,255,.90) 0 1.3px, transparent 2px),
    radial-gradient(circle at 90% 70%, rgba(255,255,255,.76) 0 1.1px, transparent 1.9px),
    linear-gradient(110deg, rgba(255,255,255,.54) 0%, rgba(255,255,255,.22) 26%, rgba(255,255,255,0) 52%) !important;
  background-repeat:no-repeat !important;
  animation:masakariHeaderSparkleTwinkle 3.4s ease-in-out infinite !important;
}


/* ===== v90-header-brand-sparkles-strong ===== */
@keyframes masakariHeaderSparkleTwinkleStrong{
  0%,100%{opacity:.96;transform:scale(1);filter:brightness(1) drop-shadow(0 0 6px rgba(255,255,255,.72)) drop-shadow(0 0 12px rgba(255,255,255,.26));}
  20%{opacity:.86;transform:scale(1.012);filter:brightness(1.08) drop-shadow(0 0 8px rgba(255,255,255,.82)) drop-shadow(0 0 16px rgba(255,255,255,.34));}
  42%{opacity:1;transform:scale(1.022);filter:brightness(1.2) drop-shadow(0 0 12px rgba(255,255,255,.95)) drop-shadow(0 0 22px rgba(255,255,255,.44));}
  65%{opacity:.9;transform:scale(1.01);filter:brightness(1.06) drop-shadow(0 0 10px rgba(255,255,255,.88)) drop-shadow(0 0 18px rgba(255,255,255,.38));}
  82%{opacity:1;transform:scale(1.018);filter:brightness(1.16) drop-shadow(0 0 11px rgba(255,255,255,.92)) drop-shadow(0 0 20px rgba(255,255,255,.42));}
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::before{
  background:
    radial-gradient(circle at 6% 26%, rgba(255,255,255,.98) 0 1.4px, transparent 2.4px),
    radial-gradient(circle at 11% 68%, rgba(255,255,255,.94) 0 1.3px, transparent 2.2px),
    radial-gradient(circle at 16% 41%, rgba(255,255,255,.90) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 24% 18%, rgba(255,255,255,1) 0 1.6px, transparent 2.7px),
    radial-gradient(circle at 27% 74%, rgba(255,255,255,.88) 0 1.2px, transparent 2px),
    radial-gradient(circle at 34% 49%, rgba(255,255,255,.92) 0 1.2px, transparent 2px),
    radial-gradient(circle at 39% 22%, rgba(255,255,255,.96) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 46% 76%, rgba(255,255,255,.86) 0 1.2px, transparent 2px),
    radial-gradient(circle at 52% 38%, rgba(255,255,255,.96) 0 1.4px, transparent 2.3px),
    radial-gradient(circle at 58% 14%, rgba(255,255,255,1) 0 1.6px, transparent 2.8px),
    radial-gradient(circle at 61% 68%, rgba(255,255,255,.90) 0 1.2px, transparent 2px),
    radial-gradient(circle at 68% 46%, rgba(255,255,255,.95) 0 1.4px, transparent 2.3px),
    radial-gradient(circle at 74% 22%, rgba(255,255,255,.98) 0 1.5px, transparent 2.6px),
    radial-gradient(circle at 79% 64%, rgba(255,255,255,.90) 0 1.2px, transparent 2px),
    radial-gradient(circle at 86% 32%, rgba(255,255,255,.96) 0 1.4px, transparent 2.4px),
    radial-gradient(circle at 92% 72%, rgba(255,255,255,.90) 0 1.2px, transparent 2.1px),
    linear-gradient(110deg, rgba(255,255,255,.70) 0%, rgba(255,255,255,.30) 24%, rgba(255,255,255,0) 54%) !important;
  background-repeat:no-repeat !important;
  filter:brightness(1.08) drop-shadow(0 0 8px rgba(255,255,255,.80)) drop-shadow(0 0 14px rgba(255,255,255,.30)) !important;
  animation:masakariHeaderSparkleTwinkleStrong 2.3s ease-in-out infinite !important;
}


/* ===== v91-header-brand-galaxy-stars ===== */
@keyframes masakariHeaderGalaxyTwinkle{
  0%,100%{
    opacity:.98;
    transform:scale(1);
    filter:brightness(1.02) saturate(1.04) drop-shadow(0 0 8px rgba(255,255,255,.62)) drop-shadow(0 0 18px rgba(255,255,255,.24));
  }
  22%{
    opacity:.92;
    transform:scale(1.012);
    filter:brightness(1.12) saturate(1.08) drop-shadow(0 0 10px rgba(255,255,255,.78)) drop-shadow(0 0 22px rgba(255,255,255,.30));
  }
  48%{
    opacity:1;
    transform:scale(1.02);
    filter:brightness(1.24) saturate(1.10) drop-shadow(0 0 12px rgba(255,255,255,.96)) drop-shadow(0 0 28px rgba(255,255,255,.38));
  }
  74%{
    opacity:.94;
    transform:scale(1.01);
    filter:brightness(1.10) saturate(1.06) drop-shadow(0 0 10px rgba(255,255,255,.84)) drop-shadow(0 0 24px rgba(255,255,255,.34));
  }
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::before{
  background:
    radial-gradient(circle at 7% 18%, rgba(255,255,255,1) 0 1.7px, transparent 2.8px),
    radial-gradient(circle at 13% 72%, rgba(255,255,255,.92) 0 1.3px, transparent 2.2px),
    radial-gradient(circle at 21% 42%, rgba(255,255,255,.84) 0 1.1px, transparent 2px),
    radial-gradient(circle at 29% 20%, rgba(255,255,255,.98) 0 1.8px, transparent 3px),
    radial-gradient(circle at 34% 68%, rgba(255,255,255,.90) 0 1.3px, transparent 2.2px),
    radial-gradient(circle at 42% 34%, rgba(255,255,255,.88) 0 1.2px, transparent 2.1px),
    radial-gradient(circle at 50% 15%, rgba(255,255,255,1) 0 1.9px, transparent 3.1px),
    radial-gradient(circle at 57% 78%, rgba(255,255,255,.86) 0 1.2px, transparent 2.1px),
    radial-gradient(circle at 66% 48%, rgba(255,255,255,.90) 0 1.4px, transparent 2.3px),
    radial-gradient(circle at 74% 22%, rgba(255,255,255,1) 0 1.8px, transparent 3px),
    radial-gradient(circle at 82% 62%, rgba(255,255,255,.90) 0 1.3px, transparent 2.2px),
    radial-gradient(circle at 90% 36%, rgba(255,255,255,.96) 0 1.5px, transparent 2.5px),
    radial-gradient(circle, rgba(255,255,255,.34) 0 .72px, transparent .98px) 0 0 / 12px 12px repeat,
    radial-gradient(circle, rgba(255,255,255,.28) 0 .6px, transparent .9px) 5px 7px / 17px 17px repeat,
    radial-gradient(circle, rgba(255,255,255,.22) 0 .55px, transparent .85px) 9px 3px / 10px 10px repeat,
    radial-gradient(circle, rgba(255,255,255,.18) 0 .5px, transparent .8px) 3px 10px / 22px 22px repeat,
    linear-gradient(110deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.34) 24%, rgba(255,255,255,.08) 52%, rgba(255,255,255,0) 68%) !important;
  background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat, repeat, repeat, repeat, no-repeat !important;
  filter:brightness(1.08) saturate(1.06) drop-shadow(0 0 10px rgba(255,255,255,.78)) drop-shadow(0 0 24px rgba(255,255,255,.30)) !important;
  animation:masakariHeaderGalaxyTwinkle 1.9s ease-in-out infinite !important;
}


/* ===== v92-social-toy-capsule-buttons ===== */
.masakari-social-links,
body.masakari-shared-page .masakari-social-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.masakari-social-link,
body.masakari-shared-page .masakari-social-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:52px;
  padding:6px 18px 6px 10px;
  border-radius:999px;
  border:1.5px solid #080a07;
  background:#ffffff;
  color:#080a07;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
  text-decoration:none !important;
  box-shadow:6px 6px 0 #b7ff00;
  transition:transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease;
  overflow:hidden;
}
.masakari-social-link::before,
body.masakari-shared-page .masakari-social-link::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.36) 46%, transparent 72%);
  transform:translateX(-120%);
  transition:transform .55s ease;
}
.masakari-social-link:hover,
body.masakari-shared-page .masakari-social-link:hover{
  transform:translate(-2px,-2px);
  box-shadow:8px 8px 0 #080a07;
}
.masakari-social-link:hover::before,
body.masakari-shared-page .masakari-social-link:hover::before{
  transform:translateX(120%);
}
.masakari-social-link.instagram,
body.masakari-shared-page .masakari-social-link.instagram{
  background:linear-gradient(135deg,#fff 0%,#fbfff2 60%,#f0ffd0 100%);
  color:#080a07;
}
.masakari-social-link.youtube,
body.masakari-shared-page .masakari-social-link.youtube{
  background:#080a07;
  color:#ffffff;
  box-shadow:6px 6px 0 #b7ff00;
}
.masakari-social-link.youtube:hover,
body.masakari-shared-page .masakari-social-link.youtube:hover{
  background:#10130d;
  color:#ffffff;
}
.masakari-social-link .social-label,
body.masakari-shared-page .masakari-social-link .social-label{
  position:relative;
  z-index:1;
  display:inline-block;
}
.social-capsule,
body.masakari-shared-page .social-capsule{
  position:relative;
  z-index:1;
  width:54px;
  height:30px;
  flex:0 0 auto;
  border-radius:999px;
  border:1.4px solid rgba(8,10,7,.88);
  overflow:hidden;
  background:#f6f6f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(8,10,7,.06), 0 4px 8px rgba(8,10,7,.12);
}
.social-capsule::before,
body.masakari-shared-page .social-capsule::before{
  content:"";
  position:absolute;
  left:6px;
  top:3px;
  width:24px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.7);
  filter:blur(.2px);
  z-index:2;
}
.capsule-half,
body.masakari-shared-page .capsule-half{
  position:absolute;
  top:0;
  bottom:0;
}
.capsule-half--left,
body.masakari-shared-page .capsule-half--left{
  left:0;
  width:50%;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(243,243,239,.88) 100%);
  border-right:1px solid rgba(8,10,7,.12);
}
.capsule-half--left::after,
body.masakari-shared-page .capsule-half--left::after{
  content:"";
  position:absolute;
  right:-8px;
  top:5px;
  width:14px;
  height:18px;
  border-radius:50%;
  background:rgba(255,255,255,.32);
  filter:blur(1px);
}
.capsule-half--right,
body.masakari-shared-page .capsule-half--right{
  right:0;
  width:50%;
  display:grid;
  place-items:center;
}
.masakari-social-link.instagram .capsule-half--right,
body.masakari-shared-page .masakari-social-link.instagram .capsule-half--right{
  background:linear-gradient(135deg,#ff7a00 0%,#ff2f92 48%,#8b3dff 100%);
}
.masakari-social-link.youtube .capsule-half--right,
body.masakari-shared-page .masakari-social-link.youtube .capsule-half--right{
  background:linear-gradient(135deg,#ff2b2b 0%,#d80000 100%);
}
.capsule-icon,
body.masakari-shared-page .capsule-icon{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  color:#ffffff;
}
.capsule-icon svg,
body.masakari-shared-page .capsule-icon svg{
  width:18px;
  height:18px;
  display:block;
}
.menu-social,
.footer-social,
body.masakari-shared-page .menu-social,
body.masakari-shared-page .footer-social{
  justify-content:flex-start;
}
.menu-panel__foot .menu-social,
body.masakari-shared-page .menu-panel__foot .menu-social{
  margin-left:auto;
}
@media(max-width:760px){
  .masakari-social-link,
  body.masakari-shared-page .masakari-social-link{
    flex:1 1 150px;
    min-height:50px;
    padding:6px 16px 6px 10px;
  }
  .social-capsule,
  body.masakari-shared-page .social-capsule{
    width:50px;
    height:28px;
  }
  .menu-panel__foot .menu-social,
  body.masakari-shared-page .menu-panel__foot .menu-social{
    margin-left:0;
    width:100%;
  }
}


/* ===== v93-footer-contact-label-text-only ===== */
.footer-mini-label,
body.masakari-shared-page .footer-mini-label{
  display:inline-block !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(8,10,7,.58) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.24em !important;
}


/* ===== v96-header-text-logo-main ===== */
body.masakari-shared-page .site-header .brand.brand-with-real-logo{
  min-height:66px !important;
  min-width:300px !important;
  max-width:min(82vw,430px) !important;
  padding:11px 26px 10px 24px !important;
  gap:0 !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo .real-masakari-logo{
  display:none !important;
}
body.masakari-shared-page .site-header .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:4px !important;
}
body.masakari-shared-page .site-header .brand-copy strong{
  font-size:clamp(22px,2.1vw,30px) !important;
  line-height:.95 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  color:#080a07 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.34), 0 5px 14px rgba(8,10,7,.14) !important;
  white-space:nowrap !important;
}
body.masakari-shared-page .site-header .brand-copy span{
  margin-top:0 !important;
  font-size:9px !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
  font-weight:900 !important;
  color:rgba(8,10,7,.66) !important;
  white-space:nowrap !important;
}
@media(max-width:680px){
  body.masakari-shared-page .site-header .brand.brand-with-real-logo{
    min-height:58px !important;
    min-width:250px !important;
    max-width:calc(100vw - 104px) !important;
    padding:10px 17px 9px 16px !important;
    border-radius:20px !important;
  }
  body.masakari-shared-page .site-header .brand-copy strong{
    font-size:20px !important;
    letter-spacing:-.055em !important;
  }
  body.masakari-shared-page .site-header .brand-copy span{
    font-size:7.5px !important;
    letter-spacing:.04em !important;
  }
}


/* ===== v97-header-logo-back ===== */
body.masakari-shared-page .site-header .brand.brand-with-real-logo{
  min-height:68px !important;
  min-width:330px !important;
  max-width:min(84vw, 470px) !important;
  padding:10px 20px 10px 14px !important;
  gap:12px !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo .real-masakari-logo{
  display:block !important;
  width:56px !important;
  height:56px !important;
  object-fit:contain !important;
  flex:0 0 56px !important;
  filter:drop-shadow(0 2px 2px rgba(255,255,255,.18)) drop-shadow(0 4px 10px rgba(8,10,7,.10)) !important;
}
body.masakari-shared-page .site-header .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:4px !important;
  min-width:0 !important;
}
body.masakari-shared-page .site-header .brand-copy strong{
  font-size:clamp(24px, 2.25vw, 33px) !important;
  line-height:.94 !important;
  letter-spacing:-.06em !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}
body.masakari-shared-page .site-header .brand-copy span{
  margin-top:0 !important;
  font-size:8.5px !important;
  line-height:1.1 !important;
  letter-spacing:.06em !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
@media(max-width:680px){
  body.masakari-shared-page .site-header .brand.brand-with-real-logo{
    min-height:58px !important;
    min-width:252px !important;
    max-width:calc(100vw - 104px) !important;
    padding:8px 14px 8px 10px !important;
    gap:9px !important;
  }
  body.masakari-shared-page .site-header .brand.brand-with-real-logo .real-masakari-logo{
    display:block !important;
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
  body.masakari-shared-page .site-header .brand-copy strong{
    font-size:19px !important;
  }
  body.masakari-shared-page .site-header .brand-copy span{
    font-size:7px !important;
    letter-spacing:.03em !important;
  }
}


/* ===== v99-header-black-star-sparkles ===== */
@keyframes masakariHeaderBlackStars {
  0%,100%{
    opacity:.88;
    filter:drop-shadow(0 0 0 rgba(8,10,7,0));
  }
  35%{
    opacity:.58;
    filter:drop-shadow(0 0 3px rgba(8,10,7,.18));
  }
  55%{
    opacity:1;
    filter:drop-shadow(0 0 6px rgba(8,10,7,.28));
  }
  78%{
    opacity:.72;
    filter:drop-shadow(0 0 2px rgba(8,10,7,.14));
  }
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::before{
  background:
    radial-gradient(circle at 8% 24%, rgba(8,10,7,.88) 0 1.2px, transparent 2.15px),
    radial-gradient(circle at 14% 68%, rgba(8,10,7,.82) 0 1px, transparent 1.95px),
    radial-gradient(circle at 19% 44%, rgba(8,10,7,.64) 0 .8px, transparent 1.6px),
    radial-gradient(circle at 27% 18%, rgba(8,10,7,.92) 0 1.35px, transparent 2.35px),
    radial-gradient(circle at 33% 72%, rgba(8,10,7,.78) 0 1px, transparent 1.9px),
    radial-gradient(circle at 40% 36%, rgba(8,10,7,.68) 0 .85px, transparent 1.7px),
    radial-gradient(circle at 49% 17%, rgba(8,10,7,.94) 0 1.45px, transparent 2.45px),
    radial-gradient(circle at 56% 79%, rgba(8,10,7,.72) 0 .95px, transparent 1.85px),
    radial-gradient(circle at 63% 46%, rgba(8,10,7,.82) 0 1.05px, transparent 1.95px),
    radial-gradient(circle at 71% 20%, rgba(8,10,7,.92) 0 1.3px, transparent 2.25px),
    radial-gradient(circle at 79% 65%, rgba(8,10,7,.74) 0 .95px, transparent 1.85px),
    radial-gradient(circle at 86% 31%, rgba(8,10,7,.84) 0 1.1px, transparent 2px),
    radial-gradient(circle at 92% 56%, rgba(8,10,7,.64) 0 .8px, transparent 1.55px),
    linear-gradient(110deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 22%, rgba(255,255,255,0) 44%),
    linear-gradient(135deg,#d4ff35 0%,#b8ff00 58%,#a4ee00 100%) !important;
  background-repeat:no-repeat !important;
  animation:masakariHeaderBlackStars 2.4s ease-in-out infinite !important;
}


/* ===== v100-header-black-stars-visible-fix ===== */
@keyframes masakariHeaderBlackStarsVisible {
  0%,100%{opacity:.96;filter:drop-shadow(0 0 0 rgba(8,10,7,0));transform:translate3d(0,0,0);}
  22%{opacity:.52;filter:drop-shadow(0 0 2px rgba(8,10,7,.16));transform:translate3d(0,0,0);}
  46%{opacity:1;filter:drop-shadow(0 0 5px rgba(8,10,7,.24));transform:translate3d(0,0,0);}
  73%{opacity:.62;filter:drop-shadow(0 0 2px rgba(8,10,7,.14));transform:translate3d(0,0,0);}
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo{
  background:
    radial-gradient(circle, rgba(8,10,7,.18) 0 1.1px, transparent 1.35px) 0 0/18px 18px,
    radial-gradient(circle, rgba(8,10,7,.12) 0 .9px, transparent 1.15px) 8px 5px/12px 12px,
    radial-gradient(circle, rgba(8,10,7,.10) 0 .85px, transparent 1.05px) 3px 11px/22px 22px,
    linear-gradient(135deg,#d4ff35 0%,#b8ff00 58%,#a4ee00 100%) !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  background:
    radial-gradient(circle at 7% 22%, rgba(8,10,7,.98) 0 1.8px, transparent 2.7px),
    radial-gradient(circle at 12% 68%, rgba(8,10,7,.92) 0 1.35px, transparent 2.1px),
    radial-gradient(circle at 17% 41%, rgba(8,10,7,.74) 0 1px, transparent 1.7px),
    radial-gradient(circle at 24% 17%, rgba(8,10,7,1) 0 1.95px, transparent 2.95px),
    radial-gradient(circle at 29% 73%, rgba(8,10,7,.88) 0 1.3px, transparent 2.05px),
    radial-gradient(circle at 35% 50%, rgba(8,10,7,.78) 0 1.05px, transparent 1.75px),
    radial-gradient(circle at 42% 24%, rgba(8,10,7,.96) 0 1.65px, transparent 2.55px),
    radial-gradient(circle at 47% 78%, rgba(8,10,7,.82) 0 1.15px, transparent 1.9px),
    radial-gradient(circle at 53% 38%, rgba(8,10,7,.96) 0 1.45px, transparent 2.2px),
    radial-gradient(circle at 58% 13%, rgba(8,10,7,1) 0 2px, transparent 3.05px),
    radial-gradient(circle at 63% 69%, rgba(8,10,7,.88) 0 1.2px, transparent 1.95px),
    radial-gradient(circle at 69% 46%, rgba(8,10,7,.94) 0 1.55px, transparent 2.35px),
    radial-gradient(circle at 75% 20%, rgba(8,10,7,1) 0 1.8px, transparent 2.75px),
    radial-gradient(circle at 81% 64%, rgba(8,10,7,.86) 0 1.2px, transparent 1.95px),
    radial-gradient(circle at 87% 31%, rgba(8,10,7,.96) 0 1.45px, transparent 2.25px),
    radial-gradient(circle at 92% 72%, rgba(8,10,7,.82) 0 1.15px, transparent 1.9px),
    linear-gradient(110deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 22%, rgba(255,255,255,0) 46%) !important;
  background-repeat:no-repeat !important;
  animation:masakariHeaderBlackStarsVisible 1.85s steps(2, end) infinite !important;
  opacity:.95 !important;
  pointer-events:none !important;
}


/* ===== v101-header-black-stars-clean-fix ===== */
@keyframes masakariHeaderBlackStarsClean {
  0%,100%{
    opacity:.96;
    filter:drop-shadow(0 0 0 rgba(8,10,7,0));
  }
  20%{
    opacity:.44;
    filter:drop-shadow(0 0 2px rgba(8,10,7,.12));
  }
  42%{
    opacity:1;
    filter:drop-shadow(0 0 5px rgba(8,10,7,.22));
  }
  62%{
    opacity:.58;
    filter:drop-shadow(0 0 2px rgba(8,10,7,.10));
  }
  82%{
    opacity:1;
    filter:drop-shadow(0 0 4px rgba(8,10,7,.18));
  }
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo{
  background:linear-gradient(135deg,#d4ff35 0%,#b8ff00 58%,#a4ee00 100%) !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  background:
    radial-gradient(circle at 10% 22%, rgba(8,10,7,.96) 0 1.65px, transparent 2.5px),
    radial-gradient(circle at 16% 70%, rgba(8,10,7,.70) 0 1.05px, transparent 1.75px),
    radial-gradient(circle at 27% 18%, rgba(8,10,7,.92) 0 1.45px, transparent 2.15px),
    radial-gradient(circle at 37% 63%, rgba(8,10,7,.68) 0 .95px, transparent 1.55px),
    radial-gradient(circle at 49% 26%, rgba(8,10,7,.90) 0 1.4px, transparent 2.1px),
    radial-gradient(circle at 58% 75%, rgba(8,10,7,.72) 0 1px, transparent 1.65px),
    radial-gradient(circle at 66% 17%, rgba(8,10,7,.96) 0 1.55px, transparent 2.3px),
    radial-gradient(circle at 74% 54%, rgba(8,10,7,.74) 0 1px, transparent 1.7px),
    radial-gradient(circle at 84% 28%, rgba(8,10,7,.92) 0 1.35px, transparent 2px),
    radial-gradient(circle at 90% 66%, rgba(8,10,7,.70) 0 .95px, transparent 1.55px),
    linear-gradient(110deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.05) 24%, rgba(255,255,255,0) 46%) !important;
  background-repeat:no-repeat !important;
  animation:masakariHeaderBlackStarsClean 1.8s steps(3,end) infinite !important;
  pointer-events:none !important;
}


/* ===== v102-header-more-compact ===== */
body.masakari-shared-page .site-header .brand.brand-with-real-logo{
  min-height:60px !important;
  min-width:0 !important;
  max-width:min(72vw, 360px) !important;
  padding:8px 14px 8px 10px !important;
  gap:9px !important;
  border-radius:22px !important;
  box-shadow:7px 7px 0 rgba(8,10,7,.94),0 0 20px rgba(183,255,0,.28) !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo .real-masakari-logo{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
}
body.masakari-shared-page .site-header .brand-copy{
  gap:3px !important;
}
body.masakari-shared-page .site-header .brand-copy strong{
  font-size:clamp(18px,1.85vw,25px) !important;
  line-height:.96 !important;
  letter-spacing:-.05em !important;
}
body.masakari-shared-page .site-header .brand-copy span{
  font-size:7px !important;
  line-height:1.05 !important;
  letter-spacing:.03em !important;
}
@media(max-width:680px){
  body.masakari-shared-page .site-header .brand.brand-with-real-logo{
    min-height:54px !important;
    max-width:calc(100vw - 104px) !important;
    padding:7px 12px 7px 9px !important;
    gap:8px !important;
    border-radius:20px !important;
  }
  body.masakari-shared-page .site-header .brand.brand-with-real-logo .real-masakari-logo{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
  body.masakari-shared-page .site-header .brand-copy strong{
    font-size:16px !important;
  }
  body.masakari-shared-page .site-header .brand-copy span{
    font-size:6px !important;
    letter-spacing:.02em !important;
  }
}


/* ===== v105-logo-caption-masakari-only ===== */
body.masakari-shared-page .site-header .brand-copy span{
  font-size:10px !important;
  line-height:1.05 !important;
  letter-spacing:.14em !important;
  font-weight:900 !important;
}
@media(max-width:680px){
  body.masakari-shared-page .site-header .brand-copy span{
    font-size:8px !important;
    letter-spacing:.12em !important;
  }
}

/* ===== v106 works blog-like archive/detail polish ===== */
.work-archive-page,
.work-detail-page{
  background:
    linear-gradient(rgba(183,255,0,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183,255,0,.05) 1px, transparent 1px),
    #fff;
  background-size:52px 52px;
  color:#080a07;
}
.work-archive-hero,
.work-detail-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(104px,13vw,164px) 0 clamp(52px,8vw,96px);
  border-bottom:1px solid rgba(8,10,7,.1);
}
.work-archive-hero::before,
.work-detail-hero::before{
  content:"";
  position:absolute;
  inset:auto -12% -46% auto;
  width:min(720px,70vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(183,255,0,.86), rgba(183,255,0,.22) 45%, transparent 67%);
  filter:blur(3px);
  pointer-events:none;
}
.work-archive-hero__inner,
.work-detail-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:end;
}
.work-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#60675d;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.work-kicker::before{
  content:"";
  width:42px;
  height:6px;
  border-radius:999px;
  background:#b7ff00;
}
.work-kicker-link{
  text-decoration:none;
  color:#080a07;
}
.work-archive-hero h1,
.work-detail-hero h1{
  margin:0;
  font-size:clamp(48px,8vw,112px);
  line-height:.92;
  letter-spacing:-.075em;
  font-weight:900;
  max-width:980px;
}
.work-archive-hero p,
.work-detail-hero p{
  margin:24px 0 0;
  max-width:820px;
  color:#30352e;
  font-size:clamp(16px,2vw,22px);
  line-height:1.85;
  font-weight:800;
}
.work-hero-cta,
.work-back-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid #080a07;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.work-hero-cta{
  background:#b7ff00;
  color:#080a07;
  box-shadow:8px 8px 0 #080a07;
}
.work-back-link{
  background:#fff;
  color:#080a07;
}
.work-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}
.work-archive-list-section,
.work-detail-content-section{
  padding:clamp(42px,7vw,84px) 0;
}
.work-category-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:30px;
}
.work-category-nav a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid #080a07;
  border-radius:999px;
  background:#fff;
  color:#080a07;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  box-shadow:4px 4px 0 rgba(8,10,7,.08);
}
.work-category-nav a.is-active,
.work-category-nav a:hover{
  background:#b7ff00;
  box-shadow:5px 5px 0 #080a07;
}
.work-archive-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.work-archive-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  border:1px solid rgba(8,10,7,.16);
  border-radius:28px;
  background:#fff;
  color:#080a07;
  text-decoration:none;
  box-shadow:0 18px 54px rgba(8,10,7,.08);
  transition:.25s ease;
}
.work-archive-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 70px rgba(8,10,7,.13);
}
.work-archive-card__thumb{
  position:relative;
  overflow:hidden;
  aspect-ratio:4/3;
  background:#eef3e8;
  border-bottom:1px solid rgba(8,10,7,.1);
}
.work-archive-card__thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.work-archive-card__body{
  padding:20px;
}
.work-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
  color:#60675d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.work-card-meta span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#b7ff00;
  color:#080a07;
  letter-spacing:.04em;
}
.work-archive-card h2{
  margin:0 0 12px;
  font-size:clamp(23px,2.4vw,31px);
  line-height:1.15;
  letter-spacing:-.055em;
  font-weight:900;
}
.work-archive-card p{
  margin:0;
  color:#4b5145;
  font-size:14px;
  font-weight:800;
  line-height:1.8;
}
.work-card-link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid rgba(8,10,7,.12);
  font-size:13px;
  font-weight:900;
}
.work-detail-hero__inner{
  grid-template-columns:minmax(0,.98fr) minmax(320px,.72fr);
  align-items:center;
}
.work-detail-visual{
  overflow:hidden;
  aspect-ratio:4/3;
  border-radius:34px;
  border:1px solid rgba(8,10,7,.16);
  background:#eef3e8;
  box-shadow:0 22px 70px rgba(8,10,7,.16), 12px 12px 0 #b7ff00;
}
.work-detail-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.work-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:34px;
  align-items:start;
}
.work-detail-content{
  padding:clamp(24px,4vw,46px);
  border:1px solid rgba(8,10,7,.13);
  border-radius:30px;
  background:#fff;
  box-shadow:0 18px 60px rgba(8,10,7,.07);
}
.work-detail-content > *:first-child{
  margin-top:0;
}
.work-detail-content h2{
  position:relative;
  margin:46px 0 18px;
  padding-left:18px;
  font-size:clamp(28px,4vw,46px);
  line-height:1.08;
  letter-spacing:-.06em;
  font-weight:900;
}
.work-detail-content h2::before{
  content:"";
  position:absolute;
  left:0;
  top:.1em;
  bottom:.1em;
  width:6px;
  border-radius:999px;
  background:#b7ff00;
}
.work-detail-content h3{
  margin:32px 0 14px;
  font-size:clamp(22px,2.8vw,32px);
  line-height:1.18;
  letter-spacing:-.04em;
  font-weight:900;
}
.work-detail-content p,
.work-detail-content li{
  color:#30352e;
  font-size:16px;
  line-height:2;
  font-weight:700;
}
.work-detail-content a{
  color:#080a07;
  font-weight:900;
  text-decoration-thickness:3px;
  text-decoration-color:#b7ff00;
  text-underline-offset:4px;
}
.work-detail-content img{
  max-width:100%;
  height:auto;
  border-radius:22px;
}
.work-detail-side{
  position:sticky;
  top:96px;
  display:grid;
  gap:14px;
}
.work-side-card{
  padding:20px;
  border:1px solid rgba(8,10,7,.14);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 48px rgba(8,10,7,.08);
}
.work-side-card span{
  display:block;
  color:#60675d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.work-side-card strong{
  display:block;
  font-size:18px;
  line-height:1.55;
  letter-spacing:-.03em;
  font-weight:900;
}
.work-side-card.is-dark{
  background:#080a07;
  color:#fff;
  border-color:#080a07;
}
.work-side-card.is-dark span{
  color:#b7ff00;
}
.work-side-card a{
  display:inline-flex;
  margin-top:16px;
  color:#b7ff00;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}
.work-empty-block{
  grid-column:1/-1;
  padding:34px;
  border:1px dashed rgba(8,10,7,.22);
  border-radius:26px;
  background:rgba(255,255,255,.78);
}
.work-empty-block span{
  display:inline-block;
  margin-bottom:12px;
  color:#60675d;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.work-empty-block h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.05em;
}
.work-empty-block p{
  margin:0;
  color:#4b5145;
  font-weight:800;
  line-height:1.8;
}
.work-pagination{
  margin-top:34px;
}
.work-pagination .nav-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.work-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
  padding:0 12px;
  border:1px solid rgba(8,10,7,.16);
  border-radius:999px;
  background:#fff;
  color:#080a07;
  font-weight:900;
  text-decoration:none;
}
.work-pagination .page-numbers.current{
  background:#080a07;
  color:#b7ff00;
}
@media (max-width:960px){
  .work-archive-hero__inner,
  .work-detail-hero__inner,
  .work-detail-layout{
    grid-template-columns:1fr;
  }
  .work-archive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .work-detail-side{
    position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  .work-archive-hero,
  .work-detail-hero{
    padding-top:96px;
  }
  .work-archive-grid,
  .work-detail-side{
    grid-template-columns:1fr;
  }
  .work-category-nav{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:10px;
  }
  .work-category-nav a{
    flex:0 0 auto;
  }
  .work-hero-cta,
  .work-back-link{
    width:100%;
  }
  .work-detail-visual{
    border-radius:24px;
    box-shadow:8px 8px 0 #b7ff00;
  }
}

/* ===== v107-lower-header-match-top ===== */
/* 下層ページのヘッダーをトップページの見た目に完全寄せ */
body.masakari-shared-page .site-header{
  position:fixed !important;
  top:18px !important;
  left:0 !important;
  right:0 !important;
  z-index:999 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
body.admin-bar.masakari-shared-page .site-header{
  top:calc(32px + 18px) !important;
}
body.masakari-shared-page .site-header .nav{
  width:min(1180px,calc(100% - 28px)) !important;
  margin:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:start !important;
  justify-content:normal !important;
  gap:12px !important;
  pointer-events:auto !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo{
  min-height:60px !important;
  min-width:0 !important;
  max-width:min(72vw,360px) !important;
  padding:8px 14px 8px 10px !important;
  gap:9px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#d4ff35 0%,#b8ff00 58%,#a4ee00 100%) !important;
  border:1.5px solid rgba(8,10,7,.92) !important;
  box-shadow:7px 7px 0 rgba(8,10,7,.94),0 0 20px rgba(183,255,0,.28) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo:hover{
  transform:translate(-1px,-1px) !important;
  box-shadow:9px 9px 0 rgba(8,10,7,.92),0 0 28px rgba(183,255,0,.46),inset 0 1px 0 rgba(255,255,255,.55) !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo .real-masakari-logo{
  display:block !important;
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  object-fit:contain !important;
}
body.masakari-shared-page .site-header .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:3px !important;
  min-width:0 !important;
}
body.masakari-shared-page .site-header .brand-copy strong{
  font-size:clamp(18px,1.85vw,25px) !important;
  line-height:.96 !important;
  letter-spacing:-.05em !important;
  font-weight:950 !important;
  color:#080a07 !important;
  white-space:nowrap !important;
}
body.masakari-shared-page .site-header .brand-copy span{
  margin-top:0 !important;
  font-size:10px !important;
  line-height:1.05 !important;
  letter-spacing:.14em !important;
  font-weight:900 !important;
  color:rgba(8,10,7,.66) !important;
  white-space:nowrap !important;
}
body.masakari-shared-page .menu-toggle{
  position:relative !important;
  z-index:90 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  width:112px !important;
  min-height:54px !important;
  padding:0 15px !important;
  border-radius:20px !important;
  border:1.5px solid rgba(8,10,7,.92) !important;
  background:rgba(245,246,241,.88) !important;
  color:#080a07 !important;
  box-shadow:7px 7px 0 #b7ff00 !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  font:inherit !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  cursor:pointer !important;
  overflow:hidden !important;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease !important;
}
body.masakari-shared-page .menu-toggle:hover{
  transform:translate(-2px,-2px) !important;
  box-shadow:9px 9px 0 #b7ff00 !important;
  background:#fff !important;
}
body.masakari-shared-page .menu-toggle__glow{
  display:none !important;
}
body.masakari-shared-page .menu-toggle__text{
  position:relative !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  font-weight:900 !important;
}
body.masakari-shared-page .menu-toggle__bars{
  position:relative !important;
  width:30px !important;
  height:18px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  display:grid !important;
  place-items:center !important;
}
body.masakari-shared-page .menu-toggle__bars i{
  position:absolute !important;
  right:0 !important;
  width:28px !important;
  height:2px !important;
  background:#080a07 !important;
  border-radius:999px !important;
}
body.masakari-shared-page .menu-toggle__bars i:first-child{transform:translateY(-5px) !important;}
body.masakari-shared-page .menu-toggle__bars i:last-child{transform:translateY(5px) !important;width:18px !important;}
body.masakari-shared-page.menu-open .menu-toggle{
  background:#b7ff00 !important;
  box-shadow:7px 7px 0 #080a07 !important;
  border-color:#080a07 !important;
}
body.masakari-shared-page.menu-open .menu-toggle__bars i:first-child{transform:rotate(45deg) !important;width:24px !important;}
body.masakari-shared-page.menu-open .menu-toggle__bars i:last-child{transform:rotate(-45deg) !important;width:24px !important;}
body.masakari-shared-page.menu-open .menu-toggle__text{font-size:0 !important;}
body.masakari-shared-page.menu-open .menu-toggle__text::after{content:"CLOSE";font-size:11px !important;}

@media(max-width:782px){
  body.admin-bar.masakari-shared-page .site-header{
    top:calc(46px + 10px) !important;
  }
}
@media(max-width:720px){
  body.masakari-shared-page .site-header{top:10px !important;}
  body.masakari-shared-page .site-header .nav{width:calc(100% - 18px) !important;}
  body.masakari-shared-page .site-header .brand.brand-with-real-logo{
    min-height:54px !important;
    max-width:calc(100vw - 104px) !important;
    padding:7px 12px 7px 9px !important;
    gap:8px !important;
    border-radius:20px !important;
  }
  body.masakari-shared-page .site-header .brand.brand-with-real-logo .real-masakari-logo{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
  body.masakari-shared-page .site-header .brand-copy strong{
    font-size:16px !important;
  }
  body.masakari-shared-page .site-header .brand-copy span{
    font-size:8px !important;
    letter-spacing:.12em !important;
  }
  body.masakari-shared-page .menu-toggle{
    width:78px !important;
    min-height:44px !important;
    border-radius:15px !important;
    padding:0 10px !important;
    box-shadow:5px 5px 0 #b7ff00 !important;
    gap:8px !important;
  }
  body.masakari-shared-page .menu-toggle__text{font-size:9px !important;letter-spacing:.12em !important;}
  body.masakari-shared-page .menu-toggle__bars{width:22px !important;height:16px !important;}
  body.masakari-shared-page .menu-toggle__bars i{width:20px !important;}
  body.masakari-shared-page .menu-toggle__bars i:last-child{width:13px !important;}
}


/* ===== v108-header-star-clean-final ===== */
/* 下層ページのヘッダーロゴ背景から、以前の黒い星・点滅アニメーションを完全に削除。トップページと同じシンプルな蛍光グリーンのロゴ背景に統一。 */
body.masakari-shared-page .site-header .brand.brand-with-real-logo,
body.masakari-shared-page header.site-header .brand.brand-with-real-logo{
  background:linear-gradient(135deg,#d4ff35 0%,#b8ff00 58%,#a4ee00 100%) !important;
  background-image:linear-gradient(135deg,#d4ff35 0%,#b8ff00 58%,#a4ee00 100%) !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::before,
body.masakari-shared-page header.site-header .brand.brand-with-real-logo::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  background:linear-gradient(110deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.16) 28%,rgba(255,255,255,0) 54%) !important;
  background-image:linear-gradient(110deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.16) 28%,rgba(255,255,255,0) 54%) !important;
  background-repeat:no-repeat !important;
  animation:none !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  pointer-events:none !important;
}
body.masakari-shared-page .site-header .brand.brand-with-real-logo::after,
body.masakari-shared-page header.site-header .brand.brand-with-real-logo::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:20px !important;
  right:20px !important;
  bottom:-8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:#080a07 !important;
  background-image:none !important;
  animation:none !important;
  filter:none !important;
  opacity:.95 !important;
  z-index:-1 !important;
  pointer-events:none !important;
}
body.masakari-shared-page .site-header .brand-copy,
body.masakari-shared-page .site-header .brand-copy strong,
body.masakari-shared-page .site-header .brand-copy span,
body.masakari-shared-page .site-header .real-masakari-logo{
  position:relative !important;
  z-index:1 !important;
}