:root{--ground:#f2f4f7;--surface:#fff;--sunk:#e6eaf0;--ink:#17222c;--muted:#586473;--line:#d2d8e1;--accent:#0b6e78;--accent-ink:#fff;--accent-soft:#d9ecee;--signal:#c4521f;--signal-soft:#fbe6dc;--amazon:#f90;--rakuten:#bf0000;--sans:"Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:10px;--wide:1180px;--measure:720px;--gutter:16px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font:16px/1.85 var(--sans);overflow-wrap:anywhere;margin:0}a{color:var(--accent)}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.wrap{max-width:var(--wide);padding-inline:var(--gutter);margin:0 auto}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header__inner{align-items:center;gap:20px;min-height:72px;display:flex}.site-logo{flex:none;line-height:0;display:block}.site-logo img{width:auto;height:54px}.site-menu{align-items:center;gap:16px;min-width:0;margin-left:auto;display:flex}.site-nav{scrollbar-width:none;flex:none;gap:4px;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{color:var(--ink);border-radius:999px;flex:none;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none}.site-nav a:hover{background:var(--sunk)}.site-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.site-search{flex:0 230px;min-width:150px}.site-search input,.search-box input{border:1px solid var(--line);width:100%;height:38px;font:inherit;color:var(--ink);background:var(--ground) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23586473' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5.5'/%3E%3Cpath d='m11 11 3.5 3.5'/%3E%3C/svg%3E") no-repeat 14px 50%;border-radius:999px;padding:0 14px 0 38px;font-size:14px}.site-search input:focus,.search-box input:focus{border-color:var(--accent);background-color:var(--surface);outline:none}.nav-lure{background:var(--accent);color:var(--accent-ink);border-radius:999px;flex:none;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none}.nav-lure:hover{background:#095a62}.menu-btn{display:none}@media (width<=1000px){.site-header__inner{flex-wrap:wrap;gap:0 8px;padding-block:8px}.site-logo{margin-right:auto}.site-menu{flex-direction:column;order:1;align-items:stretch;gap:8px;width:100%;margin:8px 0 0}.site-search{flex:none;order:-1}.site-search input{font-size:16px}.site-nav{margin:0 calc(-1 * var(--gutter)) -8px;padding:0 var(--gutter) 8px}.site-header[data-menu] .menu-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-right:-8px;padding:0;display:inline-grid}.menu-btn span,.menu-btn span:before,.menu-btn span:after{background:currentColor;border-radius:1px;width:22px;height:2px;transition:transform .2s,background-color .2s;display:block}.menu-btn span{position:relative}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;left:0}.menu-btn span:before{top:-7px}.menu-btn span:after{top:7px}.site-header[data-menu=open] .menu-btn span{background:0 0}.site-header[data-menu=open] .menu-btn span:before{transform:translateY(7px)rotate(45deg)}.site-header[data-menu=open] .menu-btn span:after{transform:translateY(-7px)rotate(-45deg)}.site-header[data-menu] .site-menu{display:none}.site-header[data-menu=open] .site-menu{border-top:1px solid var(--line);padding-top:12px;display:flex}.site-header[data-menu=open] .site-nav{grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;display:grid}.site-header[data-menu=open] .site-nav a{border-radius:8px;padding:10px 12px;font-size:15px}}@media (width<=760px){.site-logo img{height:38px}}.site-footer{background:var(--ink);color:#c9d1db;margin-top:56px;font-size:14px}.site-footer__inner{gap:18px;padding-block:32px;display:grid}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer ul{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}.site-footer small{color:#8b97a5;font-size:12px}.crumbs{color:var(--muted);flex-wrap:wrap;gap:4px 6px;margin:18px 0 8px;font-size:12px;display:flex}.crumbs a{color:var(--accent);text-decoration:none}.crumbs .sep{color:#9aa4b1}.page-head{margin:28px 0 18px}.page-head h1{margin:0;font-size:clamp(22px,3.4vw,28px);line-height:1.4}.page-head p{color:var(--muted);margin:6px 0 0;font-size:14px}.post-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.post-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);height:100%;overflow:hidden}.post-card a{height:100%;color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.post-card a:hover .post-card__title{color:var(--accent)}.post-card__thumb{aspect-ratio:16/9;background:var(--sunk);overflow:hidden}.post-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.post-card__body{gap:6px;padding:12px 14px 16px;display:grid}.post-card__title{margin:0;font-size:16px;font-weight:700;line-height:1.55}.post-card__meta{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 10px;font-size:12px;font-weight:500;text-decoration:none;display:inline-block}.date{font-family:var(--mono);color:var(--muted);font-size:12px}.pager{justify-content:center;gap:8px;margin:28px 0 0;display:flex}.pager a,.pager span{border:1px solid var(--line);background:var(--surface);text-align:center;min-width:40px;color:var(--ink);font-family:var(--mono);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.pager span[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.cat-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cat-list a{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;align-items:baseline;gap:6px;padding:4px 14px;font-size:14px;text-decoration:none;display:inline-flex}.cat-list a:hover{border-color:var(--accent)}.cat-list a span{font-family:var(--mono);color:var(--muted);font-size:11px}.section-title{align-items:center;gap:10px;margin:40px 0 14px;font-size:18px;display:flex}.section-title:before{content:"";background:var(--signal);border-radius:3px;width:6px;height:1.1em}.sidebar{gap:20px;display:grid}.side-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px 18px 20px}.side-title{align-items:center;gap:8px;margin:0 0 14px;font-size:16px;display:flex}.side-title:before{content:"";background:var(--signal);border-radius:3px;width:5px;height:1.1em}.side-posts{counter-reset:rank;gap:14px;margin:0;padding:0;list-style:none;display:grid}.side-posts a{color:var(--ink);grid-template-columns:112px minmax(0,1fr);align-items:start;gap:12px;text-decoration:none;display:grid}.side-posts a:hover .side-posts__title{color:var(--accent)}.side-posts__thumb{aspect-ratio:16/9;background:var(--sunk);border-radius:6px;position:relative;overflow:hidden}.side-posts__thumb img{object-fit:cover;width:100%;height:100%;display:block}.side-posts__body{gap:2px;display:grid}.side-posts__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.side-posts--rank li{counter-increment:rank}.side-posts--rank .side-posts__thumb:before{content:counter(rank);z-index:1;background:var(--ink);color:#fff;width:24px;height:24px;font:700 12px var(--mono);border-radius:6px 0;place-items:center;display:grid;position:absolute;top:0;left:0}.side-posts--rank li:nth-child(-n+3) .side-posts__thumb:before{background:var(--signal)}.profile{text-align:center;padding:0 0 20px;overflow:hidden}.profile__cover{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.profile__avatar{border:3px solid var(--surface);background:var(--surface);object-fit:cover;border-radius:50%;width:84px;height:84px;margin:-42px auto 0;display:block;position:relative}.profile__name{margin:10px 0 0;font-size:18px;font-weight:700}.profile__bio{text-align:left;margin:10px 20px 0;font-size:14px;line-height:1.85}.profile__sns{justify-content:center;gap:14px;margin:16px 0 0;padding:0;list-style:none;display:flex}.profile__sns a{color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:opacity .15s;display:grid}.profile__sns a:hover{opacity:.8}.profile__sns svg{fill:currentColor;width:18px;height:18px}.profile__x{background:#000}.profile__youtube{background:#f03}.profile__youtube svg{width:20px;height:20px}.search-box{max-width:560px}.search-box input{background-color:var(--surface);height:46px;font-size:16px}.search-lure{background:var(--accent);color:var(--accent-ink);border-radius:999px;margin:14px 0 0;padding:8px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.search-lure:hover{background:#095a62}.hero{aspect-ratio:3;border-radius:var(--radius);background:var(--ink);margin:20px 0 0;position:relative;overflow:hidden}.hero img{object-fit:cover;width:100%;height:100%;display:block}.hero:after{content:"";background:linear-gradient(#0a141c00 45%,#0a141c8c);position:absolute;inset:0}.hero__title{z-index:1;color:#fff;letter-spacing:.12em;text-shadow:0 2px 12px #00000059;margin:0;font-size:clamp(28px,4.6vw,54px);font-weight:700;line-height:1.2;position:absolute;bottom:clamp(14px,3.4vw,40px);left:clamp(20px,4vw,48px)}@media (width<=760px){.hero{aspect-ratio:16/10;margin-top:16px}}.lure-promo{margin:18px 0 0;container-type:inline-size}.lure-promo__inner{--mist:#e7eff3;border-radius:var(--radius);background:var(--mist);gap:16px;padding:0 0 22px;display:grid;position:relative;overflow:hidden}.lure-promo__visual{aspect-ratio:16/10;background:var(--ink);position:relative}.lure-promo__img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.lure-promo__visual:after{content:"";background:linear-gradient(#0b1f3d00 22%,#0b1f3d73 50%,#0b1f3de0);position:absolute;inset:0}.lure-promo__copy{z-index:1;color:#fff;position:absolute;bottom:14px;left:20px;right:20px}.lure-promo__eyebrow{font-family:var(--mono);letter-spacing:.16em;opacity:.85;margin:0;font-size:11px}.lure-promo__title{margin:2px 0 4px;font-size:26px;line-height:1.3}.lure-promo__text{margin:0;font-size:14px;line-height:1.7}.lure-promo__go{border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;justify-self:start;align-items:center;gap:10px;margin-inline:20px;padding:8px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.lure-promo__go:hover{background:var(--ink);color:#fff}.lure-promo__fish{margin-inline:20px}.lure-promo__fish p{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:700}.lure-promo__fish ul{grid-template-columns:repeat(3,1fr);gap:8px;max-width:480px;margin:0;padding:0;list-style:none;display:grid}.lure-promo__fish a{background:var(--surface);color:var(--ink);text-align:center;border-radius:999px;padding:7px 8px;font-size:14px;font-weight:500;text-decoration:none;display:block;box-shadow:0 1px 3px #17222c1f}.lure-promo__fish a:hover{background:var(--accent);color:var(--accent-ink)}@container (width>=560px){.lure-promo__visual{aspect-ratio:5/2}.lure-promo__copy{bottom:20px;left:28px}.lure-promo__title{font-size:30px}}@container (width>=880px){.lure-promo__inner{grid-template-rows:auto auto;grid-template-columns:minmax(0,340px) 1fr auto;gap:16px 24px;min-height:230px;padding:28px 32px}.lure-promo__inner:before{content:"";z-index:1;background:linear-gradient(90deg, var(--mist) 390px, #e7eff300 560px, #e7eff300 calc(100% - 380px), #e7eff3e6 calc(100% - 200px));position:absolute;inset:0}.lure-promo__visual{display:contents}.lure-promo__visual:after{display:none}.lure-promo__img{width:calc(100% - 240px);left:240px}.lure-promo__copy,.lure-promo__go,.lure-promo__fish{z-index:2;margin:0;position:relative}.lure-promo__copy{color:var(--ink);grid-area:1/1;align-self:end;inset:auto}.lure-promo__eyebrow{color:var(--muted);opacity:1}.lure-promo__title{font-size:36px}.lure-promo__go{grid-area:2/1;align-self:start}.lure-promo__fish{grid-area:1/3/span 2;align-self:center}.lure-promo__fish p{text-align:center}.lure-promo__fish ul{grid-template-columns:repeat(2,1fr)}.lure-promo__fish a{min-width:92px;padding-inline:14px}}