<男女兼用>メリノウールスウェットプルオーバー
/* ======================================= ベーススタイル & テーマ干渉回避 ========================================== */ .custom-lp-section { font-family: 'Noto Sans JP', sans-serif; background- color: #f7f5ef; color: #48350D; line-height: 1.8; font-size: 18px !important; } .custom-lp-container { max-width: 900px; margin: 0 auto; padding: 1rem; } .custom-lp-container img { max-width: 100%; height: auto; } /* 本文テキスト */ .custom-lp-section p, .custom-lp-section li, .custom-lp-section span, .custom-lp-section td, .custom-lp-section th { font-size: 18px !important; line-height: 1.8 !important; } /* セクション見出し */ .custom-lp-heading { font-size: 22px !important; font-weight: 700 !important; color: #48350D !important; border-left: 4px solid #8D8741; padding-left: 1rem; margin-bottom: 1.5rem; line-height: 1.4 !important; } /* h2・h3のテーマ干渉を強制上書き */ .custom-lp-section h2 { font-size: 22px !important; font-weight: 700 !important; line-height: 1.4 !important; } .custom-lp-section h3 { font-size: 20px !important; font-weight: 700 !important; line-height: 1.4 !important; color: #48350D !important; } /* 番号見出し（デザイナー・こだわり共通） */ .custom-lp-section .kodawari-num-heading { font-size: 20px !important; font-weight: 700 !important; color: #48350D !important; margin-bottom: 0.75rem; line-height: 1.4 !important; display: block; } .custom-lp-card { background-color: #ffffff; border-radius: 0.5rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); padding: 2rem; margin: 2.5rem 0; } /* ======================================= 案内板 ========================================== */ .guide-box { background: #fff; padding: 1.5rem; border-radius: 0.5rem; border: 1px solid #e0e0e0; margin-bottom: 2rem; box-shadow: 0 2px 5px rgba(0,0,0,0.05); text-align: center; } /* ======================================= 悩み解決セクション ========================================== */ .solution-box { background-color: #fff; border: 1px solid #d4d0c8; border-radius: 12px; padding: 2rem; text-align: center; margin-bottom: 2.5rem; } .solution-grid { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; } .solution-item { flex: 1; min-width: 120px; } /* ======================================= 機能グリッド ========================================== */ .feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; text-align: center; margin-top: 1.5rem; } /* ======================================= カルーセル・スタッフ情報 ========================================== */ .carousel-wrapper { position: relative; width: 100%; overflow: hidden; } .carousel-track-container { width: 100%; overflow: hidden; } .carousel-track { display: flex !important; flex-wrap: nowrap !important; gap: 16px; transition: transform 0.3s ease-in-out; } .staff-item { flex: 0 0 200px !important; width: 200px !important; min-width: 200px !important; background: #fcfcfc; padding: 0.5rem; border-radius: 0.5rem; box-shadow: 0 1px 4px rgba(0,0,0,0.05); } .staff-item .staff-name { font-size: 16px !important; font-weight: 700 !important; color: #48350D !important; display: block; margin-top: 8px; margin-bottom: 2px; } .staff-item .staff-size { font-size: 15px !important; color: #48350D !important; display: block; margin-bottom: 4px; } .staff-item .staff-comment { font-size: 14px !important; color: #666 !important; line-height: 1.6 !important; display: block; } .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd; width: 40px; height: 40px; border-radius: 50%; font-size: 1.2rem; font-weight: bold; color: #48350D; cursor: pointer; z-index: 10; display: flex; justify-content: center; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .carousel-btn.prev { left: 5px; } .carousel-btn.next { right: 5px; } /* ======================================= サイズ表 ========================================== */ .size-table { width: 100%; border-collapse: collapse; margin-top: 1rem; font-size: 0.9rem; } .size-table th, .size-table td { border: 1px solid #ddd; padding: 8px; text-align: center; } .size-table th { background: #f7f5ef; } /* ======================================= こだわり・デザイナーグリッド ========================================== */ .kodawari-grid { display: flex; flex-wrap: wrap; gap: 2rem; } .kodawari-item { flex: 1; min-width: 250px; } .designer-flex { display: flex; flex-wrap: wrap; gap: 2rem; } .designer-col { flex: 1; min-width: 280px; } /* ======================================= スマホ対応 (max-width: 600px) ========================================== */ @media (max-width: 600px) { .custom-lp-section, .custom-lp-section p, .custom-lp-section li, .custom-lp-section span, .custom-lp-section td, .custom-lp-section th { font-size: 16px !important; } .custom-lp-heading, .custom-lp-section h2 { font-size: 18px !important; } .custom-lp-section h3, .custom-lp-section .kodawari-num-heading { font-size: 17px !important; } .custom-lp-card { padding: 1.25rem; margin: 1.5rem 0; } .feature-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .kodawari-item, .designer-col { min-width: 100%; } .size-table, .size-table th, .size-table td { font-size: 14px !important; } .size-table th, .size-table td { padding: 6px 3px; } .solution-item { min-width: 80px; } .solution-item p { font-size: 14px !important; } .solution-box h2 { font-size: 18px !important; } .carousel-btn { width: 32px; height: 32px; font-size: 1rem; } } ＜推奨サイズ目安 / Size Guide＞ M : 男性M (標準) / 女性L (標準) L : 男性L (標準) 👇 ページ下部の「スタッフ着用画像」も参考に！ 日常を極める、上質の一枚。 こちらのトレーナー、一見普通のスウェットのようです。が、触った瞬間、明らかにふわっとやわらかく軽やかで、すぐ違いに気づきます。毎年気候が変わり服えらびが難しい時でも、調整しやすい、スウェットとニットの間のような存在です。 デザイナーのこだわり C-oneのトレーナーは、単なる服ではありません。着用者の日常に安らぎと洗練をもたらすため、見えない部分にこそデザイナーの情熱と哲学が宿っています。 01. 新時代のスウェット、誕生 ◾️ニュージーランドの南アルプスで育ったメリノ種の羊毛を原料とした素材を使用し、裏毛という表がフラットな目面で裏側をループ状に編み込んだ組織（スウェットやタオルなどに使われる）にしています。通常のフラットな編み組織に比べ、保温や保湿性に優れています。 ◾️天然素材のウールには吸湿発散性や保温性、防臭性など優れた特徴があります。このスウェットのように程よい肉感でサラッとドライな仕上がりのウールトレーナーは、チクチク感も少なく、暖かい季節でもベタつくことがないのでロングシーズン快適です。こだわり抜いた素材使いが、極上の着心地をもたらしてくれます。 02. 大人が着られる、品のいいプルオーバー 軽くあたたかで、内側はメリノウール100％と極上の気持ち良さ。ついつい手に取る回数が増えること間違いなしの、大人のための日常着です。カジュアルアイテムの代表的存在のプルオーバーですが、大人が着るのにちょうどよいアレンジがたくさん施されています。 ◾️デザインディティール ・肩線は後ろにずらすことで肩周りをスッキリさせ馴染みが良くなります。 ・脇の接ぎ線を前にずらすことでウェストラインをスッキリと見せてくれます。 ・袖口には指ぬきがついており、冬場に手袋をはめる際に袖が上がるのを防ぎます。 スタッフの着こなし：あなたの日常に溶け込む究極の一枚 「どう着こなせばいい？」お客様の声から生まれた、メリノウールスウェットプルオーバーのおすすめスタイルをご紹介します。（身長と着用サイズも参考にしてください） < Yoshi / 身長：168cm 着用サイズ：M 程よいゆとり感。襟ぐりがジャストでだらしなく見えなくていい。 Yoshi / 身長：168cm 着用サイズ：M 程よいゆとり感。襟ぐりがジャストでだらしなく見えなくていい。 Yoshi / 身長：168cm 着用サイズ：M 程よいゆとり感。襟ぐりがジャストでだらしなく見えなくていい。 イヌイ / 身長：177cm 着用サイズ：M Mサイズで肩幅がちょうど良く、インナーとして最適なジャストフィット。ウールの滑らかな肌触りが極上で、一日中ジャケットを着ていても蒸れ知らずです。 > サイズガイド サイズ 着丈 バスト 肩幅 袖丈 M 68cm 108cm 48cm 65cm L 71cm 116cm 51cm 65.5cm ※上記は平置き採寸です。多少の誤差はご容赦ください。ご自身の普段のトレーナーとサイズを比較いただくことをお勧めします。 こんなお悩み、ありませんか？ 🤔「ウールはチクチクして苦手」 💧「汗をかくと不快で臭いが気になる」 🧺「上質な服は洗濯が面倒そう...」 C-oneの「Super100'sメリノウール」が、その悩みをすべて解決します。 Super100'sメリノウール：本質的な6つの機能 C-oneの全アイテムに共通する極上の素材「Super100'sメリノウール」。この一枚が、あなたの日常を変えます。 ✨ カシミヤのような肌触りチクチクせず、とろける滑らかさ。 🌡️ 一年中快適な調温性夏は涼しく、冬は暖かい。 👃 驚きの防臭力天然の抗菌作用で一日中清潔。 💧 抜群の吸湿速乾性汗をかいてもべたつかず、さらりとドライ。 ✅ 自宅で洗える高品質なのに、手軽にお手入れ可能。 🌱 地球に優しい天然素材再生可能で、生分解性のサステナブル素材。 Super100'sメリノウールの物語を深く知る メリノウールスウェットプルオーバー：細部に宿る、C-oneのこだわり 素材選びから縫製技術まで一切の妥協を許さず、着用するたびに感動が生まれる一枚をお届けします。 01. 高品質素材 Super100'sメリノウールが持つ自然なとろみと、C-one独自のパターンが融合。身体のラインを拾いすぎず、美しく自然なドレープを生み出します。カジュアルでありながら、洗練された大人の品格を演出。どんなボトムスにも合わせやすく、着る人のスタイルを引き立てます。 02. 熟練の技が光る、日本製ならではの確かな仕立て デリケートなSuper100'sメリノウールの特性を最大限に引き出すため、C-oneは日本の熟練した職人による編み立て・縫製にこだわりました。見えない部分にこそ宿る匠の技が、繰り返し着用・洗濯しても型崩れしにくい高い耐久性を支えています。長くご愛用いただける「本物」の証です。 03. 正直価格 国内の信頼できる工場と、間に商社を挟まずに直接やりとりをすることで、細かな仕様の調整や品質チェックを徹底。それによって生まれたのが、着心地や仕立てに一切妥協のないウールウェアです。流通にかかる余分なコストを削減することで、本来もっと高くなってしまうはずのクオリティを、この価格で。見た目だけではなく、肌に触れたとき、着続けたときに感じる「本物のよさ」を届けたい――それがC-oneのものづくりの原点です。 (function() { function initCarousel(wrapper) { const track = wrapper.querySelector('.carousel-track'); const prevBtn = wrapper.querySelector('.carousel-btn.prev'); const nextBtn = wrapper.querySelector('.carousel-btn.next'); const container = wrapper.querySelector('.carousel-track-container'); if (!track || !prevBtn || !nextBtn) return; const items = Array.from(track.children); let index = 0; const GAP = 16; function getItemWidth() { return items[0] ? items[0].getBoundingClientRect().width + GAP : 216; } function getMaxIndex() { const visible = Math.max(1, Math.floor(container.getBoundingClientRect().width / getItemWidth())); return Math.max(0, items.length - visible); } function applyTransform() { track.style.transform = `translateX(-${getItemWidth() * index}px)`; } function updateButtons() { prevBtn.style.opacity = index = getMaxIndex() ? 'none' : 'auto'; } prevBtn.addEventListener('click', () => { if (index > 0) { index--; applyTransform(); updateButtons(); } }); nextBtn.addEventListener('click', () => { if (index < getMaxIndex()) { index++; applyTransform(); updateButtons(); } }); // タッチスワイプ対応 let startX = 0, isDragging = false, dragDX = 0; container.addEventListener('touchstart', e => { startX = e.touches[0].clientX; isDragging = true; dragDX = 0; track.style.transition = 'none'; }, { passive: true }); container.addEventListener('touchmove', e => { if (!isDragging) return; dragDX = e.touches[0].clientX - startX; const atEdge = (index === 0 && dragDX > 0) || (index >= getMaxIndex() && dragDX < 0); track.style.transform = `translateX(${-(getItemWidth() * index) + (atEdge ? dragDX * 0.3 : dragDX)}px)`; }, { passive: true }); function endTouch() { if (!isDragging) return; isDragging = false; track.style.transition = 'transform 0.3s ease-in-out'; const threshold = Math.min(50, getItemWidth() * 0.25); if (dragDX < -threshold && index < getMaxIndex()) index++; else if (dragDX > threshold && index > 0) index--; applyTransform(); updateButtons(); } container.addEventListener('touchend', endTouch); container.addEventListener('touchcancel', endTouch); window.addEventListener('resize', () => { index = Math.min(index, getMaxIndex()); applyTransform(); updateButtons(); }); updateButtons(); } document.addEventListener('DOMContentLoaded', () => { document.querySelectorAll('.carousel-wrapper').forEach(initCarousel); }); })();