.ab-ocean-theme{--ab-food-background: #fbeada;--ab-sea-back: #cfe6ee;--ab-sea-mid: #9fcfdf;--ab-sea-front: #6fb2c9;background:var(--ab-food-background)}.ab-ocean-theme .shopify-section--header x-header.header{--background: 255 255 255;--background-gradient: none;--text-color: 32 62 73;--header-separation-border-color: 0 0 0 / 0;background:#fff;color:#203e49}.ab-ocean-theme .header__logo-image{filter:brightness(0) saturate(100%);opacity:.88}.ab-ocean-theme .shopify-section--footer{position:relative;background:var(--ab-food-background)}.ab-ocean-theme .ab-ocean-footer{--background: 111 178 201;--background-gradient: none;--text-color: 21 61 75;--border-color: 21 61 75 / .18;background:var(--ab-sea-front);color:#153d4b;padding-top:30px;padding-bottom:80px}.ab-ocean-footer .container{position:relative;z-index:1}.ab-sea-header{pointer-events:none}.ab-sea-header-depth{height:84px;position:relative;overflow:hidden;pointer-events:none;background:linear-gradient(#fff,#cfe6ee);color:#27596c}.ab-sea-header-fish-lane{position:absolute;top:0;right:0;bottom:0;left:0}.ab-sea-wave{height:142px;position:relative;overflow:hidden;isolation:isolate;pointer-events:none}.ab-sea-wave svg.ab-sea-layer{position:absolute;width:200%;max-width:none;height:100%;left:0;bottom:0;animation:ab-sea-flow 18s linear infinite;will-change:transform}.ab-sea-wave svg.ab-sea-layer:nth-of-type(2){animation-duration:12s;animation-direction:reverse;animation-delay:-4s}.ab-sea-wave svg.ab-sea-layer:nth-of-type(3){animation-duration:8s;animation-delay:-3s}.ab-sea-back{fill:var(--ab-sea-back)}.ab-sea-middle{fill:var(--ab-sea-mid)}.ab-sea-front{fill:var(--ab-sea-front)}.ab-sea-headwave{height:58px;background:#cfe6ee}.ab-sea-headwave .ab-sea-front{fill:var(--ab-food-background)}.ab-sea-headwave .ab-sea-middle{fill:#cfe6ee}.ab-sea-headwave .ab-sea-back{fill:#9fcfdf}@keyframes ab-sea-flow{to{transform:translate(-50%)}}.ab-sea-fish-lane{position:absolute;inset:auto 0 0;height:60px;overflow:hidden;pointer-events:none;color:#153d4b}.ab-sea-fish{position:absolute;bottom:24px;width:33px;fill:currentColor;opacity:.32;animation:ab-sea-swim 32s linear infinite}.ab-sea-fish:nth-of-type(2){bottom:40px;width:24px;animation-delay:-11s;animation-duration:38s}.ab-sea-fish:nth-of-type(3){bottom:20px;width:28px;animation-delay:-22s}.ab-sea-header-depth .ab-sea-fish{opacity:.46;bottom:auto;top:11px;animation-delay:-8s;width:28px}.ab-sea-header-depth .ab-sea-fish:nth-of-type(2){top:24px;width:21px;animation-delay:-22s}.ab-sea-header-depth .ab-sea-fish:nth-of-type(3){top:6px;width:32px;animation-delay:-16s}@keyframes ab-sea-swim{0%{left:-70px;transform:translateY(0)}50%{transform:translateY(-6px)}to{left:calc(100% + 70px);transform:translateY(0)}}.ab-sea-boat-lane{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ab-sea-boat{position:absolute;width:128px;height:84px;left:0;bottom:24px;overflow:visible;animation:ab-sea-sail 46s linear infinite;animation-delay:-18s}.ab-sea-boat>g{transform-origin:80px 130px;animation:ab-sea-rock 3.6s ease-in-out infinite}@keyframes ab-sea-sail{0%{left:-140px}to{left:calc(100% + 140px)}}@keyframes ab-sea-rock{0%,to{transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(2.5deg) translateY(-4px)}}.ab-sea-smoke{fill:#fbf7ef;stroke:#526e77;stroke-width:1}.ab-sea-puff{opacity:0;animation:ab-sea-smoke-rise 3.6s ease-out infinite}.ab-sea-puff:nth-child(1){animation-delay:0s}.ab-sea-puff:nth-child(2){animation-delay:-1.2s}.ab-sea-puff:nth-child(3){animation-delay:-2.4s}@keyframes ab-sea-smoke-rise{0%{transform:translate(0);r:4px;opacity:0}12%{opacity:.85}55%{opacity:.5}to{transform:translate(-37px,-66px);r:11px;opacity:0}}.ab-sea-flag{transform-origin:120px 72px;animation:ab-sea-flag-flutter 1.1s ease-in-out infinite alternate}@keyframes ab-sea-flag-flutter{0%{transform:skewY(-7deg) scaleX(.92)}to{transform:skewY(7deg) scaleX(1)}}.ab-sea-flying-lane{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;color:#263e46}.ab-sea-flying-origin{position:absolute;left:16%;bottom:30%;width:70px;height:45px}.ab-sea-flying-origin.ab-sea-second{left:61%;bottom:29%;width:52px}.ab-sea-flying-fish{width:100%;height:100%;overflow:visible;opacity:0;animation:ab-sea-leap 10s ease-in-out infinite;animation-delay:-3.5s}.ab-sea-second .ab-sea-flying-fish{animation-duration:13s;animation-delay:-8.5s}@keyframes ab-sea-leap{0%,28%{transform:translate(-38px,62px) rotate(-28deg);opacity:0}31%{opacity:1}45%{transform:translate(30px,-45px) rotate(-9deg);opacity:1}58%{transform:translate(105px,-38px) rotate(16deg);opacity:1}72%,to{transform:translate(175px,68px) rotate(35deg);opacity:0}}@media(max-width:699px){.ab-sea-header-depth{height:72px}.ab-sea-header-depth .ab-sea-fish{width:22px}.ab-sea-headwave{height:38px}.shopify-section--footer>.ab-sea-wave{height:116px}.ab-sea-boat{width:100px;height:68px;bottom:19px}.ab-sea-flying-origin{left:4%;width:51px;height:38px}.ab-sea-flying-origin.ab-sea-second{left:52%;width:39px}.ab-sea-flying-fish{animation-name:ab-sea-leap-mobile}}@keyframes ab-sea-leap-mobile{0%,28%{transform:translate(-18px,50px) rotate(-28deg);opacity:0}31%{opacity:1}45%{transform:translate(22px,-37px) rotate(-9deg);opacity:1}58%{transform:translate(65px,-30px) rotate(16deg);opacity:1}72%,to{transform:translate(120px,55px) rotate(35deg);opacity:0}}@media(prefers-reduced-motion:reduce){.ab-sea-header *,.ab-sea-wave *,.ab-sea-fish-lane *{animation:none!important}.ab-sea-fish{left:22%}.ab-sea-fish:nth-of-type(2){left:57%}.ab-sea-fish:nth-of-type(3){left:78%}.ab-sea-boat{left:35%}.ab-sea-puff{opacity:.45}.ab-sea-puff:nth-child(2){transform:translate(-12px,-23px)}.ab-sea-puff:nth-child(3){transform:translate(-25px,-46px)}}.ab-ocean-theme .shopify-section--header{--ab-brand-white:32 62 73}.ab-ocean-theme .shopify-section--header .header__logo:is(a):before,.ab-ocean-theme .shopify-section--header .header__logo>a:before{background:#7f0b14;-webkit-mask:url(abshopping-header-logo.png) left center / contain no-repeat;mask:url(abshopping-header-logo.png) left center / contain no-repeat;filter:none;opacity:1}.ab-ocean-theme .shopify-section--header .header__cart-dot{box-shadow:0 0 0 2px #fff}.ab-ocean-theme .shopify-section--header a.ab-header-subbrand{width:auto;min-width:0;min-height:28px;color:#7f0b14;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.06em;white-space:nowrap}.ab-ocean-theme .shopify-section--header a.ab-header-subbrand:before{content:none;display:none}.ab-ocean-theme .shopify-section--header a.ab-header-subbrand:focus-visible{outline:2px solid #7f0b14;outline-offset:4px}.ab-ocean-footer .link-faded,.ab-ocean-footer .text-subdued{color:#153d4b}.ab-ocean-theme{isolation:isolate}.ab-hokkaido-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;display:grid;place-items:center;overflow:hidden}.ab-hokkaido-backdrop img{width:min(76vw,940px);height:min(72vh,760px);object-fit:contain;opacity:1}.ab-ocean-theme #main{background:transparent}.ab-hokkaido-nav{position:relative;color:#203e49;padding:6px 20px 14px}.ab-hokkaido-nav__links{display:flex;justify-content:center;flex-wrap:wrap;gap:0 28px;max-width:1360px;margin-inline:auto}.ab-hokkaido-nav a{padding-block:10px;font-size:13px;text-decoration:none;border-bottom:1px solid transparent}.ab-hokkaido-nav a:hover{border-bottom-color:#7f0b14}.ab-hokkaido-nav a:focus-visible{outline:2px solid #7f0b14;outline-offset:3px}@media(max-width:699px){.ab-hokkaido-backdrop img{width:94vw;height:62vh;opacity:1}.ab-hokkaido-nav{padding-inline:12px}.ab-hokkaido-nav__links{gap:0 18px}.ab-hokkaido-nav a{font-size:12px}}.ab-ocean-theme .shopify-section--main-product>.section-spacing.color-scheme,.ab-ocean-theme .shopify-section--main-collection>.color-scheme{background:transparent}.ab-sea-header-depth{height:58px}.ab-sea-headwave{height:40px}.ab-ocean-theme:has(.ab-market--compact) .shopify-section--header x-header.header{padding-block:14px}.ab-ocean-theme:has(.ab-market--compact) .ab-sea-header-depth{height:32px}.ab-ocean-theme:has(.ab-market--compact) .ab-sea-headwave{height:24px}.ab-ocean-theme:has(.ab-market--compact) .ab-hokkaido-nav{padding-block:0 4px}.ab-ocean-theme:has(.ab-market--compact) .ab-hokkaido-nav a{padding-block:6px}@font-face{font-family:AB Yomogi;src:url(ab-yomogi-heading-9b96cd48b4.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.ab-ocean-theme:has(.ab-market--editorial) .shopify-section--header a.ab-header-subbrand{flex-direction:column;align-items:flex-start;gap:2px;color:#302d29;white-space:normal}.ab-header-store-name{margin:0;font-family:AB Zen Maru,Hiragino Maru Gothic ProN,sans-serif;font-size:clamp(20px,3.85vw,30px);font-weight:500;line-height:1.4;letter-spacing:.02em;-webkit-text-stroke:0}.ab-header-store-name>span{display:inline-block;white-space:nowrap}.ab-header-store-subbrand{color:#3595b4;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.32em}.ab-ocean-theme:has(.ab-market--editorial){--ab-food-background: #F5E8D8}.ab-ocean-theme:has(.ab-market--editorial) .shopify-section--header x-header.header{background:var(--ab-food-background);padding:10px max(24px,calc((100vw - 1360px)/2),11vw);--header-grid: "logo primary-nav secondary-nav" / minmax(0, 1fr) auto auto}.ab-ocean-theme:has(.ab-market--editorial) .ab-sea-header,.ab-ocean-theme:has(.ab-market--editorial) .ab-hokkaido-nav{display:none}.ab-ocean-theme:has(.ab-market--editorial) .ab-hokkaido-backdrop img{opacity:1}@media(max-width:699px){.ab-ocean-theme:has(.ab-market--editorial) .shopify-section--header a.ab-header-subbrand{gap:4px}.ab-header-store-name{font-size:clamp(17px,4.8vw,25px);letter-spacing:0}.ab-header-store-subbrand{font-size:8px}.ab-ocean-theme:has(.ab-market--editorial) .shopify-section--header x-header.header{padding:18px 24px;column-gap:14px}.ab-ocean-theme:has(.ab-market--editorial) .header__icon-list{gap:12px}}.ab-ocean-theme .ab-ocean-footer{position:relative;padding-top:208px}.ab-sea-footer-fish-lane{inset:4px 0 auto;height:180px;color:#164655}ab-sea-fish-field{display:block}.ab-sea-swimmer{position:absolute;left:calc(0px - var(--fish-width));top:calc(4px + (100% - var(--fish-height) - 8px) * var(--swim-depth, .5));width:calc(100% + var(--fish-width));height:var(--fish-height);animation:ab-solo-fish-travel var(--swim-period, 24s) linear infinite;animation-delay:var(--swim-phase, -8s);animation-direction:var(--swim-direction, normal);pointer-events:none}.ab-sea-swimmer__facing{width:var(--fish-width);height:var(--fish-height);transform:scaleX(var(--fish-facing, 1))}.ab-sea-swimmer--large{--fish-width: 86px;--fish-height: calc(var(--fish-width) * .4167);--tail-beat: .36s;--tail-origin: 25px 20px}.ab-sea-swimmer--medium{--fish-width: 55px;--fish-height: calc(var(--fish-width) * .5);--tail-beat: .6s;--tail-origin: 17px 16px}.ab-sea-swimmer--small{--fish-width: 32px;--fish-height: calc(var(--fish-width) * .3846);--tail-beat: .44s;--tail-origin: 12px 10px}.ab-swimmer-fish{width:100%;height:100%;fill:currentColor;opacity:var(--fish-opacity, .7);overflow:visible;animation:ab-fish-individual-swim var(--fish-sway-period, 3.8s) ease-in-out infinite;animation-delay:var(--fish-phase, -.8s)}.ab-swimmer-fish__tail{transform-box:view-box;transform-origin:var(--tail-origin);animation:ab-fish-tail-beat var(--tail-beat) ease-in-out infinite alternate;animation-delay:var(--fish-phase, -.2s)}@keyframes ab-solo-fish-travel{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ab-fish-individual-swim{0%,to{transform:translate(0) rotate(0)}35%{transform:translate(2px,calc(0px - var(--fish-bob, 3px))) rotate(-2deg)}70%{transform:translate(-1px,var(--fish-bob, 3px)) rotate(1deg)}}@keyframes ab-fish-tail-beat{0%{transform:skewY(-9deg) scaleX(.86)}to{transform:skewY(9deg) scaleX(1)}}.ab-sea-footer-wave .ab-sea-flying-origin{left:12%;bottom:27%;width:55px;height:42px}.ab-sea-footer-wave .ab-sea-flying-origin.ab-sea-second{left:59%;width:55px}.ab-sea-footer-wave .ab-sea-flying-fish{animation:ab-sea-footer-leap 7s ease-in-out infinite;animation-delay:-2s}.ab-sea-footer-wave .ab-sea-second .ab-sea-flying-fish{animation-delay:-5.5s}@keyframes ab-sea-footer-leap{0%{transform:translate(-35px,30px) rotate(-28deg);opacity:0}12%{opacity:.9}40%{transform:translate(24px,-40px) rotate(-12deg);opacity:.9}65%{transform:translate(84px,-30px) rotate(12deg);opacity:.9}88%{opacity:.9}to{transform:translate(140px,38px) rotate(32deg);opacity:0}}@media(max-width:699px){.ab-ocean-theme .ab-ocean-footer{padding-top:184px}.ab-sea-footer-fish-lane{height:160px}.ab-sea-swimmer--large{--fish-width: 68px}.ab-sea-swimmer--medium{--fish-width: 45px}.ab-sea-swimmer--small{--fish-width: 27px}.ab-sea-swimmer--extra{display:none}.ab-sea-footer-wave .ab-sea-flying-origin{left:0;width:45px;height:34px}.ab-sea-footer-wave .ab-sea-flying-origin.ab-sea-second{left:47%;width:45px}.ab-sea-footer-wave .ab-sea-flying-fish{animation-name:ab-sea-footer-leap-mobile}}@keyframes ab-sea-footer-leap-mobile{0%{transform:translateY(25px) rotate(-28deg);opacity:0}12%{opacity:.9}40%{transform:translate(20px,-32px) rotate(-12deg);opacity:.9}65%{transform:translate(60px,-20px) rotate(12deg);opacity:.9}88%{opacity:.9}to{transform:translate(100px,30px) rotate(32deg);opacity:0}}@media(prefers-reduced-motion:reduce){.ab-sea-footer-wave .ab-sea-flying-fish{opacity:.8;transform:translateY(-20px)}}@media(prefers-reduced-motion:reduce){.ab-sea-swimmer{width:var(--fish-width);left:var(--fish-rest-x, 50%);transform:translate(-50%)}}@font-face{font-family:AB Zen Maru;src:url(ab-zen-maru-heading-077066aa.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+20,U+3001,U+3002,U+3044,U+3046,U+304A,U+304B,U+304C,U+3054,U+3059,U+305B,U+305F,U+3061,U+3067,U+306B,U+306E,U+3076,U+3079,U+3081,U+3082,U+3089,U+308A,U+3092,U+30A4,U+30B0,U+30B9,U+30C4,U+30E1,U+30EB,U+30FB,U+30FC,U+524D,U+5317,U+53D6,U+5BB6,U+5BC4,U+5C55,U+5E78,U+5EAD,U+60E3,U+6587,U+6CE8,U+6D77,U+7269,U+7523,U+8089,U+83DC,U+9053,U+9078,U+98DF}
/*# sourceMappingURL=/cdn/shop/t/20/assets/ab-ocean-theme.css.map */