<!-- ============================================================
Lawson — Store Overview Page
WordPress (Affinger6) ブロックエディタ用コンテンツ
使い方: 固定ページ → 「カスタムHTML」ブロックに貼り付け
スラッグ設定例: /lawson/
CSS prefix: lsn-ov-
商品情報出典: https://www.lawson.co.jp/recommend/
※商品・価格は地域・時期により異なります
============================================================ -->
<style>
/* ===== lsn-ov- prefix — Lawson Overview Page ===== */
.lsn-ov-wrap { max-width: 860px; margin: 0 auto; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; }
/* Hero */
.lsn-ov-hero { background: linear-gradient(135deg, #0050a0 0%, #0066cc 55%, #0099cc 100%); color: #fff; border-radius: 14px; padding: 42px 32px 36px; margin-bottom: 36px; text-align: center; position: relative; overflow: hidden; }
.lsn-ov-hero::before { content: '🏪'; font-size: 120px; position: absolute; top: -15px; right: -5px; opacity: 0.09; }
.lsn-ov-hero-badge { display: inline-block; background: rgba(255,255,255,0.22); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1px; padding: 4px 16px; border-radius: 20px; margin-bottom: 14px; border: 1px solid rgba(255,255,255,0.4); text-transform: uppercase; }
.lsn-ov-hero h1 { font-size: 2.1rem; font-weight: 800; margin: 0 0 12px; line-height: 1.2; }
.lsn-ov-hero p { font-size: 1.05rem; margin: 0; opacity: 0.92; line-height: 1.68; }
/* Quick facts */
.lsn-ov-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin-bottom: 36px; }
.lsn-ov-fact { background: #fff; border: 2px solid #e0f0ff; border-radius: 12px; padding: 18px 14px; text-align: center; }
.lsn-ov-fact-num { font-size: 1.6rem; font-weight: 900; color: #0066cc; line-height: 1; margin-bottom: 4px; }
.lsn-ov-fact-label { font-size: 0.78rem; color: #666; line-height: 1.4; }
/* Section heading */
.lsn-ov-section-title { font-size: 1.25rem !important; font-weight: 800 !important; color: #222 !important; border-left: 5px solid #0066cc; padding-left: 14px; margin: 36px 0 18px !important; }
/* Must-try cards */
.lsn-ov-highlights { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; margin-bottom: 16px; }
.lsn-ov-highlight-card { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.09); }
.lsn-ov-highlight-img { background: #e8f4ff; height: 180px; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.lsn-ov-highlight-img img { width: 100%; height: 100%; object-fit: cover; }
.lsn-ov-highlight-img-icon { font-size: 4rem; }
.lsn-ov-highlight-rank { position: absolute; top: 10px; left: 10px; background: #0066cc; color: #fff; font-size: 0.72rem; font-weight: 800; padding: 4px 10px; border-radius: 20px; }
.lsn-ov-highlight-body { padding: 14px 16px 16px; }
.lsn-ov-highlight-name-jp { font-size: 0.78rem; color: #888; margin: 0 0 3px; }
.lsn-ov-highlight-name-en { font-size: 0.98rem; font-weight: 700; color: #222; margin: 0 0 8px; }
.lsn-ov-highlight-desc { font-size: 0.83rem; color: #555; line-height: 1.6; margin: 0 0 10px; }
.lsn-ov-highlight-price { font-size: 1rem; font-weight: 800; color: #0066cc; }
/* Tags */
.lsn-ov-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.lsn-ov-tag { font-size: 0.72rem; font-weight: 600; padding: 3px 9px; border-radius: 20px; }
.lsn-ov-tag-blue { background: #e3f2fd; color: #1565c0; }
.lsn-ov-tag-green { background: #e8f5e9; color: #2e7d32; }
.lsn-ov-tag-red { background: #fce4ec; color: #c62828; }
.lsn-ov-tag-gold { background: #fffde7; color: #f57f17; }
.lsn-ov-tag-orange { background: #fff3e0; color: #e65100; }
.lsn-ov-tag-purple { background: #f3e5f5; color: #6a1b9a; }
/* Special stores banner */
.lsn-ov-special-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-bottom: 28px; }
.lsn-ov-special-card { border-radius: 12px; padding: 20px 20px; display: flex; align-items: flex-start; gap: 14px; }
.lsn-ov-special-card-muji { background: linear-gradient(135deg, #f5f5f0, #eeeee8); border: 2px solid #ccccbb; }
.lsn-ov-special-card-nat { background: linear-gradient(135deg, #e8f5e9, #f1f8e9); border: 2px solid #a5d6a7; }
.lsn-ov-special-icon { font-size: 2.4rem; flex-shrink: 0; }
.lsn-ov-special-title { font-size: 0.95rem; font-weight: 800; color: #222; margin: 0 0 6px; }
.lsn-ov-special-desc { font-size: 0.83rem; color: #555; line-height: 1.6; margin: 0; }
/* Navigation */
.lsn-ov-nav { background: #f0f6ff; border-radius: 12px; padding: 22px 24px; margin-bottom: 24px; }
.lsn-ov-nav h3 { font-size: 0.95rem; font-weight: 800; color: #0066cc; margin: 0 0 14px; }
.lsn-ov-nav-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: 10px; }
.lsn-ov-nav-item { background: #fff; border: 1.5px solid #cce0ff; border-radius: 8px; padding: 11px 14px; display: flex; align-items: center; gap: 9px; transition: border-color 0.2s; }
.lsn-ov-nav-item:hover { border-color: #0066cc; }
.lsn-ov-nav-item-icon { font-size: 1.3rem; flex-shrink: 0; }
.lsn-ov-nav-item-text { font-size: 0.83rem; font-weight: 700; color: #222; line-height: 1.3; }
/* Tips */
.lsn-ov-tips { background: #fff8e7; border-left: 5px solid #f5a623; border-radius: 0 10px 10px 0; padding: 16px 20px; margin-bottom: 28px; }
.lsn-ov-tips h3 { font-size: 0.95rem; font-weight: 700; color: #b5780b; margin: 0 0 8px; }
.lsn-ov-tips ul { margin: 0; padding-left: 18px; }
.lsn-ov-tips ul li { font-size: 0.87rem; color: #555; margin-bottom: 5px; line-height: 1.55; }
/* FAQ */
.lsn-ov-faq { background: #f9f9f9; border-radius: 12px; padding: 24px; margin-top: 24px; }
.lsn-ov-faq h2 { font-size: 1.15rem !important; font-weight: 800 !important; color: #222 !important; margin: 0 0 18px !important; }
.lsn-ov-faq-item { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ebebeb; }
.lsn-ov-faq-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.lsn-ov-faq-q { font-size: 0.92rem; font-weight: 700; color: #0066cc; margin-bottom: 6px; display: flex; gap: 7px; }
.lsn-ov-faq-a { font-size: 0.87rem; color: #555; line-height: 1.65; padding-left: 22px; }
.lsn-ov-disclaimer { font-size: 0.78rem; color: #999; text-align: center; margin-top: 24px; padding-top: 16px; border-top: 1px solid #eee; }
@media (max-width: 600px) { .lsn-ov-hero h1 { font-size: 1.65rem; } .lsn-ov-highlights { grid-template-columns: 1fr; } }
</style>
<div class="lsn-ov-wrap">
<!-- Hero -->
<div class="lsn-ov-hero">
<div class="lsn-ov-hero-badge">🏪 Convenience Store Guide</div>
<h1>Lawson<br>ローソン</h1>
<p>Japan's beloved blue-and-white convenience store — known for premium desserts, the iconic Karaage-kun fried chicken bites, Machi Café coffee, and even a Muji corner in some stores!</p>
</div>
<!-- Quick Facts -->
<div class="lsn-ov-facts">
<div class="lsn-ov-fact"><div class="lsn-ov-fact-num">14,000+</div><div class="lsn-ov-fact-label">Stores in Japan</div></div>
<div class="lsn-ov-fact"><div class="lsn-ov-fact-num">24 hrs</div><div class="lsn-ov-fact-label">Open all day, every day</div></div>
<div class="lsn-ov-fact"><div class="lsn-ov-fact-num">1975</div><div class="lsn-ov-fact-label">Founded in Japan</div></div>
<div class="lsn-ov-fact"><div class="lsn-ov-fact-num">¥106~</div><div class="lsn-ov-fact-label">Starting prices</div></div>
</div>
<!-- Special Stores -->
<div class="lsn-ov-section-title">✨ What Makes Lawson Special</div>
<div class="lsn-ov-special-grid">
<div class="lsn-ov-special-card lsn-ov-special-card-muji">
<div class="lsn-ov-special-icon">🏷️</div>
<div>
<div class="lsn-ov-special-title">無印良品 (Muji) Corner</div>
<div class="lsn-ov-special-desc">Select Lawson stores carry genuine Muji products — Japan's famous minimalist lifestyle brand. From curry pouches to chocolates and daily goods, right at your local konbini.</div>
</div>
</div>
<div class="lsn-ov-special-card lsn-ov-special-card-nat">
<div class="lsn-ov-special-icon">🌿</div>
<div>
<div class="lsn-ov-special-title">ナチュラルローソン (Natural Lawson)</div>
<div class="lsn-ov-special-desc">A separate store format focused on natural, organic, and health-conscious products. Mainly in Tokyo's urban areas — excellent for those with dietary preferences or seeking higher-quality ingredients.</div>
</div>
</div>
</div>
<!-- Must-Try Items -->
<div class="lsn-ov-section-title">⭐ Lawson Must-Try Items</div>
<div class="lsn-ov-highlights">
<div class="lsn-ov-highlight-card">
<div class="lsn-ov-highlight-img">
<img src="https://www.lawson.co.jp/recommend/original/detail/img/l456071_8.jpg" alt="からあげクン" loading="lazy">
<span class="lsn-ov-highlight-rank">🏆 #1 Iconic</span>
</div>
<div class="lsn-ov-highlight-body">
<div class="lsn-ov-highlight-name-jp">からあげクン レギュラー</div>
<div class="lsn-ov-highlight-name-en">Karaage-kun Fried Chicken Bites (Regular)</div>
<div class="lsn-ov-highlight-desc">Lawson's legendary bite-sized fried chicken — 5 crispy, juicy pieces in one pack. Japan's most iconic convenience store hot food. Been sold since 1986 and still the #1 best-seller. You MUST try these!</div>
<div class="lsn-ov-highlight-price">¥278</div>
<div class="lsn-ov-tags">
<span class="lsn-ov-tag lsn-ov-tag-red">🏆 Since 1986</span>
<span class="lsn-ov-tag lsn-ov-tag-blue">🍗 5 pieces</span>
</div>
</div>
</div>
<div class="lsn-ov-highlight-card">
<div class="lsn-ov-highlight-img">
<img src="https://www.lawson.co.jp/recommend/original/detail/img/l807830.jpg" alt="プレミアムおにぎり" loading="lazy">
<span class="lsn-ov-highlight-rank">⭐ Premium</span>
</div>
<div class="lsn-ov-highlight-body">
<div class="lsn-ov-highlight-name-jp">浅草宿六監修 プレミアムおにぎり 濃厚炙りたらこ</div>
<div class="lsn-ov-highlight-name-en">Premium Onigiri — Rich Flame-Grilled Cod Roe (Supervised by Asakusa Yaduroku)</div>
<div class="lsn-ov-highlight-desc">Lawson's premium onigiri line is supervised by famous onigiri restaurants. Restaurant-quality fillings at convenience store prices — the flame-grilled mentaiko with cream cheese is extraordinary.</div>
<div class="lsn-ov-highlight-price">¥279</div>
<div class="lsn-ov-tags">
<span class="lsn-ov-tag lsn-ov-tag-gold">✨ Premium</span>
<span class="lsn-ov-tag lsn-ov-tag-blue">🍙 Restaurant quality</span>
</div>
</div>
</div>
<div class="lsn-ov-highlight-card">
<div class="lsn-ov-highlight-img">
<img src="https://www.lawson.co.jp/recommend/original/detail/img/l788180.jpg" alt="プレミアムロールケーキ" loading="lazy">
<span class="lsn-ov-highlight-rank">🍰 Uchi Café</span>
</div>
<div class="lsn-ov-highlight-body">
<div class="lsn-ov-highlight-name-jp">プレミアムロールケーキ</div>
<div class="lsn-ov-highlight-name-en">Premium Roll Cake (Uchi Café)</div>
<div class="lsn-ov-highlight-desc">The Uchi Café Premium Roll Cake is Lawson's most famous dessert — a cloud-soft sponge wrapped around a thick whipped cream filling. It became a social media sensation and sells over 1 million pieces per week. Unmissable!</div>
<div class="lsn-ov-highlight-price">¥214</div>
<div class="lsn-ov-tags">
<span class="lsn-ov-tag lsn-ov-tag-red">💯 Viral hit</span>
<span class="lsn-ov-tag lsn-ov-tag-blue">🥛 Whipped cream</span>
</div>
</div>
</div>
<div class="lsn-ov-highlight-card">
<div class="lsn-ov-highlight-img">
<img src="https://www.lawson.co.jp/recommend/original/detail/img/l534447_3.jpg" alt="Lチキ" loading="lazy">
<span class="lsn-ov-highlight-rank">🔥 Hot Counter</span>
</div>
<div class="lsn-ov-highlight-body">
<div class="lsn-ov-highlight-name-jp">Ｌチキ レギュラー</div>
<div class="lsn-ov-highlight-name-en">L-Chiki — Boneless Fried Chicken</div>
<div class="lsn-ov-highlight-desc">A large, boneless fried chicken piece — crispy seasoned skin, juicy meat inside. Rivals FamiChiki as Japan's best convenience store chicken. While Karaage-kun gives you bite-sized pieces, L-Chiki is a full satisfying portion. Great value!</div>
<div class="lsn-ov-highlight-price">¥248</div>
<div class="lsn-ov-tags">
<span class="lsn-ov-tag lsn-ov-tag-orange">🍗 Boneless</span>
<span class="lsn-ov-tag lsn-ov-tag-green">💰 Value</span>
</div>
</div>
</div>
</div>
<!-- Tips -->
<div class="lsn-ov-tips">
<h3>💡 Helpful Tips for Tourists</h3>
<ul>
<li><strong>Ponta & dPoint:</strong> Lawson uses Ponta points and d-Point — free to join. Even as a tourist, you can earn points if you already have a d-Point card. Just show at checkout.</li>
<li><strong>Loppi Terminal:</strong> The red Loppi terminal near the entrance can purchase tickets for theme parks, concerts, express buses and more. Very useful for trip planning!</li>
<li><strong>ATM:</strong> Lawson ATMs accept international Visa, Mastercard, Maestro, PLUS, and Cirrus cards. Withdrawals available in Japanese yen 24/7.</li>
<li><strong>New products:</strong> Lawson releases new items every Tuesday. Wednesday mornings are the best time to browse for fresh arrivals.</li>
<li><strong>Uchi Café label:</strong> Items marked "ウチカフェ" (Uchi Café) are from Lawson's premium dessert brand — consistently higher quality than standard products.</li>
</ul>
</div>
<!-- Page Nav -->
<div class="lsn-ov-nav">
<h3>📂 Browse Lawson Food Categories</h3>
<div class="lsn-ov-nav-grid">
<div class="lsn-ov-nav-item"><span class="lsn-ov-nav-item-icon">🍙</span><span class="lsn-ov-nav-item-text">Onigiri<br>おにぎり</span></div>
<div class="lsn-ov-nav-item"><span class="lsn-ov-nav-item-icon">🍱</span><span class="lsn-ov-nav-item-text">Bento<br>お弁当</span></div>
<div class="lsn-ov-nav-item"><span class="lsn-ov-nav-item-icon">🥐</span><span class="lsn-ov-nav-item-text">Bread<br>パン</span></div>
<div class="lsn-ov-nav-item"><span class="lsn-ov-nav-item-icon">🍗</span><span class="lsn-ov-nav-item-text">Hot Foods<br>揚げ物</span></div>
<div class="lsn-ov-nav-item"><span class="lsn-ov-nav-item-icon">🍰</span><span class="lsn-ov-nav-item-text">Sweets<br>デザート</span></div>
<div class="lsn-ov-nav-item"><span class="lsn-ov-nav-item-icon">🍜</span><span class="lsn-ov-nav-item-text">Noodles<br>めん類</span></div>
<div class="lsn-ov-nav-item"><span class="lsn-ov-nav-item-icon">☕</span><span class="lsn-ov-nav-item-text">Machi Café<br>コーヒー</span></div>
<div class="lsn-ov-nav-item"><span class="lsn-ov-nav-item-icon">🏷️</span><span class="lsn-ov-nav-item-text">Muji Corner<br>無印良品</span></div>
<div class="lsn-ov-nav-item"><span class="lsn-ov-nav-item-icon">🌿</span><span class="lsn-ov-nav-item-text">Natural Lawson<br>ナチュラル</span></div>
</div>
</div>
<!-- FAQ -->
<div class="lsn-ov-faq">
<h2>❓ Frequently Asked Questions</h2>
<div class="lsn-ov-faq-item">
<div class="lsn-ov-faq-q"><span>Q.</span> What sets Lawson apart from 7-Eleven and FamilyMart?</div>
<div class="lsn-ov-faq-a">Lawson is particularly famous for its dessert quality (the Uchi Café brand), its premium onigiri line (supervised by famous rice ball restaurants), and the iconic Karaage-kun fried chicken bites sold since 1986. Lawson also uniquely has Muji corners in select stores and operates the Natural Lawson chain for health-focused shoppers.</div>
</div>
<div class="lsn-ov-faq-item">
<div class="lsn-ov-faq-q"><span>Q.</span> What is "Uchi Café" (ウチカフェ)?</div>
<div class="lsn-ov-faq-a">Uchi Café is Lawson's premium dessert private brand. Items with the Uchi Café label are made to a higher standard than regular store-brand sweets — using better ingredients and more sophisticated recipes. The famous Premium Roll Cake is an Uchi Café product. Look for the logo on packaging!</div>
</div>
<div class="lsn-ov-faq-item">
<div class="lsn-ov-faq-q"><span>Q.</span> Does Lawson heat up food for you?</div>
<div class="lsn-ov-faq-a">Yes! Hand any cold food item to the staff at the register and say "atatamete kudasai" (温めてください). They'll heat it in the microwave at no charge. The microwave near the counter is also available for self-use. Most bento, onigiri, and noodles benefit from being warmed!</div>
</div>
</div>
<div class="lsn-ov-disclaimer">
※ Store locations, product availability, and prices vary. Special store formats (Natural Lawson, Muji corner) are available at select locations only.<br>
※ 商品情報出典: lawson.co.jp/recommend/ | 情報は変更になる場合があります
</div>
</div>