<男女兼用>メリノウールハイネック長袖Tシャツ
/* ======================================= ベーススタイル & テーマ干渉回避 ========================================== */ .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; } .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: #f7f5ef; } /* こだわりグリッド */ .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 : 女性M (標準) / 男性S (標準) M : 男性M (標準) L : 男性L (標準) LL : 男性LL (標準) 👇 ページ下部の「スタッフ着用画像」も参考に！ 日常を極める、上質の一枚。 ニットやスウェットなどのインナーに合わせるだけで、秋冬らしい季節感をプラスできます。ジャケットやカーディガンのような羽織りアイテムとも相性◎。ビジネスシーンからカジュアルなスタイリングのインナーとして最適です。ウールTシャツでは類を見ないカラフルな色展開も特徴です。 デザイナーのこだわり C-oneのTシャツは、単なる服ではありません。着用者の日常に安らぎと洗練をもたらすため、見えない部分にこそデザイナーの情熱と哲学が宿っています。 01. シーンレスに使える定番アイテム ゆとりのある襟なので、締め付けがなく程よい開き感。薄手なのに暖かく、ジャケットのインナーとしても最適です。 02. 1枚でスタイリングが決まる、美しいシルエット 肩接ぎ線を後ろにずらすことで肩周りがキレイに丸みを帯び、襟から袖までのラインが非常に美しく映えます。 スタッフの着こなし：あなたの日常に溶け込む究極の一枚 「どう着こなせばいい？」お客様の声から生まれた、C HIGH NECK メリノウール長袖Tシャツのおすすめスタイルをご紹介します。（身長と着用サイズも参考にしてください） < Yoshi / 身長：168cm 着用サイズ：L 程よいゆとり感。襟が首の短い自分でも着れる高さ。高過ぎず低過ぎないのと、首を締め付けないゆとりがとても良い。 merry / 身長：157cm 着用サイズ：S ゆったりしすぎず、ドレープが美しい。シンプルに一枚で着こなせます。 イヌイ / 身長：177cm 着用サイズ：M ゆったりしすぎず、ドレープが美しい。シンプルに一枚で着こなせます。 YK / 身長：155cm 着用サイズ：S ネック部分を折っても折らなくてもコーディネートに合わせて使える冬の必須アイテム。ウールワンピースと重ね着でよく使用します。 mii / 身長：153cm 着用サイズ：S 身体に沿うシルエットで、アウターの下でもごわつきません。カシミヤのような滑らかさで、真冬のインナーとして最高の着心地です。 > サイズガイド サイズ 着丈 バスト 肩幅 袖丈 S 65cm 91cm 40cm 55cm M 69cm 105cm 44cm 60cm L 71cm 113cm 46.5cm 61cm LL 74cm 119cm 49cm 62cm ※上記は平置き採寸です。多少の誤差はご容赦ください。ご自身の普段のTシャツとサイズを比較いただくことをお勧めします。 こんなお悩み、ありませんか？ 🤔「ウールはチクチクして苦手」 💧「汗をかくと不快で臭いが気になる」 🧺「上質な服は洗濯が面倒そう...」 C-oneの「Super100'sメリノウール」が、その悩みをすべて解決します。 Super100'sメリノウール：本質的な6つの機能 C-oneの全アイテムに共通する極上の素材「Super100'sメリノウール」。この一枚が、あなたの日常を変えます。 ✨ カシミヤのような肌触りチクチクせず、とろける滑らかさ。 🌡️ 一年中快適な調温性夏は涼しく、冬は暖かい。 👃 驚きの防臭力天然の抗菌作用で一日中清潔。 💧 抜群の吸湿速乾性汗をかいてもべたつかず、さらりとドライ。 ✅ 自宅で洗える高品質なのに、手軽にお手入れ可能。 🌱 地球に優しい天然素材再生可能で、生分解性のサステナブル素材。 Super100'sメリノウールの物語を深く知る C HIGH NECK メリノウール長袖Tシャツ：細部に宿る、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); }); })();