:root{--ink:#194c50;--cream:#f4fff1;--duration:12s;--delay:0s;--dy:-18px;--rot:5deg}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font-family:Arial,'Helvetica Neue','Noto Sans JP',sans-serif;background:#a5dfbc}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button{border:0}body:has(.menu:not([hidden])){overflow:hidden}.watermark{position:fixed;inset:0;z-index:35;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='680' height='430'%3E%3Ctext x='-30' y='220' fill='white' font-family='Arial,sans-serif' font-size='125' font-weight='900' transform='rotate(-18 330 220)'%3ESAMPLE%3C/text%3E%3C/svg%3E");background-size:680px 430px}.header{position:absolute;top:0;left:0;width:100%;z-index:50;padding:40px 4.3%;display:flex;align-items:flex-start;justify-content:space-between}.wordmark{position:relative;color:#fff;font-size:clamp(29px,3.8vw,62px);font-weight:950;font-style:italic;letter-spacing:-.08em;line-height:.85;transform:rotate(-8deg);padding-top:27px}.wordmark span{display:block;margin-left:.75em}.crown{position:absolute;top:-8px;left:36%;width:.65em;height:.5em;stroke:#fff;stroke-width:4;fill:none;transform:rotate(6deg)}.menu-toggle{height:44px;width:46px;padding:9px 4px;display:grid;align-content:center;gap:8px;background:none}.menu-toggle span{height:2px;width:100%;background:var(--ink);transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-5px) rotate(-45deg)}.menu{position:fixed;inset:0;z-index:45;background:#d4f3a9;padding:30vh 9vw 10vh}.menu[hidden]{display:none}.menu a{display:flex;justify-content:space-between;max-width:1000px;border-bottom:1px solid #194c5033;padding:28px 0;font-size:clamp(27px,6vw,70px);letter-spacing:-.06em;font-weight:800}.menu a span{font:12px Arial;letter-spacing:0}.menu p{font-size:10px;letter-spacing:.2em;margin-top:40px}.hero{position:relative;min-height:760px;height:min(100svh,1050px);overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#21b4df 0%,#66cfd0 41%,#b6e9a3 76%,#e1f791 100%)}.halo{position:absolute;pointer-events:none;border-radius:50%;filter:blur(60px);opacity:.38}.halo-a{width:65vw;height:65vw;left:-25%;top:-50%;background:#49c7f3}.halo-b{width:55vw;height:55vw;right:-25%;bottom:-50%;background:#d4fc52}.stage{position:absolute;inset:0;max-width:1600px;margin:auto;transform:translate(var(--px,0px),var(--py,0px));transition:transform 1s ease-out}.orbit,.model{position:absolute;pointer-events:none;animation:float var(--duration) ease-in-out var(--delay) infinite;will-change:transform}.orbit img,.model img{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}.orbit{z-index:8;filter:drop-shadow(0 18px 17px #285e6412)}.model{z-index:6}.male{width:34%;left:46%;top:12%}.female{width:30%;left:26%;top:15%;z-index:7}.cap{width:13%;left:18%;top:13%;transform:rotate(-9deg)}.cream{width:16%;right:4%;top:9%}.headphones{width:10%;left:5%;top:32%}.beanie{width:10%;right:3%;top:47%}.shoes{width:13%;left:13%;top:49%}.bag{width:18%;left:4%;top:75%;--base:-15deg}.glasses{width:12%;left:60%;top:77%}.cargo{width:10%;right:10%;top:68%;--base:13deg}.skate{width:20%;left:37%;top:88%;--base:4deg}.bubble{position:absolute;width:60px;aspect-ratio:1;border-radius:50%;z-index:3;background:radial-gradient(circle at 28% 22%,#fff9 0,#fff2 12%,transparent 35%),radial-gradient(circle at 70% 75%,#ffe76d77 0,transparent 37%),radial-gradient(circle at 75% 25%,#7778f166,transparent 55%);box-shadow:inset 0 0 8px #fff9,inset -7px -6px 15px #8db6f17a,0 0 6px #ffffff22;animation:float 15s ease-in-out -6s infinite}.bubble-1{left:39%;top:5%;width:72px}.bubble-2{left:9%;top:64%;width:42px;animation-delay:-2s}.bubble-3{right:4%;top:75%;width:85px;animation-delay:-11s}.hero-copy{position:absolute;left:4.5%;bottom:5.5%;z-index:12;color:#fff}.eyebrow{font-size:9px;letter-spacing:.27em;font-weight:700;margin:0 0 17px}.hero h1{font-size:clamp(27px,3.25vw,52px);line-height:1;font-weight:900;letter-spacing:.04em;margin:0 0 14px}.japanese{font-size:12px;letter-spacing:.15em;margin:0 0 24px}.explore{display:inline-flex;align-items:center;gap:27px;font-size:11px;letter-spacing:.08em;border-bottom:1px solid #ffffff99;padding:0 0 10px}.explore span{font-size:23px;line-height:1}.motion-toggle{position:absolute;right:3%;bottom:24px;z-index:20;border:1px solid #194c5040;border-radius:50px;padding:10px 15px;display:flex;gap:9px;align-items:center;background:#f4fff130;font-size:10px;backdrop-filter:blur(8px)}.motion-toggle>span:first-child{font-size:15px}.scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font-size:8px;letter-spacing:.24em;display:flex;align-items:center;gap:11px;color:#fff;z-index:12}.scroll span{width:17px;height:28px;border:1px solid #fff;border-radius:12px;position:relative}.scroll span:after{content:'';position:absolute;top:6px;left:7px;width:1px;height:6px;background:#fff;animation:scroll 2s infinite}.collection{padding:90px 4.5% 75px;background:linear-gradient(145deg,#b2e9bb,#e0f3ac);position:relative;scroll-margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2{font-size:clamp(22px,3vw,37px);font-weight:500;letter-spacing:.05em;margin:0}.section-head .eyebrow{margin-bottom:12px}.count{font-size:10px;letter-spacing:.12em}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 25px}.product{position:relative;border:0;background:none;text-align:left;padding:0}.product-visual{height:230px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #194c5020}.product img{width:75%;height:80%;object-fit:contain;filter:drop-shadow(0 15px 10px #194c5010);transition:transform .5s}.product:hover img{transform:translateY(-8px) rotate(-3deg)}.product-info{display:flex;justify-content:space-between;align-items:center;padding:15px 2px 0;font-size:11px;letter-spacing:.04em}.product-info span:last-child{font-size:20px;font-weight:400}.product .item-number{position:absolute;top:0;left:0;opacity:.5;font-size:9px}footer{padding:38px 4.5% 30px;background:#dff1af;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #194c501c}footer>a{font-size:20px;font-weight:900;font-style:italic;letter-spacing:-.05em}footer>a span{margin-left:15px}footer p{font-size:8px;letter-spacing:.16em}dialog{border:0;background:#dff4bd;color:var(--ink);border-radius:6px;padding:50px 35px 35px;width:min(90vw,520px);text-align:center;box-shadow:0 25px 100px #173f4b33}dialog::backdrop{background:#154d5360;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;font-size:30px;width:35px;height:35px}.detail-image{width:85%;height:300px;object-fit:contain;margin-bottom:30px}.detail-name{font-size:23px;font-weight:500;margin:12px}.detail-note{font-size:11px;opacity:.65}.paused .orbit,.paused .model,.paused .bubble,.paused .scroll span:after{animation-play-state:paused}.paused .stage{transform:none!important}@keyframes float{0%,100%{transform:translate(0,0) rotate(var(--base,0deg))}50%{transform:translate(5px,var(--dy)) rotate(calc(var(--base,0deg) + var(--rot)))}}@keyframes scroll{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}
@media(min-width:1600px){.hero-copy{left:calc((100% - 1456px)/2)}.header{padding-left:calc((100% - 1460px)/2);padding-right:calc((100% - 1460px)/2)}}
@media(min-width:761px) and (max-height:800px){.hero{min-height:700px}.male{width:30%;left:48%;top:9%}.female{width:27%;left:29%;top:14%}.hero-copy{bottom:7%}}
@media(max-width:1000px) and (min-width:761px){.products{grid-template-columns:repeat(3,1fr)}.male{width:39%;left:44%;top:20%}.female{width:35%;left:20%;top:23%}.cap{left:29%;top:10%;width:17%}.cream{width:20%}.hero-copy h1{font-size:25px}.hero-copy{bottom:7%}.bag{top:68%}.headphones{top:29%;width:13%}.glasses{top:78%}.cargo{width:13%}}
@media(max-width:760px){.header{padding:25px 24px}.wordmark{font-size:35px;padding-top:19px}.crown{top:-5px}.menu-toggle{width:33px;height:35px;gap:7px}.hero{height:auto;min-height:0;aspect-ratio:390/780;max-height:none}.stage{inset:0;transform:none!important}.cap{left:41%;top:11%;width:21%}.cream{right:2%;top:6%;width:27%}.headphones{left:3%;top:23%;width:19%;--dy:-12px}.beanie{right:1%;top:29%;width:18%;--dy:14px}.female{width:56%;left:8%;top:26%;--dy:7px}.male{width:59%;left:40%;top:22%;--dy:-7px}.shoes{left:-3%;top:37%;width:25%;--dy:12px}.bag{left:1%;top:69%;width:28%;--base:-17deg;--dy:-10px}.glasses{left:52%;top:70%;width:22%;--base:-3deg;--dy:12px}.cargo{right:3%;top:72%;width:21%;--dy:-10px}.skate{left:36%;top:82%;width:37%;--base:3deg;--dy:-8px}.bubble-1{left:30%;top:21%;width:34px}.bubble-2{left:13%;top:59%;width:25px}.bubble-3{right:1%;top:54%;width:47px}.hero-copy{left:6%;right:6%;bottom:5%;text-align:center}.hero-copy .eyebrow{display:none}.hero h1{font-size:23px;letter-spacing:.13em;margin:0 0 9px}.japanese{font-size:10px;margin-bottom:15px;letter-spacing:.12em}.explore{font-size:10px;gap:16px;padding-bottom:6px}.explore span{font-size:19px}.scroll{display:none}.motion-toggle{right:12px;bottom:12px;padding:7px 10px;font-size:9px}.motion-label{display:none}.watermark{background-size:440px 285px}.collection{padding:60px 22px 50px}.section-head{margin-bottom:27px}.section-head h2{font-size:23px}.section-head .eyebrow{font-size:8px}.count{font-size:8px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.product-visual{height:170px}.product img{width:88%;height:78%}.product-info{font-size:10px;padding-top:10px;letter-spacing:0}.product-info span:last-child{font-size:18px}.detail-image{height:260px}footer{padding:27px 22px;align-items:flex-start;flex-direction:column;gap:10px}footer p{margin:0}.menu{padding-top:25vh}}
@media(max-width:350px){.wordmark{font-size:30px}.hero h1{font-size:19px}.product-visual{height:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.model,.bubble,.scroll span:after{animation:none!important}.stage{transform:none!important}.product img{transition:none}.menu-toggle span{transition:none}}
@media(min-width:761px){.model{height:79%;top:11%}.model img{height:100%;object-fit:contain}.female{height:78%;top:15%}.male{height:80%;top:10%}}

/* ===== 修正（見出しの文字・価格と色ボタン・商品一覧の背景） ===== */
/* 商品一覧：目にやさしい生成りの背景に */
.collection{background:#f3f3ee}
.collection::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 0% 0%,#d9f1ea 0,transparent 70%),radial-gradient(50% 35% at 100% 100%,#eef5d6 0,transparent 70%);opacity:.7}
.collection>*{position:relative}
footer{background:#ecece6}
dialog{background:#fafaf7}
/* 見出し：ロゴに合わせた太い文字 */
.section-head h2{font-family:'Dela Gothic One','Zen Kaku Gothic New',sans-serif;font-weight:400;font-size:clamp(30px,4.4vw,58px);line-height:1.15;letter-spacing:.02em;color:var(--ink)}
.section-head h2 em{font-style:normal;color:#f05a14}
.section-head .eyebrow{font-size:11px;letter-spacing:.3em}
/* 商品カード */
.product{display:flex;flex-direction:column}
.product-visual{width:100%;background:#fff;border:0;border-radius:16px;padding:0;cursor:pointer;transition:transform .4s,box-shadow .4s;box-shadow:0 18px 30px -26px #194c5066}
.product-visual:hover{transform:translateY(-4px);box-shadow:0 26px 36px -26px #194c5080}
.product .item-number{z-index:1;top:10px;left:12px}
.product-info{display:block;padding:14px 2px 0}
.product-name{margin:0;font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em}
.product-price{margin:4px 0 0;font-family:'Zen Kaku Gothic New',sans-serif;font-weight:500;font-size:13px;letter-spacing:.06em;opacity:.8}
.product-row,.detail-color-row{display:flex;align-items:center;gap:10px;margin-top:10px}
.detail-color-row{justify-content:center;margin:14px 0 4px}
.swatches{display:flex;gap:8px}
.swatch{width:20px;height:20px;border-radius:50%;padding:0;background:var(--sw);box-shadow:inset 0 0 0 1px #194c5033;position:relative;cursor:pointer}
.swatch[aria-checked="true"]::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--ink)}
.color-name,.detail-color{font-size:11px;letter-spacing:.06em;opacity:.7}
.detail-price{margin:0;font-family:'Zen Kaku Gothic New',sans-serif;font-size:16px;font-weight:500}
.detail-name{font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700}
.watermark{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='680' height='430'%3E%3Ctext x='-30' y='220' fill='%23194c50' font-family='Arial,sans-serif' font-size='125' font-weight='900' transform='rotate(-18 330 220)'%3ESAMPLE%3C/text%3E%3C/svg%3E")}
@media(max-width:760px){
  .section-head{align-items:flex-start;flex-direction:column;gap:8px}
  .section-head h2{font-size:30px}
  .product-visual{height:170px;border-radius:12px}
  .product-name{font-size:12px;letter-spacing:0}
  .product-price{font-size:12px}
  .swatch{width:18px;height:18px}
}
.product-info span.color-name{font-size:11px;font-weight:400}
.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 30px}
.product-visual{height:260px}
@media(max-width:760px){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.product-visual{height:170px}.product-info span.color-name{font-size:10px}}
.watermark{opacity:.045}
/* 国旗の切り替え */
.header-right{display:flex;align-items:center;gap:18px}
.langs{display:flex;gap:8px}
.lang{width:34px;height:23px;padding:0;background:none;opacity:.5;transition:opacity .2s}
.lang svg{display:block;width:100%;height:100%;box-shadow:0 0 0 1px #194c5026,0 4px 10px -4px #194c5055}
.lang[aria-pressed="true"]{opacity:1}
/* 制作サンプルの表示 */
.sample-badge{position:fixed;left:16px;bottom:16px;z-index:40;margin:0;pointer-events:none;background:#ffffffd9;border:1px solid #194c5033;border-radius:4px;padding:6px 12px;font-size:11px;letter-spacing:.08em;color:var(--ink);font-family:'Zen Kaku Gothic New',sans-serif}
/* 韓国語の文字 */
html[lang="ko"] body{font-family:Arial,'Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR',sans-serif}
html[lang="ko"] .section-head h2{font-family:'Black Han Sans','Dela Gothic One',sans-serif}
html[lang="ko"] .product-name,html[lang="ko"] .detail-name,html[lang="ko"] .sample-badge{font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif}
@media(max-width:760px){.header-right{gap:12px}.lang{width:28px;height:19px}.sample-badge{left:10px;bottom:10px;font-size:10px;padding:5px 9px}}
.explore .explore-label{font-size:inherit;line-height:inherit}