/* Current hoonoki2026 assets and measured geometry, 2026-10-23.
   Header geometry follows the official 1440px canvas without zooming form controls.
   Navigation/hero animation/analytics are deliberately not imported. */
:root{--hn-scale:calc(100vw / 1440);--hn-blue:#165ce2;--hn-footer:#0a3f77;--hn-font:'Shippori Antique B1 palt','Shippori Antique B1','Hiragino Kaku Gothic ProN',sans-serif}
/* These explicit viewport lengths also work in browsers without CSS typed division. */
:root{--hn-logo:12.777778vw;--hn-left:2.430556vw;--hn-right:2.638889vw;--hn-top:2.430556vw;--hn-header:6.539375vw;--hn-nav-size:1.25vw;--hn-nav-gap:5vw}
.hn-brand-header{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--hn-nav-gap);width:100%;height:var(--hn-header);min-height:0;margin:0;padding:var(--hn-top) var(--hn-right) 0 var(--hn-left);background:var(--hn-blue);color:#fff;border:0}
.hn-brand-link{font-family:var(--hn-font);position:relative;display:block;flex:none;width:var(--hn-logo);padding:0;background:none;line-height:0}
.hn-brand-link::after{content:'';position:absolute;inset:0;min-height:44px}
.hn-brand-link img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:482/155}
.hn-brand-title{display:block;margin-top:.208333vw;font-family:var(--hn-font);font-size:var(--hn-nav-size);font-weight:500;line-height:1;letter-spacing:.01em;color:#fff}
.hn-brand-footer{box-sizing:border-box;background:var(--hn-footer);color:#fff;font-family:var(--hn-font);font-size:15px;font-weight:400;line-height:27px;letter-spacing:normal}
.hn-brand-footer-inner{max-width:1440px;margin:auto;padding:48px 9.236111% 28px 8.333333%;display:grid;grid-template-columns:13.541667vw minmax(0,1fr);gap:28px 40px;align-items:start}
.hn-brand-footer img{display:block;width:13.541667vw;height:auto;max-width:100%;aspect-ratio:482/155}
.hn-brand-footer address{font-size:15px;font-style:normal;font-weight:400;line-height:27px;overflow-wrap:anywhere}
.hn-brand-footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hn-brand-footer small{grid-column:1/-1;font-size:14px;font-weight:400;line-height:1.8;border-top:1px solid #ffffff99;padding-top:20px}
@media(max-width:768px){
 :root{--hn-logo:116px;--hn-left:14px;--hn-right:19px;--hn-top:17px;--hn-header:54.3029px;--hn-nav-size:15.3px;--hn-nav-gap:20px}
 .hn-brand-title{margin-top:3px;line-height:1.35;min-width:0;overflow-wrap:anywhere}
 .hn-brand-footer-inner{padding:40px 20px 24px;grid-template-columns:minmax(0,1fr);gap:24px}
 .hn-brand-footer img{width:134px}
 .hn-brand-footer address{font-size:15px;line-height:27px}
}
@media(prefers-reduced-motion:reduce){.hn-brand-header,.hn-brand-footer{scroll-behavior:auto}}

body.hn-official{--font-jp:var(--hn-font);font-family:var(--hn-font);font-size:16px;font-weight:400;line-height:1.8;letter-spacing:normal;-webkit-font-smoothing:antialiased;line-break:strict}
body.hn-official input,body.hn-official select,body.hn-official textarea,body.hn-official button{font-family:var(--hn-font);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:normal}
body.hn-official .site-head.hn-brand-header{height:var(--hn-header);min-height:0;margin:0 calc(-1 * clamp(20px,5.83vw,84px)) 44px;padding:var(--hn-top) var(--hn-right) 0 var(--hn-left);width:auto;gap:var(--hn-nav-gap);align-items:flex-start;background:var(--hn-blue)}
body.hn-official .brand.hn-brand-link{display:block;width:var(--hn-logo);min-height:0;padding:0;background:none;line-height:0}
body.hn-official .foot.hn-brand-footer{margin:48px calc(-1 * clamp(20px,5.83vw,84px)) -60px;padding:0;border:0;color:#fff;font-size:15px;line-height:27px}
body.hn-official .hn-brand-header .navigation{margin-left:auto;gap:16px}
body.hn-official .hn-brand-header .navigation a{font-size:var(--hn-nav-size);font-weight:500;line-height:1;letter-spacing:.01em}
body.hn-official h1,body.hn-official h2,body.hn-official h3{font-family:var(--hn-font);letter-spacing:normal}
body.hn-official .eyebrow{font-family:'Bebas Kai','Bebas Neue',sans-serif;font-weight:400}
@media(max-width:768px){body.hn-official .site-head.hn-brand-header{margin-inline:-20px;padding:17px 19px 0 14px}body.hn-official .foot.hn-brand-footer{margin-inline:-20px}body.hn-official .hn-brand-header:has(.navigation){height:auto;min-height:var(--hn-header);flex-wrap:wrap;padding-bottom:14px}body.hn-official .hn-brand-header .navigation{gap:12px}}


@font-face{font-family:'Shippori Antique B1 palt';src:url('./official/Shippori-app-supplement.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20,U+4E0E,U+4E14,U+4E21,U+4E24,U+4E2A,U+4E3B,U+4E48,U+4E4B,U+4E8E,U+4E9B,U+4EAB,U+4EC0,U+4ECA,U+4ECD,U+4ECE,U+4EF7,U+4F30,U+4F34,U+4F46,U+4F4E,U+4F4F,U+4F5C,U+4F73,U+4F9D,U+4FEE,U+5011,U+501F,U+503C,U+505A,U+5065,U+50C5,U+50CF,U+50F9,U+512A,U+5132,U+513F,U+5143,U+5152,U+5167,U+5169,U+5173,U+5176,U+517C,U+518D,U+51B3,U+51B5,U+51C6,U+51E6,U+5217,U+5224,U+522A,U+522B,U+524A,U+5272,U+529F,U+52B4,U+52B9,U+52E4,U+52FE,U+52FF,U+5340,U+5348,U+5357,U+5361,U+5373,U+5377,U+53BB,U+53C3,U+53CA,U+53CC,U+53E6,U+53EA,U+540E,U+542F,U+5468,U+547C,U+548C,U+54A8,U+54CD,U+54EA,U+552F,U+555F,U+5584,U+55AE,U+55CE,U+56B4,U+56E0,U+56F0,U+56F2,U+56FA,U+570B,U+570D,U+5713,U+5716,U+5718,U+5740,U+5747,U+574F,U+582A,U+586B,U+58CA,U+58DE,U+58F0,U+590D,U+591A,U+5957,U+5973,U+597D,U+5982,U+59A5,U+59D3,U+5B09,U+5B78,U+5B9B,U+5BB3,U+5BC4,U+5BC6,U+5BE6,U+5BEB,U+5BF8,U+5C02,U+5C06,U+5C07,U+5C08,U+5C0D,U+5C1A,U+5C3A,U+5C5E,U+5C64,U+5C6C,U+5DE1,U+5DE5,U+5DF1,U+5DF2,U+5E2B,U+5E33,U+5E36,U+5E3D,U+5E76,U+5EB7,U+5EF6,U+5EFA,U+5F00,U+5F03,U+5F15,U+5F80,U+5F9E,U+5FA9,U+5FAE,U+5FBD,U+5FF5,U+600E,U+6050,U+6062,U+606F,U+60A8,U+60AA,U+60D1,U+60E0,U+60F3,U+613F,U+614B,U+6167,U+61B2,U+61B6,U+61C9,U+6211,U+6216,U+622A,U+624D,U+6253,U+6263,U+627E,U+6295,U+6298,U+62B5,U+62BC,U+62C5,U+62D2,U+6301,U+6309,U+632F,U+636E,U+6388,U+6389,U+6392,U+63A2,U+63A7,U+63CF,U+63D0,U+63DB,U+63F4,U+641C,U+643A,U+64A4,U+64C7,U+64CD,U+651C,U+6536,U+6539,U+6545,U+6548,U+6557,U+6559,U+656C,U+6578,U+65AD,U+65B7,U+65BC,U+65E0,U+65E2,U+65E7,U+65E9,U+6620,U+6625,U+6628,U+662D,U+662F,U+663C,U+665A,U+666E,U+667A,U+66FE,U+66FF,U+6703,U+670D,U+672B,U+672D,U+673A,U+6751,U+675F,U+6784,U+679C,U+6838,U+6839,U+6841,U+689D,U+68C4,U+691C,U+6AA2,U+6AAF,U+6AC3,U+6B04,U+6B3E,U+6B62,U+6B64,U+6B65,U+6B72,U+6B8B,U+6BB5,U+6BCF,U+6BD4,U+6C11,U+6C14,U+6C23,U+6C92,U+6CA1,U+6D3D,U+6D88,U+6D89,U+6DB2,U+6E2C,U+6EFF,U+6F14,U+707D,U+707E,U+70BA,U+713C,U+7167,U+71DF,U+72C0,U+72EC,U+7372,U+7406,U+7537,U+753B,U+7559,U+756B,U+7576,U+75C5,U+767B,U+767C,U+7687,U+76CA,U+76D4,U+76E3,U+76F8,U+770B,U+77ED,U+786E,U+78BC,U+7968,U+79C1,U+79CB,U+79D8,U+79DF,U+79FB,U+7A0D,U+7ACB,U+7AE5,U+7B14,U+7B26,U+7B46,U+7B97,U+7BA1,U+7BB1,U+7BC4,U+7C21,U+7C7B,U+7CFB,U+7D10,U+7D22,U+7D2B,U+7D76,U+7DAD,U+7DB2,U+7DD1,U+7DDA,U+7DE8,U+7E2E,U+7E3D,U+7E41,U+7E70,U+7E7C,U+7E8C,U+7E9C,U+7F51,U+7FFB,U+8001,U+800C,U+805E,U+806F,U+8077,U+811A,U+8173,U+81F3,U+81F4,U+8207,U+8209,U+820A,U+822C,U+82E5,U+8303,U+8352,U+8655,U+865F,U+8840,U+8863,U+88AB,U+88DD,U+88FD,U+8907,U+8932,U+8986,U+89C0,U+89C1,U+8A02,U+8A0A,U+8A2A,U+8A33,U+8A3B,U+8A3C,U+8A55,U+8A62,U+8A72,U+8A95,U+8A98,U+8AA4,U+8AB2,U+8ABF,U+8AC7,U+8B1D,U+8B49,U+8B6F,U+8B77,U+8B80,U+8B8A,U+8CA9,U+8CC7,U+8D08,U+8D77,U+8D85,U+8DF3,U+8F03,U+8F38,U+8F49,U+8F66,U+8FA6,U+8FBE,U+8FD0,U+8FD1,U+8FF0,U+8FFD,U+9000,U+9002,U+9019,U+9031,U+9032,U+9054,U+9072,U+9077,U+908F,U+90F5,U+914D,U+91CC,U+9215,U+9304,U+9332,U+9375,U+9418,U+957F,U+9589,U+95B1,U+95DC,U+9644,U+9664,U+968A,U+969B,U+96A0,U+96D9,U+96E3,U+9700,U+975E,U+9774,U+978B,U+97FF,U+9801,U+9810,U+983B,U+983C,U+984C,U+984D,U+9867,U+986F,U+9875,U+9910,U+994B,U+9996,U+9A57,U+9AD4,U+9EBC,U+9EDE,U+9F61}

body.hn-official .site-head.hn-brand-header:has(+.hn-entry-nav){margin-bottom:0}
body.hn-official .hn-entry-nav{display:flex;justify-content:flex-end;gap:24px;margin:0 0 36px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
body.hn-official .hn-entry-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;color:#165ce2;font:400 16px/1.5 var(--hn-font);text-align:center;text-decoration:underline;text-underline-offset:4px}
@media(max-width:768px){body.hn-official .hn-entry-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-block:8px;margin-bottom:24px}body.hn-official .hn-entry-nav a{font-size:13px;overflow-wrap:anywhere}body.hn-official .site-head.hn-brand-header:has(select){height:82px;padding-bottom:14px}body.hn-official .hn-brand-header select{margin-top:-4px;margin-left:auto}}

/* Full-width shared chrome must not inherit the application's form max-width. */
body.hn-official .site-head.hn-brand-header{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
body.hn-official .foot.hn-brand-footer{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
body.hn-official .hn-brand-footer-inner{max-width:none}

@media(max-width:480px){body.hn-official .hn-entry-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}body.hn-official .hn-entry-nav a{font-size:14px;word-break:keep-all;overflow-wrap:normal}}

body.hn-official .brand.hn-brand-link{font-family:var(--hn-font);font-size:16px;font-weight:400;letter-spacing:normal}

@media(min-width:769px){.hn-brand-footer address,.site-footer.hn-brand-footer address{font-size:max(14px,1.041667vw);line-height:max(24px,1.875vw)}.hn-brand-footer small,.site-footer.hn-brand-footer small{font-size:max(13px,.972222vw)}}