:root{--ink:#122938;--sub:#425460;--paper:#faf8f1;--sand:#efebe0;--red:#a83c2e;--line:#d8d4c9;--serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8}a{color:inherit}a:focus-visible{outline:3px solid #bf572b;outline-offset:5px}img{display:block;width:100%;height:auto}figure,p,dl,dd{margin:0}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.header{border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 1.45rem/1.16 var(--serif);white-space:nowrap}.brand small{display:block;margin-top:5px;font:600 .63rem/1.3 var(--sans);letter-spacing:.11em}.mark{display:grid;place-items:center;width:43px;aspect-ratio:1;background:var(--red);color:white;border-radius:50% 50% 48% 52%;font-size:1.55rem}.head nav{display:flex;gap:clamp(16px,3vw,42px);margin-left:auto}.head nav a,.call{font-size:.85rem;font-weight:700;text-decoration:none;white-space:nowrap}.head nav a:hover,.foot a:hover{text-decoration:underline}.call{border:1px solid var(--ink);padding:8px 15px}.call:hover{background:var(--sand)}
.hero{background:var(--sand);padding:54px 0 63px}.hero-grid{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:clamp(32px,6vw,86px)}.eyebrow{color:var(--red);font-size:.82rem;font-weight:750;letter-spacing:.17em;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:19px;height:2px;background:currentColor}.intro h1{font:700 clamp(2.7rem,6vw,5.35rem)/1.2 var(--serif);letter-spacing:.035em;margin:20px 0 26px}.lead,.section p:not(.eyebrow){color:var(--sub);max-width:37em}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:10px 15px;text-decoration:none;font-size:.82rem;font-weight:750;border:1px solid transparent;transition:background .18s,color .18s}.primary{background:var(--ink);color:white}.primary:hover{background:#284657}.light,.outline{border-color:currentColor}.light:hover,.outline:hover{background:#fff}.hero-image{position:relative;background:var(--ink);overflow:hidden}.hero-image img{aspect-ratio:1.11;object-fit:cover}.hero-image figcaption{position:absolute;right:0;bottom:0;background:var(--ink);color:#fff;padding:9px 16px;font-size:.75rem;letter-spacing:.1em}
.section{padding:86px 0;scroll-margin-top:20px}.section h2{font:700 clamp(1.9rem,3.5vw,3.1rem)/1.35 var(--serif);margin:13px 0 19px}.fish-grid,.news-grid,.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,95px);align-items:start}.products>div,.details>div{border-top:1px solid var(--line);padding:14px 0}.products>div:last-child,.details>div:last-child{border-bottom:1px solid var(--line)}dt{font-weight:750}.products dd{color:var(--sub);font-size:.92rem;margin-top:4px}.news{background:#e9eeed}.news .outline{margin-top:25px;overflow-wrap:anywhere}.social{padding:10px;background:white;min-width:0}.social iframe{display:block;border:0;width:100%;height:395px;background:var(--paper)}.social p{padding:9px 10px;font-size:.78rem}.social a,.details a{color:#843326;font-weight:700}.details>div{display:grid;grid-template-columns:minmax(90px,.6fr) 1.4fr;gap:12px}.details small{color:var(--sub)}footer{background:var(--ink);color:white}.foot{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.78rem}.foot a{text-decoration:none}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.head{gap:16px}.hero-grid{gap:25px}.section{padding:62px 0}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.head{display:grid;grid-template-columns:1fr auto;min-height:0;padding-top:13px;gap:8px}.head nav{grid-row:2;grid-column:1/-1;margin:0;justify-content:space-between;border-top:1px solid var(--line);padding:8px 1px}.call{grid-column:2;grid-row:1}.hero{padding:32px 0}.hero-grid,.fish-grid,.news-grid,.shop-grid{grid-template-columns:1fr}.intro h1{margin:12px 0 16px}.section{padding:49px 0}.hero-image img{aspect-ratio:1.12}.foot{flex-wrap:wrap;justify-content:flex-start;padding:16px 0}.social iframe{height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.brand .mark{width:47px;height:47px;flex:none;background:black;border-radius:50%}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.gallery img{aspect-ratio:1.6;object-fit:cover}.gallery figcaption{font-size:.78rem;margin-top:7px;color:var(--sub)}.shop-photos{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;margin-top:34px}.shop-photos img{width:100%;height:clamp(210px,30vw,360px);object-fit:cover}.shop-photos img:first-child{object-position:50% 72%}
@media(max-width:640px){.gallery{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery figure:first-child{grid-column:1/-1}.shop-photos{grid-template-columns:1fr 1fr;gap:10px}.shop-photos img{height:150px}}

:root{--ink:#171717;--sub:#444;--paper:#fff;--sand:#f6f5f2;--red:#95382a;--line:#dedbd5}
.header{background:#fff}.head{min-height:83px}.call,.button{border-radius:99px}.button{padding-inline:22px}.hero{position:relative;display:grid;align-items:end;isolation:isolate;min-height:clamp(480px,65vw,680px);padding:0;background:#171717;color:#fff;overflow:hidden}.hero-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;z-index:-2}.hero:before{position:absolute;inset:0;content:"";z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.43) 29%,transparent 60%)}.hero-inner{padding-bottom:clamp(35px,6vw,78px)}.hero-inner .eyebrow{color:#fff}.hero-inner h1{font:700 clamp(2.5rem,7vw,6.15rem)/1.13 var(--serif);letter-spacing:.045em;margin:13px 0 10px}.hero-tagline{font-weight:600;letter-spacing:.06em}.hero-inner .primary{background:white;color:var(--ink)}.hero-inner .primary:hover{background:#eae6dc}.hero-inner .actions{margin-top:19px}
.section{padding:clamp(58px,8vw,105px) 0}.eyebrow{letter-spacing:.15em}.fish-grid,.shop-grid{align-items:start}.gallery{gap:12px}.gallery img{aspect-ratio:1.48}.gallery figcaption{padding-left:2px}.news{background:#f6f5f2;text-align:center}.section-heading{margin:0 auto 27px}.section-heading .eyebrow{justify-content:center}.section-heading p:not(.eyebrow){margin-inline:auto}.news .social{width:min(100%,560px);margin:0 auto;padding:0;background:transparent}.social iframe{height:590px;background:#fff;border:1px solid #e8e6e0;border-radius:5px}.social-actions{margin-top:18px}.shop-name{font-weight:750}.shop-photos{gap:12px}
@media(max-width:640px){.head{min-height:0}.hero{min-height:480px}.hero-cover{object-fit:contain;object-position:center top}.hero:before{background:linear-gradient(0deg,#171717 17%,rgba(23,23,23,.85) 30%,transparent 59%)}.hero-inner{padding-bottom:29px}.hero-inner h1{font-size:clamp(2.3rem,10vw,3.6rem)}.hero-tagline{font-size:.88rem}.social iframe{height:450px}}

:root{--sea-blue:#075984;--sea-hover:#06466a}
.primary,.hero-inner .primary{background:var(--sea-blue);color:#fff}
.primary:hover,.hero-inner .primary:hover{background:var(--sea-hover)}
.call{color:var(--sea-blue);border-color:var(--sea-blue)}
.call:hover{background:#edf7fc}
.fish-heading h2{font-size:clamp(1.45rem,5.4vw,3.1rem);white-space:nowrap}
.fish .products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.fish .product{padding:17px 19px 18px;background:#f5f9fa;border:1px solid #dce8ed;border-radius:10px}
.product dt{font-size:1.09rem}
.product dt small{display:block;color:var(--sea-blue);font-size:.79rem;font-weight:700}
.product .mascot{width:88px;height:88px;object-fit:contain;margin:0 0 8px;transform-origin:center}
@keyframes fish-swim{0%,100%{transform:translateX(0)}36%{transform:translate(6px,-3px) rotate(-4deg)}70%{transform:translate(-3px,1px) rotate(2deg)}}
@keyframes crab-step{0%,100%{transform:translateX(0)}30%{transform:translateX(5px) rotate(3deg)}68%{transform:translateX(-4px) rotate(-3deg)}}
@keyframes yellowtail-swim{0%,100%{transform:translateX(0)}42%{transform:translate(7px,-3px) rotate(-3deg)}72%{transform:translate(2px,1px) rotate(2deg)}}
@media(prefers-reduced-motion:no-preference){.product.in-view .mascot-fish,.product:hover .mascot-fish{animation:fish-swim 2.7s ease-in-out .2s 1}.product.in-view .mascot-crab,.product:hover .mascot-crab{animation:crab-step 2.7s ease-in-out .45s 1}.product.in-view .mascot-yellowtail,.product:hover .mascot-yellowtail{animation:yellowtail-swim 2.7s ease-in-out .7s 1}.product:hover .mascot{animation-iteration-count:infinite}}
@media(max-width:640px){.fish .products{grid-template-columns:1fr;gap:10px}.fish .product{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:13px;align-items:center;padding:13px}.product .mascot{grid-row:1/3;width:64px;height:64px;margin:0}.product dd{grid-column:2}}