/* LOT — EC WEB MAGAZINE by Ruska */
:root{
  --paper:#F4F0E8;--cream:#FBF8F2;--ink:#151515;--red:#D9482B;--green:#1E4A38;--mute:#6E6A62;--line:#D9D3C7;
  --en:"Anton","Impact",sans-serif;--jp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
}
*{box-sizing:border-box}
body.lot{margin:0;background:var(--paper);color:var(--ink);font-family:var(--jp);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}
.lot a{color:inherit;text-decoration:none}
.lot img{max-width:100%;height:auto;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lot-wrap{max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.lot-en{font-family:var(--en);font-weight:400;letter-spacing:.04em;line-height:1}
.lot-en.is-red{color:var(--red)} .lot-en.is-paper{color:var(--paper)} .lot-en.is-sm{font-size:15px;letter-spacing:.12em}
.lot-tag{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1;padding:5px 8px}
.lot-tag.is-ink{background:var(--ink)}
.lot-btn{display:inline-block;background:var(--red);color:#fff!important;font-weight:700;font-size:13px;line-height:1;padding:13px 18px;transition:opacity .2s}
.lot-btn:hover{opacity:.85} .lot-btn.is-ink{background:var(--ink)}
.lot-more{display:inline-block;margin-top:14px;color:var(--red)!important;font-weight:700;font-size:13px}

/* top bar / header */
.lot-topbar{background:var(--ink);color:var(--paper);font-size:11px;font-weight:500;letter-spacing:.12em}
.lot-topbar .lot-wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.lot-head{background:var(--paper)}
.lot-head__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}
.lot-logo{display:inline-flex;align-items:baseline;gap:10px;line-height:1}
.lot-logo__mark{font-family:var(--en);font-size:60px;letter-spacing:.02em}
.lot-logo__by{font-weight:700;font-size:14px;color:var(--red);letter-spacing:.06em}
.lot-logo.is-light{color:var(--paper)}
.lot-nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:14px}
.lot-cats{background:var(--paper);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);overflow-x:auto;-webkit-overflow-scrolling:touch}
.lot-cats .lot-wrap{display:flex;gap:28px;padding-top:12px;padding-bottom:12px;white-space:nowrap;font-size:13px;font-weight:500}
.lot-cats a[aria-current]{color:var(--red);font-weight:700}

