/** Shopify CDN: Minification failed

Line 10:0 Unexpected "<"
Line 170:0 Unexpected "<"

**/
/* =====================================================
   CLS HARD FIX: lock header typography metrics
===================================================== */
<style>
/* 1) kill "normal" line-height (font swap -> layout shift) */
#shopify-section-sections--21174827843819__main-header,
#shopify-section-sections--21174827843819__main-header *{
  line-height: 1 !important;
}

/* 2) reserve header height (choose a safe value) */
#shopify-section-sections--21174827843819__main-header{
  min-height: 96px;
}

/* 3) ensure inner grid never expands */
#shopify-section-sections--21174827843819__main-header .drop1-header__inner{
  height: 64px;              /* あなたの設計値 */
  align-items: center;
}

/* 4) prevent menu text from wrapping (wrap = sudden height increase) */
#shopify-section-sections--21174827843819__main-header .drop1-header__menu a,
#shopify-section-sections--21174827843819__main-header .drop1-header__cart-text{
  white-space: nowrap;
}

/**********************************************
 * DROP1 — BASSCSS (Dawn skeleton / Global Dark)
 * Policy:
 * - Global dark background (all pages)
 * - No nuking of inline backgrounds / bg classes
 * - No section layout rewrites
 * - No global !important color overrides
 **********************************************/

/* ---------------- Global Tokens ---------------- */
:root {
  color-scheme: dark;

  --drop1-bg: #0d0d0f;
  --drop1-fg: #f2f2f2;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --font-size-base: 16px;
  /* Dawn uses rgb triplets for many tokens */
  --color-background: 13, 13, 15;
  --color-foreground: 242, 242, 242;
}



/* ---------------- Base Reset ---------------- */
* {
  box-sizing: border-box;
  margin: 0;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

p { text-wrap: pretty; }
p:empty { display: none; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

/* ---------------- Global Dark Foundation ---------------- */
html, body {
  background: var(--drop1-bg);
  color: var(--drop1-fg);
}

/* Main content inherits foreground */
#MainContent { color: var(--drop1-fg); }

/* Links: inherit by default to avoid breaking semantic colors in components */
a { color: inherit; }

/* ---------------- Dawn Background Surfaces (Targeted) ---------------- */
/* Dawn frequently paints these with light surfaces; force to dark globally */
.gradient,
.color-background-1,
.color-background-2,
.color-background-3 {
  background: var(--drop1-bg);
}

/* If theme applies background to wrappers, keep them dark (not transparent) */
#MainContent,
main,
.main-content,
.content-for-layout,
.page-container {
  background: var(--drop1-bg);
}

/* ---------------- Form Controls (Readable on Dark) ---------------- */
button,
input,
select,
textarea {
  background: rgba(255, 255, 255, 0.04);
  color: var(--drop1-fg);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

::placeholder {
  color: rgba(242, 242, 242, 0.6);
}

/* Focus visibility */
:focus-visible {
  outline: 2px solid rgba(242, 242, 242, 0.5);
  outline-offset: 2px;
}

/* ---------------- Utilities ---------------- */
.full-width { width: 100%; }

/* ---------------- Typography ---------------- */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1, h2, h3, .drop1-heading {
  font-family: "GT Standard Local", system-ui, sans-serif;
}

/* CLS fix: wrapper above header must keep reserved space too */
#shopify-section-system-state{
  min-height: 0;
}
/* === LCP / CLS hard override (add-only) === */
.custom-section{
  aspect-ratio: 16 / 9;
}

@media (max-width: 749px){
  .custom-section{
    aspect-ratio: 9 / 16;
  }
}

.custom-section__background img{
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}
/* =====================================================
   Global reset (safe): remove UA body margin
===================================================== */
html, body{
  margin: 0;
  padding: 0;
}

  

</style>



