@charset "UTF-8";
/* Noto Sans JP = Google Fonts（全字収録・表示中の文字だけ分割読込）＝各HTMLの<link>で読む。旧ローカル間引き版は文字欠けのため廃止（2026-09-27） */
@font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url('./oswald.woff2') format('woff2')}

/* Official G'LUX MOTORING logo, shared by every page. Keep the text in the
   markup as an accessible name while displaying the supplied artwork. */
html body .wordmark,
html body .ft-logo,
html body .mobile-contact-brand{
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  background-image:url('./glux-logo-white.png')!important;
  background-repeat:no-repeat!important;
  background-position:center left!important;
  background-size:contain!important;
}
html body .wordmark>span,
html body .ft-logo>span{display:none!important}
html body .wordmark{
  display:block!important;
  width:118px!important;
  height:38px!important;
  flex:0 0 118px!important;
}
html body .ft-logo{
  display:block!important;
  width:min(100%,300px)!important;
  height:96px!important;
}
html body .mobile-contact-brand{
  display:block!important;
  width:76px!important;
  height:25px!important;
  margin-inline:auto!important;
}
html body.harley-experience{overflow-x:clip}
@media(max-width:700px){
  html body .wordmark{width:96px!important;height:31px!important;flex-basis:96px!important}
  html body .ft-logo{width:min(100%,210px)!important;height:68px!important}
  html body .mobile-contact-brand{width:62px!important;max-width:none!important;height:23px!important}
}

/* Large editorial brand marks use the same supplied artwork. Headings keep
   their text in the DOM for screen readers and animation hooks. */
html body .display-brand-mark,
html body #information .info-heading h2 .info-brand{
  display:block!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  background:url('./glux-logo-white.png') no-repeat center left / contain!important;
  aspect-ratio:1372/438;
}
html body #information .info-heading h2 .info-brand{width:min(100%,520px)!important}
html body #information .info-heading h2 .info-period{display:none!important}
html body #information .info-ornament{display:none!important}
html body #information .info-identity{align-self:center!important}
html body #information .inside-meter{right:0!important;width:34%!important;opacity:.55!important}
html body .entry-title{
  height:clamp(150px,25vw,340px)!important;
  font-size:0!important;
  line-height:0!important;
  background:url('./glux-logo-white.png') no-repeat center / min(74vw,930px) auto!important;
}
html body .entry-title>span{visibility:hidden!important}
html body #information .visit-details h3>.display-brand-mark{width:min(100%,290px)!important;margin-bottom:6px}
html body .store-hero h1>.display-brand-mark{width:min(45vw,520px)!important}
html body.trailer-open .page-hero h1>.display-brand-mark{width:min(100%,500px)!important}
@media(max-width:700px){
  html body #information .info-heading h2 .info-brand{width:min(100%,360px)!important}
  html body #information .inside-meter{opacity:.4!important}
  html body .entry-title{height:clamp(125px,31vw,230px)!important;background-size:86vw auto!important}
  html body .store-hero h1>.display-brand-mark{width:min(88vw,420px)!important}
  html body.trailer-open .page-hero h1>.display-brand-mark{width:min(86vw,390px)!important}
  html body #information .info-identity{padding-top:0!important}
}