/* key visual */
.lot-kv{position:relative;overflow:hidden;color:#fff;background:#D6452A;min-height:min(720px,58vw)}
.lot-kv picture{position:absolute;inset:0}
.lot-kv__img{position:absolute;right:-4%;top:6%;width:112%;max-width:none!important;height:auto;object-fit:cover}
.lot-kv__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(214,69,42,1) 0,rgba(214,69,42,0) 18%),linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 45%),linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 45%)}
.lot-kv__bar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:26px}
.lot-kv__label{font-size:13px;font-weight:700;letter-spacing:.16em}
.lot-kv .lot-nav a{color:#fff} .lot-kv .lot-btn{background:#fff;color:var(--red)!important}
.lot-kv__body{position:relative;padding-top:36px;padding-bottom:48px}
.lot-kv__logo{margin:0;display:flex;align-items:flex-end;gap:14px;line-height:.86}
.lot-kv__mark{font-family:var(--en);font-weight:400;font-size:clamp(150px,27vw,400px);letter-spacing:.01em}
.lot-kv__by{white-space:nowrap;font-size:clamp(18px,2.1vw,30px);font-weight:700;letter-spacing:.06em;padding-bottom:.4em}
.lot-kv__catch{margin:34px 0 0;font-size:clamp(26px,2.8vw,40px);font-weight:900;letter-spacing:.04em;line-height:1.3}
.lot-kv__lead{margin:12px 0 0;font-size:15px;opacity:.92;max-width:42em}
.lot-kv__feature{display:inline-flex;align-items:center;gap:14px;margin-top:28px;font-size:16px;font-weight:700;color:#fff!important}
.lot-kv__feature b{font-weight:700}

/* sections */
.lot-sec{padding:56px 0}
.lot-sec.is-first{padding-top:48px}
.lot-sec.is-paper{background:var(--paper);border-top:1px solid var(--line)}
.lot-sec__hd{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:28px}
.lot-sec__hd h1,.lot-sec__hd h2{margin:0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.lot-sec__hd .lot-en{font-size:48px}
.lot-sec__hd h1>span:last-child,.lot-sec__hd h2>span:last-child{font-size:14px;font-weight:700;color:var(--mute)}
.lot-crumb{font-size:12px;color:var(--mute);letter-spacing:.06em;margin:0 0 18px}

/* hero */
.lot-hero{display:grid;grid-template-columns:minmax(0,780fr) minmax(0,372fr);gap:48px}
.lot-lead a{display:flex;flex-direction:column;gap:16px}
.lot-lead__ph img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.lot-lead__tags{display:flex;gap:8px}
.lot-lead__ttl{font-size:clamp(24px,2.5vw,36px);font-weight:900;line-height:1.45;letter-spacing:-.01em;text-wrap:balance}
.lot-lead__desc{font-size:15px;color:var(--mute);line-height:1.8}
.lot-lead__meta,.lot-card__meta{font-size:12px;color:var(--mute);font-weight:500;letter-spacing:.04em}
.lot-lead a:hover .lot-lead__ttl,.lot-card:hover .lot-card__ttl,.lot-rank:hover .lot-rank__t,.lot-brief__it:hover .lot-brief__t{color:var(--red)}
.lot-brief__hd{display:flex;align-items:baseline;gap:10px;margin:0 0 6px;font-size:12px;font-weight:700;color:var(--mute)}
.lot-brief__hd .lot-en{font-size:30px}
.lot-brief__it{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid var(--ink)}
.lot-brief__m{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:700;color:var(--mute);letter-spacing:.06em}
.lot-brief__m b{font-family:var(--en);font-weight:400;font-size:14px;color:var(--red);letter-spacing:.06em}
.lot-brief__t{font-size:15px;font-weight:700;line-height:1.55}

/* grid / cards */
.lot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
.lot-card{display:flex;flex-direction:column;gap:12px}
.lot-card__ph img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.lot-card__ttl{font-size:18px;font-weight:700;line-height:1.55}

/* special band */
.lot-band{background:var(--green);color:#fff}
.lot-band__in{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,340px);gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}
.lot-band__in>*{min-width:0}
.lot-band__no{margin:0;font-family:var(--en);font-size:clamp(80px,8vw,110px);line-height:1;letter-spacing:.02em}
.lot-band__txt h2{margin:10px 0 12px;font-size:clamp(28px,2.8vw,40px);font-weight:900;line-height:1.3}
.lot-band__txt p{margin:0 0 20px}
.lot-band__list{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:15px;line-height:1.6}
.lot-band__list a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.4)}
.lot-band__list a:hover{text-decoration-color:#fff}
.lot-band__txt .lot-en{font-size:18px;letter-spacing:.3em}

/* picks */
.lot-picks{display:grid;grid-template-columns:minmax(0,700fr) minmax(0,436fr);gap:64px;align-items:start}
.lot-rank{display:grid;grid-template-columns:40px 168px minmax(0,1fr);gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.lot-rank__n{font-family:var(--en);font-size:48px;line-height:1}
.lot-rank__n.is-red{color:var(--red)}
.lot-rank__ph img{width:168px;aspect-ratio:1200/630;object-fit:cover}
.lot-rank__t{font-size:16px;font-weight:700;line-height:1.55}
.lot-follow{background:var(--ink);color:#fff;padding:40px;display:flex;flex-direction:column;gap:18px}
.lot-follow .lot-en{font-size:30px}
.lot-follow__catch{margin:0;font-size:28px;font-weight:900;line-height:1.5}
.lot-follow__txt{margin:0;font-size:14px;color:#CFCAC0;line-height:1.8}
.lot-follow__acc{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lot-follow__acc a{background:var(--paper);color:var(--ink)!important;font-size:12px;font-weight:700;padding:8px 12px}
.lot-follow__acc a:hover{background:var(--red);color:#fff!important}
.lot-follow__acc span{background:var(--paper);color:var(--ink);font-size:12px;font-weight:700;padding:8px 12px}
.lot-follow__acc em{font-style:normal;font-size:12px;color:#CFCAC0;width:100%}
.lot-follow .lot-btn{align-self:flex-start}

/* article */
.lot-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,360px);justify-content:space-between;gap:64px;padding-top:48px;padding-bottom:64px}
.lot-main-article{background:var(--cream)}
.lot-article__tags{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.lot-article__ttl{margin:0 0 16px;font-size:clamp(26px,3vw,40px);font-weight:900;line-height:1.45;letter-spacing:-.01em;text-wrap:balance}
.lot-article__meta{margin:0 0 24px;font-size:13px;color:var(--mute);font-weight:500;letter-spacing:.04em}
.lot-article__ph{margin:0 0 32px}
.lot-article__ph img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.lot-body{font-size:17px;line-height:2}
.lot-body h2{position:relative;margin:56px 0 20px;padding-left:22px;font-size:26px;font-weight:900;line-height:1.45;scroll-margin-top:24px}
.lot-body h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:6px;background:var(--red)}
.lot-body h3{margin:40px 0 14px;font-size:20px;font-weight:700;line-height:1.5;padding-bottom:8px;border-bottom:1px solid var(--line)}
.lot-body p{margin:0 0 1.4em}
.lot-body a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.lot-body ul,.lot-body ol{padding-left:1.4em;margin:0 0 1.4em}
.lot-body li{margin:.3em 0}
.lot-body strong{background:linear-gradient(transparent 62%,rgba(217,72,43,.18) 62%)}
.lot-body blockquote{margin:0 0 1.6em;padding:24px 28px;background:var(--paper);border:2px solid var(--ink);font-size:16px}
.lot-body table{width:100%;border-collapse:collapse;margin:0 0 1.6em;font-size:14px;display:block;overflow-x:auto}
.lot-body th,.lot-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.lot-body th{background:var(--paper);font-weight:700}
.lot-body img{margin:0 auto 1.4em}
.lot-body figure{margin:0 0 1.6em}
.lot-article__kw{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px;color:var(--mute);margin:32px 0}
.lot-author{background:var(--ink);color:#fff;padding:28px;margin-top:40px;display:flex;flex-direction:column;gap:10px}
.lot-author__name{margin:0;font-size:18px;font-weight:900}
.lot-author__txt{margin:0 0 6px;font-size:13px;color:#CFCAC0;line-height:1.8}
.lot-author .lot-btn{align-self:flex-start}
.lot-side{display:flex;flex-direction:column;gap:28px}
.lot-toc{background:var(--paper);padding:28px;position:sticky;top:20px}
.lot-toc .lot-en{font-size:20px;letter-spacing:.2em;margin:0 0 12px}
.lot-toc ol{margin:0;padding-left:1.2em;font-size:14px;font-weight:500;line-height:1.7}
.lot-toc li{margin:.45em 0}
.lot-toc a:hover{color:var(--red)}
.lot-toc.is-inline{display:none;position:static;margin:0 0 32px}
.lot-pop .lot-en{font-size:24px;letter-spacing:.06em;margin:0 0 14px}
.lot-pop a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px;font-size:13px;font-weight:700;line-height:1.5}
.lot-pop img{width:120px;aspect-ratio:1200/630;object-fit:cover}

/* footer */
.lot-footer{background:var(--ink);color:var(--paper);padding:56px 0}
.lot-footer__brand{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.lot-footer__lead{margin:0;font-size:12px;font-weight:700;letter-spacing:.2em;color:#A8A39A}
.lot-footer__text{max-width:44em;font-size:13px;line-height:1.9;color:#D8D3C9;margin:20px 0}
.lot-footer__links{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12px;color:#D8D3C9}
.lot-footer__links a:hover{color:#fff}
.lot-footer__copy{margin:20px 0 0;font-size:11px;color:#8E897F}

/* responsive */
@media (max-width:1024px){
  .lot-hero,.lot-picks{grid-template-columns:1fr}
  .lot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lot-band__in{grid-template-columns:1fr;gap:24px}
  .lot-band__no{font-size:80px}
  .lot-layout{grid-template-columns:1fr}
  .lot-side .lot-toc{display:none}
  .lot-toc.is-inline{display:block}
}
@media (max-width:640px){
  .lot-hide-sp{display:none}
  body.lot{font-size:14px}
  .lot-wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .lot-nav a:not(.lot-btn){display:none}
  .lot-kv .lot-nav{display:none}
  .lot-kv{min-height:560px}
  .lot-kv__img{width:240%;right:-70%;top:auto;bottom:-6%}
  .lot-kv__body{padding-top:20px}
  .lot-kv__mark{font-size:150px}
  .lot-kv__by{white-space:nowrap;font-size:14px}
  .lot-kv__lead{display:none}
  .lot-head__in{padding-top:14px;padding-bottom:14px}
  .lot-head .lot-btn{padding:10px 12px;font-size:12px}
  .lot-logo__mark{font-size:40px}
  .lot-grid{grid-template-columns:1fr;gap:36px}
  .lot-sec{padding:40px 0}
  .lot-sec__hd .lot-en{font-size:34px}
  .lot-rank{grid-template-columns:28px 104px minmax(0,1fr);gap:12px}
  .lot-rank__n{font-size:32px}
  .lot-rank__ph img{width:104px}
  .lot-rank__t{font-size:14px}
  .lot-follow{padding:28px}
  .lot-band__txt h2{font-size:30px}
  .lot-body{font-size:16px}
  .lot-body h2{font-size:22px}
  .lot-layout{padding-top:32px}
}