<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>yonka｜海外子供服・ベビー服のセレクトショップ</title>
	<atom:link href="https://yonka.co.jp/feed/" rel="self" type="application/rss+xml" />
	<link>https://yonka.co.jp</link>
	<description></description>
	<lastBuildDate>Sat, 23 May 2026 08:43:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://yonka.co.jp/wp-content/uploads/2024/04/cropped-CF113840-0243-498C-B366-909BF2EFBF4E-32x32.png</url>
	<title>yonka｜海外子供服・ベビー服のセレクトショップ</title>
	<link>https://yonka.co.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>STUDIO BOHEME / スタジオボエム / ロンパー ヌアージュ / ヨーロッパ子ども服 / フランス子ども服 / ロンパース / yonka</title>
		<link>https://yonka.co.jp/studio-boheme-%e3%82%b9%e3%82%bf%e3%82%b8%e3%82%aa%e3%83%9c%e3%82%a8%e3%83%a0-%e3%83%ad%e3%83%b3%e3%83%91%e3%83%bc-%e3%83%8c%e3%82%a2%e3%83%bc%e3%82%b8%e3%83%a5-%e3%83%a8%e3%83%bc%e3%83%ad/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Sat, 23 May 2026 08:43:17 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<category><![CDATA[未分類]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72116</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/S__52314116_0-684x1024.jpg" class="webfeedsFeaturedVisual" /></p>【STUDIO BOHEME】ロンパー ヌアージュ スターフィッシュ｜フランス子ども服・オーガニックコットンの夏ロンパース｜yonka yonka magazine Editor&#8217;s Note Brand S [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/S__52314116_0-684x1024.jpg" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- ===== SEO META ===== -->
<title>【STUDIO BOHEME】ロンパー ヌアージュ スターフィッシュ｜フランス子ども服・オーガニックコットンの夏ロンパース｜yonka</title>
<meta name="description" content="パリ発STUDIO BOHEME（スタジオボエム）のロンパー ヌアージュ。ポルトガルの家族工房で仕立てるGOTS認証オーガニックコットンガーゼの夏ロンパース。スターフィッシュ・ウォーターメロン他。日本正規取扱いはyonkaで。">
<meta name="keywords" content="STUDIO BOHEME,スタジオボエム,ロンパー ヌアージュ,ヨーロッパ子ども服,フランス子ども服,ロンパース,オーガニックコットン,GOTS認証,ガーゼ,ベビー服,yonka">
<meta property="og:title" content="【STUDIO BOHEME】ロンパー ヌアージュ｜雲をまとう、軽やかな夏のフレンチベビー服｜yonka">
<meta property="og:description" content="パリ発・ポルトガル仕立てのオーガニックコットンガーゼロンパー。夏の雲のように軽やかな一着を、yonkaから。">
<meta property="og:type" content="article">
<meta name="robots" content="index, follow">

<!-- ===== FONTS ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italiana&#038;family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500;700&#038;display=swap" rel="stylesheet">

<style>
/* ============================================================
   COLOR PALETTE — STUDIO BOHEME "Nuage / 夏の雲"
   主役色：Starfish の淡いコーラル & Watermelon のジューシーな赤緑
   世界観：フレンチシック × ふわり軽やかな夏の雲
   ============================================================ */
:root{
  --cloud-white:   #fbf8f3;  /* 雲のベース・紙の白 */
  --milk:          #f3ede2;  /* 温かいミルククリーム */
  --sky-haze:      #dde6e6;  /* かすんだ夏空 */
  --starfish:      #e9a98e;  /* スターフィッシュのコーラル */
  --starfish-soft: #f2cdbd;  /* 淡いコーラル */
  --melon-flesh:   #e2756f;  /* すいかの果肉 */
  --melon-rind:    #8aa67a;  /* すいかの皮の緑 */
  --sage:          #b6c1a5;  /* やわらかなセージ */
  --ink:           #4a4039;  /* 本文の墨・あたたかい焦茶 */
  --ink-soft:      #7d7167;  /* 控えめな墨 */
  --deep:          #3a3531;  /* ダークセクション背景 */
}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  font-family:'Shippori Mincho','Noto Sans JP',serif;
  background:var(--cloud-white);
  color:var(--ink);
  line-height:1.95;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img{display:block;max-width:100%;}

a{color:inherit;text-decoration:none;}

/* ============================================================
   HEADER (sticky)
   ============================================================ */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(251,248,243,.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(74,64,57,.12);
}
.header-inner{
  max-width:1180px;margin:0 auto;
  padding:18px 32px;
  display:flex;align-items:center;justify-content:space-between;
}
.logo{display:flex;align-items:baseline;gap:7px;}
.logo .brand{
  font-family:'Italiana',serif;
  font-size:1.85rem;letter-spacing:.16em;
  color:var(--ink);line-height:1;
}
.logo .sub{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:.82rem;
  letter-spacing:.18em;color:var(--ink-soft);
}
.site-nav{display:flex;gap:30px;}
.site-nav a{
  font-family:'Cormorant Garamond',serif;
  font-size:1.05rem;letter-spacing:.1em;
  color:var(--ink-soft);
  transition:color .3s ease;position:relative;
}
.site-nav a:hover{color:var(--melon-flesh);}
.site-nav a::after{
  content:'';position:absolute;left:0;bottom:-4px;
  width:0;height:1px;background:var(--melon-flesh);
  transition:width .3s ease;
}
.site-nav a:hover::after{width:100%;}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;
  background:linear-gradient(165deg,var(--sky-haze) 0%,var(--cloud-white) 48%,var(--milk) 100%);
  padding:90px 32px 100px;
  overflow:hidden;
}
.hero::after{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0.07 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
  opacity:.5;mix-blend-mode:multiply;pointer-events:none;
}
/* ふわふわ漂う雲のSVG装飾 */
.hero-cloud{
  position:absolute;opacity:.5;pointer-events:none;
  animation:drift 22s ease-in-out infinite alternate;
}
.hero-cloud.c1{top:14%;left:6%;width:130px;color:#fff;}
.hero-cloud.c2{top:60%;right:8%;width:90px;color:var(--starfish-soft);animation-delay:-8s;}
.hero-cloud.c3{bottom:10%;left:18%;width:70px;color:var(--sage);animation-delay:-14s;}
@keyframes drift{
  from{transform:translateX(0) translateY(0);}
  to{transform:translateX(26px) translateY(-16px);}
}
.hero-inner{
  position:relative;z-index:2;
  max-width:980px;margin:0 auto;text-align:center;
}
.issue{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:1.05rem;
  letter-spacing:.32em;color:var(--melon-flesh);
  text-transform:uppercase;
  opacity:0;animation:fadeInUp 1s ease .2s forwards;
}
.hero-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:96px;height:96px;border-radius:50%;
  border:1px solid var(--starfish);
  margin:26px auto 30px;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.72rem;letter-spacing:.22em;color:var(--starfish);
  text-align:center;line-height:1.5;
  animation:gentle-rotate 30s linear infinite;
  opacity:0;animation:fadeInUp 1s ease .3s forwards, gentle-rotate 34s linear infinite .3s;
}
.hero h1{
  font-family:'Italiana',serif;
  font-size:clamp(2.3rem,6vw,4.4rem);
  font-weight:400;letter-spacing:.04em;line-height:1.22;
  color:var(--ink);margin-bottom:10px;
  opacity:0;animation:fadeInUp 1s ease .45s forwards;
}
.hero .h1-sub{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1.2rem,3vw,1.9rem);
  color:var(--melon-flesh);letter-spacing:.04em;
  margin-bottom:30px;
  opacity:0;animation:fadeInUp 1s ease .6s forwards;
}
.hero-lead{
  max-width:560px;margin:0 auto;
  font-size:1.02rem;color:var(--ink-soft);line-height:2.1;
  opacity:0;animation:fadeInUp 1s ease .75s forwards;
}
.hero-rule{
  width:54px;height:1px;background:var(--starfish);
  margin:34px auto 0;
  opacity:0;animation:fadeInUp 1s ease .9s forwards;
}
@keyframes fadeInUp{
  from{opacity:0;transform:translateY(26px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes gentle-rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}

/* ============================================================
   SECTION COMMONS
   ============================================================ */
section{padding:84px 32px;}
.wrap{max-width:1080px;margin:0 auto;}
.eyebrow{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.1rem;letter-spacing:.2em;
  color:var(--melon-flesh);text-transform:uppercase;
  margin-bottom:14px;display:block;
}
h2{
  font-family:'Italiana',serif;font-weight:400;
  font-size:clamp(1.7rem,3.8vw,2.7rem);
  letter-spacing:.03em;line-height:1.4;
  color:var(--ink);margin-bottom:8px;
}
h2 .ja{
  display:block;font-family:'Shippori Mincho',serif;
  font-size:.92rem;letter-spacing:.14em;color:var(--ink-soft);
  margin-top:10px;font-weight:500;
}
p{margin-bottom:1.5em;}
strong{
  font-weight:600;color:var(--melon-flesh);
  font-style:normal;
}

/* ============================================================
   EDITOR'S NOTE
   ============================================================ */
.editor-note{background:var(--milk);position:relative;}
.editor-note .wrap{max-width:760px;}
.editor-note .eyebrow{text-align:center;display:block;}
.editor-note h2{text-align:center;margin-bottom:40px;}
.editor-note p{
  font-size:1.06rem;line-height:2.25;
  text-align:justify;
}
.editor-note .first::first-letter{
  font-family:'Italiana',serif;
  font-size:3.6rem;float:left;line-height:.82;
  padding:8px 12px 0 0;color:var(--starfish);
}
.note-sign{
  text-align:right;margin-top:30px;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.15rem;color:var(--ink-soft);
}

/* ============================================================
   BRAND STORY (2-col)
   ============================================================ */
.brand-story{background:var(--cloud-white);}
.story-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:60px;align-items:center;
}
.story-img{
  background:var(--milk);border-radius:3px;
  padding:0;overflow:hidden;
  box-shadow:0 24px 60px -30px rgba(74,64,57,.4);
}
.story-img img{
  mix-blend-mode:multiply;width:100%;
  object-fit:contain;padding:22px;
}
.story-text .tag{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.95rem;letter-spacing:.16em;color:var(--melon-rind);
  display:block;margin-bottom:18px;
}
.story-meta{
  display:flex;gap:28px;margin-top:26px;
  flex-wrap:wrap;
}
.story-meta div{
  border-top:1px solid rgba(74,64,57,.2);
  padding-top:10px;flex:1;min-width:120px;
}
.story-meta dt{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.85rem;letter-spacing:.14em;color:var(--ink-soft);
  margin-bottom:3px;
}
.story-meta dd{
  font-family:'Shippori Mincho',serif;font-size:.98rem;
  color:var(--ink);font-weight:500;
}

/* ============================================================
   FEATURED PRODUCT
   ============================================================ */
.featured{background:var(--milk);}
.featured .wrap{max-width:1080px;}
.featured-head{text-align:center;margin-bottom:54px;}
.product-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:26px;margin-bottom:60px;
}
.product-card{
  background:var(--cloud-white);
  border-radius:3px;overflow:hidden;
  box-shadow:0 18px 50px -32px rgba(74,64,57,.5);
  transition:transform .5s ease, box-shadow .5s ease;
}
.product-card:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 60px -32px rgba(74,64,57,.55);
}
.product-img{
  background:var(--milk);
  aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
}
.product-img img{
  mix-blend-mode:multiply;
  object-fit:contain;padding:18px;width:100%;height:100%;
}
.product-card .pc-body{padding:22px 22px 26px;text-align:center;}
.product-card .pc-name{
  font-family:'Italiana',serif;font-size:1.18rem;
  letter-spacing:.04em;color:var(--ink);margin-bottom:5px;
}
.product-card .pc-color{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.98rem;color:var(--melon-flesh);margin-bottom:14px;
}
.product-card .pc-link{
  display:inline-block;
  font-family:'Shippori Mincho',serif;font-size:.84rem;
  letter-spacing:.1em;color:var(--ink-soft);
  border-bottom:1px solid var(--starfish);padding-bottom:2px;
  transition:color .3s;
}
.product-card .pc-link:hover{color:var(--melon-flesh);}
.product-card.is-hero{border:1px solid var(--starfish);position:relative;}
.product-card.is-hero::before{
  content:'EDITOR\'S PICK';
  position:absolute;top:14px;left:14px;z-index:3;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.7rem;letter-spacing:.14em;color:var(--cloud-white);
  background:var(--melon-flesh);padding:4px 11px;border-radius:2px;
}

/* COLOR SWATCHES */
.swatch-panel{
  background:var(--cloud-white);border-radius:3px;
  padding:40px;text-align:center;margin-bottom:60px;
  box-shadow:0 18px 50px -36px rgba(74,64,57,.5);
}
.swatch-panel .eyebrow{display:block;}
.swatch-row{
  display:flex;justify-content:center;gap:36px;
  flex-wrap:wrap;margin-top:28px;
}
.swatch{display:flex;flex-direction:column;align-items:center;gap:11px;}
.swatch .dot{
  width:62px;height:62px;border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(74,64,57,.12),0 8px 20px -10px rgba(74,64,57,.4);
  transition:transform .4s ease;
}
.swatch:hover .dot{transform:scale(1.08);}
.swatch span{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.92rem;color:var(--ink-soft);letter-spacing:.06em;
}
.dot-starfish{background:radial-gradient(circle at 35% 30%,#f2cdbd,#e9a98e);}
.dot-watermelon{background:radial-gradient(circle at 35% 30%,#e98c83,#d35f58);}
.dot-gingham{background:repeating-linear-gradient(45deg,#dde6e6 0 7px,#fff 7px 14px);}
.dot-lemon{background:radial-gradient(circle at 35% 30%,#fbf8f3,#ecd98a);}

/* SPEC TABLE */
.spec-table{
  width:100%;border-collapse:collapse;
  background:var(--cloud-white);border-radius:3px;overflow:hidden;
  box-shadow:0 18px 50px -36px rgba(74,64,57,.5);
  margin-bottom:60px;
}
.spec-table th,.spec-table td{
  padding:17px 24px;text-align:left;
  border-bottom:1px solid rgba(74,64,57,.1);
  font-size:.98rem;
}
.spec-table th{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  letter-spacing:.1em;color:var(--ink-soft);
  width:34%;background:var(--milk);font-weight:500;
}
.spec-table td{color:var(--ink);font-weight:500;}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:none;}

/* SELLING POINTS */
.points{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:58px;}
.point{text-align:center;}
.point .num{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.6rem;color:var(--starfish);
  display:block;margin-bottom:14px;
}
.point h3{
  font-family:'Italiana',serif;font-weight:400;
  font-size:1.22rem;letter-spacing:.03em;
  color:var(--ink);margin-bottom:12px;line-height:1.5;
}
.point p{font-size:.96rem;color:var(--ink-soft);line-height:2;margin-bottom:0;}
.point .point-rule{width:30px;height:1px;background:var(--starfish);margin:0 auto 18px;}

/* CTA */
.cta-wrap{text-align:center;}
.price{
  font-family:'Italiana',serif;font-size:1.7rem;
  color:var(--ink);letter-spacing:.05em;margin-bottom:6px;
}
.price-note{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.92rem;color:var(--ink-soft);margin-bottom:26px;
}
.cta-btn{
  display:inline-block;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.18rem;letter-spacing:.12em;
  color:var(--cloud-white);background:var(--melon-flesh);
  padding:16px 52px;border-radius:2px;
  transition:background .4s ease, transform .4s ease;
}
.cta-btn:hover{background:var(--starfish);transform:translateY(-3px);}

/* ============================================================
   PHOTO GALLERY
   ============================================================ */
.gallery{background:var(--cloud-white);}
.gallery-head{text-align:center;margin-bottom:50px;}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.gallery-item{
  background:var(--milk);border-radius:3px;overflow:hidden;
  box-shadow:0 22px 56px -34px rgba(74,64,57,.5);
}
.gallery-item img{
  mix-blend-mode:multiply;width:100%;
  object-fit:contain;padding:26px;aspect-ratio:1/1;
}
.gallery-cap{
  text-align:center;padding:0 0 24px;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1rem;color:var(--ink-soft);
}

/* ============================================================
   VOICE FROM YONKA
   ============================================================ */
.voice{background:var(--milk);}
.voice .wrap{max-width:780px;text-align:center;}
.voice-avatar{
  width:96px;height:96px;border-radius:50%;
  background:linear-gradient(145deg,var(--starfish-soft),var(--sage));
  margin:0 auto 24px;display:flex;align-items:center;justify-content:center;
  font-family:'Italiana',serif;font-size:1.8rem;color:var(--cloud-white);
  box-shadow:0 14px 34px -16px rgba(74,64,57,.5);
}
.voice .eyebrow{display:block;}
.voice blockquote{
  font-family:'Shippori Mincho',serif;
  font-size:1.12rem;line-height:2.3;color:var(--ink);
  margin:24px 0 26px;font-weight:500;
}
.voice .by{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.05rem;color:var(--ink-soft);
}

/* ============================================================
   LIVE SECTION (dark)
   ============================================================ */
.live{
  background:var(--deep);color:var(--cloud-white);
  text-align:center;position:relative;overflow:hidden;
}
.live::after{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' seed='8'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
  opacity:.6;pointer-events:none;
}
.live .wrap{position:relative;z-index:2;max-width:680px;}
.live-indicator{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  letter-spacing:.18em;font-size:.95rem;
  color:var(--starfish-soft);margin-bottom:22px;
}
.live-dot{
  width:9px;height:9px;border-radius:50%;background:var(--melon-flesh);
  animation:blink 1.4s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}
.live h2{color:var(--cloud-white);margin-bottom:18px;}
.live h2 .ja{color:var(--starfish-soft);}
.live p{color:rgba(251,248,243,.78);font-size:1.02rem;}
.live-links{
  display:flex;justify-content:center;gap:18px;
  flex-wrap:wrap;margin-top:34px;
}
.live-links a{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.02rem;letter-spacing:.08em;
  padding:12px 30px;border:1px solid rgba(251,248,243,.4);
  border-radius:2px;transition:all .35s ease;
}
.live-links a:hover{
  background:var(--cloud-white);color:var(--deep);
  border-color:var(--cloud-white);
}
.live-links a.primary{
  background:var(--melon-flesh);border-color:var(--melon-flesh);
}
.live-links a.primary:hover{background:var(--starfish);border-color:var(--starfish);color:var(--cloud-white);}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{
  background:var(--cloud-white);
  padding:64px 32px 40px;text-align:center;
  border-top:1px solid rgba(74,64,57,.12);
}
.footer-logo{
  font-family:'Italiana',serif;font-size:2.1rem;
  letter-spacing:.16em;color:var(--ink);margin-bottom:6px;
}
.footer-tagline{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.2rem;color:var(--melon-flesh);
  letter-spacing:.08em;margin-bottom:30px;
}
.footer-nav{
  display:flex;justify-content:center;gap:26px;
  flex-wrap:wrap;margin-bottom:30px;
}
.footer-nav a{
  font-family:'Shippori Mincho',serif;font-size:.9rem;
  letter-spacing:.08em;color:var(--ink-soft);
  transition:color .3s;
}
.footer-nav a:hover{color:var(--melon-flesh);}
.footer-info{
  font-size:.82rem;color:var(--ink-soft);line-height:2;
  letter-spacing:.04em;
}
.footer-copy{
  margin-top:24px;font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:.85rem;color:var(--ink-soft);
  letter-spacing:.1em;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:768px){
  .site-nav{display:none;}
  section{padding:60px 22px;}
  .hero{padding:64px 22px 72px;}
  .story-grid{grid-template-columns:1fr;gap:36px;}
  .product-grid{grid-template-columns:1fr;gap:22px;}
  .points{grid-template-columns:1fr;gap:30px;}
  .gallery-grid{grid-template-columns:1fr;gap:22px;}
  .swatch-row{gap:24px;}
  .swatch .dot{width:54px;height:54px;}
  .editor-note p{text-align:left;}
  .live-links{flex-direction:column;align-items:center;}
  .live-links a{width:100%;max-width:280px;}
}
</style>
</head>
<body>

<!-- ===================== HEADER ===================== -->
<header class="site-header">
  <div class="header-inner">
    <a href="https://yonka.company/" class="logo">
      <span class="brand">yonka</span>
      <span class="sub">magazine</span>
    </a>
    <nav class="site-nav">
      <a href="#editor">Editor&#8217;s Note</a>
      <a href="#brand">Brand Story</a>
      <a href="#product">Product</a>
      <a href="#voice">Voice</a>
      <a href="#live">Live</a>
    </nav>
  </div>
</header>

<!-- ===================== HERO ===================== -->
<section class="hero">
  <!-- 漂う雲のSVG装飾 -->
  <svg class="hero-cloud c1" viewBox="0 0 100 60" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M25 50a18 18 0 0 1 0-36 22 22 0 0 1 42-4 16 16 0 0 1 14 40z"/></svg>
  <svg class="hero-cloud c2" viewBox="0 0 100 60" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M25 50a18 18 0 0 1 0-36 22 22 0 0 1 42-4 16 16 0 0 1 14 40z"/></svg>
  <svg class="hero-cloud c3" viewBox="0 0 100 60" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M25 50a18 18 0 0 1 0-36 22 22 0 0 1 42-4 16 16 0 0 1 14 40z"/></svg>

  <div class="hero-inner">
    <span class="issue">yonka magazine — Summer Issue</span>
    <div class="hero-badge">NUAGE<br>＝雲</div>
    <h1>STUDIO BOHEME<br>ロンパー ヌアージュ</h1>
    <p class="h1-sub">— 雲をまとう、軽やかな夏。</p>
    <p class="hero-lead">
      フランス・パリ生まれ、ポルトガルの小さな家族工房で仕立てられる
      オーガニックコットンガーゼのロンパース。<br>
      その名は「Nuage（ヌアージュ）」＝雲。
      抱きあげた瞬間、ふっと軽い。夏の空気をまとうような一着です。
    </p>
    <div class="hero-rule"></div>
  </div>
</section>

<!-- ===================== EDITOR'S NOTE ===================== -->
<section class="editor-note" id="editor">
  <div class="wrap">
    <span class="eyebrow">Editor&#8217;s Note</span>
    <h2>夏の朝、雲みたいに軽い一着を<span class="ja">— yonka editorial</span></h2>

    <p class="first">
      夏が近づくと、子どもの服選びはいつも同じところで立ち止まります。汗をかいても心地よくいてほしい。けれど、ただ涼しいだけの服じゃなくて、その子のいちばんかわいい季節に、ふさわしい一着を着せてあげたい。——そんなわがままを、毎年こっそり抱えている気がします。
    </p>
    <p>
      STUDIO BOHEME（スタジオボエム）の「ロンパー ヌアージュ」を手に取ったとき、その答えがすっと胸に落ちました。ヌアージュとは、フランス語で「雲」。名前のとおり、抱きあげた瞬間に驚くほど軽くて、ガーゼ特有のやわらかな空気を含んでいます。
    </p>
    <p>
      パリで生まれたこのブランドは、流行を追いかけません。少しくすんだ、品のある色。木のボタン。何度洗っても育っていく風合い。「これでいいや」ではなく「これがいい」と思える理由が、縫い目のひとつひとつに宿っています。
    </p>
    <p>
      今年の夏、わが子の背中で揺れる小さな雲を、想像してみてください。きっと、写真に残したくなる季節になります。
    </p>
    <p class="note-sign">加奈 — yonka editorial</p>
  </div>
</section>

<!-- ===================== BRAND STORY ===================== -->
<section class="brand-story" id="brand">
  <div class="wrap">
    <div class="story-grid">
      <div class="story-img">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/ROMPER-NUAGE-STARFISH-WATERMELON.jpg?v=1776312416&#038;width=620" alt="STUDIO BOHEME ロンパー ヌアージュ スターフィッシュ ウォーターメロン">
      </div>
      <div class="story-text">
        <span class="tag">Paris, France — since the beginning</span>
        <span class="eyebrow">Brand Story</span>
        <h2>STUDIO BOHEMEとは？<span class="ja">パリ発、ポルトガル仕立てのオーガニックブランド</span></h2>
        <p>
          <strong>STUDIO BOHEME（スタジオボエム）</strong>は、フランス・パリで生まれた子ども服ブランド。素材選びに特別な愛情を注ぎ、肌に触れるものはすべて100%ナチュラル、そして<strong>GOTS認証のオーガニックコットン</strong>でつくられています。
        </p>
        <p>
          「いちばん環境を汚さない服とは、つくられない服である」——そんな哲学を掲げるこのブランドは、コレクションをあえてヨーロッパ域内、ポルトガルの家族経営の工房で仕立てています。輸送による負荷を減らし、創業時から続く職人との信頼関係を、ものづくりの真ん中に置いているのです。
        </p>
        <p>
          ミニマルで、ジェンダーを問わないデザイン。特別な仕上げ、限定のプリント、控えめでニュアンスのある色合い。<strong>スローファッション</strong>の思想が、静かに、けれど確かに息づいています。
        </p>
        <dl class="story-meta">
          <div><dt>Origin</dt><dd>France（パリ）</dd></div>
          <div><dt>Made in</dt><dd>Portugal</dd></div>
          <div><dt>Material</dt><dd>Organic Cotton</dd></div>
        </dl>
      </div>
    </div>
  </div>
</section>

<!-- ===================== FEATURED PRODUCT ===================== -->
<section class="featured" id="product">
  <div class="wrap">
    <div class="featured-head">
      <span class="eyebrow">Featured Product</span>
      <h2>ロンパー ヌアージュの魅力<span class="ja">— 夏の雲のように軽い、オーガニックガーゼロンパース</span></h2>
    </div>

    <!-- PRODUCT GRID -->
    <div class="product-grid">
      <div class="product-card is-hero">
        <div class="product-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/ROMPER-NUAGE-STARFISH-WATERMELON.jpg?v=1776312416&#038;width=620" alt="STUDIO BOHEME ロンパー ヌアージュ スターフィッシュ ウォーターメロン">
        </div>
        <div class="pc-body">
          <div class="pc-name">Romper Nuage</div>
          <div class="pc-color">Starfish / Watermelon</div>
          <a class="pc-link" href="https://yonka.company/products/studio-boheme-romper-nuage-starfish-watermelon">この色を見る →</a>
        </div>
      </div>

      <div class="product-card">
        <div class="product-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/ROMPER-NUAGE-GINGHAM.jpg?v=1776315863&#038;width=620" alt="STUDIO BOHEME ロンパー ヌアージュ ギンガム">
        </div>
        <div class="pc-body">
          <div class="pc-name">Romper Nuage</div>
          <div class="pc-color">Gingham</div>
          <a class="pc-link" href="https://yonka.company/products/studio-boheme-romper-nuage-gingham">この色を見る →</a>
        </div>
      </div>

      <div class="product-card">
        <div class="product-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/ROMPER-BEBECITO-GAUZE-OFFWHITE-LEMON.jpg?v=1776315808&#038;width=620" alt="STUDIO BOHEME ロンパー ベベシート オフホワイト レモン">
        </div>
        <div class="pc-body">
          <div class="pc-name">Romper Bebecito</div>
          <div class="pc-color">Off White / Lemon</div>
          <a class="pc-link" href="https://yonka.company/products/studio-boheme-romper-bebecito-off-white-lemon">この色を見る →</a>
        </div>
      </div>
    </div>

    <!-- COLOR SWATCHES -->
    <div class="swatch-panel">
      <span class="eyebrow">Color Study</span>
      <h2 style="font-size:clamp(1.4rem,3vw,2rem);">夏を選ぶ、4つの色<span class="ja">— あなたの子に似合う、ひとつを</span></h2>
      <div class="swatch-row">
        <a class="swatch" href="https://yonka.company/products/studio-boheme-romper-nuage-starfish-watermelon">
          <span class="dot dot-starfish"></span><span>Starfish</span>
        </a>
        <a class="swatch" href="https://yonka.company/products/studio-boheme-romper-nuage-starfish-watermelon">
          <span class="dot dot-watermelon"></span><span>Watermelon</span>
        </a>
        <a class="swatch" href="https://yonka.company/products/studio-boheme-romper-nuage-gingham">
          <span class="dot dot-gingham"></span><span>Gingham</span>
        </a>
        <a class="swatch" href="https://yonka.company/products/studio-boheme-romper-bebecito-off-white-lemon">
          <span class="dot dot-lemon"></span><span>Lemon</span>
        </a>
      </div>
    </div>

    <!-- SPEC TABLE -->
    <table class="spec-table">
      <tr><th>ブランド</th><td>STUDIO BOHEME（スタジオボエム / フランス）</td></tr>
      <tr><th>商品名</th><td>ロンパー ヌアージュ（Romper Nuage）</td></tr>
      <tr><th>カラー</th><td>Starfish / Watermelon、Gingham、ほか（Bebecito：Off White / Lemon）</td></tr>
      <tr><th>素材</th><td>オーガニックコットンガーゼ 100%（GOTS認証）</td></tr>
      <tr><th>原産国</th><td>ポルトガル（家族経営の工房にて生産）</td></tr>
      <tr><th>サイズ展開</th><td>3M / 6M / 12M / 18M / 24M</td></tr>
      <tr><th>仕様</th><td>股下スナップ、フロントの木製ボタン、袖口・裾はゴム仕様</td></tr>
      <tr><th>お手入れ</th><td>30度以下の弱水流・手洗い推奨／乾燥機不可</td></tr>
      <tr><th>価格</th><td>価格（税込）</td></tr>
    </table>

    <!-- SELLING POINTS -->
    <div class="points">
      <div class="point">
        <span class="num">i.</span>
        <div class="point-rule"></div>
        <h3>雲のように軽い<br>オーガニックガーゼ</h3>
        <p>肌に触れるのは、GOTS認証の<strong>オーガニックコットンガーゼ</strong>100%だけ。汗ばむ季節も、空気を含んだやわらかさがそっと寄り添います。</p>
      </div>
      <div class="point">
        <span class="num">ii.</span>
        <div class="point-rule"></div>
        <h3>ポルトガルの<br>家族工房仕立て</h3>
        <p>創業時から続く小さな工房で、ひとつひとつ丁寧に。輸送負荷を抑えた、誠実な<strong>スローファッション</strong>のものづくりです。</p>
      </div>
      <div class="point">
        <span class="num">iii.</span>
        <div class="point-rule"></div>
        <h3>性別を問わない<br>ミニマルな佇まい</h3>
        <p>木製ボタンと、くすみのある上品な色。ユニセックスで着られるから、きょうだいでお揃いにも、贈りものにも。長く愛せる一着です。</p>
      </div>
    </div>

    <!-- CTA -->
    <div class="cta-wrap">
      <div class="price">価格（税込）</div>
      <div class="price-note">日本正規取扱い — yonka online store</div>
      <a class="cta-btn" href="https://yonka.company/products/studio-boheme-romper-nuage-starfish-watermelon">この一着を見にいく</a>
    </div>
  </div>
</section>

<!-- ===================== PHOTO GALLERY ===================== -->
<section class="gallery">
  <div class="wrap">
    <div class="gallery-head">
      <span class="eyebrow">Lookbook</span>
      <h2>ロンパー ヌアージュの着用イメージ<span class="ja">— 夏の光のなかで</span></h2>
    </div>
    <div class="gallery-grid">
      <div class="gallery-item">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/ROMPER-NUAGE-STARFISH-WATERMELON.jpg?v=1776312416&#038;width=620" alt="STUDIO BOHEME ロンパー ヌアージュ スターフィッシュ ウォーターメロン 着用イメージ">
        <div class="gallery-cap">Nuage — Starfish / Watermelon</div>
      </div>
      <div class="gallery-item">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/ROMPER-NUAGE-GINGHAM.jpg?v=1776315863&#038;width=620" alt="STUDIO BOHEME ロンパー ヌアージュ ギンガム 着用イメージ">
        <div class="gallery-cap">Nuage — Gingham</div>
      </div>
    </div>
  </div>
</section>

<!-- ===================== VOICE FROM YONKA ===================== -->
<section class="voice" id="voice">
  <div class="wrap">
    <div class="voice-avatar">y</div>
    <span class="eyebrow">Voice from yonka</span>
    <blockquote>
      「軽さ」って、子どもの夏にとって、思っている以上に大切なことだと感じています。動きやすくて、ご機嫌で、汗をかいてもさらりとしている。そういう一着があるだけで、家族のおでかけが少し気楽になるんです。<br><br>
      ヌアージュを選んだのは、ただ涼しいからではありません。何度洗っても育っていくガーゼの風合いと、流行に流されない静かな佇まい。これは、来年も、その次の夏も着せたくなる服だと思いました。母として、そして一人の作り手として、自信を持ってお届けします。
    </blockquote>
    <div class="by">— 加奈、yonka代表</div>
  </div>
</section>

<!-- ===================== LIVE SECTION ===================== -->
<section class="live" id="live">
  <div class="wrap">
    <div class="live-indicator"><span class="live-dot"></span>LIVE — every morning 10:00 a.m.</div>
    <h2>毎朝10時、Instagram LIVE<span class="ja">— ヨーロッパ子ども服を、スタッフの言葉で</span></h2>
    <p>
      実際の質感や色合いは、やっぱりLIVEがいちばん伝わります。毎朝10時、スタッフが一着ずつ手に取りながら、その服の世界観をお話ししています。気になることは、その場でお気軽にコメントしてくださいね。
    </p>
    <div class="live-links">
      <a class="primary" href="https://www.instagram.com/yonka.shop/" target="_blank" rel="noopener">Instagram LIVE</a>
      <a href="https://youtu.be/1hBlM1gONAQ" target="_blank" rel="noopener">YouTube</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" target="_blank" rel="noopener">LIVE限定商品</a>
    </div>
  </div>
</section>

<!-- ===================== FOOTER ===================== -->
<footer class="site-footer">
  <div class="footer-logo">yonka</div>
  <div class="footer-tagline">from mothers, to mothers</div>
  <nav class="footer-nav">
    <a href="https://yonka.company/" target="_blank" rel="noopener">Online Shop</a>
    <a href="https://www.instagram.com/yonka.shop/" target="_blank" rel="noopener">Instagram</a>
    <a href="https://ameblo.jp/yonka-select/" target="_blank" rel="noopener">Blog</a>
    <a href="https://youtu.be/1hBlM1gONAQ" target="_blank" rel="noopener">YouTube</a>
    <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" target="_blank" rel="noopener">LIVE限定商品</a>
  </nav>
  <div class="footer-info">
    株式会社yonka／埼玉県深谷市<br>
    ヨーロッパ子ども服セレクトショップ
  </div>
  <div class="footer-copy">© yonka magazine — Summer Issue</div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>海外子供服のサイズ感、〈cm〉だけではわからない｜毎朝10時、yonka店長がLIVEで一緒に選びます｜yonka</title>
		<link>https://yonka.co.jp/%e6%b5%b7%e5%a4%96%e5%ad%90%e4%be%9b%e6%9c%8d%e3%81%ae%e3%82%b5%e3%82%a4%e3%82%ba%e6%84%9f%e3%80%81%e3%80%88cm%e3%80%89%e3%81%a0%e3%81%91%e3%81%a7%e3%81%af%e3%82%8f%e3%81%8b%e3%82%89%e3%81%aa%e3%81%84/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Fri, 22 May 2026 00:50:35 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72112</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/S__52314117_0-684x1024.jpg" class="webfeedsFeaturedVisual" /></p>海外子供服のサイズ感、〈cm〉だけではわからない｜毎朝10時、yonka店長がLIVEで一緒に選びます｜yonka magazine yonka magazine editor&#8217;s note the trut [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/S__52314117_0-684x1024.jpg" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>海外子供服のサイズ感、〈cm〉だけではわからない｜毎朝10時、yonka店長がLIVEで一緒に選びます｜yonka magazine</title>
<meta name="description" content="ヨーロッパ子ども服はサイズ表記も着丈もブランドごとに異なります。yonkaでは毎朝10時、店長加奈がInstagram LIVEで一着ずつ手に取り、サイズ感や素材のリアルをお届け。海外子供服のサイズ選びに迷ったら、画面越しに一緒に選びましょう。">
<meta name="keywords" content="海外子供服,サイズ感,ヨーロッパ子供服,子供服サイズ選び方,yonka,ヨンカ,インスタライブ,子供服通販,セレクトショップ,80cm,90cm,100cm,スローファッション">
<meta property="og:title" content="海外子供服のサイズ感、〈cm〉だけではわからない｜yonka magazine">
<meta property="og:description" content="毎朝10時、yonka店長がInstagram LIVEで一着ずつ手に取り、サイズ感のリアルをお伝えしています。">
<meta property="og:type" content="article">
<meta property="og:url" content="https://yonka.co.jp/">
<meta property="og:image" content="https://yonka.co.jp/wp-content/uploads/2026/05/S__52314117_0.jpg">
<meta name="robots" content="index, follow">
<meta name="author" content="加奈 / yonka editorial">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italiana&#038;family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500&#038;display=swap" rel="stylesheet">
<style>
  :root{
    /* warm ivory base — 紙の質感、朝の台所の光 */
    --paper:        #f6efe4;
    --paper-soft:   #fbf6ec;
    --paper-deep:   #ece1cd;

    /* terracotta — 朝の光、ママの手のひらの温度 */
    --terracotta:   #b85a3a;
    --terracotta-soft:#d68a6c;

    /* moss — 信頼、根を張る、長く愛されるもの */
    --moss:         #3d4a2f;
    --moss-soft:    #6b7a52;

    /* dusty blush — やさしさ、子どもへの愛しさ */
    --blush:        #d9a89a;
    --blush-deep:   #c08570;

    /* dark — LIVE告知、画面越しの夜の落ち着き */
    --forest:       #1f2a1c;
    --forest-soft:  #2d3a26;

    /* ink */
    --ink:          #2a241d;
    --ink-soft:     #5a4e3f;
    --line:         #c9b89a;
  }

  *{box-sizing:border-box;margin:0;padding:0;}

  html{scroll-behavior:smooth;}

  body{
    font-family:'Shippori Mincho','Noto Sans JP',serif;
    background:var(--paper);
    color:var(--ink);
    line-height:1.85;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }

  ::selection{background:var(--terracotta);color:var(--paper-soft);}

  /* ============ HEADER ============ */
  .site-header{
    position:sticky;top:0;z-index:100;
    background:rgba(246,239,228,0.94);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .header-inner{
    max-width:1200px;margin:0 auto;
    padding:18px 32px;
    display:flex;align-items:center;justify-content:space-between;
  }
  .logo{
    font-family:'Italiana',serif;
    font-size:30px;letter-spacing:.08em;
    color:var(--ink);
    text-decoration:none;
    display:flex;align-items:baseline;gap:8px;
  }
  .logo small{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:12px;letter-spacing:.25em;
    color:var(--ink-soft);
    text-transform:uppercase;
  }
  .site-nav{display:flex;gap:32px;}
  .site-nav a{
    font-family:'Cormorant Garamond',serif;
    font-size:14px;letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--ink-soft);
    text-decoration:none;
    transition:color .3s;
  }
  .site-nav a:hover{color:var(--terracotta);}
  @media(max-width:768px){
    .site-nav{display:none;}
    .header-inner{padding:14px 20px;}
    .logo{font-size:24px;}
  }

  /* ============ HERO ============ */
  .hero{
    position:relative;
    min-height:88vh;
    padding:100px 32px 80px;
    overflow:hidden;
    background:
      radial-gradient(ellipse at 20% 30%, rgba(217,168,154,0.25) 0%, transparent 55%),
      radial-gradient(ellipse at 80% 80%, rgba(107,122,82,0.18) 0%, transparent 60%),
      var(--paper);
  }
  .hero::after{
    content:'';position:absolute;inset:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0.07 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
    opacity:.5;mix-blend-mode:multiply;pointer-events:none;
  }
  .hero-inner{
    max-width:1200px;margin:0 auto;
    position:relative;z-index:2;
    display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
  }
  @media(max-width:900px){
    .hero-inner{grid-template-columns:1fr;gap:40px;}
    .hero{padding:60px 24px 60px;min-height:auto;}
  }

  .hero-meta{
    display:flex;align-items:center;gap:16px;
    margin-bottom:28px;
    animation:fadeInUp 1s ease-out;
  }
  .hero-meta .issue{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.3em;
    text-transform:uppercase;
    color:var(--terracotta);
  }
  .hero-meta .divider{
    width:50px;height:1px;background:var(--line);
  }
  .hero-meta .date{
    font-family:'Cormorant Garamond',serif;
    font-size:13px;letter-spacing:.2em;
    color:var(--ink-soft);
    text-transform:uppercase;
  }

  .hero-eyebrow{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:24px;
    color:var(--moss);
    margin-bottom:20px;
    animation:fadeInUp 1.1s ease-out .1s both;
  }

  .hero h1{
    font-family:'Shippori Mincho',serif;
    font-weight:600;
    font-size:clamp(32px,4.4vw,56px);
    line-height:1.35;
    letter-spacing:.02em;
    color:var(--ink);
    margin-bottom:32px;
    animation:fadeInUp 1.2s ease-out .2s both;
  }
  .hero h1 .accent-cm{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-weight:500;
    color:var(--terracotta);
    font-size:1.1em;
    padding:0 .05em;
  }
  .hero h1 .br-deco{
    display:inline-block;
    width:30px;height:1px;background:var(--terracotta);
    vertical-align:middle;margin:0 8px;
  }

  .hero-lead{
    font-size:17px;line-height:2.1;
    color:var(--ink-soft);
    max-width:520px;
    margin-bottom:40px;
    animation:fadeInUp 1.3s ease-out .3s both;
  }

  .hero-cta-row{
    display:flex;gap:20px;align-items:center;flex-wrap:wrap;
    animation:fadeInUp 1.4s ease-out .4s both;
  }
  .hero-cta{
    display:inline-flex;align-items:center;gap:12px;
    padding:16px 32px;
    background:var(--ink);color:var(--paper-soft);
    font-family:'Cormorant Garamond',serif;
    font-size:14px;letter-spacing:.25em;text-transform:uppercase;
    text-decoration:none;
    transition:all .35s;
  }
  .hero-cta:hover{background:var(--terracotta);transform:translateY(-2px);}
  .hero-cta-secondary{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:15px;
    color:var(--ink-soft);
    text-decoration:none;
    border-bottom:1px solid var(--line);
    padding-bottom:4px;
    transition:color .3s,border-color .3s;
  }
  .hero-cta-secondary:hover{color:var(--terracotta);border-color:var(--terracotta);}

  .hero-img-wrap{
    position:relative;
    animation:fadeInUp 1.4s ease-out .3s both;
  }
  .hero-img{
    width:100%;
    aspect-ratio:4/5;
    background:var(--paper-soft);
    border:1px solid var(--line);
    overflow:hidden;
    position:relative;
  }
  .hero-img img{
    width:100%;height:100%;
    object-fit:cover;
    mix-blend-mode:multiply;
  }
  .hero-img-caption{
    position:absolute;
    bottom:-30px;right:0;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:13px;
    color:var(--ink-soft);
    letter-spacing:.1em;
  }
  .hero-badge{
    position:absolute;
    top:-30px;left:-30px;
    width:120px;height:120px;
    background:var(--terracotta);
    color:var(--paper-soft);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:13px;
    text-align:center;line-height:1.4;
    letter-spacing:.05em;
    animation:gentle-rotate 25s linear infinite;
    box-shadow:0 6px 24px rgba(184,90,58,0.3);
    z-index:3;
  }
  @media(max-width:768px){
    .hero-badge{width:90px;height:90px;font-size:11px;top:-20px;left:-15px;}
  }

  @keyframes fadeInUp{
    from{opacity:0;transform:translateY(30px);}
    to{opacity:1;transform:translateY(0);}
  }
  @keyframes gentle-rotate{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
  }

  /* ============ COMMON SECTION ============ */
  section{padding:96px 32px;position:relative;}
  @media(max-width:768px){section{padding:64px 20px;}}

  .container{max-width:1100px;margin:0 auto;}

  .section-eyebrow{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:14px;
    letter-spacing:.3em;text-transform:uppercase;
    color:var(--terracotta);
    margin-bottom:16px;
    display:flex;align-items:center;gap:14px;
  }
  .section-eyebrow::before{
    content:'';width:40px;height:1px;background:var(--terracotta);
  }

  h2.section-title{
    font-family:'Shippori Mincho',serif;
    font-weight:600;
    font-size:clamp(26px,3.2vw,40px);
    line-height:1.5;
    letter-spacing:.02em;
    color:var(--ink);
    margin-bottom:48px;
    max-width:780px;
  }

  /* ============ EDITOR'S NOTE ============ */
  .editor-note{
    background:var(--paper-soft);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .editor-note-inner{
    max-width:760px;margin:0 auto;
  }
  .editor-note .ornament{
    text-align:center;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:24px;
    color:var(--terracotta);
    letter-spacing:.5em;
    margin-bottom:32px;
  }
  .editor-note .label{
    text-align:center;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:15px;
    letter-spacing:.3em;text-transform:uppercase;
    color:var(--ink-soft);
    margin-bottom:48px;
  }
  .editor-note p{
    font-size:16.5px;
    line-height:2.2;
    margin-bottom:26px;
    color:var(--ink);
  }
  .editor-note p:first-of-type::first-letter{
    font-family:'Italiana',serif;
    font-size:64px;
    float:left;
    line-height:.9;
    padding:6px 12px 0 0;
    color:var(--terracotta);
  }
  .editor-note .sign{
    text-align:right;
    margin-top:40px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:16px;
    color:var(--ink-soft);
  }

  /* ============ THE TRUTH (3つの落とし穴) ============ */
  .truth-section{
    background:var(--paper);
  }
  .truth-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:48px;
    margin-top:56px;
  }
  @media(max-width:900px){
    .truth-grid{grid-template-columns:1fr;gap:40px;}
  }
  .truth-card{
    position:relative;
    padding-top:24px;
    border-top:1px solid var(--line);
  }
  .truth-num{
    font-family:'Italiana',serif;
    font-size:64px;
    line-height:1;
    color:var(--terracotta);
    margin-bottom:20px;
    display:block;
  }
  .truth-card h3{
    font-family:'Shippori Mincho',serif;
    font-weight:600;
    font-size:22px;
    line-height:1.5;
    margin-bottom:18px;
    color:var(--ink);
  }
  .truth-card p{
    font-size:15.5px;
    line-height:2;
    color:var(--ink-soft);
  }

  /* ============ THE ANSWER (LIVEで解決) ============ */
  .answer-section{
    background:linear-gradient(180deg,var(--paper) 0%,var(--paper-deep) 100%);
    position:relative;
  }
  .answer-grid{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:64px;align-items:center;
  }
  @media(max-width:900px){
    .answer-grid{grid-template-columns:1fr;gap:40px;}
  }
  .answer-img{
    aspect-ratio:3/4;
    background:var(--paper-soft);
    border:1px solid var(--line);
    overflow:hidden;
    position:relative;
  }
  .answer-img img{
    width:100%;height:100%;
    object-fit:cover;
    mix-blend-mode:multiply;
  }
  .answer-img-tag{
    position:absolute;
    top:20px;left:20px;
    background:var(--terracotta);
    color:var(--paper-soft);
    padding:8px 16px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:13px;
    letter-spacing:.2em;text-transform:uppercase;
    z-index:2;
  }
  .answer-text h2{
    font-family:'Shippori Mincho',serif;
    font-weight:600;
    font-size:clamp(24px,2.8vw,34px);
    line-height:1.55;
    margin-bottom:28px;
    color:var(--ink);
  }
  .answer-text p{
    font-size:16px;line-height:2.1;
    margin-bottom:22px;
    color:var(--ink-soft);
  }
  .answer-list{
    list-style:none;
    margin-top:32px;
    border-top:1px dashed var(--line);
    padding-top:28px;
  }
  .answer-list li{
    display:flex;gap:18px;align-items:flex-start;
    padding:14px 0;
    border-bottom:1px dashed var(--line);
    font-size:15.5px;
    line-height:1.9;
  }
  .answer-list .check{
    flex-shrink:0;
    width:24px;height:24px;
    border-radius:50%;
    background:var(--moss);
    color:var(--paper-soft);
    display:flex;align-items:center;justify-content:center;
    font-family:'Cormorant Garamond',serif;
    font-size:14px;font-weight:500;
    margin-top:4px;
  }

  /* ============ HOW TO JOIN (参加方法) ============ */
  .join-section{
    background:var(--paper-soft);
    border-top:1px solid var(--line);
  }
  .join-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
    margin-top:48px;
  }
  @media(max-width:900px){
    .join-grid{grid-template-columns:1fr;gap:24px;}
  }
  .join-step{
    background:var(--paper);
    padding:36px 32px;
    border:1px solid var(--line);
    position:relative;
    transition:transform .4s,box-shadow .4s;
  }
  .join-step:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 32px rgba(42,36,29,0.08);
  }
  .join-step .step-num{
    position:absolute;
    top:-14px;left:24px;
    background:var(--terracotta);
    color:var(--paper-soft);
    width:32px;height:32px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:15px;
  }
  .join-step h4{
    font-family:'Shippori Mincho',serif;
    font-size:18px;font-weight:600;
    margin-bottom:14px;
    color:var(--ink);
    margin-top:8px;
  }
  .join-step p{
    font-size:14.5px;line-height:1.95;
    color:var(--ink-soft);
  }

  /* ============ MIDDLE IMAGE BREAK ============ */
  .image-break{
    padding:0;
    height:60vh;
    min-height:400px;
    background-image:url('https://yonka.co.jp/wp-content/uploads/2026/05/S__52314116_0.jpg');
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    position:relative;
  }
  @media(max-width:768px){
    .image-break{background-attachment:scroll;height:50vh;}
  }
  .image-break::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(31,42,28,0.15) 0%,rgba(31,42,28,0.35) 100%);
  }
  .image-break-caption{
    position:absolute;
    bottom:48px;left:48px;right:48px;
    color:var(--paper-soft);
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:clamp(20px,2.8vw,32px);
    line-height:1.5;
    max-width:600px;
    letter-spacing:.02em;
    text-shadow:0 2px 12px rgba(0,0,0,0.4);
  }
  .image-break-caption .jp{
    display:block;
    font-family:'Shippori Mincho',serif;
    font-style:normal;
    font-size:.55em;
    margin-top:12px;
    letter-spacing:.08em;
  }
  @media(max-width:768px){
    .image-break-caption{bottom:32px;left:24px;right:24px;}
  }

  /* ============ VOICE FROM YONKA ============ */
  .voice-section{
    background:var(--paper);
    padding-top:96px;padding-bottom:96px;
  }
  .voice-inner{
    max-width:860px;margin:0 auto;
    display:grid;
    grid-template-columns:200px 1fr;
    gap:56px;align-items:center;
  }
  @media(max-width:768px){
    .voice-inner{grid-template-columns:1fr;text-align:center;gap:32px;}
  }
  .voice-avatar{
    width:200px;height:200px;
    border-radius:50%;
    background:var(--paper-soft);
    border:1px solid var(--line);
    overflow:hidden;
    position:relative;
  }
  .voice-avatar img{
    width:100%;height:100%;
    object-fit:cover;
    mix-blend-mode:multiply;
  }
  .voice-avatar::after{
    content:'kana';
    position:absolute;
    bottom:-8px;right:-8px;
    background:var(--moss);
    color:var(--paper-soft);
    padding:6px 14px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:13px;
    letter-spacing:.15em;
    border-radius:20px;
  }
  @media(max-width:768px){.voice-avatar{margin:0 auto;}}

  .voice-text .voice-label{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:14px;
    letter-spacing:.3em;text-transform:uppercase;
    color:var(--terracotta);
    margin-bottom:14px;
  }
  .voice-text h3{
    font-family:'Shippori Mincho',serif;
    font-weight:600;font-size:22px;
    line-height:1.6;
    margin-bottom:20px;
    color:var(--ink);
  }
  .voice-text p{
    font-size:15.5px;line-height:2.1;
    color:var(--ink-soft);
    margin-bottom:14px;
  }
  .voice-sign{
    margin-top:20px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:15px;
    color:var(--ink-soft);
  }

  /* ============ LIVE NOTICE (DARK) ============ */
  .live-section{
    background:var(--forest);
    color:var(--paper-soft);
    position:relative;
    overflow:hidden;
  }
  .live-section::before{
    content:'';position:absolute;inset:0;
    background-image:
      radial-gradient(circle at 20% 20%, rgba(216,138,108,0.08) 0%, transparent 40%),
      radial-gradient(circle at 80% 80%, rgba(107,122,82,0.12) 0%, transparent 40%);
    pointer-events:none;
  }
  .live-inner{
    max-width:900px;margin:0 auto;
    text-align:center;
    position:relative;z-index:2;
  }
  .live-indicator{
    display:inline-flex;align-items:center;gap:10px;
    padding:8px 20px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:30px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:13px;
    letter-spacing:.3em;text-transform:uppercase;
    margin-bottom:32px;
  }
  .live-dot{
    width:8px;height:8px;
    background:#e85a3a;
    border-radius:50%;
    animation:blink 1.5s ease-in-out infinite;
  }
  @keyframes blink{
    0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(232,90,58,0.6);}
    50%{opacity:.5;box-shadow:0 0 0 8px rgba(232,90,58,0);}
  }
  .live-time{
    font-family:'Italiana',serif;
    font-size:clamp(56px,8vw,96px);
    line-height:1;
    letter-spacing:.05em;
    margin-bottom:20px;
    color:var(--paper-soft);
  }
  .live-time small{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:.3em;
    letter-spacing:.2em;
    vertical-align:super;
    margin-left:6px;
    color:var(--blush);
  }
  .live-title{
    font-family:'Shippori Mincho',serif;
    font-size:clamp(20px,2.4vw,28px);
    font-weight:500;
    margin-bottom:24px;
    letter-spacing:.05em;
  }
  .live-desc{
    font-size:15.5px;line-height:2.1;
    max-width:560px;margin:0 auto 40px;
    color:rgba(246,239,228,0.85);
  }
  .live-links{
    display:flex;justify-content:center;gap:16px;flex-wrap:wrap;
    margin-top:32px;
  }
  .live-link{
    display:inline-flex;align-items:center;gap:10px;
    padding:14px 28px;
    background:transparent;
    color:var(--paper-soft);
    border:1px solid rgba(255,255,255,0.3);
    font-family:'Cormorant Garamond',serif;
    font-size:14px;letter-spacing:.2em;text-transform:uppercase;
    text-decoration:none;
    transition:all .35s;
  }
  .live-link:hover{
    background:var(--paper-soft);
    color:var(--forest);
    border-color:var(--paper-soft);
  }
  .live-link.primary{
    background:var(--terracotta);
    border-color:var(--terracotta);
  }
  .live-link.primary:hover{
    background:var(--blush-deep);
    border-color:var(--blush-deep);
    color:var(--paper-soft);
  }

  /* ============ FOOTER ============ */
  .site-footer{
    background:var(--paper-soft);
    padding:64px 32px 32px;
    border-top:1px solid var(--line);
  }
  .footer-inner{
    max-width:1100px;margin:0 auto;
  }
  .footer-tagline{
    text-align:center;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:24px;
    color:var(--terracotta);
    letter-spacing:.1em;
    margin-bottom:40px;
  }
  .footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:48px;
    margin-bottom:48px;
  }
  @media(max-width:768px){
    .footer-grid{grid-template-columns:1fr;gap:32px;}
  }
  .footer-brand .logo{font-size:28px;margin-bottom:16px;}
  .footer-brand p{
    font-size:13.5px;line-height:1.9;
    color:var(--ink-soft);
  }
  .footer-col h5{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.25em;
    text-transform:uppercase;
    color:var(--ink);
    margin-bottom:18px;
  }
  .footer-col ul{list-style:none;}
  .footer-col li{margin-bottom:10px;}
  .footer-col a{
    font-size:14px;
    color:var(--ink-soft);
    text-decoration:none;
    transition:color .3s;
  }
  .footer-col a:hover{color:var(--terracotta);}
  .footer-bottom{
    padding-top:24px;
    border-top:1px solid var(--line);
    display:flex;justify-content:space-between;
    font-size:12px;
    color:var(--ink-soft);
    letter-spacing:.1em;
  }
  @media(max-width:768px){
    .footer-bottom{flex-direction:column;gap:8px;text-align:center;}
  }
</style>
</head>
<body>

<!-- ============ HEADER ============ -->
<header class="site-header">
  <div class="header-inner">
    <a href="https://yonka.co.jp/" class="logo">yonka <small>magazine</small></a>
    <nav class="site-nav">
      <a href="#editor">editor&#8217;s note</a>
      <a href="#truth">the truth</a>
      <a href="#answer">live</a>
      <a href="#how">how to join</a>
      <a href="https://yonka.company/">shop</a>
    </nav>
  </div>
</header>

<!-- ============ HERO ============ -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-left">
      <div class="hero-meta">
        <span class="issue">Issue No.07 — Editorial</span>
        <span class="divider"></span>
        <span class="date">May, 2026</span>
      </div>

      <div class="hero-eyebrow">An honest letter about sizing.</div>

      <h1>
        海外子供服のサイズ感、<br>
        <span class="accent-cm">〈cm〉</span>だけでは<br>
        わからない。<span class="br-deco"></span>
      </h1>

      <p class="hero-lead">
        92、98、104——並ぶ数字を前に、何度カートで手が止まったでしょう。<br>
        ヨーロッパ子ども服のサイズは、ブランドごとに違い、素材ごとに伸びかたが違い、お国柄まで宿っています。だから毎朝10時、Instagram LIVEで一着ずつ手に取り、画面越しに一緒に選んでいます。
      </p>

      <div class="hero-cta-row">
        <a href="https://www.instagram.com/yonka.shop/" class="hero-cta">Watch the morning live →</a>
        <a href="#editor" class="hero-cta-secondary">記事を読む</a>
      </div>
    </div>

    <div class="hero-img-wrap">
      <div class="hero-badge">
        every<br>morning<br>10:00 a.m.<br>＋ live
      </div>
      <div class="hero-img">
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/S__52314117_0.jpg" alt="yonka店長 加奈が毎朝10時にInstagram LIVEでヨーロッパ子ども服のサイズ感を伝える様子">
      </div>
      <div class="hero-img-caption">— Morning live, in the studio.</div>
    </div>
  </div>
</section>

<!-- ============ EDITOR'S NOTE ============ -->
<section class="editor-note" id="editor">
  <div class="editor-note-inner">
    <div class="ornament">· · ·</div>
    <div class="label">Editor&#8217;s Note</div>

    <p>夜中、子どもを寝かしつけたあとのスマホの灯り。お気に入りのブランドの新作が並んでいて、心はすでに「うちの子が着たら、きっと似合う」と踊っている。──でも、サイズの欄でぴたりと止まる。<strong>92cmって、うちの子に大きいんだっけ。小さいんだっけ</strong>。タグの表記、参考身長、レビューを行ったり来たりして、結局カートに入れたまま閉じてしまった夜が、私にもたくさんありました。</p>

    <p>ヨーロッパの子ども服は、サイズ表記そのものが日本と少し違います。デンマークのブランドは細身で、北欧らしくすっきり長く着られる作り。イギリスやウェールズのブランドはふっくら、ニットなら今年も来年もちゃんと着られる余白がある。フランスはやや大きめで、肩が落ちるくらいがちょうどいい、なんて感覚も。<strong>同じ「2歳サイズ」でも、ブランドが変われば、まるで違う一着になります</strong>。</p>

    <p>カタログ写真は、いつも完璧です。でも、本当に知りたいのは、生地が手に触れたときの厚み、襟ぐりの落ちかた、袖を通したときに肘までくる長さ。画面の上では絶対に伝わらないことが、子ども服にはたくさんあります。だから私は、決めました。「ことばで伝わらないなら、画面の向こうで、いっしょに見よう」と。</p>

    <p>毎朝10時。コーヒー一杯ぶんの時間でいいんです。Instagram LIVEで、その日に届いたヨーロッパ子ども服を一着ずつ、私の手のひらに乗せて、サイズ感のリアルをお話ししています。「これがいい」と思える一着に、ちゃんと出会うために。</p>

    <p class="sign">— 加奈 / yonka editorial</p>
  </div>
</section>

<!-- ============ THE TRUTH — 3つの落とし穴 ============ -->
<section class="truth-section" id="truth">
  <div class="container">
    <div class="section-eyebrow">The Truth</div>
    <h2 class="section-title">海外子供服のサイズ感、ここでつまずく3つのこと。</h2>

    <div class="truth-grid">
      <div class="truth-card">
        <span class="truth-num">i.</span>
        <h3>「2歳サイズ」が、<br>ブランドごとに違う。</h3>
        <p>ヨーロッパサイズ表記は92、98、104……と身長基準。でも実際には、デンマークの92はすっきり細身、ウェールズの92はゆったり、フランスの92は大きめ──<strong>同じ数字でも、ブランドが違えば別物</strong>です。タグの数字だけでは選びきれません。</p>
      </div>

      <div class="truth-card">
        <span class="truth-num">ii.</span>
        <h3>素材で、伸びかたが<br>まるで変わる。</h3>
        <p>メリノウールのニットは着るほど身体に馴染み、オーガニックコットンは洗うと少し縮みます。リネンは最初はパリッと、ひと夏越えるとくたっと優しく。<strong>「ジャストサイズ」と「長く着られるサイズ」は、素材によって答えが違います</strong>。</p>
      </div>

      <div class="truth-card">
        <span class="truth-num">iii.</span>
        <h3>カタログ写真では、<br>厚みが伝わらない。</h3>
        <p>同じ「ロンパース」でも、薄手のサマーコットンと、ふっくらしたキルティングでは、着せる季節も、サイズ選びの考え方も別になります。<strong>生地の重み、襟ぐりの落ちかた、袖丈の余白</strong>──写真では絶対に伝わらないことが、子ども服にはあります。</p>
      </div>
    </div>
  </div>
</section>

<!-- ============ IMAGE BREAK ============ -->
<section class="image-break">
  <div class="image-break-caption">
    &#8220;Let&#8217;s choose together, on screen.&#8221;
    <span class="jp">画面の向こうで、いっしょに選ぶ朝を。</span>
  </div>
</section>

<!-- ============ THE ANSWER — LIVEで解決 ============ -->
<section class="answer-section" id="answer">
  <div class="container">
    <div class="answer-grid">
      <div class="answer-img">
        <span class="answer-img-tag">● Live Now</span>
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/S__52314115_0.jpg" alt="yonka店長がInstagram LIVEで海外子供服を一着ずつ手に取り、サイズ感や素材を解説する様子">
      </div>

      <div class="answer-text">
        <div class="section-eyebrow">The Answer</div>
        <h2>だから、画面越しに<br>一着ずつ、手で。</h2>
        <p>yonkaのInstagram LIVEは、毎朝10時から。スタジオに届いた<strong>ヨーロッパ子ども服を、一着ずつ私の手のひらに乗せて</strong>、サイズ表だけではわからないことをお話ししています。</p>
        <p>「うちの子、今◯cmなんですけど」というコメントには、その場でお答えします。気になる素材は、カメラに寄せて生地感を映して。襟ぐりの落ちかた、袖丈、ボタンの位置まで。<strong>カタログでは絶対に届かない情報を、画面の向こうへ</strong>。</p>

        <ul class="answer-list">
          <li><span class="check">✓</span><span>身長・体重を伝えれば、その場でサイズの目安をご提案します</span></li>
          <li><span class="check">✓</span><span>生地の厚み、伸縮性、洗ったあとの変化までお話しします</span></li>
          <li><span class="check">✓</span><span>ブランドごとのサイズ感の癖を、比較しながら解説します</span></li>
          <li><span class="check">✓</span><span>LIVE中だけの特別価格・限定商品もご用意しています</span></li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- ============ HOW TO JOIN ============ -->
<section class="join-section" id="how">
  <div class="container">
    <div class="section-eyebrow">How to Join</div>
    <h2 class="section-title">朝のLIVEに、ふらりと立ち寄る三つの方法。</h2>

    <div class="join-grid">
      <div class="join-step">
        <div class="step-num">1</div>
        <h4>Instagramをフォロー</h4>
        <p>@yonka.shop をフォローしておくと、毎朝10時にLIVE開始の通知が届きます。コーヒーを淹れる手をとめて、ちょっとだけ覗いてください。</p>
      </div>

      <div class="join-step">
        <div class="step-num">2</div>
        <h4>気になる服を、コメントで</h4>
        <p>「あの92cmのロンパース、もう一度見せてください」「うちの子◯歳で身長◯cmなんですけど」──気軽に書き込んでください。一つひとつ、お応えしています。</p>
      </div>

      <div class="join-step">
        <div class="step-num">3</div>
        <h4>LIVE限定の一着を、お迎え</h4>
        <p>LIVE中だけにご紹介する特別商品もあります。サイズ感を確かめて、納得してから「これがいい」と決められる──そんな朝のお買いものです。</p>
      </div>
    </div>
  </div>
</section>

<!-- ============ VOICE FROM YONKA ============ -->
<section class="voice-section">
  <div class="voice-inner">
    <div class="voice-avatar">
      <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/S__52314117_0.jpg" alt="yonka代表 加奈">
    </div>
    <div class="voice-text">
      <div class="voice-label">Voice from yonka</div>
      <h3>「これがいい」と「これでいいや」のあいだに、<br>朝の10分が、あります。</h3>
      <p>子どもに着せる服って、たぶん「サイズが合えばなんでもいい」じゃないんですよね。私自身、母として、わが子の朝の支度をしながら、いつもそう思っています。生地の手触りも、肩のラインも、洗ったあとに育っていく風合いも、ぜんぶ含めて<strong>「これがいい」と思える一着</strong>を、選びたい。</p>
      <p>だから毎朝10時のLIVEは、私にとって雑談の時間でもあります。サイズ表にも、商品ページにも書いていないことを、画面の向こうの「同じ気持ちのママ」と分かち合う時間。コメントに答えながら、ときどき笑いながら。よかったら、明日の朝、コーヒー片手にお越しください。</p>
      <div class="voice-sign">— 加奈 / 株式会社yonka 代表</div>
    </div>
  </div>
</section>

<!-- ============ LIVE NOTICE ============ -->
<section class="live-section">
  <div class="live-inner">
    <div class="live-indicator">
      <span class="live-dot"></span>
      <span>Live every morning</span>
    </div>

    <div class="live-time">10:00<small>a.m.</small></div>
    <div class="live-title">Instagram LIVE ／ 毎朝10時、画面の向こうでお会いしましょう。</div>
    <div class="live-desc">
      届いたばかりのヨーロッパ子ども服を、一着ずつ手に取って。<br>
      サイズ感、素材、お洗濯のこと──気になることはなんでも、コメントでどうぞ。
    </div>

    <div class="live-links">
      <a href="https://www.instagram.com/yonka.shop/" class="live-link primary">Instagram で見る →</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" class="live-link">LIVE限定商品</a>
      <a href="https://ameblo.jp/yonka-select/" class="live-link">Blog</a>
    </div>
  </div>
</section>

<!-- ============ FOOTER ============ -->
<footer class="site-footer">
  <div class="footer-inner">
    <div class="footer-tagline">— from mothers, to mothers —</div>

    <div class="footer-grid">
      <div class="footer-brand">
        <div class="logo">yonka <small>magazine</small></div>
        <p>株式会社yonka<br>埼玉県深谷市<br>ヨーロッパ子ども服セレクトショップ<br><br>毎朝10時、Instagram LIVEでお会いしましょう。</p>
      </div>

      <div class="footer-col">
        <h5>Shop</h5>
        <ul>
          <li><a href="https://yonka.company/">オンラインショップ</a></li>
          <li><a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81">LIVE限定商品</a></li>
        </ul>
      </div>

      <div class="footer-col">
        <h5>Read &#038; Watch</h5>
        <ul>
          <li><a href="https://www.instagram.com/yonka.shop/">Instagram</a></li>
          <li><a href="https://ameblo.jp/yonka-select/">Ameba Blog</a></li>
          <li><a href="https://yonka.co.jp/">yonka magazine</a></li>
        </ul>
      </div>
    </div>

    <div class="footer-bottom">
      <span>© 2026 yonka inc. All rights reserved.</span>
      <span>since 2024 — Saitama, Japan</span>
    </div>
  </div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【LOIR paris】GREGOIRE デニムオーバーオール｜パリのアトリエから届く、種を蒔く服｜yonka</title>
		<link>https://yonka.co.jp/%e3%80%90loir-paris%e3%80%91gregoire-%e3%83%87%e3%83%8b%e3%83%a0%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%82%aa%e3%83%bc%e3%83%ab%ef%bd%9c%e3%83%91%e3%83%aa%e3%81%ae%e3%82%a2%e3%83%88%e3%83%aa%e3%82%a8/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Tue, 19 May 2026 08:05:19 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<category><![CDATA[未分類]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72090</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/スクリーンショット-2026-05-19-170453.png" class="webfeedsFeaturedVisual" /></p>【LOIR paris】GREGOIRE デニムオーバーオール｜パリのアトリエから届く、種を蒔く服｜yonka yonka magazine Shop Column Blog Instagram Issue · No.0 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/スクリーンショット-2026-05-19-170453.png" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- SEO Meta Tags -->
<title>【LOIR paris】GREGOIRE デニムオーバーオール｜パリのアトリエから届く、種を蒔く服｜yonka</title>
<meta name="description" content="フランス・パリ発のLOIR paris（ロワール）から、種つきタグが愛らしいGREGOIREデニムオーバーオールが入荷。LIGHT GREEN・DENIM BLUE・TERRAの全3色展開。100%ヨーロッパ生産、オーガニック素材の上質なサロペット。日本正規取扱いはyonkaで。">
<meta name="keywords" content="LOIR paris,ロワール,ロワールパリ,GREGOIRE,グレゴワール,ヨーロッパ子ども服,フランス子ども服,デニムオーバーオール,サロペット,オーガニックコットン,Oeko-Tex,パリ子ども服,yonka,ヨンカ">

<!-- OGP Tags -->
<meta property="og:title" content="【LOIR paris】GREGOIRE デニムオーバーオール 全3色｜パリのアトリエから届く一着｜yonka">
<meta property="og:description" content="パリ発LOIR parisのGREGOIRE、優しい若草色・水色・テラコッタの3色展開。100%ヨーロッパ生産の上質なデニムサロペット。">
<meta property="og:type" content="article">
<meta property="og:url" content="https://yonka.co.jp/">
<meta property="og:image" content="https://yonka.company/cdn/shop/files/LOIR_paris_GREGOIRE_-_LIGHT_GREEN_DENIM.png?v=1772858623&#038;width=1200">
<meta property="og:site_name" content="yonka magazine">
<meta name="twitter:card" content="summary_large_image">
<meta name="robots" content="index, follow">

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italiana&#038;family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500&#038;display=swap" rel="stylesheet">

<style>
/* ============================
   Color Palette: Jardin Parisien
   パリの庭 — LOIR paris GREGOIRE
   ============================ */
:root {
  --cream: #f6f1e8;           /* パリのアパルトマンの漆喰壁 */
  --cream-deep: #ebe3d2;      /* 紙の影 */
  --ink: #2a2d28;             /* インクの黒 */
  --text: #3a3a35;            /* 本文の墨色 */
  --sage: #a8b88a;            /* LIGHT GREEN DENIM 若草色 */
  --sage-deep: #7a8a5e;       /* 葉の影 */
  --moss: #5a6648;            /* 種つきタグ、土、深い葉 */
  --dusty-blue: #8ba0b3;      /* DENIM BLUE LIGHT */
  --terra: #c08868;           /* TERRA DENIM */
  --terra-deep: #9c6647;      /* テラコッタの陰 */
  --line: #d8cfbe;            /* 罫線 */
  --gold: #b89968;            /* アクセント、Issue番号 */
}

* { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; }

body {
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  background: var(--cream);
  color: var(--text);
  line-height: 1.85;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width:100%; height:auto; display:block; }

a { color: inherit; text-decoration: none; }

/* ============================
   Header / Navigation
   ============================ */
.header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(246, 241, 232, 0.95);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--line);
}
.header-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 18px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo {
  font-family: 'Italiana', serif;
  font-size: 30px;
  color: var(--ink);
  letter-spacing: 0.04em;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.logo .sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 11px;
  color: var(--sage-deep);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.nav {
  display: flex;
  gap: 32px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ink);
}
.nav a { transition: color .3s; }
.nav a:hover { color: var(--sage-deep); }
@media (max-width: 768px) {
  .nav { display: none; }
  .header-inner { padding: 14px 22px; }
  .logo { font-size: 24px; }
}

/* ============================
   Hero
   ============================ */
.hero {
  position: relative;
  min-height: 92vh;
  background:
    radial-gradient(ellipse at top right, rgba(168, 184, 138, 0.18), transparent 60%),
    radial-gradient(ellipse at bottom left, rgba(139, 160, 179, 0.12), transparent 55%),
    linear-gradient(180deg, var(--cream) 0%, var(--cream-deep) 100%);
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 80px 40px;
}
.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0.07 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
  opacity: .5;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.hero-inner {
  position: relative;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.hero-text { animation: fadeInUp 1.2s ease-out; }
.issue {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.35em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.issue::before, .issue::after {
  content: '';
  width: 40px;
  height: 1px;
  background: var(--gold);
  display: inline-block;
}
.hero-brand {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 22px;
  color: var(--moss);
  letter-spacing: 0.12em;
  margin-bottom: 12px;
}
.hero h1 {
  font-family: 'Italiana', serif;
  font-size: clamp(38px, 5.5vw, 78px);
  line-height: 1.05;
  color: var(--ink);
  font-weight: 400;
  letter-spacing: 0.01em;
  margin-bottom: 20px;
}
.hero h1 .accent {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--sage-deep);
  font-size: 0.65em;
  display: block;
  margin-top: 6px;
  letter-spacing: 0.05em;
}
.hero-jp {
  font-family: 'Shippori Mincho', serif;
  font-size: 17px;
  color: var(--text);
  line-height: 2;
  margin-bottom: 32px;
  max-width: 480px;
}
.hero-meta {
  display: flex;
  gap: 28px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: var(--moss);
  text-transform: uppercase;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.hero-image {
  position: relative;
  animation: fadeInUp 1.4s ease-out;
}
.hero-image-frame {
  position: relative;
  aspect-ratio: 4/5;
  background: linear-gradient(135deg, rgba(168, 184, 138, 0.15), rgba(246, 241, 232, 0.4));
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.hero-image-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.hero-badge {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: var(--moss);
  color: var(--cream);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  animation: gentle-rotate 30s linear infinite;
  z-index: 2;
}
.hero-badge span {
  font-family: 'Italiana', serif;
  font-style: normal;
  font-size: 22px;
  display: block;
}
@keyframes gentle-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 900px) {
  .hero { min-height: auto; padding: 60px 22px; }
  .hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .hero-badge { width: 100px; height: 100px; font-size: 11px; top: -15px; right: 10px; }
  .hero-badge span { font-size: 18px; }
}

/* ============================
   Section common
   ============================ */
section { padding: 110px 40px; }
.container { max-width: 1180px; margin: 0 auto; }
.section-label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  letter-spacing: 0.4em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.section-label::before {
  content: '';
  width: 32px;
  height: 1px;
  background: var(--gold);
}
.section-title {
  font-family: 'Italiana', serif;
  font-size: clamp(32px, 4vw, 52px);
  color: var(--ink);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 40px;
  letter-spacing: 0.01em;
}
@media (max-width: 768px) {
  section { padding: 70px 22px; }
}

/* ============================
   Editor's Note
   ============================ */
.editors-note {
  background: var(--cream);
  position: relative;
}
.editors-note .container {
  max-width: 760px;
  text-align: center;
}
.editors-note .ornament {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--sage-deep);
  font-size: 28px;
  margin-bottom: 24px;
  letter-spacing: 0.3em;
}
.editors-note h2 {
  font-family: 'Italiana', serif;
  font-size: clamp(28px, 3.5vw, 42px);
  color: var(--ink);
  font-weight: 400;
  margin-bottom: 36px;
  letter-spacing: 0.02em;
}
.editors-note p {
  font-size: 16px;
  line-height: 2.15;
  margin-bottom: 22px;
  color: var(--text);
  text-align: left;
}
.editors-note p:first-of-type::first-letter {
  font-family: 'Italiana', serif;
  font-size: 58px;
  float: left;
  line-height: 0.9;
  margin: 8px 12px 0 0;
  color: var(--moss);
}
.editor-sign {
  margin-top: 40px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--moss);
  letter-spacing: 0.12em;
  font-size: 15px;
}

/* ============================
   Brand Story
   ============================ */
.brand-story {
  background: linear-gradient(180deg, var(--cream) 0%, var(--cream-deep) 100%);
}
.brand-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.brand-visual {
  position: relative;
  aspect-ratio: 4/5;
  background: linear-gradient(135deg, rgba(192, 136, 104, 0.15), rgba(168, 184, 138, 0.15));
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.brand-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.brand-visual::before {
  content: 'Made in Europe';
  position: absolute;
  top: 24px;
  left: 24px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: var(--moss);
  padding: 4px 12px;
  background: var(--cream);
  border: 1px solid var(--line);
  z-index: 2;
}
.brand-text h2 {
  font-family: 'Italiana', serif;
  font-size: clamp(30px, 4vw, 46px);
  color: var(--ink);
  margin-bottom: 24px;
  line-height: 1.2;
  font-weight: 400;
}
.brand-text .lead {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 19px;
  color: var(--sage-deep);
  margin-bottom: 28px;
  letter-spacing: 0.04em;
  line-height: 1.6;
}
.brand-text p {
  font-size: 15.5px;
  line-height: 2.1;
  margin-bottom: 18px;
  color: var(--text);
}
.brand-values {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}
.brand-values .value {
  font-size: 13px;
  line-height: 1.7;
}
.brand-values .value-label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--moss);
  font-size: 14px;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 4px;
}
@media (max-width: 900px) {
  .brand-grid { grid-template-columns: 1fr; gap: 50px; }
}

/* ============================
   Featured Product
   ============================ */
.featured {
  background: var(--cream);
  position: relative;
}
.featured-header {
  text-align: center;
  margin-bottom: 70px;
}
.featured-header .section-label {
  justify-content: center;
}
.featured-header .section-label::after {
  content: '';
  width: 32px;
  height: 1px;
  background: var(--gold);
}
.featured-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 70px;
  align-items: start;
}
.product-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.product-img {
  aspect-ratio: 1;
  background: var(--cream-deep);
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  position: relative;
}
.product-img.main { grid-column: span 2; aspect-ratio: 4/3; }
.product-img img {
  mix-blend-mode: multiply;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.product-img .color-tag {
  position: absolute;
  bottom: 12px;
  left: 12px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--moss);
  text-transform: uppercase;
  background: var(--cream);
  padding: 3px 10px;
  border: 1px solid var(--line);
}

.product-info h2 {
  font-family: 'Italiana', serif;
  font-size: clamp(28px, 3.8vw, 42px);
  color: var(--ink);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 12px;
}
.product-info .product-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 17px;
  color: var(--sage-deep);
  letter-spacing: 0.08em;
  margin-bottom: 28px;
}

/* Color Swatches */
.color-study {
  background: linear-gradient(135deg, rgba(168, 184, 138, 0.08), rgba(192, 136, 104, 0.06));
  border: 1px solid var(--line);
  padding: 28px 26px;
  margin-bottom: 32px;
}
.color-study-title {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.3em;
  color: var(--moss);
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
}
.swatches {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.swatch {
  text-align: center;
  display: block;
  transition: transform .3s;
}
.swatch:hover { transform: translateY(-3px); }
.swatch-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 0 auto 10px;
  border: 2px solid var(--cream);
  box-shadow: 0 0 0 1px var(--line), 0 4px 12px rgba(90, 102, 72, 0.12);
}
.swatch-circle.light-green { background: linear-gradient(135deg, #b8c79a 0%, #a0b07f 100%); }
.swatch-circle.blue-light  { background: linear-gradient(135deg, #a9bccf 0%, #8ba0b3 100%); }
.swatch-circle.terra       { background: linear-gradient(135deg, #cc9a7a 0%, #ad7757 100%); }
.swatch-name {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--ink);
  letter-spacing: 0.08em;
  line-height: 1.4;
  display: block;
}
.swatch-name small {
  font-family: 'Shippori Mincho', serif;
  font-style: normal;
  font-size: 11px;
  color: var(--sage-deep);
  display: block;
  margin-top: 2px;
}

/* Spec Table */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 32px;
  font-size: 14px;
}
.spec-table th, .spec-table td {
  padding: 13px 4px;
  text-align: left;
  border-bottom: 1px solid var(--line);
}
.spec-table th {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--moss);
  font-weight: 500;
  letter-spacing: 0.08em;
  width: 32%;
  font-size: 13px;
  text-transform: uppercase;
}
.spec-table td {
  color: var(--text);
  font-size: 14.5px;
}

/* Selling Points */
.selling-points {
  margin-bottom: 36px;
}
.point {
  display: flex;
  gap: 22px;
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}
.point:last-child { border-bottom: none; }
.point-num {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 24px;
  color: var(--gold);
  letter-spacing: 0.05em;
  min-width: 34px;
  line-height: 1;
}
.point-content h4 {
  font-family: 'Shippori Mincho', serif;
  font-size: 16px;
  color: var(--ink);
  margin-bottom: 8px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.point-content p {
  font-size: 14.5px;
  line-height: 1.95;
  color: var(--text);
}

/* Price & CTA */
.price-block {
  padding: 24px 0;
  border-top: 2px solid var(--ink);
  border-bottom: 1px solid var(--line);
  margin-bottom: 24px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.price {
  font-family: 'Italiana', serif;
  font-size: 32px;
  color: var(--ink);
  letter-spacing: 0.02em;
}
.price small {
  font-family: 'Shippori Mincho', serif;
  font-size: 13px;
  color: var(--text);
  margin-left: 8px;
}
.price-note {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--sage-deep);
  font-size: 13px;
  letter-spacing: 0.12em;
}
.cta {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: var(--ink);
  color: var(--cream);
  padding: 20px 40px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 17px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border: 1px solid var(--ink);
  transition: all .35s;
}
.cta:hover {
  background: var(--moss);
  border-color: var(--moss);
  letter-spacing: 0.24em;
}
.cta-sub {
  text-align: center;
  margin-top: 14px;
  font-size: 12px;
  letter-spacing: 0.15em;
  color: var(--sage-deep);
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
}

@media (max-width: 900px) {
  .featured-grid { grid-template-columns: 1fr; gap: 40px; }
}

/* ============================
   Color Stories (3カラー詳細)
   ============================ */
.color-stories {
  background: linear-gradient(180deg, var(--cream-deep) 0%, var(--cream) 100%);
}
.color-stories .section-title {
  text-align: center;
  margin-bottom: 14px;
}
.color-stories .section-label {
  justify-content: center;
}
.color-stories .section-label::after {
  content: '';
  width: 32px;
  height: 1px;
  background: var(--gold);
}
.color-stories .intro {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 70px;
  font-size: 15.5px;
  line-height: 2;
  color: var(--text);
}
.color-trio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}
.color-card {
  background: var(--cream);
  border: 1px solid var(--line);
  padding: 32px 28px;
  text-align: center;
  transition: transform .4s, box-shadow .4s;
}
.color-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(90, 102, 72, 0.08);
}
.color-card .card-img {
  aspect-ratio: 1;
  background: var(--cream-deep);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.color-card .card-img img {
  mix-blend-mode: multiply;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.color-card .card-eyebrow {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.3em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 8px;
}
.color-card h3 {
  font-family: 'Italiana', serif;
  font-size: 26px;
  color: var(--ink);
  font-weight: 400;
  margin-bottom: 14px;
  line-height: 1.2;
}
.color-card .jp-name {
  font-family: 'Shippori Mincho', serif;
  font-size: 14px;
  color: var(--sage-deep);
  margin-bottom: 18px;
  letter-spacing: 0.08em;
}
.color-card p {
  font-size: 14px;
  line-height: 1.95;
  color: var(--text);
  margin-bottom: 24px;
  text-align: left;
}
.color-card .card-cta {
  display: inline-block;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.18em;
  color: var(--ink);
  border-bottom: 1px solid var(--ink);
  padding-bottom: 4px;
  text-transform: uppercase;
  transition: all .3s;
}
.color-card .card-cta:hover {
  color: var(--moss);
  border-color: var(--moss);
  letter-spacing: 0.22em;
}
@media (max-width: 900px) {
  .color-trio { grid-template-columns: 1fr; gap: 28px; }
}

/* ============================
   Voice from yonka
   ============================ */
.voice {
  background: var(--cream);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.voice .container {
  max-width: 880px;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 50px;
  align-items: center;
}
.voice-avatar {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--sage), var(--moss));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Italiana', serif;
  font-size: 42px;
  color: var(--cream);
  letter-spacing: 0.05em;
  border: 4px solid var(--cream);
  box-shadow: 0 0 0 1px var(--line), 0 10px 30px rgba(90, 102, 72, 0.15);
}
.voice-content .voice-label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--gold);
  letter-spacing: 0.3em;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.voice-content h3 {
  font-family: 'Italiana', serif;
  font-size: 28px;
  color: var(--ink);
  font-weight: 400;
  margin-bottom: 22px;
  line-height: 1.3;
}
.voice-content p {
  font-size: 15.5px;
  line-height: 2.1;
  color: var(--text);
  margin-bottom: 16px;
}
.voice-sign {
  margin-top: 24px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--moss);
  letter-spacing: 0.12em;
  font-size: 14px;
}
@media (max-width: 768px) {
  .voice .container { grid-template-columns: 1fr; gap: 30px; text-align: center; }
  .voice-avatar { margin: 0 auto; width: 140px; height: 140px; font-size: 32px; }
  .voice-content p { text-align: left; }
}

/* ============================
   LIVE Section
   ============================ */
.live {
  background: var(--ink);
  color: var(--cream);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.live::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at top, rgba(168, 184, 138, 0.08), transparent 60%),
    radial-gradient(ellipse at bottom, rgba(192, 136, 104, 0.06), transparent 60%);
}
.live .container { position: relative; }
.live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.4em;
  color: var(--sage);
  margin-bottom: 24px;
  text-transform: uppercase;
}
.live-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--terra);
  animation: blink 1.6s ease-in-out infinite;
  box-shadow: 0 0 14px rgba(192, 136, 104, 0.7);
}
@keyframes blink {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}
.live h2 {
  font-family: 'Italiana', serif;
  font-size: clamp(32px, 4.5vw, 54px);
  color: var(--cream);
  font-weight: 400;
  margin-bottom: 18px;
  line-height: 1.15;
  letter-spacing: 0.02em;
}
.live .time {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 22px;
  color: var(--sage);
  letter-spacing: 0.1em;
  margin-bottom: 24px;
}
.live p {
  max-width: 560px;
  margin: 0 auto 40px;
  font-size: 15.5px;
  line-height: 2;
  color: rgba(246, 241, 232, 0.85);
}
.live-buttons {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
}
.live-btn {
  display: inline-block;
  padding: 16px 30px;
  border: 1px solid var(--cream);
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cream);
  transition: all .35s;
}
.live-btn:hover {
  background: var(--cream);
  color: var(--ink);
  letter-spacing: 0.22em;
}
.live-btn.primary {
  background: var(--sage);
  border-color: var(--sage);
  color: var(--ink);
}
.live-btn.primary:hover {
  background: var(--cream);
  border-color: var(--cream);
}

/* ============================
   Footer
   ============================ */
.footer {
  background: var(--cream-deep);
  padding: 80px 40px 40px;
  border-top: 1px solid var(--line);
}
.footer-inner {
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
}
.footer-logo {
  font-family: 'Italiana', serif;
  font-size: 38px;
  color: var(--ink);
  letter-spacing: 0.04em;
  margin-bottom: 14px;
}
.footer-tagline {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  color: var(--moss);
  letter-spacing: 0.18em;
  margin-bottom: 40px;
}
.footer-links {
  display: flex;
  justify-content: center;
  gap: 36px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.footer-links a {
  color: var(--ink);
  transition: color .3s;
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
}
.footer-links a:hover {
  color: var(--moss);
  border-bottom-color: var(--moss);
}
.footer-company {
  font-size: 12px;
  color: var(--text);
  line-height: 1.9;
  letter-spacing: 0.06em;
  padding-top: 30px;
  border-top: 1px solid var(--line);
}
.footer-copy {
  margin-top: 16px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.2em;
  color: var(--sage-deep);
}

</style>
</head>
<body>

<!-- ============================
     HEADER
     ============================ -->
<header class="header">
  <div class="header-inner">
    <a href="https://yonka.company/" class="logo">
      yonka <span class="sub">magazine</span>
    </a>
    <nav class="nav">
      <a href="https://yonka.company/">Shop</a>
      <a href="https://yonka.company/blogs/column">Column</a>
      <a href="https://ameblo.jp/yonka-select/">Blog</a>
      <a href="https://www.instagram.com/yonka.shop/">Instagram</a>
    </nav>
  </div>
</header>

<!-- ============================
     HERO
     ============================ -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-text">
      <div class="issue">Issue · No.07 · Spring</div>
      <div class="hero-brand">LOIR paris ─ from Paris with love</div>
      <h1>
        LOIRの新作<br>GREGOIRE オーバーオール
        <span class="accent">Une salopette en denim, plantée comme une graine.</span>
      </h1>
      <p class="hero-jp">
        パリのアトリエから届いた、種つきタグを揺らすデニムのサロペット。<br>
        若草・水色・テラコッタ、ひと夏を歩く三つの色。
      </p>
      <div class="hero-meta">
        <span>Brand · LOIR paris</span>
        <span>Made in Europe</span>
        <span>3 Colors</span>
      </div>
    </div>
    <div class="hero-image">
      <div class="hero-badge">
        <div>
          <span>NEW</span>
          arrival · 2026
        </div>
      </div>
      <div class="hero-image-frame">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/LOIR_paris_GREGOIRE_-_LIGHT_GREEN_DENIM.png?v=1772858623&#038;width=1200" alt="LOIR paris ロワール GREGOIRE デニムオーバーオール LIGHT GREEN DENIM 若草色">
      </div>
    </div>
  </div>
</section>

<!-- ============================
     EDITOR'S NOTE
     ============================ -->
<section class="editors-note">
  <div class="container">
    <div class="ornament">~ Editor&#8217;s Note ~</div>
    <h2>種を蒔ける、子ども服。</h2>
    
    <p>
      パリのアトリエでつくられた一着の<strong>子ども服のタグ</strong>を、土に植えると花が咲く。──そう聞いたとき、わたしは思わず手を止めました。「服を着終わったあとの世界にまで、こんなに優しいまなざしを向けているブランドが、本当にあるんだ」と。
    </p>
    <p>
      <strong>LOIR paris（ロワール パリ）</strong>は、パリのママでありデザイナーのPaulineが、2020年に自分の子どものために立ち上げたブランド。「ヤマネ（loir）」という愛らしい小動物の名前を冠した、繊細でタイムレスなパリのワードローブ。それはまるで、何代にもわたって受け継がれていく宝物のような服たちです。
    </p>
    <p>
      その中でも今回ご紹介する <strong>GREGOIRE（グレゴワール）デニムオーバーオール</strong> は、若草色・水色・テラコッタの3色展開。どの色も、パリの春の庭から摘んできたみたいに、子どもの肌に静かに寄り添ってくれます。
    </p>
    <p>
      流行を追いかけるのではなく、「兄から妹へ」「いとこからいとこへ」と手渡されていく服。これがいい、を選ぶこと。今日はそんな一着のお話を、丁寧に綴っていきます。
    </p>
    <div class="editor-sign">— 加奈 / yonka editorial</div>
  </div>
</section>

<!-- ============================
     BRAND STORY
     ============================ -->
<section class="brand-story">
  <div class="container">
    <div class="brand-grid">
      <div class="brand-visual">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/LOIR_paris_GREGOIRE_-_TERRA_DENIM.png?v=1772858437&#038;width=1200" alt="LOIR paris ロワール GREGOIRE TERRA DENIM テラコッタ">
      </div>
      <div class="brand-text">
        <div class="section-label">About the brand</div>
        <h2>LOIR parisとは？</h2>
        <p class="lead">
          “Une mode délicate et durable.” —— 繊細で、長く愛される服を。
        </p>
        <p>
          <strong>LOIR paris（ロワール パリ）</strong>は、2020年にパリでPaulineが立ち上げた<strong>フランスの子ども服ブランド</strong>。ブランド名のloirは、フランス語で「ヤマネ」を意味する言葉。寝ぼけまなこの小さなヤマネのように、子どもたちのまどろみと冒険に静かに寄り添う服を、と願って名づけられました。
        </p>
        <p>
          サプライヤーは100%ヨーロッパ。そのうち約90%がフランス国内。素材の90%以上がオーガニックまたは責任ある生産で選ばれ、Oeko-Tex認証またはアップサイクル素材を採用しています。コレクションの約1/3は、他ブランドの余剰生地を救う「saved fabric」から生まれていることも、LOIRがただ美しいだけのブランドではない理由です。
        </p>
        <p>
          そして、有名な「種つきタグ」。服のタグは、土に植えるとお花が咲く種でできています。子どもと一緒に庭に植えて、芽が出るのを待つ──服が、暮らしの記憶になる仕掛けが、ここにはあります。
        </p>

        <div class="brand-values">
          <div class="value">
            <span class="value-label">Founded</span>
            2020, Paris by Pauline
          </div>
          <div class="value">
            <span class="value-label">Made in</span>
            100% Europe / 90% France
          </div>
          <div class="value">
            <span class="value-label">Materials</span>
            Oeko-Tex / Organic / Upcycled
          </div>
          <div class="value">
            <span class="value-label">Philosophy</span>
            Transmission — 受け継がれる服
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ============================
     FEATURED PRODUCT
     ============================ -->
<section class="featured">
  <div class="container">
    <div class="featured-header">
      <div class="section-label">Featured Product</div>
      <h2 class="section-title">GREGOIRE デニムオーバーオール</h2>
      <p style="font-family:'Cormorant Garamond',serif; font-style:italic; font-size:18px; color:var(--sage-deep); letter-spacing:0.08em;">
        La salopette qui grandit avec lui.
      </p>
    </div>

    <div class="featured-grid">
      <div class="product-images">
        <div class="product-img main">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/LOIR_paris_GREGOIRE_-_LIGHT_GREEN_DENIM.png?v=1772858623&#038;width=1200" alt="LOIR paris GREGOIRE LIGHT GREEN DENIM 全体">
          <span class="color-tag">Light Green</span>
        </div>
        <div class="product-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/LOIR_paris_GREGOIRE_-_DENIM_BLUE_LIGHT.png?v=1772858579&#038;width=620" alt="LOIR paris GREGOIRE DENIM BLUE LIGHT">
          <span class="color-tag">Blue Light</span>
        </div>
        <div class="product-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/LOIR_paris_GREGOIRE_-_TERRA_DENIM.png?v=1772858437&#038;width=620" alt="LOIR paris GREGOIRE TERRA DENIM">
          <span class="color-tag">Terra</span>
        </div>
      </div>

      <div class="product-info">
        <h2>GREGOIRE</h2>
        <p class="product-sub">Denim Salopette ─ 全3色展開</p>

        <!-- Color Study -->
        <div class="color-study">
          <div class="color-study-title">~ Color Study ~</div>
          <div class="swatches">
            <a href="https://yonka.company/products/loir-paris-%E3%83%AD%E3%83%AF%E3%83%BC%E3%83%AB-gregoire-light-green-denim" class="swatch">
              <div class="swatch-circle light-green"></div>
              <span class="swatch-name">Light Green<small>若草の色</small></span>
            </a>
            <a href="https://yonka.company/products/loir-paris-%E3%83%AD%E3%83%AF%E3%83%BC%E3%83%AB-gregoire-denim-blue-light" class="swatch">
              <div class="swatch-circle blue-light"></div>
              <span class="swatch-name">Blue Light<small>春霞の青</small></span>
            </a>
            <a href="https://yonka.company/products/loir-paris-%E3%83%AD%E3%83%AF%E3%83%BC%E3%83%AB-gregoire-terra-denim" class="swatch">
              <div class="swatch-circle terra"></div>
              <span class="swatch-name">Terra<small>土と陽射し</small></span>
            </a>
          </div>
        </div>

        <!-- Spec Table -->
        <table class="spec-table">
          <tbody>
            <tr><th>Brand</th><td>LOIR paris（ロワール パリ）</td></tr>
            <tr><th>Item</th><td>GREGOIRE デニムオーバーオール / サロペット</td></tr>
            <tr><th>Color</th><td>Light Green Denim / Denim Blue Light / Terra Denim</td></tr>
            <tr><th>Size</th><td>24M（2歳）/ 36M（3歳）/ 4Y（4歳）</td></tr>
            <tr><th>Material</th><td>Oeko-Tex認証コットン中心 / ヨーロッパ生産</td></tr>
            <tr><th>Origin</th><td>Made in Europe（90% France）</td></tr>
            <tr><th>Price</th><td>¥10,600（税込）</td></tr>
          </tbody>
        </table>

        <!-- Selling Points -->
        <div class="selling-points">
          <div class="point">
            <span class="point-num">i.</span>
            <div class="point-content">
              <h4>パリで生まれ、フランスで縫われる</h4>
              <p>サプライヤーは100%ヨーロッパ、約90%がフランス国内。デザインから型紙、縫製まで、Paulineが目を届かせられる範囲で、丁寧に小さなロットでつくられています。「大量に余って、捨てられる」が、起きないように。</p>
            </div>
          </div>
          <div class="point">
            <span class="point-num">ii.</span>
            <div class="point-content">
              <h4>長く着られる、譲り渡せる仕立て</h4>
              <p>LOIRの服は、兄弟姉妹で受け継ぐことを前提に設計されています。ユニセックスなシルエットと、内側まで丁寧に施された補強。一度きりではなく、二度、三度と着てもらえることを願って、生地を選び、縫い目を整えています。</p>
            </div>
          </div>
          <div class="point">
            <span class="point-num">iii.</span>
            <div class="point-content">
              <h4>タグは、植えられます。</h4>
              <p>LOIRのタグは、種が漉き込まれた紙でできています。役目を終えたら、土に埋めてお水をあげるだけ。お子さまと一緒に、芽吹きを待つ時間が始まります。服が「思い出ごと残る」とは、こういうことなのかもしれません。</p>
            </div>
          </div>
        </div>

        <!-- Price & CTA -->
        <div class="price-block">
          <div class="price">¥10,600<small>（税込）</small></div>
          <div class="price-note">Free shipping over ¥15,000</div>
        </div>
        <a href="https://yonka.company/products/loir-paris-%E3%83%AD%E3%83%AF%E3%83%BC%E3%83%AB-gregoire-light-green-denim" class="cta">Shop GREGOIRE</a>
        <div class="cta-sub">View all 3 colors on yonka online store</div>
      </div>
    </div>
  </div>
</section>

<!-- ============================
     COLOR STORIES (3カラー詳細)
     ============================ -->
<section class="color-stories">
  <div class="container">
    <div class="section-label">Three Stories of Denim</div>
    <h2 class="section-title">3色のGREGOIRE、それぞれの物語</h2>
    <p class="intro">
      同じシルエット、ちがう色。<br>
      子どもがその日の気分で選ぶように、ママもまた、その日の空に合わせて選んでみてください。
    </p>

    <div class="color-trio">
      <!-- Light Green -->
      <div class="color-card">
        <div class="card-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/LOIR_paris_GREGOIRE_-_LIGHT_GREEN_DENIM.png?v=1772858623&#038;width=620" alt="LOIR paris GREGOIRE LIGHT GREEN DENIM 若草色 詳細">
        </div>
        <div class="card-eyebrow">Color No.01</div>
        <h3>Light Green Denim</h3>
        <p class="jp-name">─ 若草の、はじまりの色。</p>
        <p>
          パリの庭で芽吹いたばかりの若葉のような、優しいライトグリーン。デニムなのに重たくなく、春の光をふわりと受け止めてくれる色です。白いブラウスにも、ボーダーTシャツにも、ナチュラルに馴染みます。
        </p>
        <a href="https://yonka.company/products/loir-paris-%E3%83%AD%E3%83%AF%E3%83%BC%E3%83%AB-gregoire-light-green-denim" class="card-cta">Shop Light Green →</a>
      </div>

      <!-- Blue Light -->
      <div class="color-card">
        <div class="card-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/LOIR_paris_GREGOIRE_-_DENIM_BLUE_LIGHT.png?v=1772858579&#038;width=620" alt="LOIR paris GREGOIRE DENIM BLUE LIGHT 春霞の青 詳細">
        </div>
        <div class="card-eyebrow">Color No.02</div>
        <h3>Denim Blue Light</h3>
        <p class="jp-name">─ 春霞の、軽やかな青。</p>
        <p>
          パリの空のような、淡く澄んだライトデニムブルー。クラシックなのに、どこか今っぽい絶妙な濃度。男の子にも女の子にも合うこの一着は、まさにLOIRが大切にする「兄から妹へ」を体現する色です。
        </p>
        <a href="https://yonka.company/products/loir-paris-%E3%83%AD%E3%83%AF%E3%83%BC%E3%83%AB-gregoire-denim-blue-light" class="card-cta">Shop Blue Light →</a>
      </div>

      <!-- Terra -->
      <div class="color-card">
        <div class="card-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/LOIR_paris_GREGOIRE_-_TERRA_DENIM.png?v=1772858437&#038;width=620" alt="LOIR paris GREGOIRE TERRA DENIM テラコッタ 詳細">
        </div>
        <div class="card-eyebrow">Color No.03</div>
        <h3>Terra Denim</h3>
        <p class="jp-name">─ 土と陽射しの、温かな赤茶。</p>
        <p>
          南仏の屋根瓦のような、深いテラコッタ色のデニム。3色のなかで一番個性が際立つこの色は、白やオフホワイトと合わせると、まるで雑誌の中から飛び出してきたみたいに絵になります。秋まで長く着られる、頼もしい一着。
        </p>
        <a href="https://yonka.company/products/loir-paris-%E3%83%AD%E3%83%AF%E3%83%BC%E3%83%AB-gregoire-terra-denim" class="card-cta">Shop Terra →</a>
      </div>
    </div>
  </div>
</section>

<!-- ============================
     VOICE FROM YONKA
     ============================ -->
<section class="voice">
  <div class="container">
    <div class="voice-avatar">K</div>
    <div class="voice-content">
      <div class="voice-label">~ Voice from yonka ~</div>
      <h3>「これがいい」を、選び続けるということ。</h3>
      <p>
        yonkaを始めてから、わたしはずっと「これがいい」と「これでいいや」のあいだの距離について、考えてきました。
      </p>
      <p>
        LOIR parisのGREGOIREに袖を通したとき、Paulineが「兄から妹へ受け継げるように」と一針一針に込めた想いが、生地越しに伝わってくる気がしました。デニムなのにごつくなく、3色とも子どもの肌のそばで優しく揺れる──そんな服って、なかなか出会えるものではありません。
      </p>
      <p>
        ヨーロッパのママたちが、自分の子どもに本当に着せたいと願って作っている服を、海を越えて日本の<strong>ヨーロッパ子ども服</strong>を探すママの手元に届けたい。yonkaは、そのための小さな橋渡しでありたいと思っています。
      </p>
      <p>
        どの色を選ばれても、その一着が、お子さまの日々の小さな冒険にそっと寄り添ってくれますように。
      </p>
      <div class="voice-sign">— 加奈 / 株式会社yonka 代表</div>
    </div>
  </div>
</section>

<!-- ============================
     LIVE SECTION
     ============================ -->
<section class="live">
  <div class="container">
    <div class="live-indicator">
      <span class="live-dot"></span>
      Daily LIVE · Every Morning
    </div>
    <h2>Instagram LIVEで、毎朝お会いしましょう。</h2>
    <div class="time">— 10:00 a.m. JST —</div>
    <p>
      yonkaのインスタライブでは、入荷したばかりのお洋服を、加奈自身が手にとってお見せしています。
      サイズ感や素材の質感、ママ目線でのおすすめポイントまで。LIVE限定価格もご用意。
      朝のコーヒー片手に、のぞいてみてくださいね。
    </p>
    <div class="live-buttons">
      <a href="https://www.instagram.com/yonka.shop/" class="live-btn primary">Instagram @yonka.shop</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" class="live-btn">LIVE限定商品はこちら</a>
      <a href="https://www.youtube.com/" class="live-btn">YouTube</a>
    </div>
  </div>
</section>

<!-- ============================
     FOOTER
     ============================ -->
<footer class="footer">
  <div class="footer-inner">
    <div class="footer-logo">yonka</div>
    <div class="footer-tagline">from mothers, to mothers</div>
    <div class="footer-links">
      <a href="https://yonka.company/">Online Shop</a>
      <a href="https://www.instagram.com/yonka.shop/">Instagram</a>
      <a href="https://ameblo.jp/yonka-select/">Blog</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81">LIVE限定</a>
      <a href="https://www.youtube.com/">YouTube</a>
    </div>
    <div class="footer-company">
      株式会社yonka<br>
      埼玉県深谷市<br>
      ヨーロッパ子ども服セレクトショップ
    </div>
    <div class="footer-copy">© 2026 yonka. All rights reserved.</div>
  </div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【Silly Silas シリーサイラス】肩紐つきショーティータイツ Acai Smoothie｜朝のスムージーボウルみたいな、ベリー色の一着｜yonka</title>
		<link>https://yonka.co.jp/%e3%80%90silly-silas-%e3%82%b7%e3%83%aa%e3%83%bc%e3%82%b5%e3%82%a4%e3%83%a9%e3%82%b9%e3%80%91%e8%82%a9%e7%b4%90%e3%81%a4%e3%81%8d%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%86%e3%82%a3%e3%83%bc%e3%82%bf/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Mon, 18 May 2026 08:10:36 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<category><![CDATA[未分類]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72085</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/04/S__50159646_0.jpg" class="webfeedsFeaturedVisual" /></p>【Silly Silas シリーサイラス】肩紐つきショーティータイツ Acai Smoothie｜朝のスムージーボウルみたいな、ベリー色の一着｜yonka yonkamagazine Shop Instagram Jou [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/04/S__50159646_0.jpg" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>【Silly Silas シリーサイラス】肩紐つきショーティータイツ Acai Smoothie｜朝のスムージーボウルみたいな、ベリー色の一着｜yonka</title>
<meta name="description" content="Silly Silas（シリーサイラス）の肩紐つきショーティータイツ Acai Smoothie をyonkaが日本正規取扱い。スウェーデン発、チェコの伝統技術で編まれたオーガニックコットン100%。アサイースムージーのような深いベリー色が、いつものコーディネートをみずみずしく彩ります。">
<meta name="keywords" content="Silly Silas,シリーサイラス,ショーティータイツ,Acai Smoothie,アサイースムージー,アサイー,ベリーカラー,パープルタイツ,サスペンダー付きタイツ,肩紐タイツ,ヨーロッパ子ども服,スウェーデン子ども服,チェコ製,オーガニックコットン,GOTS,エコテックス,yonka,ヨンカ,ベビー服,キッズ服,半ズボン">

<meta property="og:title" content="【Silly Silas】肩紐つきショーティータイツ Acai Smoothie｜yonka">
<meta property="og:description" content="スウェーデン発・チェコの職人が編むサスペンダー付きショーティータイツ。アサイースムージーのような深いベリー色。日本正規取扱いはyonkaで。">
<meta property="og:type" content="article">
<meta property="og:url" content="https://yonka.co.jp/">
<meta property="og:image" content="https://yonka.co.jp/wp-content/uploads/2026/04/S__50159646_0.jpg">
<meta property="og:site_name" content="yonka magazine">
<meta property="og:locale" content="ja_JP">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="【Silly Silas】肩紐つきショーティータイツ Acai Smoothie｜yonka">
<meta name="twitter:description" content="スウェーデン発・チェコの職人が編むサスペンダー付きショーティータイツ。アサイースムージーのような深いベリー色。">

<meta name="robots" content="index, follow">
<meta name="author" content="yonka editorial / 加奈">
<link rel="canonical" href="https://yonka.co.jp/">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italiana&#038;family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500&#038;display=swap" rel="stylesheet">

<style>
:root{
  /* ─────────────────────────────
     Acai Smoothie パレット
     朝のスムージーボウル — ベリー・ヨーグルト・グラノーラ
     ───────────────────────────── */
  --acai:         #4d2849;   /* メイン：濃いアサイー紫 */
  --acai-deep:    #2f1830;   /* ダークボルドー、ベリーの種 */
  --berry:        #7a3e63;   /* ベリーピンク、ブルーベリーの果肉 */
  --plum:         #9e6b85;   /* スモーキープラム、ニュアンス紫 */
  --yogurt:       #f9f3ec;   /* ヨーグルト、最も明るい背景 */
  --oat-milk:     #ede2d2;   /* オートミルク、ベース */
  --granola:      #c9a878;   /* グラノーラ、温かいキャラメル */
  --mint:         #a8b59a;   /* ミント、フレッシュなアクセント */
  --bowl:         #1f0f1f;   /* ダークセクション用、深夜の紫 */
  --ink:          #2a1f2a;   /* 本文インク */
  --line:         #d4c4b8;   /* 罫線 */
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Shippori Mincho','Noto Sans JP',serif;
  background:var(--oat-milk);
  color:var(--ink);
  line-height:1.85;
  font-weight:400;
  letter-spacing:.02em;
  overflow-x:hidden;
}

/* ─────────── HEADER ─────────── */
.header{
  position:sticky;top:0;z-index:100;
  background:rgba(249,243,236,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
  padding:18px 40px;
}
.header-inner{
  max-width:1280px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;
}
.logo{
  font-family:'Italiana',serif;
  font-size:30px;
  color:var(--acai-deep);
  letter-spacing:.08em;
  display:flex;align-items:baseline;gap:10px;
}
.logo .sub{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:13px;
  color:var(--plum);
  letter-spacing:.2em;
}
.nav{display:flex;gap:38px;font-family:'Cormorant Garamond',serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase}
.nav a{color:var(--acai-deep);text-decoration:none;transition:color .3s}
.nav a:hover{color:var(--berry)}
.issue{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:13px;color:var(--plum);letter-spacing:.15em}

/* ─────────── HERO ─────────── */
.hero{
  position:relative;
  min-height:90vh;
  background:linear-gradient(135deg, var(--yogurt) 0%, var(--oat-milk) 50%, #efe0e8 100%);
  padding:90px 40px 80px;
  overflow:hidden;
}
.hero::before{
  content:'';position:absolute;
  width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle, rgba(77,40,73,.15) 0%, transparent 70%);
  top:10%;right:-100px;pointer-events:none;
}
.hero::after{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.15 0 0 0 0 0.28 0 0 0 0.07 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
  opacity:.5;mix-blend-mode:multiply;pointer-events:none;
}
.hero-grid{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
  position:relative;z-index:2;
}
.hero-text{animation:fadeInUp 1.4s ease-out}
.hero-issue{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:14px;color:var(--plum);
  letter-spacing:.35em;margin-bottom:22px;text-transform:uppercase;
}
.hero-issue::before{content:'— ';color:var(--berry)}
.hero-issue::after{content:' —';color:var(--berry)}
.hero-eyebrow{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:22px;color:var(--berry);
  margin-bottom:14px;letter-spacing:.05em;
}
.hero-title{
  font-family:'Italiana',serif;
  font-size:clamp(48px,7vw,96px);
  line-height:.98;color:var(--acai-deep);
  font-weight:400;letter-spacing:-.005em;
  margin-bottom:28px;
}
.hero-title em{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-weight:400;
  color:var(--berry);
  display:block;font-size:.5em;
  letter-spacing:.04em;margin-top:6px;
}
.hero-jp-title{
  font-family:'Shippori Mincho',serif;
  font-size:17px;color:var(--acai);
  line-height:2;margin-bottom:32px;font-weight:500;
  border-left:2px solid var(--berry);
  padding-left:18px;
}
.hero-meta{
  display:flex;gap:30px;
  font-family:'Cormorant Garamond',serif;
  font-size:13px;color:var(--plum);
  letter-spacing:.2em;text-transform:uppercase;
  padding-top:24px;border-top:1px solid var(--line);
}
.hero-meta span strong{color:var(--acai-deep);font-weight:600;display:block;margin-top:2px;font-size:14px}

.hero-visual{position:relative;animation:fadeInUp 1.6s ease-out .2s both}
.hero-img{
  width:100%;aspect-ratio:3/4;
  background:var(--yogurt);
  border-radius:2px;overflow:hidden;
  box-shadow:0 30px 80px rgba(77,40,73,.22);
  position:relative;
}
.hero-img img{
  width:100%;height:100%;object-fit:contain;
  mix-blend-mode:multiply;padding:30px;
}
.hero-badge{
  position:absolute;top:-32px;right:-32px;
  width:130px;height:130px;border-radius:50%;
  background:var(--acai);color:var(--yogurt);
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:13px;letter-spacing:.12em;text-align:center;line-height:1.4;
  animation:gentle-rotate 22s linear infinite;
  box-shadow:0 14px 30px rgba(47,24,48,.35);
  z-index:3;
}
.hero-badge span{display:block;font-family:'Italiana',serif;font-style:normal;font-size:22px;margin:4px 0;letter-spacing:.04em}

@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes gentle-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* ─────────── SECTION BASE ─────────── */
.section{padding:120px 40px;position:relative}
.container{max-width:1200px;margin:0 auto}
.section-label{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:14px;color:var(--berry);
  letter-spacing:.4em;text-transform:uppercase;
  margin-bottom:18px;
}
.section-label::before{content:'❦  ';color:var(--mint)}
.section-title{
  font-family:'Italiana',serif;
  font-size:clamp(36px,5vw,56px);
  color:var(--acai-deep);line-height:1.1;
  margin-bottom:24px;font-weight:400;
}
.section-jp{
  font-family:'Shippori Mincho',serif;
  font-size:15px;color:var(--plum);
  letter-spacing:.18em;margin-bottom:50px;
}

/* ─────────── EDITOR'S NOTE ─────────── */
.editors-note{background:var(--yogurt);position:relative}
.note-inner{max-width:780px;margin:0 auto;text-align:center}
.note-inner .section-label{margin-bottom:14px}
.note-body p{
  font-size:17px;line-height:2.3;
  color:var(--ink);margin-bottom:1.8em;
  text-align:left;font-weight:400;
}
.note-body p:first-of-type::first-letter{
  font-family:'Italiana',serif;
  font-size:78px;float:left;
  line-height:.85;padding-right:14px;padding-top:6px;
  color:var(--acai);font-weight:400;
}
.note-body strong{color:var(--acai-deep);font-weight:600;border-bottom:1px dotted var(--berry);padding-bottom:1px}
.note-divider{
  text-align:center;margin:60px 0 0;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  color:var(--berry);font-size:18px;letter-spacing:.4em;
}
.note-signature{
  margin-top:50px;text-align:right;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  color:var(--plum);font-size:15px;letter-spacing:.08em;
}
.note-signature strong{
  display:block;font-family:'Italiana',serif;font-style:normal;
  font-size:24px;color:var(--acai-deep);letter-spacing:.1em;margin-top:6px;
}

/* ─────────── BRAND STORY ─────────── */
.brand-story{background:var(--oat-milk);position:relative}
.brand-story::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:120px;height:1px;background:var(--berry);
}
.brand-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.brand-img{
  aspect-ratio:4/5;background:var(--yogurt);
  overflow:hidden;border-radius:2px;
  box-shadow:0 20px 50px rgba(77,40,73,.15);
}
.brand-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:30px}
.brand-text h2{
  font-family:'Italiana',serif;
  font-size:46px;color:var(--acai-deep);
  line-height:1.05;margin-bottom:18px;font-weight:400;
}
.brand-text .jp-sub{
  font-family:'Shippori Mincho',serif;
  font-size:16px;color:var(--acai);
  letter-spacing:.15em;margin-bottom:32px;font-weight:500;
}
.brand-text p{font-size:16px;line-height:2.1;margin-bottom:1.6em;color:var(--ink)}
.brand-text strong{color:var(--acai-deep);font-weight:600}
.brand-quote{
  margin:38px 0;padding:24px 28px;
  background:var(--yogurt);border-left:3px solid var(--berry);
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:18px;color:var(--acai-deep);line-height:1.7;
}

/* ─────────── PRODUCT ─────────── */
.product{background:var(--yogurt);position:relative}
.product-header{text-align:center;margin-bottom:70px}
.product-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:80px;
}
.product-img{
  aspect-ratio:3/4;background:var(--oat-milk);
  overflow:hidden;border-radius:2px;
  box-shadow:0 18px 40px rgba(77,40,73,.12);
  transition:transform .6s ease;
}
.product-img:hover{transform:translateY(-6px)}
.product-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:20px}

/* COLOR FEATURE — Acai Smoothie 一色を掘り下げる */
.color-feature{
  margin:80px auto 60px;max-width:880px;
  background:var(--oat-milk);padding:50px 40px;
  border:1px solid var(--line);
  text-align:center;position:relative;
}
.color-feature::before{
  content:'COLOR STUDY';
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--yogurt);padding:0 16px;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:12px;letter-spacing:.4em;color:var(--berry);
}
.color-swatch-large{
  width:130px;height:130px;border-radius:50%;
  background:var(--acai);margin:18px auto 24px;
  box-shadow:0 12px 28px rgba(77,40,73,.4),inset 0 -8px 20px rgba(31,15,31,.3);
  position:relative;
}
.color-swatch-large::after{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.22), transparent 55%);
}
.color-name{
  font-family:'Italiana',serif;font-size:34px;
  color:var(--acai-deep);letter-spacing:.05em;
}
.color-name em{
  display:block;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:15px;color:var(--berry);letter-spacing:.3em;
  text-transform:uppercase;margin-top:6px;
}
.color-desc{
  font-family:'Shippori Mincho',serif;
  font-size:15px;line-height:2.1;color:var(--ink);
  margin-top:20px;max-width:560px;margin-left:auto;margin-right:auto;
}

/* SPEC TABLE */
.spec-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:60px}
.spec-table{width:100%;border-collapse:collapse;font-size:15px}
.spec-table caption{
  text-align:left;font-family:'Italiana',serif;
  font-size:30px;color:var(--acai-deep);
  margin-bottom:24px;letter-spacing:.02em;
}
.spec-table th,.spec-table td{
  padding:18px 0;text-align:left;
  border-bottom:1px solid var(--line);
}
.spec-table th{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:500;color:var(--berry);
  letter-spacing:.18em;text-transform:uppercase;
  width:38%;font-size:13px;
}
.spec-table td{color:var(--ink);font-weight:500}
.spec-table td strong{color:var(--acai-deep)}

/* THREE POINTS */
.points{margin-top:30px}
.points h3{
  font-family:'Italiana',serif;font-size:30px;
  color:var(--acai-deep);margin-bottom:30px;font-weight:400;
}
.point{
  display:flex;gap:22px;margin-bottom:32px;
  padding-bottom:32px;border-bottom:1px dashed var(--line);
}
.point:last-child{border-bottom:none}
.point-num{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:38px;color:var(--berry);
  line-height:1;flex-shrink:0;width:60px;
}
.point-body h4{
  font-family:'Shippori Mincho',serif;
  font-size:18px;color:var(--acai-deep);
  margin-bottom:10px;font-weight:600;letter-spacing:.04em;
}
.point-body p{font-size:14.5px;line-height:1.9;color:var(--ink)}
.point-body strong{color:var(--acai);font-weight:600}

/* CTA */
.cta-wrap{text-align:center;margin-top:80px}
.cta{
  display:inline-block;
  padding:22px 60px;
  background:var(--acai-deep);color:var(--yogurt);
  text-decoration:none;font-family:'Cormorant Garamond',serif;
  font-size:16px;letter-spacing:.32em;text-transform:uppercase;
  transition:all .4s ease;position:relative;overflow:hidden;
}
.cta::before{
  content:'';position:absolute;inset:0;
  background:var(--berry);transform:translateY(100%);transition:transform .4s ease;z-index:0;
}
.cta:hover::before{transform:translateY(0)}
.cta span{position:relative;z-index:1}
.cta-price{
  display:block;margin-top:20px;
  font-family:'Italiana',serif;font-size:24px;
  color:var(--acai-deep);letter-spacing:.05em;
}
.cta-price em{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:13px;color:var(--plum);
  display:block;letter-spacing:.2em;margin-top:4px;
}

/* ─────────── VOICE FROM YONKA ─────────── */
.voice{background:var(--oat-milk);text-align:center}
.voice-inner{max-width:740px;margin:0 auto}
.voice-avatar{
  width:120px;height:120px;border-radius:50%;
  background:linear-gradient(135deg,var(--berry),var(--acai));
  margin:0 auto 30px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Italiana',serif;font-size:46px;
  color:var(--yogurt);box-shadow:0 14px 30px rgba(77,40,73,.25);
  letter-spacing:.04em;
}
.voice h2{
  font-family:'Italiana',serif;font-size:42px;
  color:var(--acai-deep);margin-bottom:8px;font-weight:400;
}
.voice .voice-sub{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:15px;color:var(--berry);
  letter-spacing:.25em;margin-bottom:40px;text-transform:uppercase;
}
.voice-body{
  font-size:16px;line-height:2.2;color:var(--ink);
  text-align:left;
}
.voice-body p{margin-bottom:1.5em}
.voice-body strong{color:var(--acai-deep);font-weight:600}
.voice-author{
  margin-top:36px;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:14px;color:var(--plum);letter-spacing:.15em;
}
.voice-author strong{
  display:block;font-family:'Italiana',serif;font-style:normal;
  font-size:22px;color:var(--acai-deep);letter-spacing:.1em;margin-top:4px;
}

/* ─────────── LIVE ─────────── */
.live{
  background:var(--bowl);color:var(--yogurt);
  padding:100px 40px;text-align:center;position:relative;overflow:hidden;
}
.live::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n2'><feTurbulence baseFrequency='0.9' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .95 0 0 0 .04 0'/></filter><rect width='200' height='200' filter='url(%23n2)'/></svg>");
  opacity:.6;pointer-events:none;
}
.live-inner{max-width:780px;margin:0 auto;position:relative;z-index:2}
.live-indicator{
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:22px;font-family:'Cormorant Garamond',serif;
  font-size:14px;letter-spacing:.4em;color:var(--granola);
  text-transform:uppercase;
}
.live-dot{
  width:10px;height:10px;border-radius:50%;
  background:#e85a7a;animation:blink 1.4s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 12px #e85a7a}50%{opacity:.3;box-shadow:0 0 4px #e85a7a}}
.live h2{
  font-family:'Italiana',serif;font-size:54px;
  margin-bottom:14px;font-weight:400;letter-spacing:.02em;
}
.live-time{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:20px;color:var(--granola);
  margin-bottom:30px;letter-spacing:.1em;
}
.live-body{
  font-family:'Shippori Mincho',serif;font-size:15px;
  line-height:2.1;color:rgba(249,243,236,.85);margin-bottom:48px;
}
.live-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.live-link{
  padding:16px 32px;border:1px solid var(--granola);
  color:var(--yogurt);text-decoration:none;
  font-family:'Cormorant Garamond',serif;font-size:14px;
  letter-spacing:.25em;text-transform:uppercase;
  transition:all .3s ease;
}
.live-link:hover{background:var(--granola);color:var(--bowl)}

/* ─────────── FOOTER ─────────── */
.footer{
  background:var(--yogurt);padding:80px 40px 40px;
  border-top:1px solid var(--line);
}
.footer-inner{max-width:1200px;margin:0 auto;text-align:center}
.footer-logo{
  font-family:'Italiana',serif;font-size:42px;
  color:var(--acai-deep);letter-spacing:.1em;margin-bottom:14px;
}
.footer-tagline{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:18px;color:var(--berry);
  letter-spacing:.2em;margin-bottom:50px;
}
.footer-links{
  display:flex;gap:36px;justify-content:center;flex-wrap:wrap;
  padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-bottom:40px;
}
.footer-links a{
  color:var(--acai);text-decoration:none;
  font-family:'Cormorant Garamond',serif;font-size:13px;
  letter-spacing:.22em;text-transform:uppercase;transition:color .3s;
}
.footer-links a:hover{color:var(--berry)}
.footer-info{
  font-family:'Shippori Mincho',serif;font-size:12px;
  color:var(--plum);line-height:2;
}
.footer-info strong{color:var(--acai-deep)}

/* ─────────── RESPONSIVE ─────────── */
@media (max-width:768px){
  .header{padding:14px 20px}
  .nav{display:none}
  .logo{font-size:24px}
  .issue{display:none}
  .hero{padding:50px 22px 60px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-title{font-size:54px}
  .hero-badge{width:100px;height:100px;font-size:11px;top:-20px;right:-10px}
  .hero-badge span{font-size:18px}
  .hero-meta{flex-direction:column;gap:14px}
  .section{padding:70px 22px}
  .note-body p{font-size:15.5px;line-height:2.1}
  .note-body p:first-of-type::first-letter{font-size:60px}
  .brand-grid{grid-template-columns:1fr;gap:40px}
  .brand-text h2,.voice h2,.section-title{font-size:34px}
  .product-grid{grid-template-columns:1fr;gap:18px}
  .spec-section{grid-template-columns:1fr;gap:50px}
  .live{padding:70px 22px}
  .live h2{font-size:38px}
  .live-links{flex-direction:column;align-items:stretch}
  .color-feature{padding:40px 24px}
  .color-swatch-large{width:100px;height:100px}
  .color-name{font-size:28px}
  .footer-links{gap:20px}
  .point{flex-direction:column;gap:8px}
  .point-num{font-size:32px}
}
</style>
</head>
<body>

<!-- ─────────── HEADER ─────────── -->
<header class="header">
  <div class="header-inner">
    <div class="logo">yonka<span class="sub">magazine</span></div>
    <nav class="nav">
      <a href="https://yonka.company/">Shop</a>
      <a href="https://www.instagram.com/yonka.shop/">Instagram</a>
      <a href="https://ameblo.jp/yonka-select/">Journal</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81">Live</a>
    </nav>
    <div class="issue">Issue / Acai Smoothie</div>
  </div>
</header>

<!-- ─────────── HERO ─────────── -->
<section class="hero">
  <div class="hero-grid">
    <div class="hero-text">
      <div class="hero-issue">yonka magazine · No. Acai Smoothie</div>
      <div class="hero-eyebrow">A berry-rich morning, in one colour.</div>
      <h1 class="hero-title">
        Silly Silas の<br>ショーティータイツ<br>
        <em>— Acai Smoothie —</em>
      </h1>
      <p class="hero-jp-title">
        スウェーデン発、チェコの職人が編む<br>
        肩紐つき半ズボンタイツ。<br>
        選んだのは、アサイースムージーの色。
      </p>
      <div class="hero-meta">
        <span>Brand<strong>Silly Silas</strong></span>
        <span>Origin<strong>Sweden × Czech</strong></span>
        <span>Colour<strong>Acai Smoothie</strong></span>
      </div>
    </div>
    <div class="hero-visual">
      <div class="hero-badge">
        <div>
          <em>since</em>
          <span>2019</span>
          <em>Stockholm</em>
        </div>
      </div>
      <div class="hero-img">
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/04/S__50159646_0.jpg" alt="Silly Silas シリーサイラス 肩紐つきショーティータイツ Acai Smoothie アサイースムージー">
      </div>
    </div>
  </div>
</section>

<!-- ─────────── EDITOR'S NOTE ─────────── -->
<section class="section editors-note">
  <div class="container note-inner">
    <div class="section-label">Editor&#8217;s Note</div>
    <h2 class="section-title">アサイーの色を、<br>足元にまとう朝。</h2>
    <p class="section-jp">編集後記 — 加奈より</p>

    <div class="note-body">
      <p>朝のキッチンに、紫色のスムージーボウルがひとつ。バナナのスライス、グラノーラ、ぱらりとのせたブルーベリー——その下に揺れている、深くて鮮やかなアサイーの紫を見たとき、わたしはこの<strong>Silly Silas（シリーサイラス）</strong>の Acai Smoothie を思い出していました。</p>

      <p>パープルって、子ども服ではあまり使われない色なんです。だからこそ、これを足元にまとっているだけで、ちょっと目を引く。けれど主張しすぎない。落ち着いた深いトーンの紫だから、白いTシャツにも、生成りのワンピースにも、グレーのカーディガンにも<strong>すっと馴染んでくれる</strong>のです。</p>

      <p>「冒険してみたいけれど、派手すぎる色は躊躇する」——そんな日のママの背中をそっと押してくれるのが、この Acai Smoothie だと思います。ベリー色の足元から、子どもの一日が少しだけビビッドにはじまる。コーディネートにひとさじの色を足したいときの、<strong>頼れるアクセント</strong>。</p>

      <p>朝、保育園に送り出すあのバタバタの時間。スムージーをささっと飲み干して、子どもの服を選ぶ数分間。そんな何気ない日々のなかに、ベリーの色がふっと差し込む——そういう小さな喜びを、今月の誌面でお届けできたらと思います。</p>

      <div class="note-divider">✦ &nbsp; ✦ &nbsp; ✦</div>

      <div class="note-signature">
        with love,<br>
        <strong>Kana</strong>
        yonka editorial
      </div>
    </div>
  </div>
</section>

<!-- ─────────── BRAND STORY ─────────── -->
<section class="section brand-story">
  <div class="container">
    <div class="brand-grid">
      <div class="brand-img">
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/04/S__50159645_0.jpg" alt="Silly Silas シリーサイラス ブランドストーリー Acai Smoothie">
      </div>
      <div class="brand-text">
        <div class="section-label">Brand Story</div>
        <h2>Silly Silas<br>とは？</h2>
        <p class="jp-sub">— 祖母から母へ、母から子へ —</p>

        <p><strong>Silly Silas（シリーサイラス）</strong>は、2019年にスウェーデン・ストックホルムで生まれた、チェコ出身のママ Terezia（テレジア）さんが立ち上げたキッズタイツブランドです。</p>

        <p>はじまりは、ひとつの贈りもの。Terezia さんが第一子の Elias くんを出産したとき、彼女のお母さんが「これ、わたしも子どもの頃に履いていたのよ」と、1950〜60年代のチェコスロバキアで愛されていた<strong>サスペンダー付きタイツ</strong>を贈ってくれたそうです。</p>

        <div class="brand-quote">
          “ The laughter of children playing on the streets of former Czechoslovakia. ”<br>
          <span style="font-size:14px;display:block;margin-top:8px;color:var(--mint)">— かつてチェコの街角で響いていた、子どもたちの笑い声を今へ。</span>
        </div>

        <p>その懐かしさと実用性に心を奪われた Terezia さんは、育休中にブランドを立ち上げ、<strong>今も伝統技術を受け継ぐチェコの小さな工房</strong>と手を組みました。古いヴィンテージの機械で、ひとつひとつていねいに編まれたタイツは、瞬く間にヨーロッパのママたちを魅了し、現在は<strong>世界35か国以上</strong>で愛される存在に。</p>

        <p>祖母から母へ、母から子へ。そんな時間の流れごと身につけられるような<strong>ヨーロッパ子ども服</strong>——それが Silly Silas です。</p>
      </div>
    </div>
  </div>
</section>

<!-- ─────────── FEATURED PRODUCT ─────────── -->
<section class="section product">
  <div class="container">
    <div class="product-header">
      <div class="section-label">Featured Product</div>
      <h2 class="section-title">肩紐つき<br>ショーティータイツ</h2>
      <p class="section-jp">SHORTY TIGHTS WITH BRACES — ACAI SMOOTHIE</p>
    </div>

    <div class="product-grid">
      <div class="product-img"><img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/04/S__50159646_0.jpg" alt="Silly Silas ショーティータイツ Acai Smoothie アサイースムージー 正面"></div>
      <div class="product-img"><img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/04/S__50159645_0.jpg" alt="Silly Silas ショーティータイツ Acai Smoothie アサイースムージー ディテール"></div>
    </div>

    <!-- COLOR FEATURE — Acai Smoothie 一色を掘り下げる -->
    <div class="color-feature">
      <div class="color-swatch-large" aria-hidden="true"></div>
      <div class="color-name">Acai Smoothie<em>— アサイースムージー、と名づけられた色 —</em></div>
      <p class="color-desc">
        ボウルにすくった瞬間の、つややかなベリー色。<br>
        ブルーベリーの果肉のような奥行きと、<br>
        ヨーグルトに溶ける前のあのみずみずしい一瞬を、<br>
        ぎゅっと閉じ込めたような色——それが <strong>Acai Smoothie</strong> です。<br><br>
        ホワイト、ベージュ、グレー、デニム。<br>
        ベーシックなトップスをぐっと格上げしてくれる、<br>
        日常のなかの「ひとさじの華やぎ」。
      </p>
    </div>

    <!-- SPEC + 3 POINTS -->
    <div class="spec-section">
      <div>
        <table class="spec-table">
          <caption>Specification</caption>
          <tbody>
            <tr><th>Brand</th><td><strong>Silly Silas</strong> シリーサイラス</td></tr>
            <tr><th>Item</th><td>Shorty Tights with Braces<br>肩紐つきショーティータイツ</td></tr>
            <tr><th>Colour</th><td><strong>Acai Smoothie</strong> アサイースムージー</td></tr>
            <tr><th>Material</th><td>オーガニックコットン 100%</td></tr>
            <tr><th>Certification</th><td>OEKO-TEX® Standard 100 Class 1</td></tr>
            <tr><th>Size</th><td>0-1Y（62-68cm）<br>1-2Y（74-80cm）<br>2-3Y（86-95cm）</td></tr>
            <tr><th>Origin</th><td>Made in Czech Republic<br>Designed in Sweden</td></tr>
            <tr><th>Price</th><td><strong>¥4,070</strong>（税込）</td></tr>
          </tbody>
        </table>
      </div>

      <div class="points">
        <h3>Acai Smoothie の<br>魅力、3つ。</h3>

        <div class="point">
          <div class="point-num">i.</div>
          <div class="point-body">
            <h4>主役にも、脇役にもなれる「深い紫」</h4>
            <p>パステルでも、ビビッドでもない、深く落ち着いた<strong>ベリーカラー</strong>。コーディネートの主役にしたい日も、白シャツのアクセントにしたい日も、表情を変えてくれる懐の深い一色です。子ども服でなかなか見つからない大人っぽい紫が、いつものスタイリングに新鮮さを運んできます。</p>
          </div>
        </div>

        <div class="point">
          <div class="point-num">ii.</div>
          <div class="point-body">
            <h4>チェコの職人技と、新生児にもやさしい安全基準</h4>
            <p>1950年代から続くチェコの伝統的なリブ編み技術で、<strong>よく伸びて縮みにくく、耐久性にも優れた</strong>生地に。素材は<strong>オーガニックコットン100%</strong>。世界最高水準の安全基準「エコテックス®スタンダード100 Class 1」を取得し、新生児から安心して身につけられます。</p>
          </div>
        </div>

        <div class="point">
          <div class="point-num">iii.</div>
          <div class="point-body">
            <h4>ずり落ちない安心感と、半ズボン感覚の春夏ライン</h4>
            <p>肩紐つきだから、ハイハイをしても歩きまわっても<strong>ずり落ちない</strong>。お腹までしっかり包み込んでくれる安心のフィット感です。ショーティータイツは半ズボンタイプなので、春夏のコーディネートにも軽やかに取り入れられる、シーズン感のあるアイテム。</p>
          </div>
        </div>
      </div>
    </div>

    <div class="cta-wrap">
      <a href="https://yonka.company/products/silly-silas-%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%B5%E3%82%A4%E3%83%A9%E3%82%B9-shorty-tights-collection_acai-smoohie" class="cta"><span>Shop Acai Smoothie</span></a>
      <div class="cta-price">¥4,070<em>tax included</em></div>
    </div>
  </div>
</section>

<!-- ─────────── VOICE FROM YONKA ─────────── -->
<section class="section voice">
  <div class="container voice-inner">
    <div class="voice-avatar">K</div>
    <h2>Voice from yonka</h2>
    <div class="voice-sub">— Kana&#8217;s letter —</div>

    <div class="voice-body">
      <p>「子どもの服って、結局白とかベージュとかグレーばかりになっちゃう」——そんな声をよくいただきます。わたしも同じです。安心して着せられる色を選んでいくと、自然とニュートラルなトーンに寄っていく。でも、そんな日常のなかに<strong>ひとつだけ、はっとする色</strong>があると、写真の一枚も、いつもの公園の景色も、ちょっとだけ違って見えるんです。</p>

      <p>Acai Smoothie は、まさにそういう「ひとつだけの色」になってくれる存在。派手すぎず、けれど確かに存在感のある深いベリーの紫。<strong>「これがいい」</strong>と直感で選んでもらえる、そんな一着だと思います。</p>

      <p>ヨーロッパでは、子どもにも大人と同じように色を楽しませる文化があります。Silly Silas はその<strong>「色を着る楽しみ」</strong>を、伝統の編み技と安全な素材で支えてくれているブランド。yonka からは、日本のママたちにも、もっと自由に色を選んでほしいという気持ちをこめて、Acai Smoothie をお届けします。<strong>ママから、ママへ</strong>。あなたとお子さまの朝に、ベリーひとさじの彩りを。</p>
    </div>

    <div class="voice-author">
      Editor in Chief<br>
      <strong>加奈 / Kana</strong>
      株式会社yonka 代表
    </div>
  </div>
</section>

<!-- ─────────── LIVE ─────────── -->
<section class="live">
  <div class="live-inner">
    <div class="live-indicator">
      <span class="live-dot"></span> LIVE BROADCASTING
    </div>
    <h2>Instagram LIVE</h2>
    <div class="live-time">— every morning at 10:00 a.m. —</div>
    <p class="live-body">
      毎朝10時。Instagram LIVE では、新作の入荷情報や、ヨーロッパから届いたばかりのアイテムを、<br>
      加奈が実際に手に取りながらご紹介しています。<br>
      LIVE 限定価格や、ここでしか聞けないブランドの裏話も。<br>
      お子さまの隣で、コーヒーを片手に、どうぞお気軽にのぞきにいらしてください。
    </p>
    <div class="live-links">
      <a href="https://www.instagram.com/yonka.shop/" class="live-link">Instagram</a>
      <a href="https://www.youtube.com/" class="live-link">YouTube</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" class="live-link">Live Only Items</a>
    </div>
  </div>
</section>

<!-- ─────────── FOOTER ─────────── -->
<footer class="footer">
  <div class="footer-inner">
    <div class="footer-logo">yonka</div>
    <div class="footer-tagline">— from mothers, to mothers —</div>

    <div class="footer-links">
      <a href="https://yonka.company/">Online Shop</a>
      <a href="https://www.instagram.com/yonka.shop/">Instagram</a>
      <a href="https://ameblo.jp/yonka-select/">Journal</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81">Live Items</a>
      <a href="https://www.youtube.com/">YouTube</a>
    </div>

    <div class="footer-info">
      <strong>株式会社 yonka</strong> / Representative: 加奈<br>
      埼玉県深谷市 / Saitama, Japan<br>
      ヨーロッパ子ども服のセレクトショップ — ママから、ママへ。<br><br>
      © yonka magazine — Issue: Silly Silas Acai Smoothie
    </div>
  </div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Silly Silas のショーティータイツ — Acorn Brown —</title>
		<link>https://yonka.co.jp/silly-silas-%e3%81%ae%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%86%e3%82%a3%e3%83%bc%e3%82%bf%e3%82%a4%e3%83%84-acorn-brown/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Sun, 17 May 2026 08:10:11 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72083</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/スクリーンショット-2026-05-06-165538.png" class="webfeedsFeaturedVisual" /></p>【Silly Silas シリーサイラス】肩紐つきショーティータイツ Acorn Brown｜どんぐり色に宿る、北欧の森とチェコの記憶｜yonka yonkamagazine Shop Instagram Journal [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/スクリーンショット-2026-05-06-165538.png" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>【Silly Silas シリーサイラス】肩紐つきショーティータイツ Acorn Brown｜どんぐり色に宿る、北欧の森とチェコの記憶｜yonka</title>
<meta name="description" content="Silly Silas（シリーサイラス）の肩紐つきショーティータイツ Acorn Brown をyonkaが日本正規取扱い。スウェーデン発、チェコの伝統技術で編まれたオーガニックコットン100%のサスペンダー付きタイツ。落ち着いたどんぐり茶が、日々のコーディネートをそっと格上げします。">
<meta name="keywords" content="Silly Silas,シリーサイラス,ショーティータイツ,Acorn Brown,アコーンブラウン,どんぐりブラウン,サスペンダー付きタイツ,肩紐タイツ,ヨーロッパ子ども服,スウェーデン子ども服,チェコ製,オーガニックコットン,GOTS,エコテックス,yonka,ヨンカ,ベビー服,キッズ服,半ズボン">

<meta property="og:title" content="【Silly Silas】肩紐つきショーティータイツ Acorn Brown｜yonka">
<meta property="og:description" content="スウェーデン発・チェコの職人が編む、サスペンダー付きショーティータイツ。落ち着いたどんぐり色が日々の装いに深みを添える一着。日本正規取扱いはyonkaで。">
<meta property="og:type" content="article">
<meta property="og:url" content="https://yonka.co.jp/">
<meta property="og:image" content="https://yonka.company/cdn/shop/files/2026-05-06165558.png?v=1778054173&#038;width=1200">
<meta property="og:site_name" content="yonka magazine">
<meta property="og:locale" content="ja_JP">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="【Silly Silas】肩紐つきショーティータイツ Acorn Brown｜yonka">
<meta name="twitter:description" content="スウェーデン発・チェコの職人が編むサスペンダー付きショーティータイツ。落ち着いたどんぐり色の一着。">

<meta name="robots" content="index, follow">
<meta name="author" content="yonka editorial / 加奈">
<link rel="canonical" href="https://yonka.co.jp/">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italiana&#038;family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500&#038;display=swap" rel="stylesheet">

<style>
:root{
  /* ─────────────────────────────
     Acorn Brown パレット
     どんぐり茶を主役に、北欧の森とチェコの土の色で構成
     ───────────────────────────── */
  --acorn:        #6b4a32;   /* メイン：どんぐり茶 */
  --acorn-deep:   #4a3320;   /* 深いコーヒーブラウン */
  --acorn-soft:   #9a7b5f;   /* ライトアコーン、布地のニュアンス */
  --caramel:      #b8895a;   /* キャラメル、サスペンダーのアクセント */
  --oat:          #e8dcc8;   /* オートミール、淡い背景 */
  --cream:        #f6efe2;   /* クリーム、ベース */
  --ivory:        #fbf6ec;   /* アイボリー、最も明るい背景 */
  --moss:         #7a7853;   /* モスグリーン、森のアクセント */
  --bark:         #2c1f15;   /* ダークセクション、樹皮の色 */
  --ink:          #2a2419;   /* 本文インク */
  --line:         #c9b89c;   /* 罫線、紙のニュアンス */
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Shippori Mincho','Noto Sans JP',serif;
  background:var(--cream);
  color:var(--ink);
  line-height:1.85;
  font-weight:400;
  letter-spacing:.02em;
  overflow-x:hidden;
}

/* ─────────── HEADER ─────────── */
.header{
  position:sticky;top:0;z-index:100;
  background:rgba(246,239,226,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
  padding:18px 40px;
}
.header-inner{
  max-width:1280px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;
}
.logo{
  font-family:'Italiana',serif;
  font-size:30px;
  color:var(--acorn-deep);
  letter-spacing:.08em;
  display:flex;align-items:baseline;gap:10px;
}
.logo .sub{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:13px;
  color:var(--acorn-soft);
  letter-spacing:.2em;
}
.nav{display:flex;gap:38px;font-family:'Cormorant Garamond',serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase}
.nav a{color:var(--acorn-deep);text-decoration:none;transition:color .3s}
.nav a:hover{color:var(--caramel)}
.issue{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:13px;color:var(--acorn-soft);letter-spacing:.15em}

/* ─────────── HERO ─────────── */
.hero{
  position:relative;
  min-height:90vh;
  background:linear-gradient(135deg, var(--ivory) 0%, var(--oat) 55%, var(--cream) 100%);
  padding:90px 40px 80px;
  overflow:hidden;
}
.hero::after{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.29 0 0 0 0 0.2 0 0 0 0.08 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
  opacity:.55;mix-blend-mode:multiply;pointer-events:none;
}
.hero-grid{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
  position:relative;z-index:2;
}
.hero-text{animation:fadeInUp 1.4s ease-out}
.hero-issue{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:14px;color:var(--acorn-soft);
  letter-spacing:.35em;margin-bottom:22px;text-transform:uppercase;
}
.hero-issue::before{content:'— ';color:var(--caramel)}
.hero-issue::after{content:' —';color:var(--caramel)}
.hero-eyebrow{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:22px;color:var(--moss);
  margin-bottom:14px;letter-spacing:.05em;
}
.hero-title{
  font-family:'Italiana',serif;
  font-size:clamp(48px,7vw,96px);
  line-height:.98;color:var(--acorn-deep);
  font-weight:400;letter-spacing:-.005em;
  margin-bottom:28px;
}
.hero-title em{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-weight:400;
  color:var(--caramel);
  display:block;font-size:.5em;
  letter-spacing:.04em;margin-top:6px;
}
.hero-jp-title{
  font-family:'Shippori Mincho',serif;
  font-size:17px;color:var(--acorn);
  line-height:2;margin-bottom:32px;font-weight:500;
  border-left:2px solid var(--caramel);
  padding-left:18px;
}
.hero-meta{
  display:flex;gap:30px;
  font-family:'Cormorant Garamond',serif;
  font-size:13px;color:var(--acorn-soft);
  letter-spacing:.2em;text-transform:uppercase;
  padding-top:24px;border-top:1px solid var(--line);
}
.hero-meta span strong{color:var(--acorn-deep);font-weight:600;display:block;margin-top:2px;font-size:14px}

.hero-visual{position:relative;animation:fadeInUp 1.6s ease-out .2s both}
.hero-img{
  width:100%;aspect-ratio:3/4;
  background:var(--ivory);
  border-radius:2px;overflow:hidden;
  box-shadow:0 30px 80px rgba(74,51,32,.18);
  position:relative;
}
.hero-img img{
  width:100%;height:100%;object-fit:contain;
  mix-blend-mode:multiply;padding:30px;
}
.hero-badge{
  position:absolute;top:-32px;right:-32px;
  width:130px;height:130px;border-radius:50%;
  background:var(--acorn-deep);color:var(--cream);
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:13px;letter-spacing:.12em;text-align:center;line-height:1.4;
  animation:gentle-rotate 22s linear infinite;
  box-shadow:0 14px 30px rgba(44,31,21,.3);
  z-index:3;
}
.hero-badge span{display:block;font-family:'Italiana',serif;font-style:normal;font-size:22px;margin:4px 0;letter-spacing:.04em}

@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes gentle-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* ─────────── SECTION BASE ─────────── */
.section{padding:120px 40px;position:relative}
.container{max-width:1200px;margin:0 auto}
.section-label{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:14px;color:var(--caramel);
  letter-spacing:.4em;text-transform:uppercase;
  margin-bottom:18px;
}
.section-label::before{content:'❦  ';color:var(--moss)}
.section-title{
  font-family:'Italiana',serif;
  font-size:clamp(36px,5vw,56px);
  color:var(--acorn-deep);line-height:1.1;
  margin-bottom:24px;font-weight:400;
}
.section-jp{
  font-family:'Shippori Mincho',serif;
  font-size:15px;color:var(--acorn-soft);
  letter-spacing:.18em;margin-bottom:50px;
}

/* ─────────── EDITOR'S NOTE ─────────── */
.editors-note{background:var(--ivory);position:relative}
.note-inner{max-width:780px;margin:0 auto;text-align:center}
.note-inner .section-label{margin-bottom:14px}
.note-h1-hidden{position:absolute;left:-9999px}
.note-body p{
  font-size:17px;line-height:2.3;
  color:var(--ink);margin-bottom:1.8em;
  text-align:left;font-weight:400;
}
.note-body p:first-of-type::first-letter{
  font-family:'Italiana',serif;
  font-size:78px;float:left;
  line-height:.85;padding-right:14px;padding-top:6px;
  color:var(--acorn);font-weight:400;
}
.note-body strong{color:var(--acorn-deep);font-weight:600;border-bottom:1px dotted var(--caramel);padding-bottom:1px}
.note-divider{
  text-align:center;margin:60px 0 0;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  color:var(--caramel);font-size:18px;letter-spacing:.4em;
}
.note-signature{
  margin-top:50px;text-align:right;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  color:var(--acorn-soft);font-size:15px;letter-spacing:.08em;
}
.note-signature strong{
  display:block;font-family:'Italiana',serif;font-style:normal;
  font-size:24px;color:var(--acorn-deep);letter-spacing:.1em;margin-top:6px;
}

/* ─────────── BRAND STORY ─────────── */
.brand-story{background:var(--cream);position:relative}
.brand-story::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:120px;height:1px;background:var(--caramel);
}
.brand-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.brand-img{
  aspect-ratio:4/5;background:var(--ivory);
  overflow:hidden;border-radius:2px;
  box-shadow:0 20px 50px rgba(74,51,32,.12);
}
.brand-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:30px}
.brand-text h2{
  font-family:'Italiana',serif;
  font-size:46px;color:var(--acorn-deep);
  line-height:1.05;margin-bottom:18px;font-weight:400;
}
.brand-text .jp-sub{
  font-family:'Shippori Mincho',serif;
  font-size:16px;color:var(--acorn);
  letter-spacing:.15em;margin-bottom:32px;font-weight:500;
}
.brand-text p{font-size:16px;line-height:2.1;margin-bottom:1.6em;color:var(--ink)}
.brand-text strong{color:var(--acorn-deep);font-weight:600}
.brand-quote{
  margin:38px 0;padding:24px 28px;
  background:var(--oat);border-left:3px solid var(--caramel);
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:18px;color:var(--acorn-deep);line-height:1.7;
}

/* ─────────── PRODUCT ─────────── */
.product{background:var(--ivory);position:relative}
.product-header{text-align:center;margin-bottom:70px}
.product-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px;
}
.product-img{
  aspect-ratio:3/4;background:var(--cream);
  overflow:hidden;border-radius:2px;
  box-shadow:0 18px 40px rgba(74,51,32,.1);
  transition:transform .6s ease;
}
.product-img:hover{transform:translateY(-6px)}
.product-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:20px}
.product-img.large{grid-column:span 2;aspect-ratio:auto;min-height:520px}

/* COLOR FEATURE — Acorn Brown を一色掘り下げる */
.color-feature{
  margin:80px auto 60px;max-width:880px;
  background:var(--cream);padding:50px 40px;
  border:1px solid var(--line);
  text-align:center;position:relative;
}
.color-feature::before{
  content:'COLOR STUDY';
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--ivory);padding:0 16px;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:12px;letter-spacing:.4em;color:var(--caramel);
}
.color-swatch-large{
  width:130px;height:130px;border-radius:50%;
  background:var(--acorn);margin:18px auto 24px;
  box-shadow:0 12px 28px rgba(74,51,32,.3),inset 0 -8px 20px rgba(44,31,21,.25);
  position:relative;
}
.color-swatch-large::after{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.18), transparent 55%);
}
.color-name{
  font-family:'Italiana',serif;font-size:34px;
  color:var(--acorn-deep);letter-spacing:.05em;
}
.color-name em{
  display:block;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:15px;color:var(--caramel);letter-spacing:.3em;
  text-transform:uppercase;margin-top:6px;
}
.color-desc{
  font-family:'Shippori Mincho',serif;
  font-size:15px;line-height:2.1;color:var(--ink);
  margin-top:20px;max-width:560px;margin-left:auto;margin-right:auto;
}

/* SPEC TABLE */
.spec-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:60px}
.spec-table{width:100%;border-collapse:collapse;font-size:15px}
.spec-table caption{
  text-align:left;font-family:'Italiana',serif;
  font-size:30px;color:var(--acorn-deep);
  margin-bottom:24px;letter-spacing:.02em;
}
.spec-table th,.spec-table td{
  padding:18px 0;text-align:left;
  border-bottom:1px solid var(--line);
}
.spec-table th{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:500;color:var(--caramel);
  letter-spacing:.18em;text-transform:uppercase;
  width:38%;font-size:13px;
}
.spec-table td{color:var(--ink);font-weight:500}
.spec-table td strong{color:var(--acorn-deep)}

/* THREE POINTS */
.points{margin-top:30px}
.points h3{
  font-family:'Italiana',serif;font-size:30px;
  color:var(--acorn-deep);margin-bottom:30px;font-weight:400;
}
.point{
  display:flex;gap:22px;margin-bottom:32px;
  padding-bottom:32px;border-bottom:1px dashed var(--line);
}
.point:last-child{border-bottom:none}
.point-num{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:38px;color:var(--caramel);
  line-height:1;flex-shrink:0;width:60px;
}
.point-body h4{
  font-family:'Shippori Mincho',serif;
  font-size:18px;color:var(--acorn-deep);
  margin-bottom:10px;font-weight:600;letter-spacing:.04em;
}
.point-body p{font-size:14.5px;line-height:1.9;color:var(--ink)}
.point-body strong{color:var(--acorn);font-weight:600}

/* CTA */
.cta-wrap{text-align:center;margin-top:80px}
.cta{
  display:inline-block;
  padding:22px 60px;
  background:var(--acorn-deep);color:var(--cream);
  text-decoration:none;font-family:'Cormorant Garamond',serif;
  font-size:16px;letter-spacing:.32em;text-transform:uppercase;
  transition:all .4s ease;position:relative;overflow:hidden;
}
.cta::before{
  content:'';position:absolute;inset:0;
  background:var(--caramel);transform:translateY(100%);transition:transform .4s ease;z-index:0;
}
.cta:hover::before{transform:translateY(0)}
.cta span{position:relative;z-index:1}
.cta-price{
  display:block;margin-top:20px;
  font-family:'Italiana',serif;font-size:24px;
  color:var(--acorn-deep);letter-spacing:.05em;
}
.cta-price em{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:13px;color:var(--acorn-soft);
  display:block;letter-spacing:.2em;margin-top:4px;
}

/* ─────────── GALLERY ─────────── */
.gallery{background:var(--oat);position:relative}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px}
.gallery-img{
  aspect-ratio:4/5;background:var(--ivory);
  overflow:hidden;border-radius:2px;
  box-shadow:0 20px 45px rgba(74,51,32,.12);
}
.gallery-img.tall{aspect-ratio:3/5}
.gallery-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:24px}
.gallery-caption{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:15px;color:var(--acorn-soft);
  letter-spacing:.08em;margin-top:14px;text-align:center;
}

/* ─────────── VOICE FROM YONKA ─────────── */
.voice{background:var(--cream);text-align:center}
.voice-inner{max-width:740px;margin:0 auto}
.voice-avatar{
  width:120px;height:120px;border-radius:50%;
  background:linear-gradient(135deg,var(--oat),var(--caramel));
  margin:0 auto 30px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Italiana',serif;font-size:46px;
  color:var(--ivory);box-shadow:0 14px 30px rgba(74,51,32,.2);
  letter-spacing:.04em;
}
.voice h2{
  font-family:'Italiana',serif;font-size:42px;
  color:var(--acorn-deep);margin-bottom:8px;font-weight:400;
}
.voice .voice-sub{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:15px;color:var(--caramel);
  letter-spacing:.25em;margin-bottom:40px;text-transform:uppercase;
}
.voice-body{
  font-size:16px;line-height:2.2;color:var(--ink);
  text-align:left;
}
.voice-body p{margin-bottom:1.5em}
.voice-body strong{color:var(--acorn-deep);font-weight:600}
.voice-author{
  margin-top:36px;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:14px;color:var(--acorn-soft);letter-spacing:.15em;
}
.voice-author strong{
  display:block;font-family:'Italiana',serif;font-style:normal;
  font-size:22px;color:var(--acorn-deep);letter-spacing:.1em;margin-top:4px;
}

/* ─────────── LIVE ─────────── */
.live{
  background:var(--bark);color:var(--cream);
  padding:100px 40px;text-align:center;position:relative;overflow:hidden;
}
.live::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n2'><feTurbulence baseFrequency='0.9' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .04 0'/></filter><rect width='200' height='200' filter='url(%23n2)'/></svg>");
  opacity:.6;pointer-events:none;
}
.live-inner{max-width:780px;margin:0 auto;position:relative;z-index:2}
.live-indicator{
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:22px;font-family:'Cormorant Garamond',serif;
  font-size:14px;letter-spacing:.4em;color:var(--caramel);
  text-transform:uppercase;
}
.live-dot{
  width:10px;height:10px;border-radius:50%;
  background:#e85a3a;animation:blink 1.4s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 12px #e85a3a}50%{opacity:.3;box-shadow:0 0 4px #e85a3a}}
.live h2{
  font-family:'Italiana',serif;font-size:54px;
  margin-bottom:14px;font-weight:400;letter-spacing:.02em;
}
.live-time{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:20px;color:var(--caramel);
  margin-bottom:30px;letter-spacing:.1em;
}
.live-body{
  font-family:'Shippori Mincho',serif;font-size:15px;
  line-height:2.1;color:rgba(246,239,226,.85);margin-bottom:48px;
}
.live-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.live-link{
  padding:16px 32px;border:1px solid var(--caramel);
  color:var(--cream);text-decoration:none;
  font-family:'Cormorant Garamond',serif;font-size:14px;
  letter-spacing:.25em;text-transform:uppercase;
  transition:all .3s ease;
}
.live-link:hover{background:var(--caramel);color:var(--bark)}

/* ─────────── FOOTER ─────────── */
.footer{
  background:var(--ivory);padding:80px 40px 40px;
  border-top:1px solid var(--line);
}
.footer-inner{max-width:1200px;margin:0 auto;text-align:center}
.footer-logo{
  font-family:'Italiana',serif;font-size:42px;
  color:var(--acorn-deep);letter-spacing:.1em;margin-bottom:14px;
}
.footer-tagline{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:18px;color:var(--caramel);
  letter-spacing:.2em;margin-bottom:50px;
}
.footer-links{
  display:flex;gap:36px;justify-content:center;flex-wrap:wrap;
  padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-bottom:40px;
}
.footer-links a{
  color:var(--acorn);text-decoration:none;
  font-family:'Cormorant Garamond',serif;font-size:13px;
  letter-spacing:.22em;text-transform:uppercase;transition:color .3s;
}
.footer-links a:hover{color:var(--caramel)}
.footer-info{
  font-family:'Shippori Mincho',serif;font-size:12px;
  color:var(--acorn-soft);line-height:2;
}
.footer-info strong{color:var(--acorn-deep)}

/* ─────────── RESPONSIVE ─────────── */
@media (max-width:768px){
  .header{padding:14px 20px}
  .nav{display:none}
  .logo{font-size:24px}
  .issue{display:none}
  .hero{padding:50px 22px 60px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-title{font-size:54px}
  .hero-badge{width:100px;height:100px;font-size:11px;top:-20px;right:-10px}
  .hero-badge span{font-size:18px}
  .hero-meta{flex-direction:column;gap:14px}
  .section{padding:70px 22px}
  .note-body p{font-size:15.5px;line-height:2.1}
  .note-body p:first-of-type::first-letter{font-size:60px}
  .brand-grid{grid-template-columns:1fr;gap:40px}
  .brand-text h2,.voice h2,.section-title{font-size:34px}
  .product-grid{grid-template-columns:1fr;gap:18px}
  .product-img.large{grid-column:span 1;min-height:auto;aspect-ratio:3/4}
  .spec-section{grid-template-columns:1fr;gap:50px}
  .gallery-grid{grid-template-columns:1fr;gap:20px}
  .live{padding:70px 22px}
  .live h2{font-size:38px}
  .live-links{flex-direction:column;align-items:stretch}
  .color-feature{padding:40px 24px}
  .color-swatch-large{width:100px;height:100px}
  .color-name{font-size:28px}
  .footer-links{gap:20px}
  .point{flex-direction:column;gap:8px}
  .point-num{font-size:32px}
}
</style>
</head>
<body>

<!-- ─────────── HEADER ─────────── -->
<header class="header">
  <div class="header-inner">
    <div class="logo">yonka<span class="sub">magazine</span></div>
    <nav class="nav">
      <a href="https://yonka.company/">Shop</a>
      <a href="https://www.instagram.com/yonka.shop/">Instagram</a>
      <a href="https://ameblo.jp/yonka-select/">Journal</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81">Live</a>
    </nav>
    <div class="issue">Issue / Acorn Brown</div>
  </div>
</header>

<!-- ─────────── HERO ─────────── -->
<section class="hero">
  <div class="hero-grid">
    <div class="hero-text">
      <div class="hero-issue">yonka magazine · No. Acorn Brown</div>
      <div class="hero-eyebrow">A nostalgic colour from the Northern forest.</div>
      <h1 class="hero-title">
        Silly Silas の<br>ショーティータイツ<br>
        <em>— Acorn Brown —</em>
      </h1>
      <p class="hero-jp-title">
        スウェーデン発、チェコの職人が編む<br>
        肩紐つき半ズボンタイツ。<br>
        選んだのは、森のどんぐり色。
      </p>
      <div class="hero-meta">
        <span>Brand<strong>Silly Silas</strong></span>
        <span>Origin<strong>Sweden × Czech</strong></span>
        <span>Colour<strong>Acorn Brown</strong></span>
      </div>
    </div>
    <div class="hero-visual">
      <div class="hero-badge">
        <div>
          <em>since</em>
          <span>2019</span>
          <em>Stockholm</em>
        </div>
      </div>
      <div class="hero-img">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/2026-05-06165558.png?v=1778054173&#038;width=1200" alt="Silly Silas シリーサイラス 肩紐つきショーティータイツ Acorn Brown アコーンブラウン">
      </div>
    </div>
  </div>
</section>

<!-- ─────────── EDITOR'S NOTE ─────────── -->
<section class="section editors-note">
  <div class="container note-inner">
    <div class="section-label">Editor&#8217;s Note</div>
    <h2 class="section-title">どんぐり色を、<br>選ぶということ。</h2>
    <p class="section-jp">編集後記 — 加奈より</p>

    <div class="note-body">
      <p>森に落ちている、ひとつのどんぐり。手のひらにのせるとひんやりとして、つるりとした殻のなかに、その秋ぜんぶの記憶がしまわれているように見えます。<strong>Silly Silas（シリーサイラス）</strong>の Acorn Brown という色を見たとき、わたしはそんな景色を思い出していました。</p>

      <p>派手な色でもなく、流行を追いかける色でもない。けれど、いつまでも飽きずに眺めていられる、どこか懐かしい色。子どもの服を選ぶとき、わたしたちはつい「目を引く色」を探しがちですが、本当に毎日着せたくなるのは、こういう<strong>「肌になじむ静かな色」</strong>だったりします。</p>

      <p>このタイツの主役は、肩紐（サスペンダー）。お腹までしっかり包み込んでくれる安心感と、ちょっとレトロでおしゃれなシルエット。Tシャツをタックインして、その上から肩紐をのせるだけで、いつものコーディネートが少しだけ特別に見えてくる——そんな魔法のような一着です。</p>

      <p>そしてこの色を選ぶことは、子どもの足元から、秋の森や、土の匂いや、おばあちゃんの編み物のような時間を呼び寄せること。<strong>これがいい、と思える一着</strong>を、季節のはじまりにそっと届けたくて、今月の誌面の主役に選びました。</p>

      <div class="note-divider">✦ &nbsp; ✦ &nbsp; ✦</div>

      <div class="note-signature">
        with love,<br>
        <strong>Kana</strong>
        yonka editorial
      </div>
    </div>
  </div>
</section>

<!-- ─────────── BRAND STORY ─────────── -->
<section class="section brand-story">
  <div class="container">
    <div class="brand-grid">
      <div class="brand-img">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/2026-05-06165451.png?v=1778054173&#038;width=1200" alt="Silly Silas シリーサイラス ブランドストーリー">
      </div>
      <div class="brand-text">
        <div class="section-label">Brand Story</div>
        <h2>Silly Silas<br>とは？</h2>
        <p class="jp-sub">— 祖母から母へ、母から子へ —</p>

        <p><strong>Silly Silas（シリーサイラス）</strong>は、2019年にスウェーデン・ストックホルムで生まれた、チェコ出身のママ Terezia（テレジア）さんが立ち上げたキッズタイツブランドです。</p>

        <p>はじまりは、ひとつの贈りもの。Terezia さんが第一子の Elias くんを出産したとき、彼女のお母さんが「これ、わたしも子どもの頃に履いていたのよ」と、1950〜60年代のチェコスロバキアで愛されていた<strong>サスペンダー付きタイツ</strong>を贈ってくれたそうです。</p>

        <div class="brand-quote">
          “ The laughter of children playing on the streets of former Czechoslovakia. ”<br>
          <span style="font-size:14px;display:block;margin-top:8px;color:var(--moss)">— かつてチェコの街角で響いていた、子どもたちの笑い声を今へ。</span>
        </div>

        <p>その懐かしさと実用性に心を奪われた Terezia さんは、育休中にブランドを立ち上げ、<strong>今も伝統技術を受け継ぐチェコの小さな工房</strong>と手を組みました。古いヴィンテージの機械で、ひとつひとつていねいに編まれたタイツは、瞬く間にヨーロッパのママたちを魅了し、現在は<strong>世界35か国以上</strong>で愛される存在に。</p>

        <p>祖母から母へ、母から子へ。そんな時間の流れごと身につけられるような<strong>ヨーロッパ子ども服</strong>——それが Silly Silas です。</p>
      </div>
    </div>
  </div>
</section>

<!-- ─────────── FEATURED PRODUCT ─────────── -->
<section class="section product">
  <div class="container">
    <div class="product-header">
      <div class="section-label">Featured Product</div>
      <h2 class="section-title">肩紐つき<br>ショーティータイツ</h2>
      <p class="section-jp">SHORTY TIGHTS WITH BRACES — ACORN BROWN</p>
    </div>

    <div class="product-grid">
      <div class="product-img"><img decoding="async" src="https://yonka.company/cdn/shop/files/2026-05-06165558.png?v=1778054173&#038;width=1200" alt="Silly Silas ショーティータイツ Acorn Brown 正面"></div>
      <div class="product-img"><img decoding="async" src="https://yonka.company/cdn/shop/files/2026-05-06165538.png?v=1778054173&#038;width=1200" alt="Silly Silas ショーティータイツ Acorn Brown ディテール"></div>
      <div class="product-img"><img decoding="async" src="https://yonka.company/cdn/shop/files/2026-05-06165549.png?v=1778054174&#038;width=1200" alt="Silly Silas ショーティータイツ Acorn Brown 着用イメージ"></div>
    </div>

    <!-- COLOR FEATURE — Acorn Brown 一色を掘り下げる -->
    <div class="color-feature">
      <div class="color-swatch-large" aria-hidden="true"></div>
      <div class="color-name">Acorn Brown<em>— どんぐり、と名づけられた色 —</em></div>
      <p class="color-desc">
        ミルクチョコレートよりも、もう少し落ち着いて。<br>
        コーヒーよりも、もう少し温かく。<br>
        森の地面に落ちている、あのどんぐりの帽子を脱がせたときの、<br>
        艶やかでなめらかな茶色——それが <strong>Acorn Brown</strong> です。<br><br>
        生成りのトップスにも、白のシャツにも、グレーのニットにも。<br>
        どんな色とも喧嘩しない、深くてやさしいニュートラル。<br>
        コーディネートの「土台」になってくれる、頼もしい一色です。
      </p>
    </div>

    <!-- SPEC + 3 POINTS -->
    <div class="spec-section">
      <div>
        <table class="spec-table">
          <caption>Specification</caption>
          <tbody>
            <tr><th>Brand</th><td><strong>Silly Silas</strong> シリーサイラス</td></tr>
            <tr><th>Item</th><td>Shorty Tights with Braces<br>肩紐つきショーティータイツ</td></tr>
            <tr><th>Colour</th><td><strong>Acorn Brown</strong> アコーンブラウン</td></tr>
            <tr><th>Material</th><td>オーガニックコットン 100%</td></tr>
            <tr><th>Certification</th><td>OEKO-TEX® Standard 100 Class 1</td></tr>
            <tr><th>Size</th><td>0-1Y（62-68cm）<br>1-2Y（74-80cm）<br>2-3Y（86-95cm）</td></tr>
            <tr><th>Origin</th><td>Made in Czech Republic<br>Designed in Sweden</td></tr>
            <tr><th>Price</th><td><strong>¥4,070</strong>（税込）</td></tr>
          </tbody>
        </table>
      </div>

      <div class="points">
        <h3>Acorn Brown の<br>魅力、3つ。</h3>

        <div class="point">
          <div class="point-num">i.</div>
          <div class="point-body">
            <h4>飽きのこない、奥行きのあるニュートラル</h4>
            <p>赤すぎず、黄色すぎず、黒すぎない。<strong>どんぐり色</strong>は、どんなトップスにも、どんな靴下にも、どんな季節にもなじみます。流行が変わっても、来年もその次の年も、変わらず手に取れる<strong>スローファッション</strong>の哲学を体現する一色です。</p>
          </div>
        </div>

        <div class="point">
          <div class="point-num">ii.</div>
          <div class="point-body">
            <h4>チェコの職人技と、新生児にもやさしい安全基準</h4>
            <p>1950年代から続くチェコの伝統的なリブ編み技術で、<strong>よく伸びて縮みにくく、耐久性にも優れた</strong>生地に。素材は<strong>オーガニックコットン100%</strong>。世界最高水準の安全基準「エコテックス®スタンダード100 Class 1」を取得し、新生児から安心して身につけられます。</p>
          </div>
        </div>

        <div class="point">
          <div class="point-num">iii.</div>
          <div class="point-body">
            <h4>ずり落ちない安心感と、半ズボン感覚の春夏ライン</h4>
            <p>肩紐つきだから、ハイハイをしても歩きまわっても<strong>ずり落ちない</strong>。お腹までしっかり包み込んでくれる安心のフィット感です。ショーティータイツは半ズボンタイプなので、春夏のコーディネートにも軽やかに取り入れられる、シーズン感のあるアイテム。</p>
          </div>
        </div>
      </div>
    </div>

    <div class="cta-wrap">
      <a href="https://yonka.company/products/silly-silas-shorty-tights-acorn-brown" class="cta"><span>Shop Acorn Brown</span></a>
      <div class="cta-price">¥4,070<em>tax included</em></div>
    </div>
  </div>
</section>

<!-- ─────────── GALLERY ─────────── -->
<section class="section gallery">
  <div class="container">
    <div style="text-align:center">
      <div class="section-label">Photo Gallery</div>
      <h2 class="section-title">Acorn Brown の<br>着用イメージ</h2>
      <p class="section-jp">A QUIET COLOUR FOR EVERYDAY MOMENTS</p>
    </div>

    <div class="gallery-grid">
      <div>
        <div class="gallery-img"><img decoding="async" src="https://yonka.company/cdn/shop/files/2026-05-06165549.png?v=1778054174&#038;width=1500" alt="Silly Silas Acorn Brown 着用シーン"></div>
        <p class="gallery-caption">— おなかをすっぽり、安心の肩紐デザイン —</p>
      </div>
      <div>
        <div class="gallery-img"><img decoding="async" src="https://yonka.company/cdn/shop/files/2026-05-06165538.png?v=1778054173&#038;width=1500" alt="Silly Silas Acorn Brown コーディネートディテール"></div>
        <p class="gallery-caption">— どんぐり色は、白にもグレーにもなじむ —</p>
      </div>
    </div>
  </div>
</section>

<!-- ─────────── VOICE FROM YONKA ─────────── -->
<section class="section voice">
  <div class="container voice-inner">
    <div class="voice-avatar">K</div>
    <h2>Voice from yonka</h2>
    <div class="voice-sub">— Kana&#8217;s letter —</div>

    <div class="voice-body">
      <p>子どもの足元には、思いがけずたくさんの記憶が宿ります。よちよち歩きを見守った日、転んで泣いた日、はじめて自分で靴下を履けた日——気づけば、その全部の景色の中に「あのときのタイツ」がいたりするのです。</p>

      <p>だからこそ、わたしは<strong>長く一緒にいられる一着</strong>を選びたいと思っています。Silly Silas の Acorn Brown は、まさにそういう色。<strong>「これがいい」と「これでいいや」</strong>のあいだで迷うとき、わたしはいつも「これがいい」を選ぶようにしています。少し高くても、少し探す手間がかかっても、自分の目で見て心から納得して買ったものは、不思議とずっと大切にできるから。</p>

      <p>このタイツは、Terezia さんが自分のお母さんから受け取った想いを、現代のママたちに手渡してくれているもの。yonka はその橋渡しを、日本の暮らしのなかでさせてもらえることが、本当にうれしいのです。<strong>ママから、ママへ</strong>。今日もそんな気持ちで、Acorn Brown をあなたのもとへお届けします。</p>
    </div>

    <div class="voice-author">
      Editor in Chief<br>
      <strong>加奈 / Kana</strong>
      株式会社yonka 代表
    </div>
  </div>
</section>

<!-- ─────────── LIVE ─────────── -->
<section class="live">
  <div class="live-inner">
    <div class="live-indicator">
      <span class="live-dot"></span> LIVE BROADCASTING
    </div>
    <h2>Instagram LIVE</h2>
    <div class="live-time">— every morning at 10:00 a.m. —</div>
    <p class="live-body">
      毎朝10時。Instagram LIVE では、新作の入荷情報や、ヨーロッパから届いたばかりのアイテムを、<br>
      加奈が実際に手に取りながらご紹介しています。<br>
      LIVE 限定価格や、ここでしか聞けないブランドの裏話も。<br>
      お子さまの隣で、コーヒーを片手に、どうぞお気軽にのぞきにいらしてください。
    </p>
    <div class="live-links">
      <a href="https://www.instagram.com/yonka.shop/" class="live-link">Instagram</a>
      <a href="https://www.youtube.com/" class="live-link">YouTube</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" class="live-link">Live Only Items</a>
    </div>
  </div>
</section>

<!-- ─────────── FOOTER ─────────── -->
<footer class="footer">
  <div class="footer-inner">
    <div class="footer-logo">yonka</div>
    <div class="footer-tagline">— from mothers, to mothers —</div>

    <div class="footer-links">
      <a href="https://yonka.company/">Online Shop</a>
      <a href="https://www.instagram.com/yonka.shop/">Instagram</a>
      <a href="https://ameblo.jp/yonka-select/">Journal</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81">Live Items</a>
      <a href="https://www.youtube.com/">YouTube</a>
    </div>

    <div class="footer-info">
      <strong>株式会社 yonka</strong> / Representative: 加奈<br>
      埼玉県深谷市 / Saitama, Japan<br>
      ヨーロッパ子ども服のセレクトショップ — ママから、ママへ。<br><br>
      © yonka magazine — Issue: Silly Silas Acorn Brown
    </div>
  </div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【lilinoa/リリノア】MONA ピンクストライプロンパース｜フランス発ヴィンテージベビー服｜yonka</title>
		<link>https://yonka.co.jp/72079-2/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Sat, 16 May 2026 02:50:31 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72079</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/image00204-606x1024.jpeg" class="webfeedsFeaturedVisual" /></p>【lilinoa/リリノア】MONA ピンクストライプロンパース｜フランス発ヴィンテージベビー服｜yonka yonka magazine Editor&#8217;s Note Brand Product Voice  [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/image00204-606x1024.jpeg" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【lilinoa/リリノア】MONA ピンクストライプロンパース｜フランス発ヴィンテージベビー服｜yonka</title>
<meta name="description" content="フランス・モンペリエ発のベビーブランドlilinoa（リリノア）のMONAロンパース。1930〜50年代のヴィンテージ美学をまとった、ピンクストライプ×小花柄肩紐の愛らしい一着。100%コットンの優しい肌触り、ポルトガルの家族経営アトリエで丁寧に縫製。出産祝いやハーフバースデーにも。日本正規取扱いはyonkaで。">
<meta name="keywords" content="lilinoa,リリノア,MONA,モナ,ロンパース,フランス子ども服,モンペリエ,ヴィンテージベビー服,ピンクストライプ,出産祝い,ハーフバースデー,ヨーロッパ子ども服,yonka">
<meta property="og:title" content="【lilinoa】MONA ピンクストライプロンパース｜フランス発ヴィンテージベビー服｜yonka">
<meta property="og:description" content="モンペリエ生まれの愛らしいロンパース。ピンクストライプに小花柄の肩紐、胸元のスモック。1930sの香り漂う、女の子のための一着。">
<meta property="og:type" content="article">
<meta property="og:image" content="https://yonka.co.jp/wp-content/uploads/2026/05/image00206.jpeg">
<meta name="robots" content="index, follow">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italiana&#038;family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500&#038;display=swap" rel="stylesheet">
<style>
/* ============================
   COLOR PALETTE — lilinoa MONA
   フランス・モンペリエの陽光 × 1930s ヴィンテージ × ローズ
   ============================ */
:root {
  --rose-main: #d97a8e;        /* メインのローズピンク */
  --rose-deep: #b54a64;        /* ローズマダー（深い赤紫） */
  --mauve: #c39bb0;            /* モーブ */
  --lavender: #a796b4;         /* ラベンダーグレー */
  --bordeaux: #6f2c3e;         /* ボルドー */
  --gold-antique: #b8915a;     /* アンティークゴールド */
  --milk-tea: #e8d8c4;         /* ミルクティー */
  --cream-rich: #f6e9dc;       /* リッチクリーム */
  --paper: #fbf3ec;            /* 紙色（ほんのりピンク寄り） */
  --ink: #3a2230;              /* 文字色：プラム寄りの濃い色 */
  --ink-soft: #6b4a5a;         /* 副次文字：ローズグレー */
  --dark-section: #2a151f;     /* LIVE告知の深いプラム */
  --line: #e0c8d0;             /* 罫線：淡いローズベージュ */
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  background-color: var(--paper);
  color: var(--ink);
  line-height: 1.85;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }

/* ============================
   HEADER
   ============================ */
.header {
  position: sticky;
  top: 0;
  background: rgba(251, 243, 236, 0.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
  z-index: 100;
  padding: 18px 0;
}

.header-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  font-family: 'Italiana', serif;
  font-size: 30px;
  color: var(--ink);
  letter-spacing: 0.04em;
  display: flex;
  align-items: baseline;
  gap: 8px;
  text-decoration: none;
}

.logo small {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--ink-soft);
  letter-spacing: 0.1em;
}

.nav {
  display: flex;
  gap: 36px;
}

.nav a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
  color: var(--ink);
  text-decoration: none;
  letter-spacing: 0.08em;
  transition: color 0.3s;
}

.nav a:hover { color: var(--rose-deep); }

/* ============================
   HERO
   ============================ */
.hero {
  position: relative;
  min-height: 92vh;
  padding: 80px 40px 60px;
  background:
    linear-gradient(135deg, var(--cream-rich) 0%, var(--paper) 40%, #f0d8de 100%);
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(217, 122, 142, 0.32) 0%, transparent 38%),
    radial-gradient(circle at 88% 75%, rgba(195, 155, 176, 0.32) 0%, transparent 42%),
    radial-gradient(circle at 50% 95%, rgba(184, 145, 90, 0.18) 0%, transparent 45%);
  pointer-events: none;
}

.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0.07 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
  opacity: 0.5;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.hero-inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 60px;
  align-items: center;
  min-height: calc(92vh - 140px);
}

.hero-text {
  animation: fadeInUp 1.2s ease-out;
}

.issue-label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  color: var(--ink-soft);
  letter-spacing: 0.3em;
  margin-bottom: 24px;
  text-transform: uppercase;
}

.issue-label::before { content: '— '; }

.hero h1 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 600;
  line-height: 1.45;
  color: var(--ink);
  margin-bottom: 28px;
  letter-spacing: 0.02em;
}

.hero-display {
  font-family: 'Italiana', serif;
  font-size: clamp(48px, 6.5vw, 84px);
  line-height: 1;
  color: var(--ink);
  margin-bottom: 18px;
  letter-spacing: 0.01em;
}

.hero-display em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 400;
  color: var(--rose-deep);
}

.hero-lead {
  font-size: 16px;
  color: var(--ink-soft);
  line-height: 2;
  margin-bottom: 36px;
  max-width: 480px;
}

.hero-meta {
  display: flex;
  gap: 24px;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
}

.hero-meta-item {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--ink-soft);
  letter-spacing: 0.1em;
}

.hero-meta-item strong {
  display: block;
  font-style: normal;
  font-family: 'Italiana', serif;
  font-size: 18px;
  color: var(--ink);
  margin-top: 4px;
  letter-spacing: 0.05em;
}

.hero-visual {
  position: relative;
  animation: fadeInUp 1.4s ease-out 0.2s both;
}

.hero-main-img {
  position: relative;
  aspect-ratio: 4/5;
  background: var(--paper);
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 30px 60px rgba(58, 34, 48, 0.15);
}

.hero-main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-badge {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 130px;
  height: 130px;
  background: var(--rose-deep);
  color: var(--paper);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'Italiana', serif;
  font-size: 12px;
  letter-spacing: 0.2em;
  line-height: 1.5;
  animation: gentle-rotate 18s linear infinite;
  z-index: 3;
  box-shadow: 0 8px 20px rgba(181, 74, 100, 0.35);
}

.hero-badge span {
  display: block;
  padding: 12px;
}

/* Small floral decoration */
.hero-floral {
  position: absolute;
  bottom: -20px;
  left: -20px;
  width: 90px;
  height: 90px;
  z-index: 3;
  opacity: 0.9;
}

@keyframes gentle-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ============================
   SECTION BASICS
   ============================ */
.section {
  padding: 110px 40px;
  position: relative;
}

.section-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.section-label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--rose-deep);
  letter-spacing: 0.35em;
  text-transform: uppercase;
  margin-bottom: 18px;
  display: inline-block;
  position: relative;
  padding-left: 36px;
}

.section-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 26px;
  height: 1px;
  background: var(--rose-deep);
}

.section-title {
  font-family: 'Italiana', serif;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.15;
  color: var(--ink);
  margin-bottom: 40px;
  letter-spacing: 0.02em;
}

.section-title em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--rose-deep);
}

h2 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 28px;
  letter-spacing: 0.02em;
  line-height: 1.5;
}

h3 {
  font-family: 'Shippori Mincho', serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 18px;
  letter-spacing: 0.02em;
}

/* ============================
   EDITOR'S NOTE
   ============================ */
.editor-note {
  background: var(--paper);
  padding: 130px 40px;
  position: relative;
}

.editor-note::before {
  content: '';
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background: var(--rose-main);
}

.editor-note-inner {
  max-width: 760px;
  margin: 0 auto;
}

.editor-note p {
  font-size: 16px;
  line-height: 2.2;
  color: var(--ink);
  margin-bottom: 28px;
  letter-spacing: 0.04em;
}

.editor-note p:first-of-type::first-letter {
  font-family: 'Italiana', serif;
  font-size: 64px;
  float: left;
  line-height: 0.9;
  padding: 6px 14px 0 0;
  color: var(--rose-deep);
}

.editor-signature {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 17px;
  color: var(--ink-soft);
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
  text-align: right;
}

/* ============================
   BRAND STORY
   ============================ */
.brand-story {
  background: linear-gradient(180deg, var(--paper) 0%, var(--cream-rich) 100%);
}

.brand-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 80px;
  align-items: center;
}

.brand-visual {
  position: relative;
  aspect-ratio: 4/5;
  background: var(--paper);
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(58, 34, 48, 0.1);
}

.brand-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand-text p {
  font-size: 16px;
  line-height: 2.1;
  color: var(--ink);
  margin-bottom: 22px;
  letter-spacing: 0.03em;
}

.brand-quote {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 24px;
  line-height: 1.5;
  color: var(--rose-deep);
  margin: 30px 0;
  padding-left: 24px;
  border-left: 2px solid var(--rose-deep);
}

.brand-info-list {
  list-style: none;
  margin-top: 28px;
  padding: 26px;
  background: var(--paper);
  border: 1px solid var(--line);
}

.brand-info-list li {
  font-size: 14px;
  color: var(--ink-soft);
  padding: 8px 0;
  border-bottom: 1px dashed var(--line);
  letter-spacing: 0.03em;
}

.brand-info-list li:last-child { border-bottom: none; }

.brand-info-list li strong {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 500;
  color: var(--rose-deep);
  display: inline-block;
  width: 100px;
  font-size: 13px;
  letter-spacing: 0.1em;
}

/* ============================
   FEATURED PRODUCT
   ============================ */
.featured {
  background: var(--paper);
  padding: 130px 40px;
  position: relative;
}

.featured-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: start;
}

.product-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.product-img {
  aspect-ratio: 3/4;
  background: var(--cream-rich);
  overflow: hidden;
  border: 1px solid var(--line);
}

.product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-img.main {
  grid-column: span 2;
  aspect-ratio: 4/5;
}

.product-info {
  position: sticky;
  top: 100px;
}

.product-tag {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  color: var(--rose-deep);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.product-name {
  font-family: 'Italiana', serif;
  font-size: clamp(40px, 5vw, 60px);
  line-height: 1.05;
  color: var(--ink);
  margin-bottom: 14px;
  letter-spacing: 0.02em;
}

.product-name em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
}

.product-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  color: var(--ink-soft);
  margin-bottom: 28px;
  letter-spacing: 0.05em;
}

.product-desc {
  font-size: 15.5px;
  line-height: 2.1;
  color: var(--ink);
  margin-bottom: 32px;
  letter-spacing: 0.03em;
}

.product-price {
  font-family: 'Italiana', serif;
  font-size: 32px;
  color: var(--rose-deep);
  margin-bottom: 28px;
  letter-spacing: 0.05em;
}

.product-price small {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  color: var(--ink-soft);
  margin-left: 8px;
  letter-spacing: 0.1em;
}

/* Spec table */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 32px;
  font-size: 14px;
}

.spec-table th, .spec-table td {
  padding: 14px 0;
  text-align: left;
  border-bottom: 1px solid var(--line);
  letter-spacing: 0.03em;
}

.spec-table th {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 400;
  color: var(--ink-soft);
  width: 130px;
  font-size: 13px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.spec-table td {
  color: var(--ink);
}

/* CTA button */
.cta-btn {
  display: inline-block;
  padding: 18px 44px;
  background: var(--ink);
  color: var(--paper);
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 15px;
  letter-spacing: 0.18em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s;
  border: 1px solid var(--ink);
}

.cta-btn:hover {
  background: var(--rose-deep);
  border-color: var(--rose-deep);
  color: var(--paper);
}

/* ============================
   THREE POINTS
   ============================ */
.points-section {
  background:
    linear-gradient(180deg, var(--cream-rich) 0%, #f3deda 100%);
  padding: 130px 40px;
  position: relative;
}

.points-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  margin-top: 80px;
}

.point-item {
  position: relative;
  padding: 40px 30px;
  background: var(--paper);
  border: 1px solid var(--line);
}

.point-number {
  font-family: 'Italiana', serif;
  font-size: 36px;
  color: var(--rose-deep);
  letter-spacing: 0.1em;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--rose-deep);
  display: inline-block;
}

.point-title {
  font-family: 'Shippori Mincho', serif;
  font-size: 21px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 18px;
  line-height: 1.55;
}

.point-text {
  font-size: 14.5px;
  line-height: 2;
  color: var(--ink-soft);
  letter-spacing: 0.03em;
}

/* ============================
   PHOTO GALLERY
   ============================ */
.gallery {
  background: var(--paper);
  padding: 130px 40px;
}

.gallery-intro {
  max-width: 680px;
  margin-bottom: 60px;
}

.gallery-intro p {
  font-size: 15.5px;
  line-height: 2.1;
  color: var(--ink-soft);
  letter-spacing: 0.03em;
}

.gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.gallery-item {
  position: relative;
  aspect-ratio: 4/5;
  background: var(--cream-rich);
  overflow: hidden;
  box-shadow: 0 15px 30px rgba(58, 34, 48, 0.08);
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}

.gallery-item:hover img {
  transform: scale(1.03);
}

/* ============================
   VOICE FROM YONKA
   ============================ */
.voice {
  background: linear-gradient(180deg, var(--cream-rich) 0%, var(--paper) 100%);
  padding: 140px 40px;
}

.voice-inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.voice-photo {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: var(--rose-main);
  margin: 0 auto 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Italiana', serif;
  font-size: 30px;
  color: var(--paper);
  letter-spacing: 0.05em;
  box-shadow: 0 12px 30px rgba(181, 74, 100, 0.25);
}

.voice p {
  font-size: 16px;
  line-height: 2.2;
  color: var(--ink);
  margin-bottom: 24px;
  letter-spacing: 0.04em;
  text-align: left;
}

.voice-name {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  color: var(--rose-deep);
  margin-top: 30px;
  letter-spacing: 0.1em;
}

.voice-name small {
  display: block;
  font-size: 12px;
  color: var(--ink-soft);
  letter-spacing: 0.2em;
  margin-top: 6px;
  text-transform: uppercase;
}

/* ============================
   LIVE SECTION
   ============================ */
.live-section {
  background: var(--dark-section);
  color: var(--paper);
  padding: 130px 40px;
  position: relative;
  overflow: hidden;
}

.live-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 80% 20%, rgba(217, 122, 142, 0.18) 0%, transparent 42%),
    radial-gradient(circle at 20% 80%, rgba(184, 145, 90, 0.12) 0%, transparent 50%);
  pointer-events: none;
}

.live-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--paper);
  letter-spacing: 0.4em;
  margin-bottom: 28px;
  text-transform: uppercase;
}

.live-dot {
  width: 10px;
  height: 10px;
  background: #ff5577;
  border-radius: 50%;
  animation: blink 1.4s ease-in-out infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255, 85, 119, 0.7); }
  50% { opacity: 0.4; box-shadow: 0 0 0 14px rgba(255, 85, 119, 0); }
}

.live-title {
  font-family: 'Italiana', serif;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1.2;
  margin-bottom: 24px;
  color: var(--paper);
  letter-spacing: 0.02em;
}

.live-title em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--rose-main);
}

.live-text {
  font-size: 15px;
  line-height: 2;
  color: rgba(251, 243, 236, 0.85);
  margin-bottom: 12px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.live-time {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 20px;
  color: var(--rose-main);
  margin: 32px 0;
  letter-spacing: 0.08em;
}

.live-links {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 40px;
  flex-wrap: wrap;
}

.live-link {
  display: inline-block;
  padding: 15px 32px;
  border: 1px solid rgba(251, 243, 236, 0.4);
  color: var(--paper);
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s;
}

.live-link:hover {
  background: var(--paper);
  color: var(--dark-section);
  border-color: var(--paper);
}

.live-link.primary {
  background: var(--rose-main);
  border-color: var(--rose-main);
  color: var(--dark-section);
}

.live-link.primary:hover {
  background: var(--paper);
  border-color: var(--paper);
}

/* ============================
   FOOTER
   ============================ */
.footer {
  background: var(--cream-rich);
  padding: 80px 40px 40px;
  border-top: 1px solid var(--line);
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.footer-logo {
  font-family: 'Italiana', serif;
  font-size: 36px;
  letter-spacing: 0.04em;
  color: var(--ink);
  margin-bottom: 12px;
}

.footer-tagline {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 16px;
  color: var(--ink-soft);
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}

.footer-links {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.footer-links a {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  color: var(--ink);
  text-decoration: none;
  letter-spacing: 0.1em;
}

.footer-links a:hover {
  color: var(--rose-deep);
}

.footer-info {
  font-size: 12px;
  color: var(--ink-soft);
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.footer-copyright {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 12px;
  color: var(--ink-soft);
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
  letter-spacing: 0.15em;
}

/* ============================
   RESPONSIVE
   ============================ */
@media (max-width: 768px) {
  .nav { display: none; }
  .header-inner { padding: 0 20px; }
  .logo { font-size: 24px; }

  .section { padding: 70px 22px; }
  .hero { padding: 50px 22px 50px; }
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
    min-height: auto;
  }
  .hero-badge { width: 90px; height: 90px; top: -20px; right: -10px; font-size: 10px; }
  .hero-meta { flex-wrap: wrap; gap: 16px; }

  .editor-note { padding: 70px 22px; }

  .brand-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .featured { padding: 70px 22px; }
  .featured-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .product-info { position: relative; top: 0; }
  .product-images { grid-template-columns: 1fr 1fr; }

  .points-section { padding: 70px 22px; }
  .points-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 50px;
  }
  .point-item { padding: 30px 24px; }

  .gallery { padding: 70px 22px; }
  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .voice { padding: 80px 22px; }
  .voice p { font-size: 15px; line-height: 2.1; }

  .live-section { padding: 80px 22px; }
  .live-links {
    flex-direction: column;
    gap: 14px;
  }
  .live-link { width: 100%; }

  .footer { padding: 60px 22px 30px; }
  .footer-links { gap: 18px; }
}
</style>
</head>
<body>

<!-- ============================
     HEADER
     ============================ -->
<header class="header">
  <div class="header-inner">
    <a href="https://yonka.company/" class="logo">
      yonka <small>magazine</small>
    </a>
    <nav class="nav">
      <a href="#editor">Editor&#8217;s Note</a>
      <a href="#brand">Brand</a>
      <a href="#product">Product</a>
      <a href="#voice">Voice</a>
      <a href="https://yonka.company/" target="_blank" rel="noopener">Shop</a>
    </nav>
  </div>
</header>

<!-- ============================
     HERO
     ============================ -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-text">
      <div class="issue-label">Issue No.015 / Made in Portugal — Designed in France</div>
      <h1>lilinoaの新作MONAロンパース。フランス・モンペリエから届いた、1930sの香り。</h1>
      <div class="hero-display">A petite <em>rose</em><br>romance.</div>
      <p class="hero-lead">
        ピンクストライプに、小花柄の肩紐。<br>
        胸元には繊細なスモック。少女時代の<br>記憶を呼び起こすロンパースが、<br>yonkaにも届きました。
      </p>
      <div class="hero-meta">
        <div class="hero-meta-item">Brand<strong>lilinoa</strong></div>
        <div class="hero-meta-item">From<strong>Montpellier, France</strong></div>
        <div class="hero-meta-item">Made in<strong>Portugal</strong></div>
      </div>
    </div>
    <div class="hero-visual">
      <div class="hero-badge">
        <span>NEW<br>ARRIVAL<br>lilinoa</span>
      </div>
      <div class="hero-main-img">
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/image00206.jpeg" alt="lilinoa MONA ピンクストライプロンパース メインビジュアル">
      </div>
    </div>
  </div>
</section>

<!-- ============================
     EDITOR'S NOTE
     ============================ -->
<section class="editor-note" id="editor">
  <div class="editor-note-inner">
    <div class="section-label">Editor&#8217;s Note</div>
    <h2>女の子の特別な時間に、フランスの詩を一着。</h2>

    <p>はじめてこのロンパースを開封したとき、思わず「あ、」と声が漏れました。ピンクのストライプは想像していたよりもずっと深く、ローズマダーに近い大人びた色味。そして何より、肩紐に咲く小さな小花柄。布の上を、5月の小道みたいに花が散っているんです。<strong>lilinoa（リリノア）のMONAロンパース</strong>は、想像の三歩先で愛らしさを完成させてきました。</p>

    <p>lilinoaは、フランス・モンペリエ生まれのまだ若いブランド。けれど、その背景にあるのはアンティーク・ブロカントの文化に育まれた創業者の感性。1930〜50年代のヴィンテージドレスや、おばあちゃんの嫁入り道具の中に眠っていたような布を思わせる、ノスタルジックなテキスタイル選びが、このブランドの真骨頂です。</p>

    <p>赤ちゃんの首元から、胸元、足元へ。ふんわり広がるスモークのラインを目で追っていくと、これは「服」というより「ひとつの絵」のような気もしてくる。家族写真の中央に、わが子をそっと立たせたくなる——そんな一着なんです。</p>

    <p>今号は、フランスの詩心と、ポルトガルの職人技。二つの国がひとつになって生まれた、女の子のための小さなロマンスをお届けします。</p>

    <div class="editor-signature">— yonka editorial, 加奈</div>
  </div>
</section>

<!-- ============================
     BRAND STORY
     ============================ -->
<section class="section brand-story" id="brand">
  <div class="section-inner">
    <div class="brand-grid">
      <div class="brand-visual">
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/image00204.jpeg" alt="lilinoa ブランドストーリー">
      </div>
      <div class="brand-text">
        <div class="section-label">Brand Story</div>
        <h2>lilinoaとは？モンペリエで生まれた、ヴィンテージへの偏愛から始まった<em>ベビーブランド</em>。</h2>
        <p><strong>lilinoa（リリノア）</strong>は、2022年にフランス南部の街モンペリエで誕生したベビー＆キッズウェアブランドです。創業者のÉmilie Vincent（エミリ・ヴァンサン）が育ったのは、アンティーク・ブロカントを家業とする家庭。古いものに宿る物語に囲まれて育った彼女は、美術学校でテキスタイルへの情熱を磨き、やがて「子どものための、時代を超えるお洋服」を作る道へと辿り着きました。</p>

        <p>インスピレーションの源は、1930〜50年代の<strong>ヴィンテージ・レトロ美学</strong>。スモックや細やかなフリル、淡く可憐な花柄プリント——どこかおばあちゃんのアルバムをめくるような、けれど決して懐古的になりすぎない、現代の女の子にぴったり似合うバランス感覚が、lilinoaの真髄です。</p>

        <div class="brand-quote">&#8220;Designed in France, made by hands in Portugal.&#8221;</div>

        <p>すべてのお洋服は、<strong>ポルトガルの小さな家族経営アトリエ</strong>で、職人の手によって一枚ずつ丁寧に縫い上げられています。世代を超えて受け継ぎたくなる——そんな上質と詩情を、リリノアは大切にしています。</p>

        <ul class="brand-info-list">
          <li><strong>Founded</strong>2022年</li>
          <li><strong>Founder</strong>Émilie Vincent</li>
          <li><strong>Origin</strong>フランス・モンペリエ</li>
          <li><strong>Production</strong>ポルトガル（家族経営アトリエ）</li>
          <li><strong>Aesthetic</strong>1930〜50sヴィンテージ</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- ============================
     FEATURED PRODUCT
     ============================ -->
<section class="featured" id="product">
  <div class="section-inner">
    <div class="featured-grid">

      <!-- Product images -->
      <div class="product-images">
        <div class="product-img main">
          <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/image00206.jpeg" alt="lilinoa MONA ピンクストライプロンパース 着用画像1">
        </div>
        <div class="product-img">
          <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/image00184.jpeg" alt="lilinoa MONA ピンクストライプロンパース 着用画像2">
        </div>
        <div class="product-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/169952.jpg?v=1777967195&#038;width=1200" alt="lilinoa MONA ピンクストライプロンパース 単体">
        </div>
      </div>

      <!-- Product info -->
      <div class="product-info">
        <div class="product-tag">— Featured Product</div>
        <h2 class="product-name">MONA <em>Romper</em></h2>
        <div class="product-sub">— pink trippes with petite floral</div>

        <p class="product-desc">深く澄んだ<strong>ピンクストライプ</strong>に、肩紐の小花柄プリントが愛らしく添えられたロンパース。胸元には繊細な手仕事のスモックが施され、ふんわりとしたシルエットが赤ちゃんの愛らしさを優しく引き出します。<strong>100%コットン</strong>のやわらかな肌ざわり、股下のスナップボタンでおむつ替えもスムーズ。普段のおうち時間から、特別な記念日まで——一日中、お姫さま気分でいられる一着です。</p>

        <div class="product-price">¥11,600 <small>tax included</small></div>

        <table class="spec-table">
          <tr><th>Item</th><td>MONA &#8211; PINK TRIPPES</td></tr>
          <tr><th>Material</th><td>コットン100%</td></tr>
          <tr><th>Design</th><td>フランス（モンペリエ）</td></tr>
          <tr><th>Made in</th><td>ポルトガル（家族経営アトリエ）</td></tr>
          <tr><th>Size</th><td>3/6m・6/12m・12/18m</td></tr>
          <tr><th>Detail</th><td>胸元スモック／股下スナップボタン／肩紐に小花柄プリント</td></tr>
          <tr><th>Care</th><td>30度以下手洗い／ネット使用弱水流</td></tr>
        </table>

        <a href="https://yonka.company/products/lilinoa-mona-pink-trippes" class="cta-btn" target="_blank" rel="noopener">Shop MONA Romper</a>
      </div>

    </div>
  </div>
</section>

<!-- ============================
     THREE POINTS
     ============================ -->
<section class="points-section">
  <div class="section-inner">
    <div class="section-label">Why we love it</div>
    <h2 class="section-title">MONAロンパース、<em>3つの魅力</em></h2>

    <div class="points-grid">
      <div class="point-item">
        <div class="point-number">i.</div>
        <h3 class="point-title">深く咲くピンクと、小花柄肩紐の絶妙なバランス。</h3>
        <p class="point-text">ありがちな淡いベビーピンクではなく、<strong>ローズマダーに近い深みのあるピンク</strong>。そこに小花柄の肩紐が小さく咲くことで、甘さの中にきりりとした品格が宿ります。lilinoaのヴィンテージ感性が冴える、計算され尽くした配色です。</p>
      </div>

      <div class="point-item">
        <div class="point-number">ii.</div>
        <h3 class="point-title">胸元スモック × 100%コットンの優しい設計。</h3>
        <p class="point-text">胸元のスモックは縫製で仕上げられているので、<strong>ゴムが直接肌にあたらない</strong>優しい作り。化学繊維を使わない100%コットンで通気性もよく、汗っかきの赤ちゃんも一日中ご機嫌でいられます。股下スナップでおむつ替えもラクに。</p>
      </div>

      <div class="point-item">
        <div class="point-number">iii.</div>
        <h3 class="point-title">家族写真と、出産祝いに、ふさわしい一着。</h3>
        <p class="point-text">何でもない日でも、これを着せるだけで一日が記念日に変わる。<strong>ハーフバースデー・お食い初め・1歳のお誕生日</strong>、そして大切な人への出産祝いに——「特別な日」をまとうための、フランス生まれの正装ロンパースです。</p>
      </div>
    </div>
  </div>
</section>

<!-- ============================
     PHOTO GALLERY
     ============================ -->
<section class="gallery">
  <div class="section-inner">
    <div class="gallery-intro">
      <div class="section-label">Styling</div>
      <h2 class="section-title">MONAロンパースの<em>着用イメージ</em></h2>
      <p>ふんわりと広がるスモックが、赤ちゃん特有のぽっこりお腹を優しく包み込みます。ピンクストライプの清潔感と、小花柄のフェミニンさが、写真の中で時間を止める一着に。</p>
    </div>

    <div class="gallery-grid">
      <div class="gallery-item">
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/image00206.jpeg" alt="lilinoa MONA ピンクストライプロンパース 着用イメージ 1">
      </div>
      <div class="gallery-item">
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/image00184.jpeg" alt="lilinoa MONA ピンクストライプロンパース 着用イメージ 2">
      </div>
    </div>
  </div>
</section>

<!-- ============================
     VOICE FROM YONKA
     ============================ -->
<section class="voice" id="voice">
  <div class="voice-inner">
    <div class="section-label">Voice from yonka</div>
    <h2 class="section-title">「今しかない時期」に、フランスの愛らしさを。</h2>

    <div class="voice-photo">K</div>

    <p>赤ちゃんに着せた時の可愛さといったら……！MONAロンパースは、肩紐の小花柄プリントがとにかくニクい一品で、ピンクストライプの清潔感と、フェミニンな甘さが絶妙に同居しているんです。サンプルが届いて開けた瞬間、スタッフ全員「うわぁ」と声が漏れました。</p>

    <p>胸元のスモックがふんわり広がるので、赤ちゃん特有のぽっこりお腹もそっと包み込んで、お写真映えも抜群。ハーフバースデーや1歳のお誕生日の記念撮影で、これを着せたママは「正解」を引き当てたと思います。</p>

    <p>サイズが12/18ヶ月までと比較的小さめ展開なので、<strong>新生児〜1歳半頃までの大切な「今しかない時期」</strong>を彩る一枚として選んでほしい。出産祝いに贈ると、ヨーロッパのこだわりブランドを知る方には特に大変喜ばれます。「これでいいや」ではなく「これがいい」を、女の子の最初の一年に。</p>

    <div class="voice-name">加奈<small>yonka editorial / 代表</small></div>
  </div>
</section>

<!-- ============================
     LIVE SECTION
     ============================ -->
<section class="live-section">
  <div class="live-inner">
    <div class="live-indicator">
      <span class="live-dot"></span>
      <span>Live on Instagram</span>
    </div>
    <h2 class="live-title">毎朝10時、<em>ライブで会いましょう</em></h2>
    <p class="live-text">サイズ感、生地の風合い、コーディネートのアイデア。<br>画面越しでも伝わる温度で、ママたちと一緒におしゃべりしています。</p>
    <div class="live-time">— Every morning at 10:00 a.m. —</div>
    <p class="live-text">LIVEだけの限定価格や、先行販売のお知らせも。<br>気になる新作は、ぜひライブで質問してくださいね。</p>

    <div class="live-links">
      <a href="https://www.instagram.com/yonka.shop/" class="live-link primary" target="_blank" rel="noopener">Instagram</a>
      <a href="https://www.youtube.com/" class="live-link" target="_blank" rel="noopener">YouTube</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" class="live-link" target="_blank" rel="noopener">LIVE Exclusive</a>
    </div>
  </div>
</section>

<!-- ============================
     FOOTER
     ============================ -->
<footer class="footer">
  <div class="footer-inner">
    <div class="footer-logo">yonka</div>
    <div class="footer-tagline">— from mothers, to mothers —</div>

    <div class="footer-links">
      <a href="https://yonka.company/" target="_blank" rel="noopener">Online Shop</a>
      <a href="https://www.instagram.com/yonka.shop/" target="_blank" rel="noopener">Instagram</a>
      <a href="https://ameblo.jp/yonka-select/" target="_blank" rel="noopener">Blog</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" target="_blank" rel="noopener">LIVE Shopping</a>
    </div>

    <div class="footer-info">
      株式会社yonka<br>
      埼玉県深谷市<br>
      ヨーロッパ子ども服セレクトショップ
    </div>

    <div class="footer-copyright">© 2026 yonka. All rights reserved.</div>
  </div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【MABLI/マブリ】ネックタイ SS26新作｜ウェールズ発スローファッションの首元アクセント｜yonka</title>
		<link>https://yonka.co.jp/%e3%80%90mabli-%e3%83%9e%e3%83%96%e3%83%aa%e3%80%91%e3%83%8d%e3%83%83%e3%82%af%e3%82%bf%e3%82%a4-ss26%e6%96%b0%e4%bd%9c%ef%bd%9c%e3%82%a6%e3%82%a7%e3%83%bc%e3%83%ab%e3%82%ba%e7%99%ba%e3%82%b9%e3%83%ad/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Fri, 15 May 2026 01:17:12 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72077</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Cordelia-Romper-Headband-Aspen-6-853x1024.png" class="webfeedsFeaturedVisual" /></p>【MABLI/マブリ】ネックタイ SS26新作｜ウェールズ発スローファッションの首元アクセント｜yonka yonka magazine Editor&#8217;s Note Brand Product Voice S [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Cordelia-Romper-Headband-Aspen-6-853x1024.png" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【MABLI/マブリ】ネックタイ SS26新作｜ウェールズ発スローファッションの首元アクセント｜yonka</title>
<meta name="description" content="ウェールズ発のニットブランドMABLI（マブリ）から、SS26新作ネックタイが入荷。Donut・Juice Box・Caravanの3デザイン、淡いシャンブレーから青リンゴ・赤リンゴ、ストライプまで全7色展開。エクストラファインメリノウールの肌触りで、いつものお洋服にひと巻きするだけで春夏コーデが完成します。日本正規取扱いはyonkaで。">
<meta name="keywords" content="MABLI,マブリ,ネックタイ,ヨーロッパ子ども服,ウェールズ,スローファッション,メリノウール,子ども スカーフ,ベビー アクセサリー,SS26,春夏,yonka">
<meta property="og:title" content="【MABLI】SS26新作ネックタイ｜ウェールズ発の小さな首元アクセント｜yonka">
<meta property="og:description" content="淡いシャンブレー、桜色、青リンゴに赤リンゴ。MABLI SS26ネックタイ全7色入荷。首元にひと巻きするだけで雑誌の表紙のような佇まいに。">
<meta property="og:type" content="article">
<meta property="og:image" content="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Caravan-Tee-Necktie-TreeHouse-Stripe-Denim-Romper-Light-Fluffy-Clouds-3.png?v=1775960860&#038;width=1200">
<meta name="robots" content="index, follow">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italiana&#038;family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500&#038;display=swap" rel="stylesheet">
<style>
/* ============================
   COLOR PALETTE — MABLI SS26 NECKTIE
   春のフルーツバスケット × ウェールズの草原
   ============================ */
:root {
  --chambray: #a8c0d4;        /* Light Chambray の淡いブルー */
  --blush: #e8c4c0;            /* Blush のやわらかな桜色 */
  --red-apple: #b54637;        /* Red Apple の深い紅 */
  --green-apple: #8ba66a;      /* Green Apple のくすんだリーフ */
  --stripe-cream: #ead7b8;     /* ストライプの生成り */
  --cream-base: #f5ede0;       /* ベース：温かいクリーム */
  --paper: #faf5ec;            /* 紙のような白 */
  --ink: #2c2620;              /* 文字色：温かみのある黒 */
  --ink-soft: #5a4e42;         /* 副次文字：トープブラウン */
  --accent-rust: #a8623f;      /* アクセント：錆色 */
  --dark-section: #1f1a16;     /* LIVE告知の深い夜の色 */
  --line: #d8c9b3;             /* 罫線：オートミール */
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  background-color: var(--paper);
  color: var(--ink);
  line-height: 1.85;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }

/* ============================
   HEADER
   ============================ */
.header {
  position: sticky;
  top: 0;
  background: rgba(250, 245, 236, 0.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
  z-index: 100;
  padding: 18px 0;
}

.header-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  font-family: 'Italiana', serif;
  font-size: 30px;
  color: var(--ink);
  letter-spacing: 0.04em;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.logo small {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--ink-soft);
  letter-spacing: 0.1em;
}

.nav {
  display: flex;
  gap: 36px;
}

.nav a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
  color: var(--ink);
  text-decoration: none;
  letter-spacing: 0.08em;
  transition: color 0.3s;
}

.nav a:hover { color: var(--red-apple); }

/* ============================
   HERO
   ============================ */
.hero {
  position: relative;
  min-height: 92vh;
  padding: 80px 40px 60px;
  background: linear-gradient(135deg, var(--cream-base) 0%, var(--paper) 50%, #efe2ce 100%);
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(circle at 15% 25%, rgba(232, 196, 192, 0.35) 0%, transparent 35%),
    radial-gradient(circle at 85% 70%, rgba(168, 192, 212, 0.3) 0%, transparent 40%),
    radial-gradient(circle at 50% 90%, rgba(139, 166, 106, 0.18) 0%, transparent 45%);
  pointer-events: none;
}

.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0.07 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
  opacity: 0.5;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.hero-inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 60px;
  align-items: center;
  min-height: calc(92vh - 140px);
}

.hero-text {
  animation: fadeInUp 1.2s ease-out;
}

.issue-label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  color: var(--ink-soft);
  letter-spacing: 0.3em;
  margin-bottom: 24px;
  text-transform: uppercase;
}

.issue-label::before {
  content: '— ';
}

.hero h1 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 600;
  line-height: 1.4;
  color: var(--ink);
  margin-bottom: 28px;
  letter-spacing: 0.02em;
}

.hero-display {
  font-family: 'Italiana', serif;
  font-size: clamp(48px, 6.5vw, 84px);
  line-height: 1;
  color: var(--ink);
  margin-bottom: 18px;
  letter-spacing: 0.01em;
}

.hero-display em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 400;
  color: var(--red-apple);
}

.hero-lead {
  font-size: 16px;
  color: var(--ink-soft);
  line-height: 2;
  margin-bottom: 36px;
  max-width: 480px;
}

.hero-meta {
  display: flex;
  gap: 24px;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.hero-meta-item {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--ink-soft);
  letter-spacing: 0.1em;
}

.hero-meta-item strong {
  display: block;
  font-style: normal;
  font-family: 'Italiana', serif;
  font-size: 18px;
  color: var(--ink);
  margin-top: 4px;
  letter-spacing: 0.05em;
}

.hero-visual {
  position: relative;
  animation: fadeInUp 1.4s ease-out 0.2s both;
}

.hero-main-img {
  position: relative;
  aspect-ratio: 4/5;
  background: var(--paper);
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 30px 60px rgba(44, 38, 32, 0.12);
}

.hero-main-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 20px;
  mix-blend-mode: multiply;
}

.hero-badge {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 130px;
  height: 130px;
  background: var(--red-apple);
  color: var(--paper);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'Italiana', serif;
  font-size: 12px;
  letter-spacing: 0.2em;
  line-height: 1.5;
  animation: gentle-rotate 18s linear infinite;
  z-index: 3;
  box-shadow: 0 8px 20px rgba(181, 70, 55, 0.3);
}

.hero-badge span {
  display: block;
  padding: 12px;
}

@keyframes gentle-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ============================
   SECTION BASICS
   ============================ */
.section {
  padding: 100px 40px;
  position: relative;
}

.section-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.section-label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--accent-rust);
  letter-spacing: 0.35em;
  text-transform: uppercase;
  margin-bottom: 18px;
  display: inline-block;
  position: relative;
  padding-left: 36px;
}

.section-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 26px;
  height: 1px;
  background: var(--accent-rust);
}

.section-title {
  font-family: 'Italiana', serif;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.15;
  color: var(--ink);
  margin-bottom: 40px;
  letter-spacing: 0.02em;
}

.section-title em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--accent-rust);
}

h2 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 28px;
  letter-spacing: 0.02em;
  line-height: 1.5;
}

h3 {
  font-family: 'Shippori Mincho', serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 18px;
  letter-spacing: 0.02em;
}

/* ============================
   EDITOR'S NOTE
   ============================ */
.editor-note {
  background: var(--paper);
  padding: 120px 40px;
}

.editor-note-inner {
  max-width: 760px;
  margin: 0 auto;
}

.editor-note p {
  font-size: 16px;
  line-height: 2.2;
  color: var(--ink);
  margin-bottom: 28px;
  letter-spacing: 0.04em;
}

.editor-note p:first-of-type::first-letter {
  font-family: 'Italiana', serif;
  font-size: 64px;
  float: left;
  line-height: 0.9;
  padding: 6px 14px 0 0;
  color: var(--red-apple);
}

.editor-signature {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 17px;
  color: var(--ink-soft);
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
  text-align: right;
}

/* ============================
   BRAND STORY
   ============================ */
.brand-story {
  background: linear-gradient(180deg, var(--paper) 0%, var(--cream-base) 100%);
}

.brand-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 80px;
  align-items: center;
}

.brand-visual {
  position: relative;
  aspect-ratio: 4/5;
  background: var(--paper);
  overflow: hidden;
}

.brand-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 30px;
  mix-blend-mode: multiply;
}

.brand-text p {
  font-size: 16px;
  line-height: 2.1;
  color: var(--ink);
  margin-bottom: 22px;
  letter-spacing: 0.03em;
}

.brand-quote {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 24px;
  line-height: 1.5;
  color: var(--accent-rust);
  margin: 30px 0;
  padding-left: 24px;
  border-left: 2px solid var(--accent-rust);
}

/* ============================
   FEATURED PRODUCTS — 3 DESIGNS
   ============================ */
.featured {
  background: var(--paper);
  padding: 120px 40px;
}

.featured-intro {
  max-width: 720px;
  margin: 0 auto 80px;
  text-align: center;
}

.featured-intro p {
  font-size: 16px;
  line-height: 2.1;
  color: var(--ink-soft);
}

/* Each design block */
.design-block {
  margin-bottom: 120px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.design-block:last-child { margin-bottom: 0; }

.design-block.reverse {
  direction: rtl;
}
.design-block.reverse > * {
  direction: ltr;
}

.design-visual {
  position: relative;
}

.design-main-img {
  aspect-ratio: 1;
  background: var(--paper);
  border: 1px solid var(--line);
  overflow: hidden;
  margin-bottom: 16px;
}

.design-main-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 24px;
  mix-blend-mode: multiply;
}

.design-number {
  font-family: 'Italiana', serif;
  font-size: 16px;
  color: var(--accent-rust);
  letter-spacing: 0.3em;
  margin-bottom: 14px;
}

.design-name {
  font-family: 'Italiana', serif;
  font-size: clamp(34px, 4.5vw, 48px);
  line-height: 1.1;
  color: var(--ink);
  margin-bottom: 12px;
  letter-spacing: 0.02em;
}

.design-name em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
}

.design-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 17px;
  color: var(--ink-soft);
  margin-bottom: 28px;
  letter-spacing: 0.05em;
}

.design-desc {
  font-size: 15.5px;
  line-height: 2.1;
  color: var(--ink);
  margin-bottom: 32px;
  letter-spacing: 0.03em;
}

/* Color swatches */
.swatches {
  margin-bottom: 32px;
  padding: 24px;
  background: var(--cream-base);
  border-radius: 2px;
}

.swatches-title {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--ink-soft);
  letter-spacing: 0.2em;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.swatch-list {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

.swatch {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: transform 0.3s;
}

.swatch:hover {
  transform: translateY(-3px);
}

.swatch-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-bottom: 8px;
  border: 1px solid rgba(44, 38, 32, 0.08);
  box-shadow: inset 0 -3px 6px rgba(0,0,0,0.06);
}

.swatch-label {
  font-family: 'Cormorant Garamond', serif;
  font-size: 11px;
  color: var(--ink-soft);
  letter-spacing: 0.08em;
  text-align: center;
  line-height: 1.3;
  max-width: 80px;
}

/* Spec table */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 32px;
  font-size: 14px;
}

.spec-table th, .spec-table td {
  padding: 12px 0;
  text-align: left;
  border-bottom: 1px solid var(--line);
  letter-spacing: 0.03em;
}

.spec-table th {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 400;
  color: var(--ink-soft);
  width: 130px;
  font-size: 13px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.spec-table td {
  color: var(--ink);
}

/* CTA button */
.cta-btn {
  display: inline-block;
  padding: 16px 40px;
  background: var(--ink);
  color: var(--paper);
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 15px;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s;
  border: 1px solid var(--ink);
}

.cta-btn:hover {
  background: var(--red-apple);
  border-color: var(--red-apple);
  color: var(--paper);
}

.cta-btn.outline {
  background: transparent;
  color: var(--ink);
}

.cta-btn.outline:hover {
  background: var(--ink);
  color: var(--paper);
}

/* ============================
   THREE POINTS
   ============================ */
.points-section {
  background: var(--cream-base);
  padding: 120px 40px;
}

.points-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  margin-top: 80px;
}

.point-item {
  position: relative;
}

.point-number {
  font-family: 'Italiana', serif;
  font-size: 32px;
  color: var(--accent-rust);
  letter-spacing: 0.1em;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--accent-rust);
  display: inline-block;
}

.point-title {
  font-family: 'Shippori Mincho', serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 18px;
  line-height: 1.5;
}

.point-text {
  font-size: 14.5px;
  line-height: 2;
  color: var(--ink-soft);
  letter-spacing: 0.03em;
}

/* ============================
   PHOTO GALLERY
   ============================ */
.gallery {
  background: var(--paper);
  padding: 120px 40px;
}

.gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 60px;
}

.gallery-item {
  position: relative;
  aspect-ratio: 4/5;
  background: var(--cream-base);
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 20px;
  mix-blend-mode: multiply;
}

.gallery-item.tall {
  grid-row: span 1;
}

/* ============================
   VOICE FROM YONKA
   ============================ */
.voice {
  background: linear-gradient(180deg, var(--cream-base) 0%, var(--paper) 100%);
  padding: 130px 40px;
}

.voice-inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.voice-photo {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: var(--blush);
  margin: 0 auto 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Italiana', serif;
  font-size: 30px;
  color: var(--paper);
  letter-spacing: 0.05em;
  box-shadow: 0 10px 30px rgba(181, 70, 55, 0.15);
}

.voice p {
  font-size: 16px;
  line-height: 2.2;
  color: var(--ink);
  margin-bottom: 24px;
  letter-spacing: 0.04em;
  text-align: left;
}

.voice-name {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  color: var(--accent-rust);
  margin-top: 30px;
  letter-spacing: 0.1em;
}

.voice-name small {
  display: block;
  font-size: 12px;
  color: var(--ink-soft);
  letter-spacing: 0.2em;
  margin-top: 6px;
  text-transform: uppercase;
}

/* ============================
   LIVE SECTION
   ============================ */
.live-section {
  background: var(--dark-section);
  color: var(--paper);
  padding: 120px 40px;
  position: relative;
  overflow: hidden;
}

.live-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 80% 20%, rgba(181, 70, 55, 0.15) 0%, transparent 40%),
    radial-gradient(circle at 20% 80%, rgba(168, 192, 212, 0.08) 0%, transparent 50%);
  pointer-events: none;
}

.live-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--paper);
  letter-spacing: 0.4em;
  margin-bottom: 28px;
  text-transform: uppercase;
}

.live-dot {
  width: 10px;
  height: 10px;
  background: #ff4444;
  border-radius: 50%;
  animation: blink 1.4s ease-in-out infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255, 68, 68, 0.7); }
  50% { opacity: 0.4; box-shadow: 0 0 0 14px rgba(255, 68, 68, 0); }
}

.live-title {
  font-family: 'Italiana', serif;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1.2;
  margin-bottom: 24px;
  color: var(--paper);
  letter-spacing: 0.02em;
}

.live-title em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  color: var(--blush);
}

.live-text {
  font-size: 15px;
  line-height: 2;
  color: rgba(250, 245, 236, 0.85);
  margin-bottom: 12px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.live-time {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 20px;
  color: var(--blush);
  margin: 32px 0;
  letter-spacing: 0.08em;
}

.live-links {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 40px;
  flex-wrap: wrap;
}

.live-link {
  display: inline-block;
  padding: 15px 32px;
  border: 1px solid rgba(250, 245, 236, 0.4);
  color: var(--paper);
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s;
}

.live-link:hover {
  background: var(--paper);
  color: var(--dark-section);
  border-color: var(--paper);
}

.live-link.primary {
  background: var(--blush);
  border-color: var(--blush);
  color: var(--dark-section);
}

.live-link.primary:hover {
  background: var(--paper);
  border-color: var(--paper);
}

/* ============================
   FOOTER
   ============================ */
.footer {
  background: var(--cream-base);
  padding: 80px 40px 40px;
  border-top: 1px solid var(--line);
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.footer-logo {
  font-family: 'Italiana', serif;
  font-size: 36px;
  letter-spacing: 0.04em;
  color: var(--ink);
  margin-bottom: 12px;
}

.footer-tagline {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 16px;
  color: var(--ink-soft);
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}

.footer-links {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.footer-links a {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  color: var(--ink);
  text-decoration: none;
  letter-spacing: 0.1em;
}

.footer-links a:hover {
  color: var(--red-apple);
}

.footer-info {
  font-size: 12px;
  color: var(--ink-soft);
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.footer-copyright {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 12px;
  color: var(--ink-soft);
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
  letter-spacing: 0.15em;
}

/* ============================
   RESPONSIVE
   ============================ */
@media (max-width: 768px) {
  .nav { display: none; }
  .header-inner { padding: 0 20px; }
  .logo { font-size: 24px; }

  .section { padding: 70px 22px; }
  .hero { padding: 50px 22px 50px; }
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
    min-height: auto;
  }
  .hero-badge { width: 90px; height: 90px; top: -20px; right: -10px; font-size: 10px; }
  .hero-meta { flex-wrap: wrap; gap: 18px; }

  .editor-note { padding: 70px 22px; }

  .brand-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .featured { padding: 70px 22px; }
  .design-block {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 80px;
  }
  .design-block.reverse { direction: ltr; }

  .points-section { padding: 70px 22px; }
  .points-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 50px;
  }

  .gallery { padding: 70px 22px; }
  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .voice { padding: 80px 22px; }
  .voice p { font-size: 15px; line-height: 2.1; }

  .live-section { padding: 80px 22px; }
  .live-links {
    flex-direction: column;
    gap: 14px;
  }
  .live-link { width: 100%; }

  .footer { padding: 60px 22px 30px; }
  .footer-links { gap: 18px; }
}
</style>
</head>
<body>

<!-- ============================
     HEADER
     ============================ -->
<header class="header">
  <div class="header-inner">
    <a href="https://yonka.company/" class="logo">
      yonka <small>magazine</small>
    </a>
    <nav class="nav">
      <a href="#editor">Editor&#8217;s Note</a>
      <a href="#brand">Brand</a>
      <a href="#product">Product</a>
      <a href="#voice">Voice</a>
      <a href="https://yonka.company/" target="_blank" rel="noopener">Shop</a>
    </nav>
  </div>
</header>

<!-- ============================
     HERO
     ============================ -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-text">
      <div class="issue-label">Issue No.014 / SS26 — Spring Picnic</div>
      <h1>MABLIの新作ネックタイ。小さな首元に、春のひと巻きを。</h1>
      <div class="hero-display">A little <em>knot</em><br>around the neck.</div>
      <p class="hero-lead">
        ウェールズの草原から届いた、SS26新作のネックタイ。<br>
        春のフルーツバスケットのような全7色。
      </p>
      <div class="hero-meta">
        <div class="hero-meta-item">Brand<strong>MABLI</strong></div>
        <div class="hero-meta-item">From<strong>Wales, UK</strong></div>
        <div class="hero-meta-item">Season<strong>SS26</strong></div>
      </div>
    </div>
    <div class="hero-visual">
      <div class="hero-badge">
        <span>NEW<br>ARRIVAL<br>SS26</span>
      </div>
      <div class="hero-main-img">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Caravan-Tee-Necktie-TreeHouse-Stripe-Denim-Romper-Light-Fluffy-Clouds-3.png?v=1775960860&#038;width=1200" alt="MABLI SS26 ネックタイ メインビジュアル">
      </div>
    </div>
  </div>
</section>

<!-- ============================
     EDITOR'S NOTE
     ============================ -->
<section class="editor-note" id="editor">
  <div class="editor-note-inner">
    <div class="section-label">Editor&#8217;s Note</div>
    <h2>「もう一枚」の代わりに、「ひと巻き」という選択。</h2>

    <p>朝の光が少しずつ強くなって、わが子の頬がほんのり汗ばむようになると、わたしは「もう、今日はカーディガンを脱がせていいのかな」と毎年迷います。けれど、お出かけ先で急に肌寒くなることもある。そんな春の気まぐれな日々に、寄り添ってくれる一品が<strong>MABLI（マブリ）のSS26新作ネックタイ</strong>です。</p>

    <p>ネックタイ、と聞いて思い浮かべるのは、フォーマルなあのネクタイでしょうか。でもこれは、もっとずっと愛らしい。首元にふわりと結んでひと巻きするだけで、いつものTシャツやロンパースが、雑誌のページから抜け出てきたような佇まいに変わります。日除け、ちょっとした冷え対策、おしゃれのアクセント——役割は一つじゃない。</p>

    <p>今回入荷したのは、<strong>Donut（ドーナツ）・Juice Box（ジュースボックス）・Caravan（キャラバン）</strong>という三つのシリーズ。それぞれ、淡いシャンブレーのブルー、桜色、赤リンゴに青リンゴ、そしてストライプの3パターン。全部で7色のラインナップ。並べてみると、まるで春のフルーツバスケットを開けたみたいに、ふっと気持ちが軽くなります。</p>

    <p>「これがいい」を、子どもの首元にも。今号は、ウェールズ発のスローファッションブランドが届ける、小さなアクセサリーの物語をお届けします。</p>

    <div class="editor-signature">— yonka editorial, 加奈</div>
  </div>
</section>

<!-- ============================
     BRAND STORY
     ============================ -->
<section class="section brand-story" id="brand">
  <div class="section-inner">
    <div class="brand-grid">
      <div class="brand-visual">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Caravan-Tee-Necktie-TreeHouse-Stripe-Denim-Romper-Light-Fluffy-Clouds-1.png?v=1775960860&#038;width=1200" alt="MABLI ブランドストーリー">
      </div>
      <div class="brand-text">
        <div class="section-label">Brand Story</div>
        <h2>MABLIとは？ウェールズ生まれ、家族の手で紡がれる、ヴィンテージのニットブランド。</h2>
        <p><strong>MABLI（マブリ）</strong>は、2016年にウェールズ出身のデザイナー、リサ・ロバーツが第二子の出産をきっかけに立ち上げた、家族経営のニットブランドです。婦人ニットの世界で長く活躍してきたリサが、自分の子どもたちに着せたい服を、と想いを込めて始めたファミリーブランド。</p>

        <p>使われている糸は、イタリア紡績の<strong>エクストラファインメリノウール</strong>、オーガニックピマコットン、リネンといった天然素材ばかり。子どもの肌に直接触れるものだから、と、サプライチェーンの透明性、エシカルな生産背景にも徹底してこだわります。</p>

        <div class="brand-quote">&#8220;Slow fashion — designed for longevity.&#8221;</div>

        <p>デザインのインスピレーションは、ウェールズに古くから伝わるタペストリーブランケットの伝統柄から。流行を追わず、季節を越えて長く愛せる服を、というスローファッションの哲学が、一着一着の編み目に静かに息づいています。</p>
      </div>
    </div>
  </div>
</section>

<!-- ============================
     FEATURED — 3 DESIGNS
     ============================ -->
<section class="featured" id="product">
  <div class="section-inner">
    <div class="featured-intro">
      <div class="section-label" style="display:inline-block">Featured Product</div>
      <h2 class="section-title" style="text-align:center; margin-top:18px;">SS26新作ネックタイ<br>全3デザイン・7カラー</h2>
      <p>春のお出かけに、お祝いの席に、いつもの一枚にプラスして。<br>MABLIのSS26新作ネックタイは、デザインごとに小さな物語を持っています。</p>
    </div>

    <!-- DESIGN 01: DONUT -->
    <div class="design-block">
      <div class="design-visual">
        <div class="design-main-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Donut-Necktie-Blush.png?v=1775959790&#038;width=1200" alt="MABLI DONUT NECKTIE BLUSH">
        </div>
      </div>
      <div class="design-content">
        <div class="design-number">— Design 01</div>
        <h3 class="design-name">Donut <em>Necktie</em></h3>
        <div class="design-sub">— a circle of softness</div>
        <p class="design-desc">まるっとした、輪っかのようなフォルム。コットンならではのやわらかなニュアンスが、ふんわりと首元を包み込みます。ライトシャンブレーは、晴れた日の空のような澄んだ青。ブラッシュは、生まれたての桜の蕾を思わせる<strong>淡いピンク</strong>。どちらも、白いTシャツやリネンのワンピースとよく似合います。</p>

        <div class="swatches">
          <div class="swatches-title">— Available in 2 colors</div>
          <div class="swatch-list">
            <a href="https://yonka.company/products/mabli-donut-necktie-light-chambray" class="swatch" target="_blank" rel="noopener">
              <div class="swatch-circle" style="background: var(--chambray);"></div>
              <div class="swatch-label">Light Chambray</div>
            </a>
            <a href="https://yonka.company/products/mabli-donut-necktie-blush" class="swatch" target="_blank" rel="noopener">
              <div class="swatch-circle" style="background: var(--blush);"></div>
              <div class="swatch-label">Blush</div>
            </a>
          </div>
        </div>

        <table class="spec-table">
          <tr><th>Price</th><td>¥4,545（税込）</td></tr>
          <tr><th>Size</th><td>S / M</td></tr>
          <tr><th>Material</th><td>コットン</td></tr>
          <tr><th>Origin</th><td>デザイン：ウェールズ／製造：ヨーロッパ</td></tr>
        </table>

        <a href="https://yonka.company/products/mabli-donut-necktie-blush" class="cta-btn" target="_blank" rel="noopener">View Donut Necktie</a>
      </div>
    </div>

    <!-- DESIGN 02: JUICE BOX -->
    <div class="design-block reverse">
      <div class="design-visual">
        <div class="design-main-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Juicebox-Necktie-Red-Apple-1.jpg?v=1775958549&#038;width=1200" alt="MABLI JUICE BOX NECKTIE RED APPLE">
        </div>
      </div>
      <div class="design-content">
        <div class="design-number">— Design 02</div>
        <h3 class="design-name">Juice Box <em>Necktie</em></h3>
        <div class="design-sub">— a sweet bite of summer</div>
        <p class="design-desc">名前のとおり、ジュースボックスのようにポップで愛らしい一枚。赤リンゴと青リンゴ、二つの果実から色を借りた<strong>MABLIらしい遊び心</strong>のあるデザインです。レッドアップルは、深い紅にどこかノスタルジックな温度を宿し、グリーンアップルは初夏の若葉を思わせる軽やかさ。デニムや生成りのトップスに合わせると、ぱっと表情が華やぎます。</p>

        <div class="swatches">
          <div class="swatches-title">— Available in 2 colors</div>
          <div class="swatch-list">
            <a href="https://yonka.company/products/mabli-juice-box-necktie-red-apple" class="swatch" target="_blank" rel="noopener">
              <div class="swatch-circle" style="background: var(--red-apple);"></div>
              <div class="swatch-label">Red Apple</div>
            </a>
            <a href="https://yonka.company/products/mabli-juice-box-necktie-green-apple" class="swatch" target="_blank" rel="noopener">
              <div class="swatch-circle" style="background: var(--green-apple);"></div>
              <div class="swatch-label">Green Apple</div>
            </a>
          </div>
        </div>

        <table class="spec-table">
          <tr><th>Price</th><td>¥4,545（税込）</td></tr>
          <tr><th>Size</th><td>S / M</td></tr>
          <tr><th>Material</th><td>コットン</td></tr>
          <tr><th>Origin</th><td>デザイン：ウェールズ／製造：ヨーロッパ</td></tr>
        </table>

        <a href="https://yonka.company/products/mabli-juice-box-necktie-red-apple" class="cta-btn" target="_blank" rel="noopener">View Juice Box Necktie</a>
      </div>
    </div>

    <!-- DESIGN 03: CARAVAN -->
    <div class="design-block">
      <div class="design-visual">
        <div class="design-main-img">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Caravan-Necktie-Tree-House-Stripe.png?v=1775891946&#038;width=1200" alt="MABLI CARAVAN NECKTIE TREE HOUSE STRIPE">
        </div>
      </div>
      <div class="design-content">
        <div class="design-number">— Design 03</div>
        <h3 class="design-name">Caravan <em>Necktie</em></h3>
        <div class="design-sub">— stripes of small adventures</div>
        <p class="design-desc">3色のなかでいちばん奥行きのあるシリーズ。ツリーハウス、ノーティカル、コーチシート——それぞれ違う旅の風景を切り取ったような<strong>ヴィンテージストライプ</strong>です。MABLIらしい、ウェールズのタペストリーブランケットを思わせる配色。一枚でしっかり主役になる、ちょっと特別な日の首元飾りに。</p>

        <div class="swatches">
          <div class="swatches-title">— Available in 3 colors</div>
          <div class="swatch-list">
            <a href="https://yonka.company/products/mabli-caravan-necktie-tree-house-stripe" class="swatch" target="_blank" rel="noopener">
              <div class="swatch-circle" style="background: linear-gradient(135deg, var(--stripe-cream) 0%, var(--green-apple) 50%, var(--accent-rust) 100%);"></div>
              <div class="swatch-label">Tree House Stripe</div>
            </a>
            <a href="https://yonka.company/products/mabli-caravan-necktie-nautical-stripe" class="swatch" target="_blank" rel="noopener">
              <div class="swatch-circle" style="background: linear-gradient(135deg, var(--chambray) 0%, #4a6680 50%, var(--paper) 100%);"></div>
              <div class="swatch-label">Nautical Stripe</div>
            </a>
            <a href="https://yonka.company/products/mabli-caravan-necktie-coach-seat-stripe" class="swatch" target="_blank" rel="noopener">
              <div class="swatch-circle" style="background: linear-gradient(135deg, var(--red-apple) 0%, var(--stripe-cream) 50%, var(--ink-soft) 100%);"></div>
              <div class="swatch-label">Coach Seat Stripe</div>
            </a>
          </div>
        </div>

        <table class="spec-table">
          <tr><th>Price</th><td>¥4,545（税込）</td></tr>
          <tr><th>Size</th><td>S / M</td></tr>
          <tr><th>Material</th><td>コットン</td></tr>
          <tr><th>Origin</th><td>デザイン：ウェールズ／製造：ヨーロッパ</td></tr>
        </table>

        <a href="https://yonka.company/products/mabli-caravan-necktie-tree-house-stripe" class="cta-btn" target="_blank" rel="noopener">View Caravan Necktie</a>
      </div>
    </div>

  </div>
</section>

<!-- ============================
     THREE POINTS
     ============================ -->
<section class="points-section">
  <div class="section-inner">
    <div class="section-label">Why we love it</div>
    <h2 class="section-title">MABLIネックタイ、<em>3つの魅力</em></h2>

    <div class="points-grid">
      <div class="point-item">
        <div class="point-number">i.</div>
        <h3 class="point-title">小さなサイズに、確かなクラフトマンシップ。</h3>
        <p class="point-text">アクセサリー一つにも、MABLIのものづくりへの姿勢が宿ります。<strong>イタリア紡績の上質な糸</strong>を使い、ウェールズのデザイナーが描いた図案を、ヨーロッパの確かな技術で丁寧に仕立てる。手のひらサイズだからこそ、素材と仕立ての差が際立ちます。</p>
      </div>

      <div class="point-item">
        <div class="point-number">ii.</div>
        <h3 class="point-title">いつもの一枚を、特別な装いへ。</h3>
        <p class="point-text">白いTシャツ、デニムのロンパース、リネンのワンピース——どんなアイテムも、首元にひと巻きするだけで雑誌の表紙のような佇まいに。お食事会、家族写真、ちょっとしたお出かけにも、<strong>春のコーディネートの主役</strong>を担ってくれます。</p>
      </div>

      <div class="point-item">
        <div class="point-number">iii.</div>
        <h3 class="point-title">スローファッションの哲学を、毎日に。</h3>
        <p class="point-text">流行の早いベビー服のなかで、MABLIは「長く着ること」を前提に作られています。素材選び、生産背景、デザインの普遍性。<strong>兄弟姉妹で受け継ぎ、思い出ごと残していける一枚</strong>。それが、わたしたちyonkaがこのブランドを選び続ける理由です。</p>
      </div>
    </div>
  </div>
</section>

<!-- ============================
     PHOTO GALLERY
     ============================ -->
<section class="gallery">
  <div class="section-inner">
    <div class="section-label">Styling</div>
    <h2 class="section-title">Caravanネックタイの<em>着用イメージ</em></h2>
    <p style="max-width:680px; font-size:15.5px; line-height:2; color:var(--ink-soft);">ツリーハウスストライプを、MABLIのデニムロンパー「Light Fluffy Clouds」に合わせて。雲の上を散歩するような、夢のある着こなしです。</p>

    <div class="gallery-grid">
      <div class="gallery-item">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Caravan-Tee-Necktie-TreeHouse-Stripe-Denim-Romper-Light-Fluffy-Clouds-3.png?v=1775960860&#038;width=1200" alt="MABLI Caravan ネックタイ 着用イメージ 1">
      </div>
      <div class="gallery-item">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Caravan-Tee-Necktie-TreeHouse-Stripe-Denim-Romper-Light-Fluffy-Clouds-1.png?v=1775960860&#038;width=1200" alt="MABLI Caravan ネックタイ 着用イメージ 2">
      </div>
      <div class="gallery-item">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Caravan-Tee-Necktie-TreeHouse-Stripe-Denim-Romper-Light-Fluffy-Clouds-2.png?v=1775960860&#038;width=1200" alt="MABLI Caravan ネックタイ 着用イメージ 3">
      </div>
      <div class="gallery-item">
        <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Caravan-Necktie-Tree-House-Stripe.png?v=1775891946&#038;width=1200" alt="MABLI Caravan ネックタイ 単体">
      </div>
    </div>
  </div>
</section>

<!-- ============================
     VOICE FROM YONKA
     ============================ -->
<section class="voice" id="voice">
  <div class="voice-inner">
    <div class="section-label">Voice from yonka</div>
    <h2 class="section-title">これがいい、を子どもの首元にも。</h2>

    <div class="voice-photo">K</div>

    <p>ヨーロッパの子ども服を仕入れていてしみじみ思うのは、向こうのママたちは「アクセサリー」を子どもにつけることに、とても自然だということ。スカーフ、帽子、靴下、ヘアバンド。小さな一品で表情をつくる文化が、生活に根づいているんですよね。</p>

    <p>MABLIのネックタイは、その文化を日本のママにも自然に取り入れてもらえる入り口になる、と思っています。価格も¥4,545と、MABLIのニットアイテムに比べてずいぶん手の届きやすい価格帯。「いきなりニットは……」とためらわれていた方にも、ぜひ最初の一枚として手にとっていただきたいんです。</p>

    <p>そして個人的には、家族写真の日にぜひ巻いてあげてほしい。何でもない普段着でも、首元にひと巻きあるだけで、写真の中で時間が止まる。<strong>「これでいいや」ではなく「これがいい」</strong>を選んだ親の眼差しが、ちゃんと写真に写り込みます。</p>

    <div class="voice-name">加奈<small>yonka editorial / 代表</small></div>
  </div>
</section>

<!-- ============================
     LIVE SECTION
     ============================ -->
<section class="live-section">
  <div class="live-inner">
    <div class="live-indicator">
      <span class="live-dot"></span>
      <span>Live on Instagram</span>
    </div>
    <h2 class="live-title">毎朝10時、<em>ライブで会いましょう</em></h2>
    <p class="live-text">商品の手ざわり、サイズ感、コーディネートのアイデア。<br>画面越しでも伝わる温度で、ママたちと一緒におしゃべりしています。</p>
    <div class="live-time">— Every morning at 10:00 a.m. —</div>
    <p class="live-text">LIVEだけの限定価格や、先行販売のお知らせも。<br>気になる新作は、ぜひライブで質問してくださいね。</p>

    <div class="live-links">
      <a href="https://www.instagram.com/yonka.shop/" class="live-link primary" target="_blank" rel="noopener">Instagram</a>
      <a href="https://www.youtube.com/" class="live-link" target="_blank" rel="noopener">YouTube</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" class="live-link" target="_blank" rel="noopener">LIVE Exclusive</a>
    </div>
  </div>
</section>

<!-- ============================
     FOOTER
     ============================ -->
<footer class="footer">
  <div class="footer-inner">
    <div class="footer-logo">yonka</div>
    <div class="footer-tagline">— from mothers, to mothers —</div>

    <div class="footer-links">
      <a href="https://yonka.company/" target="_blank" rel="noopener">Online Shop</a>
      <a href="https://www.instagram.com/yonka.shop/" target="_blank" rel="noopener">Instagram</a>
      <a href="https://ameblo.jp/yonka-select/" target="_blank" rel="noopener">Blog</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" target="_blank" rel="noopener">LIVE Shopping</a>
    </div>

    <div class="footer-info">
      株式会社yonka<br>
      埼玉県深谷市<br>
      ヨーロッパ子ども服セレクトショップ
    </div>

    <div class="footer-copyright">© 2026 yonka. All rights reserved.</div>
  </div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【MABLI】エレナ ベスト＆ブルマ セット 4色｜SS26新作 ウェールズ ニット 子ども服｜yonka</title>
		<link>https://yonka.co.jp/%e3%80%90mabli%e3%80%91%e3%82%a8%e3%83%ac%e3%83%8a-%e3%83%99%e3%82%b9%e3%83%88%ef%bc%86%e3%83%96%e3%83%ab%e3%83%9e-%e3%82%bb%e3%83%83%e3%83%88-4%e8%89%b2%ef%bd%9css26%e6%96%b0%e4%bd%9c-%e3%82%a6/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Thu, 14 May 2026 08:30:32 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72074</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Shell-Melange-Denim-Romper-Night-Sky-1-853x1024.png" class="webfeedsFeaturedVisual" /></p>【MABLI（マブリ）新作】エレナ ベスト＆ブルマセット｜ウェールズから届く春の白昼夢｜yonka yonka magazine SHOP JOURNAL INSTAGRAM LIVE Issue 12 ・ Spring [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Shell-Melange-Denim-Romper-Night-Sky-1-853x1024.png" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【MABLI（マブリ）新作】エレナ ベスト＆ブルマセット｜ウェールズから届く春の白昼夢｜yonka</title>
<meta name="description" content="ウェールズ発のニットブランドMABLI（マブリ）SS26新作、ELENA VEST + BLOOMERS SET。フリル襟のAラインベストとバブルブルマの2点セットを、桜色・流木グレージュ・シャンブレーブルー・シェルメランジェの4色展開で。日本正規取扱いはyonka。">
<meta name="keywords" content="MABLI,マブリ,ELENA,エレナ,ベスト,ブルマ,ロンパース,ヨーロッパ子ども服,ウェールズ,ニット,スローファッション,メリノウール,ピマコットン,リネン,SS26,春夏,yonka,ヨンカ,2歳,4歳,女の子">
<meta property="og:title" content="MABLI新作｜エレナ ベスト＆ブルマセット｜ウェールズから届く春の白昼夢">
<meta property="og:description" content="ウェールズの女性デザイナーLisa Robertsが手がけるMABLI（マブリ）。SS26の新作、エレナ ベスト＆ブルマセットを4色で。日本正規取扱いはyonka。">
<meta property="og:type" content="article">
<meta property="og:image" content="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Shell-Melange-Denim-Romper-Night-Sky-1.png">
<meta name="robots" content="index, follow">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italiana&#038;family=Cormorant+Garamond:ital,wght@0,400;1,400;1,500&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500&#038;display=swap" rel="stylesheet">

<style>
:root{
  /* ── Color Palette : 春の海辺・霧と陽光 ──
     主役色: BLUSH（桜色） / LIGHT CHAMBRAY（霞ブルー） / SHELL MELANGE（貝殻ミルク） / DRIFTWOOD MELANGE（流木グレージュ）
     ブランド世界観: ウェールズの曇り空・潮風・ヴィンテージ ────── */
  --paper:        #f5efe6;     /* ベース：生成りの紙 */
  --paper-warm:   #ede4d6;     /* 温かいクリーム */
  --ink:          #3a3530;     /* 本文インク */
  --ink-soft:     #6b625a;     /* セカンダリ */
  --blush:        #e6c5c0;     /* 桜色 */
  --blush-deep:   #c69a92;     /* 深い桜 */
  --chambray:     #b8c4cc;     /* 霞ブルー */
  --chambray-deep:#7d909a;     /* 海霧の青 */
  --shell:        #e8ddc9;     /* 貝殻ミルク */
  --driftwood:    #a89a86;     /* 流木グレージュ */
  --sage:         #9aa18a;     /* セージ（差し色） */
  --night:        #2a2e36;     /* LIVE背景：宵闇 */
  --night-soft:   #3d4250;
  --gold:         #b89968;     /* 金属箔のような差し色 */
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Shippori Mincho','Noto Sans JP',serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.9;
  font-weight:400;
  letter-spacing:.04em;
  overflow-x:hidden;
}

/* ── HEADER ────────────────────────── */
header{
  position:sticky;top:0;z-index:100;
  background:rgba(245,239,230,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(168,154,134,.25);
}
.nav{
  max-width:1280px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 40px;
}
.logo{
  font-family:'Italiana',serif;
  font-size:30px;letter-spacing:.18em;
  color:var(--ink);
  display:flex;align-items:baseline;gap:10px;
}
.logo small{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:13px;
  letter-spacing:.3em;
  color:var(--driftwood);
}
.nav-menu{display:flex;gap:34px;list-style:none;}
.nav-menu a{
  text-decoration:none;color:var(--ink-soft);
  font-size:12px;letter-spacing:.25em;
  text-transform:uppercase;
  transition:color .3s;
}
.nav-menu a:hover{color:var(--chambray-deep);}
@media(max-width:768px){.nav-menu{display:none;}}

/* ── HERO ────────────────────────── */
.hero{
  position:relative;
  min-height:92vh;
  background:linear-gradient(180deg,var(--paper) 0%,var(--shell) 60%,var(--blush) 100%);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  padding:80px 40px;
}
.hero::before{
  content:'';
  position:absolute;
  width:480px;height:480px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(184,196,204,.5),transparent 65%);
  top:-100px;right:-100px;
  filter:blur(40px);
}
.hero::after{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0.07 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
  opacity:.5;mix-blend-mode:multiply;pointer-events:none;
}
.hero-inner{
  position:relative;z-index:2;
  max-width:1280px;width:100%;
  display:grid;grid-template-columns:1fr 1fr;gap:60px;
  align-items:center;
}
@media(max-width:768px){.hero-inner{grid-template-columns:1fr;gap:40px;}}

.hero-text{animation:fadeInUp 1.4s ease-out;}
.issue-no{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:15px;
  letter-spacing:.3em;
  color:var(--driftwood);
  margin-bottom:24px;
  display:flex;align-items:center;gap:12px;
}
.issue-no::before{
  content:'';width:40px;height:1px;background:var(--driftwood);
}
.hero h1{
  font-family:'Shippori Mincho',serif;
  font-size:clamp(28px,4vw,44px);
  font-weight:600;
  line-height:1.5;
  margin-bottom:24px;
  color:var(--ink);
}
.hero-eng{
  font-family:'Italiana',serif;
  font-size:clamp(48px,7vw,86px);
  line-height:1;
  letter-spacing:.04em;
  color:var(--chambray-deep);
  margin-bottom:30px;
  font-weight:400;
}
.hero-eng em{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-weight:400;
  font-size:.65em;
  color:var(--blush-deep);
  display:block;
  margin-top:8px;
  letter-spacing:.08em;
}
.hero-lead{
  font-size:15px;line-height:2.1;
  color:var(--ink-soft);
  max-width:480px;
}
.hero-img{
  position:relative;
  aspect-ratio:4/5;
  display:flex;align-items:center;justify-content:center;
  animation:fadeInUp 1.6s ease-out;
}
.hero-img img{
  width:100%;height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  padding:20px;
}
.hero-badge{
  position:absolute;bottom:30px;left:-20px;
  width:130px;height:130px;
  background:var(--night);
  color:var(--paper);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:13px;
  text-align:center;
  line-height:1.3;
  letter-spacing:.1em;
  animation:gentle-rotate 22s linear infinite;
  z-index:3;
  border:1px solid var(--gold);
}
.hero-badge span{
  display:block;
  font-family:'Italiana',serif;
  font-style:normal;
  font-size:18px;
  letter-spacing:.2em;
  color:var(--gold);
  margin-top:4px;
}
@media(max-width:768px){.hero-badge{width:100px;height:100px;font-size:11px;left:0;}}

@keyframes fadeInUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
@keyframes gentle-rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}

/* ── EDITOR'S NOTE ────────────────────────── */
.editor-note{
  max-width:780px;margin:0 auto;
  padding:140px 40px 120px;
  position:relative;
}
.section-label{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:14px;
  letter-spacing:.4em;
  color:var(--driftwood);
  text-transform:uppercase;
  text-align:center;
  margin-bottom:18px;
  display:flex;align-items:center;justify-content:center;gap:18px;
}
.section-label::before,.section-label::after{
  content:'';width:60px;height:1px;background:var(--driftwood);
}
.editor-note h2{
  font-family:'Shippori Mincho',serif;
  font-size:clamp(22px,2.6vw,30px);
  font-weight:500;
  text-align:center;
  margin-bottom:50px;
  line-height:1.7;
  letter-spacing:.06em;
}
.editor-note p{
  font-size:15px;
  line-height:2.3;
  margin-bottom:26px;
  text-align:justify;
}
.editor-note p:first-of-type::first-letter{
  font-family:'Italiana',serif;
  font-size:64px;
  float:left;
  line-height:.85;
  margin:8px 12px 0 0;
  color:var(--chambray-deep);
}
.signature{
  text-align:right;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:18px;
  color:var(--driftwood);
  margin-top:40px;
}

/* ── BRAND STORY ────────────────────────── */
.brand-story{
  background:var(--shell);
  padding:120px 40px;
  position:relative;
}
.brand-story::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--driftwood),transparent);
}
.brand-inner{
  max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;
  align-items:center;
}
@media(max-width:768px){.brand-inner{grid-template-columns:1fr;gap:50px;}}

.brand-img{
  aspect-ratio:3/4;
  position:relative;
  overflow:hidden;
}
.brand-img img{
  width:100%;height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  padding:20px;
}
.brand-img::after{
  content:'WALES, UK';
  position:absolute;
  bottom:20px;left:20px;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:12px;
  letter-spacing:.3em;
  color:var(--ink-soft);
  background:rgba(245,239,230,.85);
  padding:6px 16px;
}
.brand-text h2{
  font-family:'Italiana',serif;
  font-size:clamp(36px,5vw,58px);
  letter-spacing:.06em;
  line-height:1.1;
  margin-bottom:8px;
  color:var(--ink);
}
.brand-text h2 em{
  display:block;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:.4em;
  color:var(--blush-deep);
  letter-spacing:.2em;
  margin-top:14px;
  font-weight:400;
}
.brand-jp-title{
  font-family:'Shippori Mincho',serif;
  font-size:18px;font-weight:600;
  margin:28px 0 22px;
  color:var(--chambray-deep);
  letter-spacing:.1em;
}
.brand-text p{
  font-size:14.5px;
  line-height:2.2;
  margin-bottom:18px;
  color:var(--ink);
}

/* ── FEATURED PRODUCT ────────────────────────── */
.product{
  padding:140px 40px;
  max-width:1280px;margin:0 auto;
}
.product-header{
  text-align:center;
  margin-bottom:80px;
}
.product-header .eng{
  font-family:'Italiana',serif;
  font-size:clamp(40px,6vw,72px);
  letter-spacing:.04em;
  color:var(--ink);
  margin-bottom:14px;
  line-height:1.05;
}
.product-header .eng em{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:.45em;
  color:var(--blush-deep);
  display:block;
  margin-top:10px;
  letter-spacing:.18em;
}
.product-header h2{
  font-family:'Shippori Mincho',serif;
  font-size:clamp(20px,2.4vw,26px);
  font-weight:600;
  letter-spacing:.1em;
  color:var(--ink);
}

.gallery{
  display:grid;
  grid-template-columns:2fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:24px;
  margin-bottom:80px;
}
.gallery .item{
  position:relative;
  background:var(--paper-warm);
  overflow:hidden;
}
.gallery .item:nth-child(1){grid-row:span 2;aspect-ratio:auto;}
.gallery .item img{
  width:100%;height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  padding:18px;
  display:block;
}
.gallery .item:nth-child(2){background:var(--blush);}
.gallery .item:nth-child(3){background:var(--chambray);}
@media(max-width:768px){
  .gallery{grid-template-columns:1fr;grid-template-rows:auto;}
  .gallery .item:nth-child(1){grid-row:auto;aspect-ratio:4/5;}
  .gallery .item{aspect-ratio:4/5;}
}

/* Color Swatches */
.swatch-section{
  background:var(--paper-warm);
  padding:60px 50px;
  margin:80px 0;
  border:1px solid rgba(168,154,134,.3);
}
.swatch-title{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:14px;
  letter-spacing:.35em;
  color:var(--driftwood);
  text-align:center;
  margin-bottom:14px;
  text-transform:uppercase;
}
.swatch-jp{
  font-family:'Shippori Mincho',serif;
  font-size:20px;font-weight:600;
  text-align:center;
  margin-bottom:50px;
  letter-spacing:.1em;
}
.swatches{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}
@media(max-width:768px){.swatches{grid-template-columns:repeat(2,1fr);gap:30px 20px;}}

.swatch{
  text-align:center;
  text-decoration:none;
  color:var(--ink);
  display:block;
  transition:transform .4s ease;
}
.swatch:hover{transform:translateY(-6px);}
.swatch-circle{
  width:90px;height:90px;
  border-radius:50%;
  margin:0 auto 18px;
  position:relative;
  box-shadow:inset 0 -8px 18px rgba(0,0,0,.08),0 4px 14px rgba(0,0,0,.08);
  border:1px solid rgba(255,255,255,.5);
}
.swatch-circle.blush{background:linear-gradient(135deg,#eccfca 0%,#d8aaa3 100%);}
.swatch-circle.chambray{background:linear-gradient(135deg,#c5d0d7 0%,#9aa9b3 100%);}
.swatch-circle.shell{background:linear-gradient(135deg,#ece2d0 0%,#d4c5ad 100%);}
.swatch-circle.driftwood{background:linear-gradient(135deg,#bcae9a 0%,#94866f 100%);}
.swatch-name{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:14px;
  letter-spacing:.2em;
  color:var(--ink-soft);
  margin-bottom:4px;
  display:block;
}
.swatch-jp-name{
  font-family:'Shippori Mincho',serif;
  font-size:13px;
  font-weight:500;
  letter-spacing:.08em;
  color:var(--ink);
}

/* Spec Table */
.spec-block{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  margin:90px 0;
}
@media(max-width:768px){.spec-block{grid-template-columns:1fr;gap:50px;}}

.spec-table{
  width:100%;
  border-collapse:collapse;
}
.spec-table caption{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:14px;
  letter-spacing:.35em;
  color:var(--driftwood);
  text-align:left;
  text-transform:uppercase;
  padding-bottom:18px;
  border-bottom:1px solid var(--driftwood);
  margin-bottom:6px;
}
.spec-table td{
  padding:18px 0;
  border-bottom:1px dotted rgba(168,154,134,.4);
  font-size:14.5px;
  vertical-align:top;
}
.spec-table td:first-child{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  width:36%;
  color:var(--driftwood);
  letter-spacing:.1em;
}
.spec-table td:last-child{color:var(--ink);}

.points{display:flex;flex-direction:column;gap:36px;}
.point{
  position:relative;
  padding-left:60px;
}
.point-num{
  position:absolute;left:0;top:-4px;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:34px;
  color:var(--blush-deep);
  letter-spacing:.05em;
}
.point h3{
  font-family:'Shippori Mincho',serif;
  font-size:17px;font-weight:600;
  margin-bottom:10px;
  letter-spacing:.08em;
  color:var(--ink);
}
.point p{
  font-size:14px;line-height:2;
  color:var(--ink-soft);
}

/* CTA */
.cta-wrap{text-align:center;margin-top:60px;}
.cta{
  display:inline-block;
  background:var(--ink);
  color:var(--paper);
  padding:22px 70px;
  text-decoration:none;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:16px;
  letter-spacing:.3em;
  text-transform:uppercase;
  transition:all .4s ease;
  border:1px solid var(--ink);
}
.cta:hover{background:transparent;color:var(--ink);}

/* ── PHOTO GALLERY ────────────────────────── */
.photo-gallery{
  background:linear-gradient(180deg,var(--blush) 0%,var(--shell) 100%);
  padding:140px 40px;
  position:relative;
}
.photo-gallery::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--driftwood),transparent);
}
.pg-inner{max-width:1180px;margin:0 auto;}
.pg-header{text-align:center;margin-bottom:70px;}
.pg-header .eng{
  font-family:'Italiana',serif;
  font-size:clamp(36px,5vw,58px);
  margin-bottom:14px;
  color:var(--ink);
  letter-spacing:.04em;
}
.pg-header h2{
  font-family:'Shippori Mincho',serif;
  font-size:clamp(18px,2.2vw,22px);
  font-weight:600;
  letter-spacing:.1em;
}
.pg-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:40px;
}
.pg-item{
  aspect-ratio:3/4;
  background:var(--paper);
  position:relative;
  overflow:hidden;
}
.pg-item img{
  width:100%;height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  padding:18px;
}
.pg-caption{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:13px;
  letter-spacing:.2em;
  color:var(--ink-soft);
  margin-top:18px;
  text-align:center;
}
@media(max-width:768px){.pg-grid{grid-template-columns:1fr;}}

/* ── VOICE FROM YONKA ────────────────────────── */
.voice{
  padding:140px 40px;
  max-width:880px;margin:0 auto;
  text-align:center;
}
.voice-photo{
  width:120px;height:120px;
  border-radius:50%;
  background:var(--blush);
  margin:0 auto 30px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Italiana',serif;
  font-size:42px;
  color:var(--paper);
  letter-spacing:.05em;
  border:3px solid var(--paper-warm);
  box-shadow:0 6px 24px rgba(168,154,134,.3);
}
.voice .eng{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:14px;
  letter-spacing:.4em;
  color:var(--driftwood);
  text-transform:uppercase;
  margin-bottom:18px;
}
.voice h2{
  font-family:'Shippori Mincho',serif;
  font-size:clamp(22px,2.6vw,28px);
  font-weight:500;
  margin-bottom:40px;
  letter-spacing:.08em;
  line-height:1.7;
}
.voice p{
  font-size:15px;
  line-height:2.3;
  text-align:justify;
  margin-bottom:22px;
  color:var(--ink);
}
.voice-name{
  margin-top:40px;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:17px;
  color:var(--driftwood);
}

/* ── LIVE ────────────────────────── */
.live{
  background:var(--night);
  color:var(--paper);
  padding:120px 40px;
  position:relative;
  overflow:hidden;
}
.live::before{
  content:'';position:absolute;
  width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(184,153,104,.15),transparent 60%);
  top:-200px;right:-200px;filter:blur(40px);
}
.live-inner{
  max-width:1180px;margin:0 auto;
  position:relative;z-index:2;
  text-align:center;
}
.live-indicator{
  display:inline-flex;align-items:center;gap:12px;
  padding:8px 22px;
  border:1px solid var(--gold);
  border-radius:50px;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:13px;
  letter-spacing:.3em;
  color:var(--gold);
  margin-bottom:36px;
  text-transform:uppercase;
}
.live-dot{
  width:10px;height:10px;border-radius:50%;
  background:#ff5566;
  animation:blink 1.5s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}

.live h2{
  font-family:'Italiana',serif;
  font-size:clamp(38px,5.5vw,68px);
  letter-spacing:.06em;
  margin-bottom:18px;
  line-height:1.1;
}
.live h2 em{
  display:block;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:.35em;
  color:var(--gold);
  letter-spacing:.25em;
  margin-top:18px;
  font-weight:400;
}
.live p{
  font-size:15px;line-height:2.1;
  max-width:580px;margin:0 auto 50px;
  color:rgba(245,239,230,.78);
}
.live-time{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:18px;
  letter-spacing:.18em;
  color:var(--gold);
  margin-bottom:50px;
}
.live-links{
  display:flex;gap:20px;justify-content:center;flex-wrap:wrap;
}
.live-link{
  padding:18px 42px;
  border:1px solid rgba(245,239,230,.4);
  color:var(--paper);
  text-decoration:none;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:14px;
  letter-spacing:.25em;
  text-transform:uppercase;
  transition:all .3s ease;
}
.live-link:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:var(--night);
}

/* ── FOOTER ────────────────────────── */
footer{
  background:var(--paper-warm);
  padding:80px 40px 50px;
  text-align:center;
  border-top:1px solid rgba(168,154,134,.3);
}
.footer-logo{
  font-family:'Italiana',serif;
  font-size:34px;
  letter-spacing:.18em;
  margin-bottom:10px;
}
.footer-tag{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:16px;
  letter-spacing:.25em;
  color:var(--driftwood);
  margin-bottom:50px;
}
.footer-links{
  display:flex;gap:36px;justify-content:center;
  margin-bottom:40px;flex-wrap:wrap;
}
.footer-links a{
  color:var(--ink-soft);
  text-decoration:none;
  font-size:12px;
  letter-spacing:.25em;
  text-transform:uppercase;
  transition:color .3s;
}
.footer-links a:hover{color:var(--chambray-deep);}
.footer-info{
  font-size:11px;color:var(--ink-soft);
  letter-spacing:.15em;line-height:2;
  border-top:1px solid rgba(168,154,134,.3);
  padding-top:30px;
  max-width:600px;margin:0 auto;
}

/* SVG Decorative element */
.deco-sprig{
  display:block;margin:0 auto;
  width:80px;
  opacity:.5;
}
</style>
</head>
<body>

<!-- HEADER -->
<header>
  <div class="nav">
    <div class="logo">yonka <small>magazine</small></div>
    <ul class="nav-menu">
      <li><a href="https://yonka.company/">SHOP</a></li>
      <li><a href="https://ameblo.jp/yonka-select/">JOURNAL</a></li>
      <li><a href="https://www.instagram.com/yonka.shop/">INSTAGRAM</a></li>
      <li><a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81">LIVE</a></li>
    </ul>
  </div>
</header>

<!-- HERO -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-text">
      <div class="issue-no">Issue 12 ・ Spring/Summer 2026</div>
      <div class="hero-eng">A Quiet<br>Daydream<em>— from the Welsh shore</em></div>
      <h1>MABLI（マブリ）の新作｜エレナ ベスト＆ブルマセット、ウェールズから届く春の白昼夢</h1>
      <p class="hero-lead">霧がほどけて陽がさす朝。海風にゆれるリネンのカーテン。手摘みの花を抱えて駆けてゆく、小さな足音。<strong>MABLI</strong>のSS26新作 <strong>ELENA VEST + BLOOMERS SET</strong> は、ウェールズの春の景色をそのまま編み上げたような、淡くて、やわらかな、二点セット。</p>
    </div>
    <div class="hero-img">
      <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Bloomers-Light-Chambray-3.png" alt="MABLI ELENA VEST + BLOOMERS SET ライトシャンブレー">
      <div class="hero-badge">NEW IN<span>SS26</span></div>
    </div>
  </div>
</section>

<!-- EDITOR'S NOTE -->
<section class="editor-note">
  <div class="section-label">Editor&#8217;s Note</div>
  <h2>はじめての夏、はじめての海風。<br>その記憶に、ふさわしい一着を。</h2>
  <p>子どもの夏服を選ぶとき、私はいつも「写真に残ったとき、どんな色をしていてほしいか」を考えます。鮮やかでビビッドな色も素敵だけれど、十年経って見返したときに、ふっと胸の奥がやわらかくなるような、そんな淡い色をまとっていてほしい。年月を経ても古びない、むしろ味わい深くなっていく色を。</p>
  <p>ウェールズのデザイナー Lisa Roberts が手がける<strong>MABLI（マブリ）</strong>のニットには、いつもその「時を超える静かさ」があります。彼女がふたりの子どものために編んだ最初の一着から始まり、いまや世界中のママたちがその色彩と質感に恋をしている、英国発のスローファッション ブランド。</p>
  <p>今回ご紹介する <strong>ELENA VEST + BLOOMERS SET</strong> は、フリル襟のAラインベストと、ふんわり丸みを帯びたバブルブルマの二点セット。眠たげな朝の光のような、桜のつぼみがほどけたばかりのような、貝殻が打ち寄せられたばかりのような——そんな４つの色から選べる、SS26シーズン屈指の愛らしい一着です。</p>
  <p>夏の午後、麦わら帽子をかぶせて、ベランダで写真を一枚。それだけで、宝物の一日になる。そう信じて選んだセレクションを、ここから少しずつ綴っていきます。</p>
  <div class="signature">— yonka editorial, 加奈</div>
</section>

<!-- BRAND STORY -->
<section class="brand-story">
  <div class="brand-inner">
    <div class="brand-img">
      <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Shell-Melange-Denim-Romper-Night-Sky-Picnic-Waistcoat-Shorts-Bonnet-Caramel-3.png" alt="MABLI マブリ ウェールズの子ども服ブランド">
    </div>
    <div class="brand-text">
      <h2>MABLI<em>knitwear from Wales</em></h2>
      <div class="brand-jp-title">MABLI（マブリ）とは？──ウェールズが育んだ、時を超えるニット</div>
      <p>2016年、英国ウェールズの女性デザイナー Lisa Roberts によって生まれた<strong>MABLI（マブリ）</strong>。婦人物のニット デザイナーとして長く活躍した彼女が、母になり、故郷ウェールズへ戻ったことをきっかけに立ち上げた、家族経営のニットブランドです。</p>
      <p>ブランド名「Mabli」は、ウェールズ語で「私のかわいい人」という意味。彼女のふたりの子ども、Mabel と Otto がインスピレーションの源になっています。</p>
      <p>素材に選ばれるのは、エクストラファイン メリノウール、オーガニック ピマコットン、リネン、そしてイタリア紡績の上質な糸。すべてヨーロッパ域内の信頼できる工房で、丁寧に編み上げられています。<strong>ヴィンテージにインスパイアされたデザイン</strong>と、ウェールズの伝統的なタペストリー柄を現代の子ども服に翻訳する感性。流行に流されない、長く着られる一着を作り続けるその姿勢こそ、MABLIが世界中のママから愛される理由です。</p>
    </div>
  </div>
</section>

<!-- FEATURED PRODUCT -->
<section class="product">
  <div class="product-header">
    <div class="eng">Elena Vest <em>＋ Bloomers Set</em></div>
    <h2>エレナ ベスト＆ブルマセット｜SS26 新作の魅力</h2>
  </div>

  <div class="gallery">
    <div class="item"><img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Shell-Melange-Denim-Romper-Night-Sky-1.png" alt="MABLI ELENA ベスト ブルマ シェルメランジェ コーディネート"></div>
    <div class="item"><img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Bloomers-Light-Chambray-3.png" alt="MABLI ELENA ライトシャンブレー 詳細"></div>
    <div class="item"><img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Shell-Melange-Denim-Romper-Night-Sky-4.png" alt="MABLI ELENA シェルメランジェ 着用イメージ"></div>
  </div>

  <!-- COLOR SWATCHES -->
  <div class="swatch-section">
    <div class="swatch-title">Colour Story · 4 Variations</div>
    <div class="swatch-jp">選べる4色──春のパレットから、お気に入りを</div>
    <div class="swatches">
      <a href="https://yonka.company/products/mabli-elena-vest-bloomers-set-blush" class="swatch">
        <div class="swatch-circle blush"></div>
        <span class="swatch-name">Blush</span>
        <div class="swatch-jp-name">ブラッシュ｜桜色</div>
      </a>
      <a href="https://yonka.company/products/mabli-elena-vest-bloomers-set-light-chambra" class="swatch">
        <div class="swatch-circle chambray"></div>
        <span class="swatch-name">Light Chambray</span>
        <div class="swatch-jp-name">ライトシャンブレー｜霞ブルー</div>
      </a>
      <a href="https://yonka.company/products/mabli-elena-vest-bloomers-set-shell-melange" class="swatch">
        <div class="swatch-circle shell"></div>
        <span class="swatch-name">Shell Melange</span>
        <div class="swatch-jp-name">シェルメランジェ｜貝殻ミルク</div>
      </a>
      <a href="https://yonka.company/products/mabli-elena-vest-bloomers-set-driftwood-melange" class="swatch">
        <div class="swatch-circle driftwood"></div>
        <span class="swatch-name">Driftwood Melange</span>
        <div class="swatch-jp-name">ドリフトウッドメランジェ｜流木グレージュ</div>
      </a>
    </div>
  </div>

  <!-- SPEC + POINTS -->
  <div class="spec-block">
    <div>
      <table class="spec-table">
        <caption>Specifications</caption>
        <tbody>
          <tr><td>Brand</td><td>MABLI（マブリ）</td></tr>
          <tr><td>Item</td><td>ELENA VEST + BLOOMERS SET<br>エレナ ベスト＆ブルマセット</td></tr>
          <tr><td>Season</td><td>SS26（2026年春夏）</td></tr>
          <tr><td>Sizes</td><td>2Y / 4Y</td></tr>
          <tr><td>Colours</td><td>Blush ／ Light Chambray ／ Shell Melange ／ Driftwood Melange</td></tr>
          <tr><td>Material</td><td>春夏向けのコットン／リネン ベース ニット<br><span style="font-size:12.5px;color:var(--ink-soft);">※詳細はカラーごとの商品ページにてご確認ください</span></td></tr>
          <tr><td>Origin</td><td>Designed in Wales, UK ／ Made in Europe</td></tr>
          <tr><td>Price</td><td>¥15,548（税込）</td></tr>
        </tbody>
      </table>
    </div>

    <div class="points">
      <div class="point">
        <span class="point-num">i.</span>
        <h3>フリル襟が描く、ヴィンテージの面影</h3>
        <p>ベストの首元に、ふんわりと寄せ集められたフリル襟。1900年代初頭のヨーロッパの子ども服を思わせる、ノスタルジックなディテール。背中はリボン結びで調節でき、お子さまの成長に少し寄り添ってくれます。</p>
      </div>
      <div class="point">
        <span class="point-num">ii.</span>
        <h3>バブルブルマが生む、丸みの愛らしさ</h3>
        <p>ふっくらと風をはらんで丸くふくらむバブル ブルマ。裾と腰回りにはやさしいギャザー、ウエストはゆるやかなゴム。動きやすさも見た目の愛らしさも、どちらも譲らないのがMABLI流です。</p>
      </div>
      <div class="point">
        <span class="point-num">iii.</span>
        <h3>セレモニーにも、おうち時間にも</h3>
        <p>淡い色調と上質なニットの質感で、お食事会や記念日のフォトにも、毎日のおうちコーデにも自然に溶け込む一着。<strong>ヨーロッパ子ども服</strong>ならではの、ハレとケを行き来できる絶妙な品の良さがあります。</p>
      </div>
    </div>
  </div>

  <div class="cta-wrap">
    <a href="https://yonka.company/products/mabli-elena-vest-bloomers-set-driftwood-melange" class="cta">View at yonka shop</a>
  </div>
</section>

<!-- PHOTO GALLERY -->
<section class="photo-gallery">
  <div class="pg-inner">
    <div class="pg-header">
      <div class="eng">Wearing the Light</div>
      <h2>エレナ ベスト＆ブルマセットの着用イメージ</h2>
    </div>
    <div class="pg-grid">
      <div>
        <div class="pg-item">
          <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Shell-Melange-Denim-Romper-Night-Sky-5.png" alt="MABLI ELENA シェルメランジェ ナイトスカイ ロンパース 着用">
        </div>
        <div class="pg-caption">— Shell Melange × Night Sky Romper</div>
      </div>
      <div>
        <div class="pg-item">
          <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Elena-Vest-Shell-Melange-Denim-Romper-Night-Sky-Picnic-Waistcoat-Shorts-Bonnet-Caramel-3.png" alt="MABLI ELENA Picnic Waistcoat ボンネット コーディネート">
        </div>
        <div class="pg-caption">— Layered with Picnic Waistcoat &amp; Caramel Bonnet</div>
      </div>
    </div>
  </div>
</section>

<!-- VOICE FROM YONKA -->
<section class="voice">
  <div class="voice-photo">y</div>
  <div class="eng">Voice from yonka</div>
  <h2>「これがいい」を、選ぶ夏に。</h2>
  <p>「これでいいや」で買ってしまった服って、不思議とタンスの奥にしまわれて、いつのまにか着なくなってしまう。一方で、「これがいい！」と心が動いて選んだ服は、何度も着せたくなるし、写真にも残したくなるし、おさがりにしてあげたくなる。同じ一万円でも、その一着がもたらす時間の濃度は、まるで違うんです。</p>
  <p>MABLIの服を初めて手に取ったとき、私はそのことを強く思いました。手のひらに乗せた瞬間に伝わってくる、糸の選び方、編み目のやさしさ、染色の深み。ウェールズという土地で、母であるデザイナーが、自分の子どもに着せたい一着として丁寧に編み上げた——その温度がそのままパッケージから流れてきます。</p>
  <p>このELENA セットも、まさに「これがいい」の一着。お子さまの初めてのお誕生日、はじめてのご旅行、はじめての家族写真。その特別な日に、淡くて、けれど確かな存在感を持つこの服を、ぜひお選びいただけたら。十年後、写真を見返したときに、きっと胸の奥があたたかくなるはずです。</p>
  <p class="voice-name">— 加奈 / 株式会社yonka 代表</p>
</section>

<!-- LIVE -->
<section class="live">
  <div class="live-inner">
    <div class="live-indicator"><span class="live-dot"></span>LIVE EVERY MORNING</div>
    <h2>Instagram Live<em>毎朝10時、yonkaから</em></h2>
    <div class="live-time">— Daily ・ 10:00 a.m. JST —</div>
    <p>毎朝10時、加奈がインスタライブで新作のご紹介や、入荷情報、コーディネートのご提案をお届けしています。LIVE中だけの限定価格でご購入いただける商品もございます。お子さまの寝顔を見送ったあとの、ほんの15分。コーヒーを片手に、どうぞ気軽にお立ち寄りください。</p>
    <div class="live-links">
      <a href="https://www.instagram.com/yonka.shop/" class="live-link">Instagram</a>
      <a href="https://www.youtube.com/" class="live-link">YouTube</a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" class="live-link">Live限定商品</a>
    </div>
  </div>
</section>

<!-- FOOTER -->
<footer>
  <div class="footer-logo">yonka</div>
  <div class="footer-tag">— from mothers, to mothers —</div>
  <div class="footer-links">
    <a href="https://yonka.company/">Online Shop</a>
    <a href="https://www.instagram.com/yonka.shop/">Instagram</a>
    <a href="https://ameblo.jp/yonka-select/">Blog</a>
    <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81">Live Shopping</a>
  </div>
  <div class="footer-info">
    株式会社yonka ／ 埼玉県深谷市<br>
    ヨーロッパ子ども服のセレクトショップ<br>
    © 2026 yonka. All rights reserved.
  </div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【MABLI 新作】ジュースボックスロンパー 2026夏｜ウェールズ発のヨーロッパ子ども服｜yonka</title>
		<link>https://yonka.co.jp/%e3%80%90mabli-%e6%96%b0%e4%bd%9c%e3%80%91%e3%82%b8%e3%83%a5%e3%83%bc%e3%82%b9%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%83%ad%e3%83%b3%e3%83%91%e3%83%bc-2026%e5%a4%8f%ef%bd%9c%e3%82%a6%e3%82%a7%e3%83%bc/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Wed, 13 May 2026 08:24:30 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72072</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-10-853x1024.png" class="webfeedsFeaturedVisual" /></p>【MABLI 新作】ジュースボックスロンパー 2026夏｜ウェールズ発のヨーロッパ子ども服｜yonka yonkamagazine Story Product Gallery Voice Live A ● Issue 0 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-10-853x1024.png" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【MABLI 新作】ジュースボックスロンパー 2026夏｜ウェールズ発のヨーロッパ子ども服｜yonka</title>
<meta name="description" content="ウェールズ発のスローファッション子ども服ブランドMABLI（マブリ）の2026年夏新作「ジュースボックスロンパー」をご紹介。レッドアップル・グリーンアップルの2色展開、世代を超えて愛されるヨーロッパ子ども服。日本正規取扱いはyonkaで。">
<meta name="keywords" content="MABLI,マブリ,ヨーロッパ子ども服,ウェールズ,ロンパース,スローファッション,海外子ども服,yonka,ジュースボックスロンパー,MABLI 通販">
<meta property="og:title" content="【MABLI 新作】ジュースボックスロンパー 2026夏｜ウェールズ発のヨーロッパ子ども服">
<meta property="og:description" content="ウェールズ発のスローファッション子ども服ブランドMABLIの2026年夏新作。レッドアップル・グリーンアップルの2色展開ロンパー。">
<meta property="og:type" content="article">
<meta name="robots" content="index, follow">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&#038;family=Italiana&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500;700&#038;display=swap" rel="stylesheet">
<style>
  :root{
    --apple-red: #c0322a;
    --apple-red-deep: #8a1f1c;
    --apple-green: #a3b86c;
    --apple-green-deep: #5e7340;
    --cream: #f5ebd6;
    --cream-soft: #fbf5e7;
    --honey: #d9a566;
    --terracotta: #c4663d;
    --ink: #2a201a;
    --ink-warm: #3d2e23;
    --paper: #faf3e3;
    --line: #c9b896;
    --berry: #7a2530;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:'Shippori Mincho', 'Noto Sans JP', serif;
    background:var(--paper);
    color:var(--ink);
    line-height:1.8;
    overflow-x:hidden;
  }

  /* ===== HEADER ===== */
  .header{
    position:sticky;top:0;z-index:100;
    background:rgba(250,243,227,.95);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);
    padding:14px 32px;
    display:flex;justify-content:space-between;align-items:center;
  }
  .logo{
    font-family:'Italiana',serif;
    font-size:28px;letter-spacing:.18em;
    color:var(--ink);
  }
  .logo .small{font-size:11px;letter-spacing:.3em;display:block;color:var(--apple-green-deep);margin-top:-2px}
  .nav{display:flex;gap:28px;font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
  .nav a{color:var(--ink);text-decoration:none;transition:color .3s}
  .nav a:hover{color:var(--apple-red)}
  @media (max-width:768px){.nav{display:none}.header{padding:12px 20px}}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    min-height:92vh;
    background:
      radial-gradient(ellipse at 70% 30%, rgba(192,50,42,.18) 0%, transparent 55%),
      radial-gradient(ellipse at 20% 80%, rgba(163,184,108,.20) 0%, transparent 55%),
      linear-gradient(180deg, var(--cream-soft) 0%, var(--cream) 100%);
    overflow:hidden;
    padding:60px 32px;
  }
  .hero::after{
    content:'';position:absolute;inset:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 0.07 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
    opacity:.5;mix-blend-mode:multiply;pointer-events:none;
  }
  /* fruit decoration */
  .hero-decor{
    position:absolute;
    pointer-events:none;
    z-index:1;
    font-family:'Italiana',serif;
    color:var(--apple-red);
    opacity:.08;
  }
  .hero-decor.d1{top:8%;left:5%;font-size:200px;line-height:1}
  .hero-decor.d2{bottom:5%;right:8%;font-size:160px;line-height:1;color:var(--apple-green-deep)}

  .hero-inner{
    position:relative;z-index:2;
    max-width:1280px;margin:0 auto;
    display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
    min-height:80vh;
  }
  @media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:32px}}

  .hero-meta{
    font-family:'Cormorant Garamond',serif;
    font-size:13px;letter-spacing:.35em;text-transform:uppercase;
    color:var(--apple-red-deep);
    margin-bottom:24px;
    display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  }
  .hero-meta span:first-child{
    background:var(--apple-red);color:var(--cream);
    padding:4px 14px;font-size:11px;letter-spacing:.25em;
  }
  .hero h1{
    font-family:'Italiana',serif;
    font-size:clamp(48px, 7vw, 96px);
    line-height:.95;
    color:var(--ink);
    font-weight:400;
    margin-bottom:24px;
    letter-spacing:-.01em;
  }
  .hero h1 .it{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-weight:300;
    display:block;
    font-size:.55em;
    color:var(--apple-red-deep);
    margin-top:8px;
    letter-spacing:.02em;
  }
  .hero h1 .green{color:var(--apple-green-deep)}
  .hero-jp{
    font-family:'Shippori Mincho',serif;
    font-size:18px;line-height:2;
    color:var(--ink);
    margin-bottom:40px;
    max-width:480px;
  }
  .hero-issue{
    display:flex;gap:24px;
    font-family:'Cormorant Garamond',serif;
    font-size:14px;letter-spacing:.15em;
    color:var(--apple-green-deep);
    border-top:1px solid var(--line);
    padding-top:20px;
    max-width:480px;
    flex-wrap:wrap;
  }
  .hero-issue div span{display:block;font-family:'Italiana',serif;font-size:22px;color:var(--ink);margin-top:4px;letter-spacing:.05em}
  .hero-visual{
    position:relative;aspect-ratio:4/5;
    background:
      radial-gradient(ellipse at center, rgba(255,255,255,.5) 0%, transparent 70%),
      linear-gradient(180deg, var(--cream-soft) 0%, var(--cream) 100%);
    overflow:hidden;
  }
  .hero-visual::before{
    content:'';position:absolute;inset:20px;
    border:1px solid rgba(192,50,42,.2);
    pointer-events:none;
    z-index:3;
  }
  .hero-visual img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
    position:relative;z-index:2;
    mix-blend-mode:multiply;
    padding:12px;
  }

  .hero-badge{
    position:absolute;
    top:32px;right:32px;
    width:120px;height:120px;
    border-radius:50%;
    background:var(--apple-red);
    color:var(--cream);
    display:flex;align-items:center;justify-content:center;
    flex-direction:column;
    text-align:center;
    font-family:'Italiana',serif;
    border:2px solid var(--cream);
    box-shadow:0 4px 16px rgba(138,31,28,.3);
    transform:rotate(-12deg);
    z-index:4;
    animation:gentle-rotate 6s ease-in-out infinite;
  }
  @keyframes gentle-rotate{
    0%,100%{transform:rotate(-12deg)}
    50%{transform:rotate(-4deg)}
  }
  .hero-badge .num{font-size:20px;line-height:1.1;letter-spacing:.05em}
  .hero-badge .txt{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:rgba(245,235,214,.85);margin-top:6px;font-family:'Cormorant Garamond',serif}
  @media(max-width:600px){.hero-badge{width:90px;height:90px;top:20px;right:20px}.hero-badge .num{font-size:14px}}

  /* ===== SECTION COMMONS ===== */
  section{padding:100px 32px;position:relative}
  .container{max-width:1180px;margin:0 auto}
  .section-label{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:14px;letter-spacing:.3em;
    text-transform:uppercase;
    color:var(--apple-red);
    margin-bottom:12px;
    display:flex;align-items:center;gap:14px;
  }
  .section-label::before{
    content:'';width:40px;height:1px;background:var(--apple-red);
  }
  .section-title{
    font-family:'Italiana',serif;
    font-size:clamp(36px, 5vw, 64px);
    line-height:1.1;
    margin-bottom:20px;
    font-weight:400;
  }
  .section-title em{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-weight:300;
    color:var(--apple-red-deep);
  }
  .section-sub{
    font-family:'Shippori Mincho',serif;
    font-size:16px;line-height:2;
    max-width:600px;
    color:var(--ink);
    opacity:.85;
  }

  /* ===== EDITOR'S NOTE ===== */
  .editors{
    background:var(--cream);
    padding:80px 32px;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    position:relative;
  }
  .editors-inner{
    max-width:780px;margin:0 auto;
    text-align:center;position:relative;
  }
  .editors-mark{
    font-family:'Italiana',serif;
    font-size:48px;color:var(--apple-red);
    line-height:1;margin-bottom:16px;
    letter-spacing:.1em;
  }
  .editors-title{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:18px;letter-spacing:.25em;
    text-transform:uppercase;color:var(--apple-red-deep);
    margin-bottom:32px;
  }
  .editors-text{
    font-family:'Shippori Mincho',serif;
    font-size:17px;line-height:2.4;
    color:var(--ink);
  }
  .editors-text p{margin-bottom:20px}
  .editors-sign{
    margin-top:32px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    color:var(--apple-green-deep);
    letter-spacing:.1em;
  }

  /* ===== BRAND STORY ===== */
  .story{
    background:var(--paper);
    position:relative;
  }
  .story-grid{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:80px;align-items:center;
  }
  @media(max-width:900px){.story-grid{grid-template-columns:1fr;gap:40px}}
  .story-image{
    aspect-ratio:3/4;
    background:
      radial-gradient(ellipse at 30% 30%, rgba(255,255,255,.4) 0%, transparent 60%),
      linear-gradient(135deg, var(--apple-green) 0%, var(--cream) 100%);
    position:relative;
    overflow:hidden;
  }
  .story-image::before{
    content:'';position:absolute;inset:24px;
    border:1px solid rgba(255,255,255,.4);
    z-index:3;
  }
  .story-image img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
    position:relative;z-index:2;
    mix-blend-mode:multiply;
    padding:24px;
  }
  .story-text h2{
    font-family:'Italiana',serif;
    font-size:clamp(36px, 4.5vw, 56px);
    line-height:1.1;
    margin-bottom:24px;
  }
  .story-text h2 em{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    color:var(--apple-red-deep);
    display:block;
    font-size:.7em;
    margin-top:8px;
  }
  .story-text p{
    font-family:'Shippori Mincho',serif;
    font-size:16px;line-height:2.2;
    margin-bottom:20px;
    color:var(--ink);
  }
  .story-quote{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:24px;
    color:var(--apple-red-deep);
    border-left:2px solid var(--apple-red);
    padding:8px 0 8px 20px;
    margin:32px 0;
    line-height:1.5;
  }
  .story-tags{
    display:flex;flex-wrap:wrap;gap:8px;
    margin-top:30px;
  }
  .story-tags span{
    font-family:'Cormorant Garamond',serif;
    font-size:12px;letter-spacing:.2em;text-transform:uppercase;
    background:var(--cream-soft);
    color:var(--apple-green-deep);
    padding:6px 14px;
    border:1px solid var(--line);
  }

  /* ===== PRODUCT FEATURE ===== */
  .product{
    background:linear-gradient(180deg, var(--cream) 0%, var(--paper) 100%);
    padding:120px 32px;
  }
  .product-header{
    text-align:center;
    max-width:700px;margin:0 auto 80px;
  }
  .product-header .number{
    font-family:'Italiana',serif;
    font-size:80px;line-height:1;color:var(--apple-red);
    margin-bottom:8px;
  }
  .product-header .of{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:14px;
    letter-spacing:.3em;color:var(--apple-green-deep);
    text-transform:uppercase;
    margin-bottom:32px;
  }
  .product-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;align-items:start;
  }
  @media(max-width:900px){.product-grid{grid-template-columns:1fr;gap:32px}}
  .product-images{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    position:sticky;top:80px;
  }
  @media(max-width:900px){.product-images{position:static}}
  .product-img{
    aspect-ratio:4/5;
    overflow:hidden;
    position:relative;
  }
  .product-img.main{
    grid-column:1/-1;aspect-ratio:4/5;
    background:
      radial-gradient(ellipse at center, rgba(255,255,255,.5) 0%, transparent 70%),
      linear-gradient(180deg, var(--cream-soft) 0%, var(--apple-red) 200%);
  }
  .product-img.alt{
    background:linear-gradient(180deg, var(--cream) 0%, var(--apple-green) 200%);
  }
  .product-img.detail{
    background:linear-gradient(180deg, var(--cream) 0%, var(--honey) 180%);
  }
  .product-img::before{
    content:'';position:absolute;inset:16px;
    border:1px solid rgba(255,255,255,.4);
    z-index:3;
  }
  .product-img img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
    position:relative;z-index:2;
    mix-blend-mode:multiply;
    padding:18px;
  }

  .product-info{padding-top:20px}
  .product-tag{
    font-family:'Cormorant Garamond',serif;
    font-size:11px;letter-spacing:.4em;text-transform:uppercase;
    color:var(--cream);
    background:var(--apple-red);
    padding:6px 14px;
    display:inline-block;
    margin-bottom:24px;
  }
  .product-name{
    font-family:'Italiana',serif;
    font-size:clamp(36px, 4.5vw, 52px);
    line-height:1.1;
    margin-bottom:16px;
  }
  .product-name em{
    display:block;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:.45em;
    color:var(--apple-red-deep);
    letter-spacing:.05em;
    margin-top:12px;
  }
  .product-price{
    font-family:'Cormorant Garamond',serif;
    font-size:24px;
    color:var(--ink);
    margin-bottom:20px;
  }
  .product-price small{font-size:13px;letter-spacing:.15em;color:var(--apple-green-deep);margin-left:8px}

  /* ===== COLOR SWATCH ===== */
  .color-swatches{
    display:flex;gap:20px;
    margin-bottom:32px;
    padding:20px;
    background:var(--cream-soft);
    border:1px solid var(--line);
  }
  .swatch{
    flex:1;
    text-decoration:none;
    color:inherit;
    display:flex;flex-direction:column;align-items:center;gap:10px;
    padding:8px;
    transition:transform .3s;
  }
  .swatch:hover{transform:translateY(-3px)}
  .swatch-circle{
    width:54px;height:54px;border-radius:50%;
    border:2px solid var(--cream);
    box-shadow:0 0 0 1px var(--line), 0 4px 12px rgba(42,32,26,.15);
  }
  .swatch-circle.red{background:var(--apple-red)}
  .swatch-circle.green{background:var(--apple-green)}
  .swatch-name{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.15em;
    text-transform:uppercase;
    color:var(--apple-red-deep);
  }
  .swatch-jp{
    font-family:'Shippori Mincho',serif;
    font-size:11px;color:var(--ink);
    letter-spacing:.05em;
  }

  .product-desc{
    font-family:'Shippori Mincho',serif;
    font-size:15px;line-height:2.2;
    margin-bottom:32px;color:var(--ink);
  }
  .product-feature{
    display:flex;gap:20px;
    padding:20px 0;border-top:1px solid var(--line);
  }
  .product-feature:last-of-type{border-bottom:1px solid var(--line)}
  .product-feature .num{
    font-family:'Italiana',serif;
    font-size:32px;color:var(--apple-red);
    line-height:1;flex-shrink:0;
    width:50px;
  }
  .product-feature .txt h4{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:14px;letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--apple-red-deep);
    margin-bottom:6px;
  }
  .product-feature .txt p{
    font-family:'Shippori Mincho',serif;
    font-size:14px;line-height:1.8;
  }
  .product-spec{
    margin-top:32px;
    padding:24px;
    background:var(--cream-soft);
    border:1px solid var(--line);
    font-family:'Shippori Mincho',serif;
    font-size:13px;line-height:2;
  }
  .product-spec h5{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.25em;
    text-transform:uppercase;
    color:var(--apple-red-deep);
    margin-bottom:12px;
  }
  .product-spec table{width:100%;border-collapse:collapse}
  .product-spec td{padding:6px 0;border-bottom:1px dotted var(--line)}
  .product-spec td:first-child{color:var(--apple-green-deep);width:30%}

  /* ===== CTA BUTTONS ===== */
  .product-ctas{
    display:flex;gap:12px;flex-wrap:wrap;
    margin-top:32px;
  }
  .product-cta{
    display:inline-flex;align-items:center;gap:10px;
    padding:16px 28px;
    background:var(--ink);
    color:var(--cream);
    text-decoration:none;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    letter-spacing:.2em;
    text-transform:uppercase;
    font-size:13px;
    transition:all .3s;
  }
  .product-cta:hover{transform:translateY(-2px)}
  .product-cta.red{background:var(--apple-red)}
  .product-cta.red:hover{background:var(--apple-red-deep)}
  .product-cta.green{background:var(--apple-green-deep)}
  .product-cta.green:hover{background:#3f5028}
  .product-cta .dot{
    width:10px;height:10px;border-radius:50%;
    background:var(--cream);
  }
  .product-cta.green .dot{background:var(--apple-green)}
  .product-cta.red .dot{background:#ffd9d4}

  /* ===== GALLERY (BIG IMAGES) ===== */
  .gallery{
    background:var(--cream);
    padding:120px 0;
    position:relative;
  }
  .gallery-header{
    text-align:center;margin-bottom:60px;padding:0 32px;
  }
  .gallery-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    padding:0 32px;
    max-width:1280px;margin:0 auto;
  }
  @media(max-width:768px){.gallery-grid{grid-template-columns:1fr}}
  .gallery-item{
    aspect-ratio:4/5;
    overflow:hidden;
    position:relative;
    background:linear-gradient(180deg, var(--cream-soft) 0%, var(--cream) 100%);
  }
  .gallery-item.tall{aspect-ratio:3/4}
  .gallery-item img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
    mix-blend-mode:multiply;
    padding:20px;
    transition:transform .6s ease;
  }
  .gallery-item:hover img{transform:scale(1.03)}
  .gallery-caption{
    position:absolute;bottom:20px;left:24px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:14px;letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--apple-red-deep);
    background:var(--cream);
    padding:6px 14px;
    border:1px solid var(--apple-red-deep);
  }

  /* ===== VOICE ===== */
  .voice{
    background:var(--paper);
    padding:120px 32px;
    position:relative;
  }
  .voice-inner{
    max-width:900px;margin:0 auto;
    display:grid;
    grid-template-columns:280px 1fr;
    gap:60px;align-items:center;
  }
  @media(max-width:760px){.voice-inner{grid-template-columns:1fr;gap:32px;text-align:center}}
  .voice-photo{
    aspect-ratio:1;border-radius:50%;
    background:linear-gradient(135deg, var(--apple-red) 0%, var(--cream) 100%);
    display:flex;align-items:center;justify-content:center;
    font-family:'Italiana',serif;
    font-size:32px;letter-spacing:.1em;
    color:var(--cream);
    border:8px solid var(--cream);
    box-shadow:0 8px 32px rgba(138,31,28,.15);
  }
  .voice-content .label{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.3em;
    text-transform:uppercase;
    color:var(--apple-red);
    margin-bottom:12px;
  }
  .voice-content h3{
    font-family:'Italiana',serif;
    font-size:32px;line-height:1.3;
    margin-bottom:20px;
  }
  .voice-content p{
    font-family:'Shippori Mincho',serif;
    font-size:15px;line-height:2.2;
    margin-bottom:16px;
  }
  .voice-name{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    color:var(--apple-red-deep);
    margin-top:20px;
    font-size:14px;letter-spacing:.1em;
  }
  .voice-name strong{
    font-family:'Italiana',serif;
    font-style:normal;
    font-size:18px;
    display:block;
    color:var(--ink);
    letter-spacing:.05em;
  }

  /* ===== LIVE ===== */
  .live{
    background:linear-gradient(135deg, var(--apple-red-deep) 0%, var(--berry) 100%);
    color:var(--cream);
    padding:100px 32px;
    position:relative;overflow:hidden;
  }
  .live::before{
    content:'';position:absolute;inset:0;
    background-image:
      radial-gradient(circle at 30% 30%, rgba(245,235,214,.15) 0%, transparent 50%),
      radial-gradient(circle at 70% 70%, rgba(163,184,108,.12) 0%, transparent 50%);
  }
  .live-inner{
    max-width:1000px;margin:0 auto;
    position:relative;z-index:2;
    text-align:center;
  }
  .live-blink{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.3em;
    text-transform:uppercase;
    color:var(--cream);
    margin-bottom:16px;
  }
  .live-blink::before{
    content:'';width:10px;height:10px;border-radius:50%;
    background:var(--cream);
    animation:blink 1.4s ease-in-out infinite;
  }
  @keyframes blink{
    0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(245,235,214,.6)}
    50%{opacity:.5;box-shadow:0 0 0 12px rgba(245,235,214,0)}
  }
  .live-title{
    font-family:'Italiana',serif;
    font-size:clamp(40px, 6vw, 72px);
    line-height:1;
    margin-bottom:24px;
  }
  .live-title em{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-weight:300;
    display:block;
    font-size:.45em;
    color:var(--cream);
    margin-top:12px;
    letter-spacing:.05em;
    opacity:.85;
  }
  .live-time{
    font-family:'Italiana',serif;
    font-size:48px;letter-spacing:.05em;
    margin:24px 0;
    color:var(--cream);
  }
  .live-desc{
    font-family:'Shippori Mincho',serif;
    font-size:16px;line-height:2;
    max-width:560px;margin:0 auto 40px;
    opacity:.9;
  }
  .live-links{
    display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
    margin-top:40px;
  }
  .live-btn{
    display:inline-flex;align-items:center;gap:12px;
    padding:16px 32px;
    background:transparent;
    border:1px solid var(--cream);
    color:var(--cream);
    text-decoration:none;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:14px;letter-spacing:.2em;
    text-transform:uppercase;
    transition:all .3s;
  }
  .live-btn:hover{
    background:var(--cream);color:var(--apple-red-deep);
    transform:translateY(-2px);
  }
  .live-btn.primary{
    background:var(--cream);color:var(--apple-red-deep);border-color:var(--cream);
  }
  .live-btn.primary:hover{background:var(--apple-green);border-color:var(--apple-green);color:var(--cream)}

  /* ===== FOOTER ===== */
  .footer{
    background:var(--ink);
    color:var(--cream);
    padding:80px 32px 40px;
    text-align:center;
  }
  .footer-logo{
    font-family:'Italiana',serif;
    font-size:36px;letter-spacing:.2em;
    margin-bottom:8px;
  }
  .footer-tag{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.25em;
    color:var(--honey);
    margin-bottom:32px;
    text-transform:uppercase;
  }
  .footer-jp{
    font-family:'Shippori Mincho',serif;
    font-size:14px;line-height:2;
    color:rgba(245,235,214,.7);
    margin-bottom:40px;
  }
  .footer-social{
    display:flex;gap:24px;justify-content:center;flex-wrap:wrap;
    margin-bottom:40px;
  }
  .footer-social a{
    color:var(--cream);text-decoration:none;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.25em;
    text-transform:uppercase;
    border-bottom:1px solid transparent;
    transition:border .3s;padding-bottom:4px;
  }
  .footer-social a:hover{border-color:var(--honey)}
  .footer-copy{
    font-family:'Cormorant Garamond',serif;
    font-size:11px;letter-spacing:.2em;
    color:rgba(245,235,214,.5);
    border-top:1px solid rgba(245,235,214,.2);
    padding-top:20px;
  }

  /* ===== ANIMATION ===== */
  @keyframes fadeInUp{
    from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
  }
  .hero-meta{animation:fadeInUp .8s ease-out}
  .hero h1{animation:fadeInUp 1s ease-out .1s both}
  .hero-jp{animation:fadeInUp 1s ease-out .3s both}
  .hero-issue{animation:fadeInUp 1s ease-out .5s both}
  .hero-visual{animation:fadeInUp 1.2s ease-out .4s both}

</style>
</head>
<body>

<!-- HEADER -->
<header class="header">
  <div class="logo">yonka<span class="small">magazine</span></div>
  <nav class="nav">
    <a href="#story">Story</a>
    <a href="#product">Product</a>
    <a href="#gallery">Gallery</a>
    <a href="#voice">Voice</a>
    <a href="#live">Live</a>
  </nav>
</header>

<!-- HERO -->
<section class="hero">
  <div class="hero-decor d1">A</div>
  <div class="hero-decor d2">●</div>

  <div class="hero-inner">
    <div class="hero-text">
      <div class="hero-meta">
        <span>Issue 05</span>
        <span>Summer 2026</span>
        <span>MABLI 新作</span>
      </div>
      <h1>
        MABLIの新作<br>
        <span style="color:var(--apple-red-deep)">ジュースボックス<br>ロンパー</span>
        <span class="it">— ウェールズ発、ふたつの林檎色から選ぶ夏のロンパース。</span>
      </h1>
      <p class="hero-jp">
        ヨーロッパ子ども服ブランド <strong>MABLI（マブリ）</strong> の2026年夏新作、<br>
        〈ジュースボックスロンパー〉が yonka に入荷しました。<br>
        ウェールズの伝統と現代の感性が出会う、<br>
        レッドアップル＆グリーンアップルの2色展開。
      </p>
      <div class="hero-issue">
        <div>Brand<span>MABLI</span></div>
        <div>Origin<span>Wales, UK</span></div>
        <div>Colors<span>Red / Green</span></div>
      </div>
    </div>
    <div class="hero-visual">
      <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-10.png" alt="MABLI Juice Box Romper Red Apple">
    </div>
    <div class="hero-badge">
      <span class="num">JUICE<br>BOX</span>
      <span class="txt">SS26</span>
    </div>
  </div>
</section>

<!-- EDITOR'S NOTE -->
<section class="editors">
  <div class="editors-inner">
    <div class="editors-mark">◯ &nbsp; ● &nbsp; ◯</div>
    <div class="editors-title">— Editor&#8217;s Note —</div>
    <div class="editors-text">
      <p>赤い林檎と、青い林檎。</p>
      <p>子どもの頃に絵本で見た、あの果物かごの絵が、ずっと心に残っています。光を集めたみたいに艶やかで、かじりたくなるくらい瑞々しくて。</p>
      <p>MABLIの新作 JUICE BOX ROMPER に出会った時、まさにあの絵本のページを開いたような気持ちになりました。ぽってりした衿、ふっくらした袖、そして果実そのもののような色味。</p>
      <p>夏のはじまり、わが子に着せたい一着がここにあります。</p>
    </div>
    <div class="editors-sign">— yonka editorial / 加奈</div>
  </div>
</section>

<!-- BRAND STORY -->
<section class="story" id="story">
  <div class="container">
    <div class="story-grid">
      <div class="story-image">
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-9.png" alt="MABLI Juice Box Romper">
      </div>
      <div class="story-text">
        <div class="section-label">about MABLI</div>
        <h2>
          MABLI（マブリ）とは？<br>
          <em>ウェールズ発、世代を超えて愛されるニットブランド。</em>
        </h2>
        <p>
          <strong>MABLI（マブリ）</strong>は、2016年にイギリス・ウェールズで生まれた家族経営のニットウェア・ブランドです。デザイナーのリサ・ロバーツさんが、自身の二人目のお子さんの誕生をきっかけに立ち上げました。日本のヨーロッパ子ども服愛好家の間でも、「上質で、長く着られる」ブランドとしてじわじわとファンを増やしています。
        </p>
        <p>
          ウェールズに古くから伝わる「タペストリーブランケット」の伝統的な柄を現代に翻訳し、シンプルで重ね着のしやすいリブニットと組み合わせる——それが MABLI のシグネチャー。イタリア紡績のエクストラファインメリノウール、リネン、オーガニックピマコットンなど、丁寧に選ばれた天然素材だけが使われています。
        </p>
        <div class="story-quote">
          “ Buy less, buy better.<br>
          ＜ 少なく、より良いものを ＞ ”
        </div>
        <p>
          MABLIは、<strong>スローファッション</strong>を哲学に掲げ、世代を超えて受け継がれていくことを前提に作られています。きょうだいへ、いとこへ、そしていつかの孫へ。MABLIの服は、家族の物語を運ぶ「器」です。yonkaでは、MABLI の日本国内向けコレクションを丁寧にセレクトしてお届けしています。
        </p>
        <div class="story-tags">
          <span>MABLI</span>
          <span>ヨーロッパ子ども服</span>
          <span>ウェールズ</span>
          <span>スローファッション</span>
          <span>オーガニック</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- PRODUCT FEATURE -->
<section class="product" id="product">
  <div class="container">
    <div class="product-header">
      <div class="number">02</div>
      <div class="of">— featured product —</div>
      <div class="section-label" style="justify-content:center">MABLI 2026 SS new arrival</div>
      <h2 class="section-title">
        MABLI〈ジュースボックス<br>ロンパー〉<em>2色展開の魅力。</em>
      </h2>
      <p class="section-sub" style="margin:20px auto 0">
        まんまるな衿、すらりと伸びた袖、林檎のような色味。<br>
        レッドアップル・グリーンアップルの2色から、お気に入りを。
      </p>
    </div>

    <div class="product-grid">
      <div class="product-images">
        <div class="product-img main">
          <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-6.png" alt="JUICE BOX ROMPER Front">
        </div>
        <div class="product-img alt">
          <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-4.png" alt="JUICE BOX ROMPER Detail">
        </div>
        <div class="product-img detail">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Juicebox-Romper-Green-Apple.png?v=1775958457&#038;width=1946" alt="JUICE BOX ROMPER Green Apple">
        </div>
      </div>

      <div class="product-info">
        <span class="product-tag">★ New Arrival ★</span>
        <h3 class="product-name">
          JUICE BOX ROMPER
          <em>— ジュース ボックス ロンパー</em>
        </h3>
        <div class="product-price">¥15,548 <small>tax included</small></div>

        <!-- Color swatches -->
        <div class="color-swatches">
          <a href="https://yonka.company/products/mabli-juice-box-romper-red-apple" class="swatch" target="_blank">
            <div class="swatch-circle red"></div>
            <div class="swatch-name">Red Apple</div>
            <div class="swatch-jp">レッドアップル</div>
          </a>
          <a href="https://yonka.company/products/mabli-juice-box-romper-green-apple" class="swatch" target="_blank">
            <div class="swatch-circle green"></div>
            <div class="swatch-name">Green Apple</div>
            <div class="swatch-jp">グリーンアップル</div>
          </a>
        </div>

        <p class="product-desc">
          MABLIの新作〈ジュースボックスロンパー〉は、まあるくぽってりとした衿元と、すらりと伸びるパフスリーブが愛らしい一着。「ジュースボックス」の名にふさわしい、瑞々しくチャーミングなロンパースです。<strong>レッドアップル</strong>は夏の太陽に磨かれたような濃い紅色、<strong>グリーンアップル</strong>はまだ枝についていそうな若い緑色。どちらも肌なじみがよく、男の子にも女の子にも凛と似合う、ヨーロッパ子ども服ならではの色合いです。
        </p>

        <div class="product-feature">
          <div class="num">i.</div>
          <div class="txt">
            <h4>Two Ripe Colors</h4>
            <p>赤と緑、それぞれの林檎が持つ表情。きょうだいでお揃いにしたり、季節やお気分で着分けたり。同じシルエットを、異なる果実の色で。</p>
          </div>
        </div>
        <div class="product-feature">
          <div class="num">ii.</div>
          <div class="txt">
            <h4>Vintage Silhouette</h4>
            <p>ぽってりとした衿、控えめなパフスリーブ、後ろのボタン留め。ヨーロッパの古い子ども服に宿る品の良さを、現代のシルエットに翻訳しています。</p>
          </div>
        </div>
        <div class="product-feature">
          <div class="num">iii.</div>
          <div class="txt">
            <h4>Heirloom Quality</h4>
            <p>イタリア紡績の上質な天然繊維。洗うほどに柔らかくなる素材は、世代を超えて受け継がれていく前提で作られています。</p>
          </div>
        </div>

        <div class="product-spec">
          <h5>— size &#038; detail —</h5>
          <table>
            <tr><td>Size</td><td>18M / 24M</td></tr>
            <tr><td>Color</td><td>Red Apple / Green Apple</td></tr>
            <tr><td>Origin</td><td>Designed in Wales, UK</td></tr>
            <tr><td>Brand</td><td>MABLI Kids</td></tr>
          </table>
        </div>

        <div class="product-ctas">
          <a href="https://yonka.company/products/mabli-juice-box-romper-red-apple" class="product-cta red" target="_blank">
            <span class="dot"></span> Red Apple →
          </a>
          <a href="https://yonka.company/products/mabli-juice-box-romper-green-apple" class="product-cta green" target="_blank">
            <span class="dot"></span> Green Apple →
          </a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- GALLERY -->
<section class="gallery" id="gallery">
  <div class="gallery-header">
    <div class="section-label" style="justify-content:center">photo gallery</div>
    <h2 class="section-title">MABLI ロンパーの<em>着用イメージ</em></h2>
    <p class="section-sub" style="margin:20px auto 0">
      光と影、林檎の色、夏の風。<br>
      ジュースボックスロンパーが連れていってくれる小さな旅。
    </p>
  </div>
  <div class="gallery-grid">
    <div class="gallery-item">
      <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-3.png" alt="MABLI Juice Box Romper portrait">
      <div class="gallery-caption">— frame 01 —</div>
    </div>
    <div class="gallery-item">
      <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-2.png" alt="MABLI Juice Box Romper portrait">
      <div class="gallery-caption">— frame 02 —</div>
    </div>
  </div>
</section>

<!-- VOICE -->
<section class="voice" id="voice">
  <div class="voice-inner">
    <div class="voice-photo">
      <span>加奈</span>
    </div>
    <div class="voice-content">
      <div class="label">— voice from yonka —</div>
      <h3>“ ふたつの色には、<br>ふたつの物語がある。”</h3>
      <p>
        新作の写真が届いた時、最初に思ったのは「赤と緑、両方とも欲しい」でした。きっと、ご覧いただいているあなたも、同じように迷っているかもしれません。
      </p>
      <p>
        Red Apple は、家族写真のアルバムをめくった時に、いつまでも色褪せず鮮やかに残っているような色。Green Apple は、はじめての夏の青空の下で、若葉と一緒に駆けていく姿が浮かぶような色。どちらが正解なんてないし、両方を選んでくださる方も、きっとたくさんいます。
      </p>
      <p>
        そして、yonka の役目は、選ぶ楽しみそのものを届けること。MABLI の服が、あなたとお子さまの夏のいちばん近くにありますように。
      </p>
      <div class="voice-name">
        <strong>加奈</strong>
        yonka 代表 / 株式会社yonka 代表取締役
      </div>
    </div>
  </div>
</section>

<!-- LIVE -->
<section class="live" id="live">
  <div class="live-inner">
    <div class="live-blink">— live now scheduled —</div>
    <h2 class="live-title">
      Tune in,<br>every morning.
      <em>毎日 10:00 から、Instagram LIVE</em>
    </h2>
    <div class="live-time">10:00 a.m. — daily</div>
    <p class="live-desc">
      新作のディテール、コーディネート、サイズ感。<br>
      ライブだけのお得な情報や、限定価格商品も登場します。<br>
      朝のコーヒーと一緒に、ぜひ気軽にお立ち寄りください。
    </p>
    <div class="live-links">
      <a href="https://www.instagram.com/yonka.shop/" target="_blank" class="live-btn primary">
        Instagram で観る →
      </a>
      <a href="https://www.youtube.com/" target="_blank" class="live-btn">
        YouTube ←
      </a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" target="_blank" class="live-btn">
        Live 限定商品 →
      </a>
    </div>
  </div>
</section>

<!-- FOOTER -->
<footer class="footer">
  <div class="footer-logo">yonka</div>
  <div class="footer-tag">— from mothers, to mothers —</div>
  <div class="footer-jp">
    ヨーロッパのこども服を、日本のママに。<br>
    株式会社yonka / 埼玉県深谷市
  </div>
  <div class="footer-social">
    <a href="https://www.instagram.com/yonka.shop/" target="_blank">Instagram</a>
    <a href="https://yonka.company/" target="_blank">Online Shop</a>
    <a href="https://www.youtube.com/" target="_blank">YouTube</a>
    <a href="https://ameblo.jp/yonka-select/" target="_blank">Blog</a>
  </div>
  <div class="footer-copy">© 2026 yonka. All rights reserved.</div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【MABLI 新作】ジュースボックスロンパー｜ウェールズ発のスローファッション子ども服｜yonka</title>
		<link>https://yonka.co.jp/%e3%80%90mabli-%e6%96%b0%e4%bd%9c%e3%80%91%e3%82%b8%e3%83%a5%e3%83%bc%e3%82%b9%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%83%ad%e3%83%b3%e3%83%91%e3%83%bc%ef%bd%9c%e3%82%a6%e3%82%a7%e3%83%bc%e3%83%ab/</link>
		
		<dc:creator><![CDATA[yonka]]></dc:creator>
		<pubDate>Tue, 12 May 2026 08:11:13 +0000</pubDate>
				<category><![CDATA[owner blog]]></category>
		<guid isPermaLink="false">https://yonka.co.jp/?p=72070</guid>

					<description><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-6-853x1024.png" class="webfeedsFeaturedVisual" /></p>MABLI &#8211; JUICE BOX ROMPER &#124; yonka magazine yonkamagazine Story Product Gallery Voice Live A ● Issue 05 Su [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-6-853x1024.png" class="webfeedsFeaturedVisual" /></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MABLI &#8211; JUICE BOX ROMPER | yonka magazine</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&#038;family=Italiana&#038;family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500;700&#038;display=swap" rel="stylesheet">
<style>
  :root{
    --apple-red: #c0322a;
    --apple-red-deep: #8a1f1c;
    --apple-green: #a3b86c;
    --apple-green-deep: #5e7340;
    --cream: #f5ebd6;
    --cream-soft: #fbf5e7;
    --honey: #d9a566;
    --terracotta: #c4663d;
    --ink: #2a201a;
    --ink-warm: #3d2e23;
    --paper: #faf3e3;
    --line: #c9b896;
    --berry: #7a2530;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:'Shippori Mincho', 'Noto Sans JP', serif;
    background:var(--paper);
    color:var(--ink);
    line-height:1.8;
    overflow-x:hidden;
  }

  /* ===== HEADER ===== */
  .header{
    position:sticky;top:0;z-index:100;
    background:rgba(250,243,227,.95);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);
    padding:14px 32px;
    display:flex;justify-content:space-between;align-items:center;
  }
  .logo{
    font-family:'Italiana',serif;
    font-size:28px;letter-spacing:.18em;
    color:var(--ink);
  }
  .logo .small{font-size:11px;letter-spacing:.3em;display:block;color:var(--apple-green-deep);margin-top:-2px}
  .nav{display:flex;gap:28px;font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
  .nav a{color:var(--ink);text-decoration:none;transition:color .3s}
  .nav a:hover{color:var(--apple-red)}
  @media (max-width:768px){.nav{display:none}.header{padding:12px 20px}}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    min-height:92vh;
    background:
      radial-gradient(ellipse at 70% 30%, rgba(192,50,42,.18) 0%, transparent 55%),
      radial-gradient(ellipse at 20% 80%, rgba(163,184,108,.20) 0%, transparent 55%),
      linear-gradient(180deg, var(--cream-soft) 0%, var(--cream) 100%);
    overflow:hidden;
    padding:60px 32px;
  }
  .hero::after{
    content:'';position:absolute;inset:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 0.07 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
    opacity:.5;mix-blend-mode:multiply;pointer-events:none;
  }
  /* fruit decoration */
  .hero-decor{
    position:absolute;
    pointer-events:none;
    z-index:1;
    font-family:'Italiana',serif;
    color:var(--apple-red);
    opacity:.08;
  }
  .hero-decor.d1{top:8%;left:5%;font-size:200px;line-height:1}
  .hero-decor.d2{bottom:5%;right:8%;font-size:160px;line-height:1;color:var(--apple-green-deep)}

  .hero-inner{
    position:relative;z-index:2;
    max-width:1280px;margin:0 auto;
    display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
    min-height:80vh;
  }
  @media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:32px}}

  .hero-meta{
    font-family:'Cormorant Garamond',serif;
    font-size:13px;letter-spacing:.35em;text-transform:uppercase;
    color:var(--apple-red-deep);
    margin-bottom:24px;
    display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  }
  .hero-meta span:first-child{
    background:var(--apple-red);color:var(--cream);
    padding:4px 14px;font-size:11px;letter-spacing:.25em;
  }
  .hero h1{
    font-family:'Italiana',serif;
    font-size:clamp(48px, 7vw, 96px);
    line-height:.95;
    color:var(--ink);
    font-weight:400;
    margin-bottom:24px;
    letter-spacing:-.01em;
  }
  .hero h1 .it{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-weight:300;
    display:block;
    font-size:.55em;
    color:var(--apple-red-deep);
    margin-top:8px;
    letter-spacing:.02em;
  }
  .hero h1 .green{color:var(--apple-green-deep)}
  .hero-jp{
    font-family:'Shippori Mincho',serif;
    font-size:18px;line-height:2;
    color:var(--ink);
    margin-bottom:40px;
    max-width:480px;
  }
  .hero-issue{
    display:flex;gap:24px;
    font-family:'Cormorant Garamond',serif;
    font-size:14px;letter-spacing:.15em;
    color:var(--apple-green-deep);
    border-top:1px solid var(--line);
    padding-top:20px;
    max-width:480px;
    flex-wrap:wrap;
  }
  .hero-issue div span{display:block;font-family:'Italiana',serif;font-size:22px;color:var(--ink);margin-top:4px;letter-spacing:.05em}
  .hero-visual{
    position:relative;aspect-ratio:4/5;
    background:
      radial-gradient(ellipse at center, rgba(255,255,255,.5) 0%, transparent 70%),
      linear-gradient(180deg, var(--cream-soft) 0%, var(--cream) 100%);
    overflow:hidden;
  }
  .hero-visual::before{
    content:'';position:absolute;inset:20px;
    border:1px solid rgba(192,50,42,.2);
    pointer-events:none;
    z-index:3;
  }
  .hero-visual img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
    position:relative;z-index:2;
    mix-blend-mode:multiply;
    padding:12px;
  }

  .hero-badge{
    position:absolute;
    top:32px;right:32px;
    width:120px;height:120px;
    border-radius:50%;
    background:var(--apple-red);
    color:var(--cream);
    display:flex;align-items:center;justify-content:center;
    flex-direction:column;
    text-align:center;
    font-family:'Italiana',serif;
    border:2px solid var(--cream);
    box-shadow:0 4px 16px rgba(138,31,28,.3);
    transform:rotate(-12deg);
    z-index:4;
    animation:gentle-rotate 6s ease-in-out infinite;
  }
  @keyframes gentle-rotate{
    0%,100%{transform:rotate(-12deg)}
    50%{transform:rotate(-4deg)}
  }
  .hero-badge .num{font-size:20px;line-height:1.1;letter-spacing:.05em}
  .hero-badge .txt{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:rgba(245,235,214,.85);margin-top:6px;font-family:'Cormorant Garamond',serif}
  @media(max-width:600px){.hero-badge{width:90px;height:90px;top:20px;right:20px}.hero-badge .num{font-size:14px}}

  /* ===== SECTION COMMONS ===== */
  section{padding:100px 32px;position:relative}
  .container{max-width:1180px;margin:0 auto}
  .section-label{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:14px;letter-spacing:.3em;
    text-transform:uppercase;
    color:var(--apple-red);
    margin-bottom:12px;
    display:flex;align-items:center;gap:14px;
  }
  .section-label::before{
    content:'';width:40px;height:1px;background:var(--apple-red);
  }
  .section-title{
    font-family:'Italiana',serif;
    font-size:clamp(36px, 5vw, 64px);
    line-height:1.1;
    margin-bottom:20px;
    font-weight:400;
  }
  .section-title em{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-weight:300;
    color:var(--apple-red-deep);
  }
  .section-sub{
    font-family:'Shippori Mincho',serif;
    font-size:16px;line-height:2;
    max-width:600px;
    color:var(--ink);
    opacity:.85;
  }

  /* ===== EDITOR'S NOTE ===== */
  .editors{
    background:var(--cream);
    padding:80px 32px;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    position:relative;
  }
  .editors-inner{
    max-width:780px;margin:0 auto;
    text-align:center;position:relative;
  }
  .editors-mark{
    font-family:'Italiana',serif;
    font-size:48px;color:var(--apple-red);
    line-height:1;margin-bottom:16px;
    letter-spacing:.1em;
  }
  .editors-title{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:18px;letter-spacing:.25em;
    text-transform:uppercase;color:var(--apple-red-deep);
    margin-bottom:32px;
  }
  .editors-text{
    font-family:'Shippori Mincho',serif;
    font-size:17px;line-height:2.4;
    color:var(--ink);
  }
  .editors-text p{margin-bottom:20px}
  .editors-sign{
    margin-top:32px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    color:var(--apple-green-deep);
    letter-spacing:.1em;
  }

  /* ===== BRAND STORY ===== */
  .story{
    background:var(--paper);
    position:relative;
  }
  .story-grid{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:80px;align-items:center;
  }
  @media(max-width:900px){.story-grid{grid-template-columns:1fr;gap:40px}}
  .story-image{
    aspect-ratio:3/4;
    background:
      radial-gradient(ellipse at 30% 30%, rgba(255,255,255,.4) 0%, transparent 60%),
      linear-gradient(135deg, var(--apple-green) 0%, var(--cream) 100%);
    position:relative;
    overflow:hidden;
  }
  .story-image::before{
    content:'';position:absolute;inset:24px;
    border:1px solid rgba(255,255,255,.4);
    z-index:3;
  }
  .story-image img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
    position:relative;z-index:2;
    mix-blend-mode:multiply;
    padding:24px;
  }
  .story-text h2{
    font-family:'Italiana',serif;
    font-size:clamp(36px, 4.5vw, 56px);
    line-height:1.1;
    margin-bottom:24px;
  }
  .story-text h2 em{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    color:var(--apple-red-deep);
    display:block;
    font-size:.7em;
    margin-top:8px;
  }
  .story-text p{
    font-family:'Shippori Mincho',serif;
    font-size:16px;line-height:2.2;
    margin-bottom:20px;
    color:var(--ink);
  }
  .story-quote{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:24px;
    color:var(--apple-red-deep);
    border-left:2px solid var(--apple-red);
    padding:8px 0 8px 20px;
    margin:32px 0;
    line-height:1.5;
  }
  .story-tags{
    display:flex;flex-wrap:wrap;gap:8px;
    margin-top:30px;
  }
  .story-tags span{
    font-family:'Cormorant Garamond',serif;
    font-size:12px;letter-spacing:.2em;text-transform:uppercase;
    background:var(--cream-soft);
    color:var(--apple-green-deep);
    padding:6px 14px;
    border:1px solid var(--line);
  }

  /* ===== PRODUCT FEATURE ===== */
  .product{
    background:linear-gradient(180deg, var(--cream) 0%, var(--paper) 100%);
    padding:120px 32px;
  }
  .product-header{
    text-align:center;
    max-width:700px;margin:0 auto 80px;
  }
  .product-header .number{
    font-family:'Italiana',serif;
    font-size:80px;line-height:1;color:var(--apple-red);
    margin-bottom:8px;
  }
  .product-header .of{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-size:14px;
    letter-spacing:.3em;color:var(--apple-green-deep);
    text-transform:uppercase;
    margin-bottom:32px;
  }
  .product-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;align-items:start;
  }
  @media(max-width:900px){.product-grid{grid-template-columns:1fr;gap:32px}}
  .product-images{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    position:sticky;top:80px;
  }
  @media(max-width:900px){.product-images{position:static}}
  .product-img{
    aspect-ratio:4/5;
    overflow:hidden;
    position:relative;
  }
  .product-img.main{
    grid-column:1/-1;aspect-ratio:4/5;
    background:
      radial-gradient(ellipse at center, rgba(255,255,255,.5) 0%, transparent 70%),
      linear-gradient(180deg, var(--cream-soft) 0%, var(--apple-red) 200%);
  }
  .product-img.alt{
    background:linear-gradient(180deg, var(--cream) 0%, var(--apple-green) 200%);
  }
  .product-img.detail{
    background:linear-gradient(180deg, var(--cream) 0%, var(--honey) 180%);
  }
  .product-img::before{
    content:'';position:absolute;inset:16px;
    border:1px solid rgba(255,255,255,.4);
    z-index:3;
  }
  .product-img img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
    position:relative;z-index:2;
    mix-blend-mode:multiply;
    padding:18px;
  }

  .product-info{padding-top:20px}
  .product-tag{
    font-family:'Cormorant Garamond',serif;
    font-size:11px;letter-spacing:.4em;text-transform:uppercase;
    color:var(--cream);
    background:var(--apple-red);
    padding:6px 14px;
    display:inline-block;
    margin-bottom:24px;
  }
  .product-name{
    font-family:'Italiana',serif;
    font-size:clamp(36px, 4.5vw, 52px);
    line-height:1.1;
    margin-bottom:16px;
  }
  .product-name em{
    display:block;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:.45em;
    color:var(--apple-red-deep);
    letter-spacing:.05em;
    margin-top:12px;
  }
  .product-price{
    font-family:'Cormorant Garamond',serif;
    font-size:24px;
    color:var(--ink);
    margin-bottom:20px;
  }
  .product-price small{font-size:13px;letter-spacing:.15em;color:var(--apple-green-deep);margin-left:8px}

  /* ===== COLOR SWATCH ===== */
  .color-swatches{
    display:flex;gap:20px;
    margin-bottom:32px;
    padding:20px;
    background:var(--cream-soft);
    border:1px solid var(--line);
  }
  .swatch{
    flex:1;
    text-decoration:none;
    color:inherit;
    display:flex;flex-direction:column;align-items:center;gap:10px;
    padding:8px;
    transition:transform .3s;
  }
  .swatch:hover{transform:translateY(-3px)}
  .swatch-circle{
    width:54px;height:54px;border-radius:50%;
    border:2px solid var(--cream);
    box-shadow:0 0 0 1px var(--line), 0 4px 12px rgba(42,32,26,.15);
  }
  .swatch-circle.red{background:var(--apple-red)}
  .swatch-circle.green{background:var(--apple-green)}
  .swatch-name{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.15em;
    text-transform:uppercase;
    color:var(--apple-red-deep);
  }
  .swatch-jp{
    font-family:'Shippori Mincho',serif;
    font-size:11px;color:var(--ink);
    letter-spacing:.05em;
  }

  .product-desc{
    font-family:'Shippori Mincho',serif;
    font-size:15px;line-height:2.2;
    margin-bottom:32px;color:var(--ink);
  }
  .product-feature{
    display:flex;gap:20px;
    padding:20px 0;border-top:1px solid var(--line);
  }
  .product-feature:last-of-type{border-bottom:1px solid var(--line)}
  .product-feature .num{
    font-family:'Italiana',serif;
    font-size:32px;color:var(--apple-red);
    line-height:1;flex-shrink:0;
    width:50px;
  }
  .product-feature .txt h4{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:14px;letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--apple-red-deep);
    margin-bottom:6px;
  }
  .product-feature .txt p{
    font-family:'Shippori Mincho',serif;
    font-size:14px;line-height:1.8;
  }
  .product-spec{
    margin-top:32px;
    padding:24px;
    background:var(--cream-soft);
    border:1px solid var(--line);
    font-family:'Shippori Mincho',serif;
    font-size:13px;line-height:2;
  }
  .product-spec h5{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.25em;
    text-transform:uppercase;
    color:var(--apple-red-deep);
    margin-bottom:12px;
  }
  .product-spec table{width:100%;border-collapse:collapse}
  .product-spec td{padding:6px 0;border-bottom:1px dotted var(--line)}
  .product-spec td:first-child{color:var(--apple-green-deep);width:30%}

  /* ===== CTA BUTTONS ===== */
  .product-ctas{
    display:flex;gap:12px;flex-wrap:wrap;
    margin-top:32px;
  }
  .product-cta{
    display:inline-flex;align-items:center;gap:10px;
    padding:16px 28px;
    background:var(--ink);
    color:var(--cream);
    text-decoration:none;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    letter-spacing:.2em;
    text-transform:uppercase;
    font-size:13px;
    transition:all .3s;
  }
  .product-cta:hover{transform:translateY(-2px)}
  .product-cta.red{background:var(--apple-red)}
  .product-cta.red:hover{background:var(--apple-red-deep)}
  .product-cta.green{background:var(--apple-green-deep)}
  .product-cta.green:hover{background:#3f5028}
  .product-cta .dot{
    width:10px;height:10px;border-radius:50%;
    background:var(--cream);
  }
  .product-cta.green .dot{background:var(--apple-green)}
  .product-cta.red .dot{background:#ffd9d4}

  /* ===== GALLERY (BIG IMAGES) ===== */
  .gallery{
    background:var(--cream);
    padding:120px 0;
    position:relative;
  }
  .gallery-header{
    text-align:center;margin-bottom:60px;padding:0 32px;
  }
  .gallery-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    padding:0 32px;
    max-width:1280px;margin:0 auto;
  }
  @media(max-width:768px){.gallery-grid{grid-template-columns:1fr}}
  .gallery-item{
    aspect-ratio:4/5;
    overflow:hidden;
    position:relative;
    background:linear-gradient(180deg, var(--cream-soft) 0%, var(--cream) 100%);
  }
  .gallery-item.tall{aspect-ratio:3/4}
  .gallery-item img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
    mix-blend-mode:multiply;
    padding:20px;
    transition:transform .6s ease;
  }
  .gallery-item:hover img{transform:scale(1.03)}
  .gallery-caption{
    position:absolute;bottom:20px;left:24px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:14px;letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--apple-red-deep);
    background:var(--cream);
    padding:6px 14px;
    border:1px solid var(--apple-red-deep);
  }

  /* ===== VOICE ===== */
  .voice{
    background:var(--paper);
    padding:120px 32px;
    position:relative;
  }
  .voice-inner{
    max-width:900px;margin:0 auto;
    display:grid;
    grid-template-columns:280px 1fr;
    gap:60px;align-items:center;
  }
  @media(max-width:760px){.voice-inner{grid-template-columns:1fr;gap:32px;text-align:center}}
  .voice-photo{
    aspect-ratio:1;border-radius:50%;
    background:linear-gradient(135deg, var(--apple-red) 0%, var(--cream) 100%);
    display:flex;align-items:center;justify-content:center;
    font-family:'Italiana',serif;
    font-size:32px;letter-spacing:.1em;
    color:var(--cream);
    border:8px solid var(--cream);
    box-shadow:0 8px 32px rgba(138,31,28,.15);
  }
  .voice-content .label{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.3em;
    text-transform:uppercase;
    color:var(--apple-red);
    margin-bottom:12px;
  }
  .voice-content h3{
    font-family:'Italiana',serif;
    font-size:32px;line-height:1.3;
    margin-bottom:20px;
  }
  .voice-content p{
    font-family:'Shippori Mincho',serif;
    font-size:15px;line-height:2.2;
    margin-bottom:16px;
  }
  .voice-name{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    color:var(--apple-red-deep);
    margin-top:20px;
    font-size:14px;letter-spacing:.1em;
  }
  .voice-name strong{
    font-family:'Italiana',serif;
    font-style:normal;
    font-size:18px;
    display:block;
    color:var(--ink);
    letter-spacing:.05em;
  }

  /* ===== LIVE ===== */
  .live{
    background:linear-gradient(135deg, var(--apple-red-deep) 0%, var(--berry) 100%);
    color:var(--cream);
    padding:100px 32px;
    position:relative;overflow:hidden;
  }
  .live::before{
    content:'';position:absolute;inset:0;
    background-image:
      radial-gradient(circle at 30% 30%, rgba(245,235,214,.15) 0%, transparent 50%),
      radial-gradient(circle at 70% 70%, rgba(163,184,108,.12) 0%, transparent 50%);
  }
  .live-inner{
    max-width:1000px;margin:0 auto;
    position:relative;z-index:2;
    text-align:center;
  }
  .live-blink{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.3em;
    text-transform:uppercase;
    color:var(--cream);
    margin-bottom:16px;
  }
  .live-blink::before{
    content:'';width:10px;height:10px;border-radius:50%;
    background:var(--cream);
    animation:blink 1.4s ease-in-out infinite;
  }
  @keyframes blink{
    0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(245,235,214,.6)}
    50%{opacity:.5;box-shadow:0 0 0 12px rgba(245,235,214,0)}
  }
  .live-title{
    font-family:'Italiana',serif;
    font-size:clamp(40px, 6vw, 72px);
    line-height:1;
    margin-bottom:24px;
  }
  .live-title em{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;font-weight:300;
    display:block;
    font-size:.45em;
    color:var(--cream);
    margin-top:12px;
    letter-spacing:.05em;
    opacity:.85;
  }
  .live-time{
    font-family:'Italiana',serif;
    font-size:48px;letter-spacing:.05em;
    margin:24px 0;
    color:var(--cream);
  }
  .live-desc{
    font-family:'Shippori Mincho',serif;
    font-size:16px;line-height:2;
    max-width:560px;margin:0 auto 40px;
    opacity:.9;
  }
  .live-links{
    display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
    margin-top:40px;
  }
  .live-btn{
    display:inline-flex;align-items:center;gap:12px;
    padding:16px 32px;
    background:transparent;
    border:1px solid var(--cream);
    color:var(--cream);
    text-decoration:none;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:14px;letter-spacing:.2em;
    text-transform:uppercase;
    transition:all .3s;
  }
  .live-btn:hover{
    background:var(--cream);color:var(--apple-red-deep);
    transform:translateY(-2px);
  }
  .live-btn.primary{
    background:var(--cream);color:var(--apple-red-deep);border-color:var(--cream);
  }
  .live-btn.primary:hover{background:var(--apple-green);border-color:var(--apple-green);color:var(--cream)}

  /* ===== FOOTER ===== */
  .footer{
    background:var(--ink);
    color:var(--cream);
    padding:80px 32px 40px;
    text-align:center;
  }
  .footer-logo{
    font-family:'Italiana',serif;
    font-size:36px;letter-spacing:.2em;
    margin-bottom:8px;
  }
  .footer-tag{
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.25em;
    color:var(--honey);
    margin-bottom:32px;
    text-transform:uppercase;
  }
  .footer-jp{
    font-family:'Shippori Mincho',serif;
    font-size:14px;line-height:2;
    color:rgba(245,235,214,.7);
    margin-bottom:40px;
  }
  .footer-social{
    display:flex;gap:24px;justify-content:center;flex-wrap:wrap;
    margin-bottom:40px;
  }
  .footer-social a{
    color:var(--cream);text-decoration:none;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:13px;letter-spacing:.25em;
    text-transform:uppercase;
    border-bottom:1px solid transparent;
    transition:border .3s;padding-bottom:4px;
  }
  .footer-social a:hover{border-color:var(--honey)}
  .footer-copy{
    font-family:'Cormorant Garamond',serif;
    font-size:11px;letter-spacing:.2em;
    color:rgba(245,235,214,.5);
    border-top:1px solid rgba(245,235,214,.2);
    padding-top:20px;
  }

  /* ===== ANIMATION ===== */
  @keyframes fadeInUp{
    from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
  }
  .hero-meta{animation:fadeInUp .8s ease-out}
  .hero h1{animation:fadeInUp 1s ease-out .1s both}
  .hero-jp{animation:fadeInUp 1s ease-out .3s both}
  .hero-issue{animation:fadeInUp 1s ease-out .5s both}
  .hero-visual{animation:fadeInUp 1.2s ease-out .4s both}

</style>
</head>
<body>

<!-- HEADER -->
<header class="header">
  <div class="logo">yonka<span class="small">magazine</span></div>
  <nav class="nav">
    <a href="#story">Story</a>
    <a href="#product">Product</a>
    <a href="#gallery">Gallery</a>
    <a href="#voice">Voice</a>
    <a href="#live">Live</a>
  </nav>
</header>

<!-- HERO -->
<section class="hero">
  <div class="hero-decor d1">A</div>
  <div class="hero-decor d2">●</div>

  <div class="hero-inner">
    <div class="hero-text">
      <div class="hero-meta">
        <span>Issue 05</span>
        <span>Summer 2026</span>
        <span>New Arrival</span>
      </div>
      <h1>
        A taste of<br>
        <span style="color:var(--apple-red-deep)">summer.</span>
        <span class="it">— ふたつの林檎が、夏を運んできた。</span>
      </h1>
      <p class="hero-jp">
        ウェールズの夏のキッチンに置かれた、<br>
        まあるい果実のような一着。<br>
        Red Apple と Green Apple、ふたつの色から選ぶ、<br>
        この季節だけの特別なロンパース。
      </p>
      <div class="hero-issue">
        <div>Brand<span>MABLI</span></div>
        <div>Style<span>Juice Box</span></div>
        <div>Colors<span>Red / Green</span></div>
      </div>
    </div>
    <div class="hero-visual">
      <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-10.png" alt="MABLI Juice Box Romper Red Apple">
    </div>
    <div class="hero-badge">
      <span class="num">JUICE<br>BOX</span>
      <span class="txt">SS26</span>
    </div>
  </div>
</section>

<!-- EDITOR'S NOTE -->
<section class="editors">
  <div class="editors-inner">
    <div class="editors-mark">◯ &nbsp; ● &nbsp; ◯</div>
    <div class="editors-title">— Editor&#8217;s Note —</div>
    <div class="editors-text">
      <p>赤い林檎と、青い林檎。</p>
      <p>子どもの頃に絵本で見た、あの果物かごの絵が、ずっと心に残っています。光を集めたみたいに艶やかで、かじりたくなるくらい瑞々しくて。</p>
      <p>MABLIの新作 JUICE BOX ROMPER に出会った時、まさにあの絵本のページを開いたような気持ちになりました。ぽってりした衿、ふっくらした袖、そして果実そのもののような色味。</p>
      <p>夏のはじまり、わが子に着せたい一着がここにあります。</p>
    </div>
    <div class="editors-sign">— yonka editorial / 加奈</div>
  </div>
</section>

<!-- BRAND STORY -->
<section class="story" id="story">
  <div class="container">
    <div class="story-grid">
      <div class="story-image">
        <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-9.png" alt="MABLI Juice Box Romper">
      </div>
      <div class="story-text">
        <div class="section-label">about the brand</div>
        <h2>
          ウェールズの台所から、<br>
          <em>世代を超えて受け継がれる服。</em>
        </h2>
        <p>
          MABLI（マブリ）は、2016年にイギリス・ウェールズで生まれた、家族経営のニットウェア・ブランド。デザイナーのリサ・ロバーツさんが、自身の二人目のお子さんの誕生をきっかけに立ち上げました。
        </p>
        <p>
          ウェールズに古くから伝わる「タペストリーブランケット」の伝統的な柄を現代に翻訳し、シンプルで重ね着のしやすいリブニットと組み合わせる——それが MABLI のシグネチャー。イタリア紡績のエクストラファインメリノウール、リネン、オーガニックピマコットンなど、丁寧に選ばれた素材だけが使われています。
        </p>
        <div class="story-quote">
          “ Buy less, buy better.<br>
          ＜ 少なく、より良いものを ＞ ”
        </div>
        <p>
          スローファッションを哲学に掲げ、世代を超えて受け継がれていくことを前提に作られた一着一着。きょうだいへ、いとこへ、そしていつかの孫へ。MABLIの服は、家族の物語を運ぶ「器」です。
        </p>
        <div class="story-tags">
          <span>Slow Fashion</span>
          <span>Made in Europe</span>
          <span>Heirloom</span>
          <span>Welsh Heritage</span>
          <span>Natural Fibres</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- PRODUCT FEATURE -->
<section class="product" id="product">
  <div class="container">
    <div class="product-header">
      <div class="number">02</div>
      <div class="of">— this month&#8217;s pick —</div>
      <div class="section-label" style="justify-content:center">featured product</div>
      <h2 class="section-title">
        <em>Juice Box Romper,</em><br>in two ripe colors.
      </h2>
      <p class="section-sub" style="margin:20px auto 0">
        まんまるな衿、すらりと伸びた袖、林檎みたいな色味。<br>
        ふたつの色から、お気に入りを見つけて。
      </p>
    </div>

    <div class="product-grid">
      <div class="product-images">
        <div class="product-img main">
          <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-6.png" alt="JUICE BOX ROMPER Front">
        </div>
        <div class="product-img alt">
          <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-4.png" alt="JUICE BOX ROMPER Detail">
        </div>
        <div class="product-img detail">
          <img decoding="async" src="https://yonka.company/cdn/shop/files/Mabli-Kids-SS26-Juicebox-Romper-Green-Apple.png?v=1775958457&#038;width=1946" alt="JUICE BOX ROMPER Green Apple">
        </div>
      </div>

      <div class="product-info">
        <span class="product-tag">★ New Arrival ★</span>
        <h3 class="product-name">
          JUICE BOX ROMPER
          <em>— ジュース ボックス ロンパー</em>
        </h3>
        <div class="product-price">¥15,548 <small>tax included</small></div>

        <!-- Color swatches -->
        <div class="color-swatches">
          <a href="https://yonka.company/products/mabli-juice-box-romper-red-apple" class="swatch" target="_blank">
            <div class="swatch-circle red"></div>
            <div class="swatch-name">Red Apple</div>
            <div class="swatch-jp">レッドアップル</div>
          </a>
          <a href="https://yonka.company/products/mabli-juice-box-romper-green-apple" class="swatch" target="_blank">
            <div class="swatch-circle green"></div>
            <div class="swatch-name">Green Apple</div>
            <div class="swatch-jp">グリーンアップル</div>
          </a>
        </div>

        <p class="product-desc">
          まあるくぽってりとした衿元と、すらりと伸びるパフスリーブ。「ジュースボックス」の名にふさわしい、瑞々しくチャーミングなロンパースです。Red Apple は、夏の太陽に磨かれたような濃い紅色。Green Apple は、まだ枝についていそうな若い緑色。どちらも肌なじみがよく、男の子にも女の子にも凛と似合う色合いです。
        </p>

        <div class="product-feature">
          <div class="num">i.</div>
          <div class="txt">
            <h4>Two Ripe Colors</h4>
            <p>赤と緑、それぞれの林檎が持つ表情。きょうだいでお揃いにしたり、季節やお気分で着分けたり。同じシルエットを、異なる果実の色で。</p>
          </div>
        </div>
        <div class="product-feature">
          <div class="num">ii.</div>
          <div class="txt">
            <h4>Vintage Silhouette</h4>
            <p>ぽってりとした衿、控えめなパフスリーブ、後ろのボタン留め。ヨーロッパの古い子ども服に宿る品の良さを、現代のシルエットに翻訳しています。</p>
          </div>
        </div>
        <div class="product-feature">
          <div class="num">iii.</div>
          <div class="txt">
            <h4>Heirloom Quality</h4>
            <p>イタリア紡績の上質な天然繊維。洗うほどに柔らかくなる素材は、世代を超えて受け継がれていく前提で作られています。</p>
          </div>
        </div>

        <div class="product-spec">
          <h5>— size &#038; detail —</h5>
          <table>
            <tr><td>Size</td><td>18M / 24M</td></tr>
            <tr><td>Color</td><td>Red Apple / Green Apple</td></tr>
            <tr><td>Origin</td><td>Designed in Wales, UK</td></tr>
            <tr><td>Brand</td><td>MABLI Kids</td></tr>
          </table>
        </div>

        <div class="product-ctas">
          <a href="https://yonka.company/products/mabli-juice-box-romper-red-apple" class="product-cta red" target="_blank">
            <span class="dot"></span> Red Apple →
          </a>
          <a href="https://yonka.company/products/mabli-juice-box-romper-green-apple" class="product-cta green" target="_blank">
            <span class="dot"></span> Green Apple →
          </a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- GALLERY -->
<section class="gallery" id="gallery">
  <div class="gallery-header">
    <div class="section-label" style="justify-content:center">moments with juice box</div>
    <h2 class="section-title">A summer in <em>portraits.</em></h2>
    <p class="section-sub" style="margin:20px auto 0">
      光と影、林檎の色、夏の風。<br>
      JUICE BOX ROMPER が連れていってくれる小さな旅。
    </p>
  </div>
  <div class="gallery-grid">
    <div class="gallery-item">
      <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-3.png" alt="MABLI Juice Box Romper portrait">
      <div class="gallery-caption">— frame 01 —</div>
    </div>
    <div class="gallery-item">
      <img decoding="async" src="https://yonka.co.jp/wp-content/uploads/2026/05/Mabli-Kids-SS26-Juicebox-Romper-Necktie-Red-Apple-2.png" alt="MABLI Juice Box Romper portrait">
      <div class="gallery-caption">— frame 02 —</div>
    </div>
  </div>
</section>

<!-- VOICE -->
<section class="voice" id="voice">
  <div class="voice-inner">
    <div class="voice-photo">
      <span>加奈</span>
    </div>
    <div class="voice-content">
      <div class="label">— voice from yonka —</div>
      <h3>“ ふたつの色には、<br>ふたつの物語がある。”</h3>
      <p>
        新作の写真が届いた時、最初に思ったのは「赤と緑、両方とも欲しい」でした。きっと、ご覧いただいているあなたも、同じように迷っているかもしれません。
      </p>
      <p>
        Red Apple は、家族写真のアルバムをめくった時に、いつまでも色褪せず鮮やかに残っているような色。Green Apple は、はじめての夏の青空の下で、若葉と一緒に駆けていく姿が浮かぶような色。どちらが正解なんてないし、両方を選んでくださる方も、きっとたくさんいます。
      </p>
      <p>
        そして、yonka の役目は、選ぶ楽しみそのものを届けること。MABLI の服が、あなたとお子さまの夏のいちばん近くにありますように。
      </p>
      <div class="voice-name">
        <strong>加奈</strong>
        yonka 代表 / 株式会社yonka 代表取締役
      </div>
    </div>
  </div>
</section>

<!-- LIVE -->
<section class="live" id="live">
  <div class="live-inner">
    <div class="live-blink">— live now scheduled —</div>
    <h2 class="live-title">
      Tune in,<br>every morning.
      <em>毎日 10:00 から、Instagram LIVE</em>
    </h2>
    <div class="live-time">10:00 a.m. — daily</div>
    <p class="live-desc">
      新作のディテール、コーディネート、サイズ感。<br>
      ライブだけのお得な情報や、限定価格商品も登場します。<br>
      朝のコーヒーと一緒に、ぜひ気軽にお立ち寄りください。
    </p>
    <div class="live-links">
      <a href="https://www.instagram.com/yonka.shop/" target="_blank" class="live-btn primary">
        Instagram で観る →
      </a>
      <a href="https://www.youtube.com/" target="_blank" class="live-btn">
        YouTube ←
      </a>
      <a href="https://yonka.company/collections/live%E8%B3%BC%E5%85%A5%E5%95%86%E5%93%81" target="_blank" class="live-btn">
        Live 限定商品 →
      </a>
    </div>
  </div>
</section>

<!-- FOOTER -->
<footer class="footer">
  <div class="footer-logo">yonka</div>
  <div class="footer-tag">— from mothers, to mothers —</div>
  <div class="footer-jp">
    ヨーロッパのこども服を、日本のママに。<br>
    株式会社yonka / 埼玉県深谷市
  </div>
  <div class="footer-social">
    <a href="https://www.instagram.com/yonka.shop/" target="_blank">Instagram</a>
    <a href="https://yonka.company/" target="_blank">Online Shop</a>
    <a href="https://www.youtube.com/" target="_blank">YouTube</a>
    <a href="https://ameblo.jp/yonka-select/" target="_blank">Blog</a>
  </div>
  <div class="footer-copy">© 2026 yonka. All rights reserved.</div>
</footer>

</body>
</html>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