/* Katakana reading under the header logo (2026-09-27). */
html body .wordmark{position:relative!important;overflow:visible!important;transform:translateY(-6px)}
html body .wordmark::after{content:'\30b8 \30fc \30e9 \30c3 \30af \30b9 \30e2 \30fc \30bf \30ea \30f3 \30b0';position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);font-family:'Noto Sans JP',sans-serif;font-size:9.8px;font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap;color:#d8d4cc;text-shadow:none;pointer-events:none}
@media(max-width:700px){html body .wordmark::after{font-size:8px;top:calc(100% + 3px)}}
@media(max-width:700px){html body .masthead-right{gap:8px}html body .masthead-right .stock-link{gap:7px;padding-left:8px}html body .masthead-right .stock-link .sl-lab img{width:57px}html body .masthead-right .stock-link b{font-size:10px}html body .masthead-right .stock-link .sl-arrow{width:28px}}
/* Warranty footnote (2026-09-27) */
html body .warranty-note{display:block;margin-top:4px;font:400 11px/1.4 'Noto Sans JP',sans-serif;letter-spacing:.02em;opacity:.78;text-transform:none}
html body summary .warranty-note{display:inline;margin:0 0 0 .6em}
/* Header fit 1081-1320px: stock button further right, nav a little tighter (2026-09-27) */
@media(min-width:1081px) and (max-width:1320px){html body .masthead{padding-left:32px!important;padding-right:14px!important;gap:16px!important}html body .masthead .gnav-list>li>a{padding-inline:8px!important}}
/* 2026-09-28: goobike × G'LUX logo in the stock band */
html body #information .goo-brand{display:flex!important;align-items:center;gap:14px;line-height:1}
html body #information .goo-brand .goo-x{font:300 26px/1 'Oswald',sans-serif;font-style:normal;color:#e6ddcd;opacity:.85}
html body #information .goo-brand img.goo-glux{width:auto!important;height:44px;filter:none!important;mix-blend-mode:normal!important;opacity:.95}
@media(max-width:700px){html body #information .goo-brand{gap:10px}html body #information .goo-brand .goo-x{font-size:20px}html body #information .goo-brand img.goo-glux{height:34px}}
/* 2026-09-28: footer SNS (Instagram / YouTube / Threads) beside the footer logo */
html body .site-foot .ft-brand .ft-sns{grid-column:1;grid-row:1;justify-self:end;align-self:center;display:flex;gap:24px;align-items:center;margin-right:4%}
html body .site-foot .ft-sns a{display:grid;place-items:center;width:40px;height:40px;filter:drop-shadow(0 4px 12px #0009);transition:transform .25s,filter .25s}
html body .site-foot .ft-sns svg{width:32px;height:32px}
html body .site-foot .ft-sns a:hover,html body .site-foot .ft-sns a:focus-visible{transform:translateY(-3px) scale(1.08);outline:none}
@media(max-width:700px){html body .site-foot .ft-brand .ft-sns{grid-column:1/-1!important;grid-row:auto!important;justify-self:start!important;align-self:start!important;width:max-content;margin:6px 0 0!important;gap:20px}html body .site-foot .ft-sns svg{width:28px;height:28px}}
/* 2026-09-28: footer SNS bigger on PC and placed right after the logo */
@media(min-width:701px){html body .site-foot .ft-brand .ft-sns{justify-self:start;margin:0 0 0 calc(min(100%,300px) + 56px);gap:28px}html body .site-foot .ft-sns a{width:52px;height:52px}html body .site-foot .ft-sns svg{width:44px;height:44px}}
/* 2026-09-28: fixed Instagram side tab on the left edge (icon only, like 3cube.jp) */
html body .side-ig{position:fixed;left:0;bottom:90px;z-index:75;display:grid;place-items:center;width:34px;height:38px;border-radius:0 8px 8px 0;background:linear-gradient(155deg,#feda75 0%,#fa7e1e 18%,#d62976 42%,#962fbf 75%,#4f5bd5 100%);color:#fff;box-shadow:4px 4px 16px #d629764d,inset 0 0 0 1px #ffffff26;transition:width .25s,box-shadow .25s}
html body .side-ig svg{width:24px;height:24px}
html body .side-ig:hover,html body .side-ig:focus-visible{width:38px;box-shadow:6px 6px 20px #d6297680;outline:none}
body.menu-open .side-ig,body.stock-open .side-ig{opacity:0;pointer-events:none}
@media(max-width:1080px){html body .side-ig{bottom:calc(96px + env(safe-area-inset-bottom,0px));width:30px;height:34px}html body .side-ig svg{width:21px;height:21px}}
/* 2026-09-28: footer LINE contact button under the phone number */
html body .site-foot .ft-line{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border:1px solid #c3a77988;background-color:#121417cc;color:#f0e7d6;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.04em;transition:background-color .25s,border-color .25s}
html body .site-foot .ft-line svg{width:28px;height:28px;flex:none}
html body .site-foot .ft-line:hover,html body .site-foot .ft-line:focus-visible{background-color:#06C755;border-color:#06C755;color:#fff;outline:none}
@media(min-width:701px){html body .site-foot .ft-brand .ft-line{grid-column:2;grid-row:3;justify-self:end;align-self:start;margin-top:14px}}
@media(max-width:700px){html body .site-foot .ft-brand .ft-line{justify-self:start;margin-top:12px}}
/* 2026-09-28: Instagram side tab (TOP only) shows / hides together with the right-hand stock rail */
html body .side-ig{transition:width .25s,box-shadow .25s,opacity .25s,transform .25s}
@media(min-width:1081px){body.bu-in-journey .side-ig{opacity:0;pointer-events:none;transform:translateX(-20px)}}
/* 2026-09-28: GooBike review score badge in the sky of the EXTERIOR photo (TOP) */
.about-mosaic .goo-review{position:absolute;top:9%;right:6%;z-index:2;display:flex;flex-direction:column;gap:6px;padding:0;color:#fff;text-shadow:0 1px 3px #0009,0 0 14px #0006;pointer-events:none}
.goo-review small{font:600 12px/1.2 'Oswald',sans-serif;letter-spacing:.14em;color:#fff}
.goo-review .gr-row{display:flex;align-items:center;gap:14px}
.goo-review .gr-stars{position:relative;display:inline-block;font-size:24px;line-height:1;letter-spacing:2px;color:#ffffff38}
.goo-review .gr-stars i{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;font-style:normal;color:#f1c04b;text-shadow:0 0 10px #f1c04b55}
.goo-review strong{font:700 40px/1 'Oswald',sans-serif;color:#fff}
.goo-review .gr-count{font-size:14px;font-weight:700;letter-spacing:.06em}.goo-review .gr-count b{font:700 20px 'Oswald',sans-serif;margin:0 2px}
.goo-review .gr-date{font-size:13px;color:#fff}
@media(max-width:700px){.about-mosaic .goo-review{top:6%;right:5%;padding:0;gap:4px}.goo-review .gr-stars{font-size:15px}.goo-review strong{font-size:26px}.goo-review .gr-row{gap:8px}.goo-review small{font-size:10px}.goo-review .gr-count{font-size:13px}.goo-review .gr-count b{font-size:16px}.goo-review .gr-date{font-size:13px}}
/* 2026-09-28: legal (特定商取引法) page + footer link */
html body .site-foot .ft-bottom .ft-legal{margin-left:auto;margin-right:28px;font-size:13px;letter-spacing:.04em;color:#c9bfae;text-decoration:none}
html body .site-foot .ft-bottom .ft-legal:hover,html body .site-foot .ft-bottom .ft-legal:focus-visible{color:#fff;text-decoration:underline}
html body.legal-page .page-hero.legal-hero{min-height:0!important;height:auto!important;padding:0!important;background:linear-gradient(130deg,#232225,#101214)}html body.legal-page .legal-hero h1{font-size:clamp(40px,5vw,64px)}html body.legal-page .legal-hero h1 .sub{font-size:clamp(18px,2vw,24px);-webkit-text-stroke:0;color:#e9dfcf}
html body.legal-page .legal-hero .page-hero-inner{position:relative;padding-top:130px!important;padding-bottom:34px!important}
.legal-page .legal-spec dd{line-height:1.9}
.legal-page .legal-spec dd a{color:#e7cfa4}
@media(max-width:700px){html body .site-foot .ft-bottom{flex-wrap:wrap;gap:10px}html body .site-foot .ft-bottom .ft-legal{margin:0;order:3;flex-basis:100%}html body.legal-page .legal-hero .page-hero-inner{padding-top:96px!important;padding-bottom:24px!important}}
/* 2026-09-28: hide the MOTION ON/OFF toggle (kept in DOM because lift.js binds to it) */
html body .motion-control{display:none!important}
/* 2026-09-28: harley page CUSTOM section background to black */
html body.harley-experience #custom.h-custom{background:#000}
/* 2026-09-28: harley hero G'LUX = official wordmark image (text face looked cheap) */
html body.harley-experience .h-hero-copy .h-brand{display:inline-block;height:.82em;width:auto;vertical-align:-.02em;margin-right:.18em}
/* 2026-09-28: harley custom footnote text removed - keep the stock link on the right */
html body.harley-experience .hc-footnote>a{margin-left:auto}
/* 2026-09-28: harley PARTS panel photo (muffler close-up) - keep the pipes in frame */
html body.harley-experience #hc-parts .hc-picture img{object-position:50% 62%}
/* 2026-09-28: G'LUX wordmark inside the bespoke heading as well */
html body.harley-experience .h-bespoke-title .h-brand{display:inline-block;height:.82em;width:auto;vertical-align:-.02em;margin-right:.18em}
html body.harley-experience .h-bespoke-title h3{white-space:nowrap;font-size:clamp(19px,2.25vw,27px)}
/* 2026-09-28: harley TRIKE block - main photo + 2 more trike photos */
html body.harley-experience .h-trike-photos{display:grid;gap:10px;min-width:0}
html body.harley-experience .h-trike-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body.harley-experience .h-trike-thumbs .h-photo{aspect-ratio:16/10}
html body.harley-experience .h-trike-thumbs .h-photo img{width:100%;height:100%;object-fit:cover}
/* 2026-09-28: harley hero background - sharper 2000px showroom photo instead of the blurry 880px hg10 */
html body.harley-experience .h-hero{background:linear-gradient(90deg,#0b0c0ef2 0%,#0b0c0ed0 30%,#0b0c0e30 72%),linear-gradient(0deg,#0b0c0e 0%,transparent 40%,#0b0c0e44 100%),url('showroom-counter-wide.webp?v=ef9a51fb') 60% center/cover no-repeat}
@media(max-width:760px){html body.harley-experience .h-hero{background:linear-gradient(180deg,#0b0c0eaa 0%,#0b0c0e40 38%,#0b0c0ef0 67%,#0b0c0e 100%),linear-gradient(90deg,#0b0c0e99,transparent),url('showroom-counter-wide.webp?v=ef9a51fb') 55% top/auto 850px no-repeat,#0b0c0e}}
/* 2026-09-28: G'LUX wordmark used inside any harley-page heading */
html body.harley-experience h3 .h-brand{display:inline-block;height:.82em;width:auto;vertical-align:-.02em}
/* 2026-09-28: harley SERVICE - more lift photos under the main pit photo */
html body.harley-experience .h-care-photo{position:relative}
html body.harley-experience .h-care-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
html body.harley-experience .h-care-thumbs .h-photo{aspect-ratio:4/3}
html body.harley-experience .h-care-thumbs .h-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
/* 2026-09-28: harley SERVICE cards + warranty get photos */
html body.harley-experience .h-care-services .h-care-img{display:block;width:100%;aspect-ratio:3/2;margin:0 0 18px}
html body.harley-experience .h-care-services .h-care-img img,html body.harley-experience .h-warranty-img img{width:100%;height:100%;object-fit:cover}
html body.harley-experience .h-warranty .h-warranty-img{grid-column:1;grid-row:3/5;display:block;width:100%;max-width:420px;aspect-ratio:3/2;margin-top:6px}
@media(max-width:760px){html body.harley-experience .h-warranty .h-warranty-img{grid-column:auto;grid-row:auto;max-width:none}}
/* 2026-09-28: harley 1F showroom slideshow + trike block black */
html body.harley-experience .h-showroom-photo>.h-photo{position:relative;overflow:hidden}
html body.harley-experience .h-showroom-photo>.h-photo img.h-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease}
html body.harley-experience .h-showroom-photo>.h-photo img.h-slide.is-on{opacity:1}
html body.harley-experience .h-showroom-photo>.h-photo img.h-slide:first-child{position:relative}
html body.harley-experience .h-showroom-photo>.h-photo .h-expand{z-index:2}
html body.harley-experience .h-trike-block{background:#000}

/* 2026-10-01: header emblem watermark on every page (same mark as TOP) */
.masthead .header-round-watermark{position:absolute;left:calc(var(--gutter,24px) + 145px);top:0;bottom:0;width:clamp(150px,14vw,270px);overflow:hidden;pointer-events:none;opacity:.13;mix-blend-mode:screen;z-index:0}
.masthead .header-round-watermark::before{content:"";position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);background:url('./glux-emblem.png') center/contain no-repeat}
@media(max-width:1320px){.masthead .header-round-watermark{left:155px;width:150px;opacity:.09}}
@media(max-width:1080px){.masthead .header-round-watermark{left:calc(var(--gutter,24px) + 120px);width:180px;opacity:.08}}
@media(max-width:420px){.masthead .header-round-watermark{left:115px;width:140px}}

/* 2026-10-02: emblem watermark in the footer brand row (関谷さん「ろご」) */
.ft-top{position:relative}
.ft-top::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:clamp(140px,13vw,190px);aspect-ratio:1;background:url('./glux-emblem.png') center/contain no-repeat;opacity:.13;mix-blend-mode:screen;pointer-events:none;z-index:0}
.ft-top>*{position:relative;z-index:1}
@media(max-width:700px){.ft-top::after{left:auto;right:-6%;top:0;transform:none;width:150px;opacity:.09}}