メリノウールボトルネックカットソー
/* ======================================= ベーススタイル & テーマ干渉回避 ========================================== */ .custom-lp-section { font-family: 'Noto Sans JP', sans-serif; background- color: #FFFFF9; 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; } .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; } .size-table th, .size-table td { border: 1px solid #ddd; padding: 8px; text-align: center; } .size-table th { background: #FFFFF9; } /* こだわりグリッド */ .kodawari-grid { display: flex; flex-wrap: wrap; gap: 2rem; } .kodawari-item { flex: 1; min-width: 250px; } /* 左画像・右テキスト（PC） */ .img-text-row { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: flex-start; } .img-text-img { flex: 0 0 380px; max-width: 380px; order: 1; } .img-text-body { flex: 1; min-width: 200px; order: 2; } /* スマホ対応 */ @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 { 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; } .img-text-row { flex-direction: column !important; } .img-text-body { order: 1 !important; min-width: 100% !important; } .img-text-img { order: 2 !important; flex: 0 0 100% !important; max-width: 100% !important; } } ＜推奨サイズ目安 / Size Guide＞ S : 女性S(標準) M : 女性M (標準) L : 女性L (標準) 👇 ページ下部の「スタッフ着用画像」も参考に！ 日常を極める、上質の一枚。 ビジネスシーンや、かしこまった場でのジャケットのインナーとしても使うことを考え、肩幅は狭めに設定し肩から袖アームホール部分に余計なゆとりが出ないようにしてますので、アウターを着用したときの袖・肩まわりがダボつかずストレスがない仕様となっています。 デザイナーのこだわり C-oneのTシャツは、単なる服ではありません。着用者の日常に安らぎと洗練をもたらすため、見えない部分にこそデザイナーの情熱と哲学が宿っています。 01. 上品なカジュアルスタイルを叶える大人のTシャツ 前後のゆとりもしっかりと差をつけることで、首元の開きが絶妙。さらに素材の柔らかさを生かしたドレープ性がありますので、とても品の良い女性らしさを演出するデザインになっています。 02. 1枚でスタイリングが決まる、美しいシルエット 肩接ぎ線を後ろへずらすことで肩周りがキレイに丸みが出るので体に馴染んでくれて、襟から袖までのラインがとてもキレイに出ます。品のある艶感と優雅なドレープ性のある素材だから、ON・OFFどちらでも様々なシーンで、あなたのファッションセンスを格上げしてくれます。 スタッフの着こなし：あなたの日常に溶け込む究極の一枚 「どう着こなせばいい？」お客様の声から生まれた、C BASIC ボトルネックカットソーのおすすめスタイルをご紹介します。（身長と着用サイズも参考にしてください） < merry / 身長：157cm 着用サイズ：S 大きめのサイズでゆったり。肩周りに縫い目がなくて、引っ張られるストレスがなくて楽！ mii / 身長：153cm 着用サイズ：M 二の腕をちょうど良く隠してくれます。ボトルネックの立ち上がりが綺麗で、顔周りがすっきり見えます。柔らかな着心地で、色違いで揃えたくなります。 merry / 身長：157cm 着用サイズ：S ゆったりしすぎず、ドレープが美しい。シンプルに一枚で着こなせます。 > サイズガイド サイズ 着丈 バスト 肩幅 袖丈 S 62.5cm 92cm 40cm 21.5cm M 65cm 98cm 41.5cm 22cm L 67.5cm 104cm 43cm 23cm ※上記は平置き採寸です。多少の誤差はご容赦ください。ご自身の普段のTシャツとサイズを比較いただくことをお勧めします。 こんなお悩み、ありませんか？ 🤔「ウールはチクチクして苦手」 💧「汗をかくと不快で臭いが気になる」 🧺「上質な服は洗濯が面倒そう...」 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); }); })();