ZEN Roll Top Cooler
/* ========================================= 全体・ベーススタイル(LP内に限定) ========================================= */ .lp-container { max-width: 800px; margin: 0 auto; background-color: #ff ffff; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; color: #333333; line-height: 1.8; padding: 30px 15px; /* スマホ向けに左右パディングを調整 */ } /* LP内の画像のみ角丸にする(外側のTOP画像には影響しない) */ .lp-container img { width: 100%; max-width: 100%; height: auto; border-radius: 8px; /* 角丸を適用 */ margin: 15px 0; display: block; } .lp-container a { color: #111; text-decoration: none; transition: opacity 0.3s; } .lp-container a:hover { opacity: 0.7; } .lp-container p { margin-bottom: 15px; font-size: 15px; /* スマホで読みやすいサイズ */ } .text-center { text-align: center; } .font-bold { font-weight: bold; } /* ========================================= メインタイトル ========================================= */ .main-title { font-size: 32px; font-weight: bold; text-align: center; margin-bottom: 30px; letter-spacing: 1px; color: #111; line-height: 1.4; } /* ========================================= YouTube動画のレスポンシブ対応 ========================================= */ .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; max-width: 100%; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* ========================================= 見出し・特徴ブロック ========================================= */ .feature-block { margin-bottom: 50px; } .feature-title { font-size: 22px; /* スマホ向けに調整 */ font-weight: bold; margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 2px solid #111; color: #111; line-height: 1.4; } .feature-point { font-size: 16px; font-weight: bold; margin: 30px 0 10px 0; border-left: 4px solid #111; padding-left: 10px; background-color: #f9f9f9; padding: 10px 10px 10px 15px; } /* ========================================= リストデザイン ========================================= */ .styled-list { list-style: none; padding: 0; margin: 0 0 20px 0; } .styled-list li { position: relative; padding-left: 25px; margin-bottom: 12px; font-size: 15px; color: #333; } .styled-list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #111; font-size: 16px; } .styled-list.bullet li::before { content: "・"; } /* ========================================= テーブル(表)スタイル ========================================= */ .table-wrapper { overflow-x: auto; /* スマホではみ出た場合はスクロール */ margin-bottom: 30px; border-radius: 8px; /* 表の外枠を少し丸く */ box-shadow: 0 2px 8px rgba(0,0,0,0.05); } .table-wrapper table { width: 100%; min-width: 320px; border-collapse: collapse; text-align: center; font-size: 14px; background-color: #fff; } .table-wrapper th { background-color: #111; color: #fff; padding: 12px 8px; font-weight: bold; } .table-wrapper td { padding: 12px 8px; border-bottom: 1px solid #eee; } .table-wrapper tr:nth-child(even) { background-color: #fafafa; } .highlight-red { color: #d9534f; font-weight: bold; } /* ========================================= スペックリスト ========================================= */ .spec-box { background-color: #f9f9f9; padding: 20px; border-radius: 8px; margin-bottom: 50px; text-align: center; } .spec-box h3 { font-size: 16px; margin: 0 0 10px 0; color: #111; border-bottom: 1px solid #ddd; padding-bottom: 5px; } /* ========================================= FAQスタイル(プルダウン・アコーディオン) ========================================= */ .faq-wrapper { margin-top: 50px; background-color: #fafafa; padding: 30px 20px; border-radius: 8px; } .faq-title { font-size: 20px; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #111; text-align: center; } .faq-item { border-bottom: 1px solid #ddd; } .faq-item:last-child { border-bottom: none; } .faq-item details { padding: 15px 0; } .faq-item summary { font-size: 15px; font-weight: bold; cursor: pointer; list-style: none; position: relative; padding-left: 30px; padding-right: 25px; outline: none; line-height: 1.4; } .faq-item summary::-webkit-details-marker { display: none; } .faq-item summary::before { content: "Q."; color: #111; position: absolute; left: 0; top: 0; font-size: 16px; } .faq-item summary::after { content: "▼"; position: absolute; right: 0; top: 2px; color: #999; font-size: 12px; transition: transform 0.3s ease; } .faq-item details[open] summary::after { transform: rotate(180deg); } .faq-answer { padding-left: 30px; padding-top: 15px; padding-bottom: 5px; color: #555; font-size: 14px; position: relative; } .faq-answer::before { content: "A."; color: #666; position: absolute; left: 0; top: 15px; font-size: 16px; font-weight: bold; } /* ========================================= おすすめギア(カード型デザイン) ========================================= */ .recommend-section { margin-top: 50px; } .recommend-box { background-color: #fff; border: 1px solid #ddd; border-radius: 8px; /* ボックス枠は少し丸く */ padding: 20px; margin-bottom: 30px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.03); } .recommend-box h4 { margin: 0 0 10px 0; font-size: 18px; color: #111; } .recommend-box p.desc { font-size: 14px; color: #555; margin-bottom: 20px; text-align: left; } .btn-shop { display: inline-block; background-color: #111; color: #fff !important; padding: 12px 30px; font-size: 14px; font-weight: bold; letter-spacing: 1px; border-radius: 4px; text-decoration: none; width: 80%; /* スマホで押しやすいように幅広に */ max-width: 300px; margin-top: 10px; } /* ========================================= SNS・フッターエリア ========================================= */ .sns-section { margin-top: 50px; text-align: center; border-top: 1px solid #eee; padding-top: 40px; } .sns-section h3 { font-size: 18px; margin-bottom: 20px; line-height: 1.4; } .line-banner img { margin: 0 auto 30px auto; max-width: 100%; } .sns-grid { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 30px 0; } .sns-btn { display: inline-block; background-color: #f4f4f4; border: 1px solid #ddd; padding: 12px 10px; font-size: 13px; /* スマホで横並びにするため少し小さく */ font-weight: bold; border-radius: 4px; width: 47%; /* スマホで2列にする */ box-sizing: border-box; } .sns-btn:hover { background-color: #111; color: #fff; border-color: #111; } .youtube-box { background-color: #111; color: #fff; padding: 25px 15px; border-radius: 8px; margin-top: 40px; } .youtube-box h3 { color: #fff; margin-top: 0; font-size: 16px; } .youtube-box a.channel-link { color: #fff; text-decoration: underline; font-weight: bold; display: inline-block; margin-bottom: 15px; } ZEN Roll Top Cooler 動画での機能紹介 保冷剤や氷と一緒に缶飲料、お弁当箱、おにぎり、サンドイッチ、アイスなどを入れて保冷できるソフトクーラー。 外側の素材には高密度ポリエチレン素材を使用しており、上質な紙のような気持ちの良い触り心地に加え、高い強度、防水性、軽量さが特徴です。 非常に軽量でコンパクトであるため、キャンプだけでなく普段お弁当やおにぎりを入れてオフィスや公園、海、プール、花火大会、フェスなどあらゆるシーンで活躍します! 全4種(カラー・サイズ) ホワイト(Sサイズ / Mサイズ) ブラウン(Sサイズ / Mサイズ) 素材特有のシワや質感をぜひお楽しみください。 収納例 Sサイズ(350ml缶9本) Mサイズ(500ml缶6本 & 350ml缶2本) ※500ml缶6本パックがそのまま入ります Mサイズ(350ml缶12本) 3層構造で高い保冷力 本体は3層構造になっており、しっかりと冷気を閉じ込める仕様になっています。 外側:高密度ポリエチレン 断熱材:ポリウレタンフォーム インナー:PEVA マジックテープ&密閉仕様 口はマジックテープで止めた後2〜3回折ってバックルで止めることが可能。こうすることで冷気を中に密閉し、より長く中身を冷やしておくことができます。 保冷性能テスト 検証条件 外気温:30℃ 測定時間:10:00〜13:00 測定対象:冷蔵した缶ビールの表面温度 経過時間 Roll TOP Cooler クーラーなし 開始時 6.5℃ 6.5℃ 30分後 9.8℃ 22.1℃ 1時間後 13.6℃ 29.5℃(常温) 1時間30分後 15.6℃ - 2時間後 18.7℃ - 2時間30分後 19.6℃ - 3時間後 21.1℃※冷たさを感じられる温度 - 検証結果 ・Roll TOP Cooler使用時は 3時間後でも冷たさを感じられる温度帯(21.1℃) を維持 ・3層断熱構造 × ロールトップ構造 により、冷気をしっかり閉じ込めます ※保冷剤や氷を入れておくことでより冷たさをキープできます。 食品の痛み防止、保冷にも最適 おにぎり サンドイッチ アイスクリーム チーズやチルド食品 ミニポケット付き おつまみやお菓子入れに。 後ろにはメッセージを印字 フックにも掛けられる紐付き SPEC 【本体サイズ】 Sサイズ(約7L) (たて)33cm × (横)20.5cm × (マチ)14.5cm × (口の部分)28cm Mサイズ(約10L) (たて)32.8cm × (横)22cm × (マチ)16cm × (口の部分)37cm 【重量】 Sサイズ:約110gMサイズ:約128g 【素材】 外側:高密度ポリエチレン断熱材:ポリウレタンフォームインナー:PEVA FAQ|よくある質問 どれくらい保冷できますか? 使用環境や保冷剤の量によって異なりますが、保冷剤や氷と併用することで飲み物や食品をしっかり冷たい状態で持ち運べます。ロールトップ構造と3層構造により冷気を逃しにくく、デイキャンプやピクニック、通勤時のランチバッグとしても活躍します。 保冷剤は必要ですか? より高い保冷効果を得るために保冷剤や氷との併用をおすすめしています。特に夏場や長時間使用する場合は、凍らせた保冷剤を一緒に入れることで保冷時間を延ばすことができます。 SサイズとMサイズはどちらがおすすめですか? 普段使い中心ならSサイズ、キャンプやレジャーでしっかり収納したい方はMサイズがおすすめです。【Sサイズ(約7L)】お弁当、おにぎり、飲み物数本、ソロキャンプ【Mサイズ(約10L)】500ml缶6本パック、複数人分の飲み物、食材の持ち運び、ファミリーキャンプ 500mlのペットボトルは入りますか? はい。Mサイズは500ml缶6本パックがそのまま収納できるサイズ設計になっており、500mlペットボトルや飲料の持ち運びにも適しています。 防水仕様ですか? 外側には高密度ポリエチレン素材を採用しており、軽量で耐久性は高いですが、水に触れるとシミになるため注意が必要です。 高密度ポリエチレン素材とは何ですか? 高密度ポリエチレンから作られた特殊素材です。紙のような独特の風合いを持ちながら、高い耐久性・軽量性・防水性を兼ね備えているため、アウトドア用品や建築資材など幅広い分野で使用されています。 折りたたんで収納できますか? はい。使用しない時は小さく折りたたんで収納できます。ハードクーラーボックスのように収納スペースを取らないため、キャンプや車載用としても便利です。ユーザーレビューでも「軽量でコンパクトに畳める」という声をいただいています。 洗うことはできますか? 汚れた場合は柔らかい布で拭き取るか、内側を軽く水拭きしてください。使用後はしっかり乾燥させることで、より長く快適にお使いいただけます。 キャンプ以外でも使えますか? もちろんです。お弁当バッグ、ランチバッグ、買い物時の保冷バッグ、公園や海水浴、花火大会、フェスなど様々なシーンで活躍します。軽量で持ち運びやすいため、日常使いにもおすすめです。 ソフトクーラーとハードクーラーの違いは何ですか? ソフトクーラーは軽量で持ち運びやすく、収納時はコンパクトになることが大きなメリットです。一方で、数日間の保冷を目的とする大型ハードクーラーと比べると用途は異なります。日帰りキャンプやピクニック、ランチ用途ではソフトクーラーの利便性を好むユーザーも多くいます。 同じ素材の「ランチバッグ」販売中 商品ページはこちら 公式LINEでも随時情報配信中 各SNSでも使用方法や活用方法、その他お得な情報を紹介しています! 公式インスタグラム 公式X 公式メルマガ 公式TikTok 公式Youtube「ZENちゃんねる」で様々なコンテンツを配信中! チャンネルはこちら
More you might like
Related
Quiksilver 24-Can Insulated Roll Top Cooler – 18L Soft Coole
Related
Roll Top Cooler Bag
Related
AO Coolers Nomad Backpack Cooler, Waterproof Roll-Top, Insul
Related