Refresh Cooler ノンワイヤーブラ

LECIEN ルシアン Verified independent store

→

/* 1. 基本設定 */ * { box-sizing: border-box; } body { background: linear-gradient(180deg, #e8f4fc 0%, #ffffff 10%, #ffffff 100%); margin: 0; padding: 0; font-family: 'Zen Kaku Gothic New', sans-serif; font-weight: 300; color: #333333; line-height: 2.0; letter-spacing: 0.05em; } sup { font-size: 0.6em; vertical-align: super; } /* 画像・動画が画面の高さ（80vh）に収まるように調整 */ img, video { width: 100%; max-width: 100%; max-height: 80vh; height: auto; object-fit: contain; display: block; margin: 0 auto; border-radius: 0; border: none; } a { text-decoration: none; color: inherit; transition: opacity 0.3s; } a:hover { opacity: 0.8; } /* 2. セクションの設定 */ .lp-section { width: 100%; padding: 100px 5%; position: relative; } .bg-light-blue { background: linear-gradient(180deg, #f5fafd 0%, #ffffff 100%); } .container { max-width: 1000px; margin: 0 auto; position: relative; } /* 3. タイポグラフィ */ h1, h2, h3 { color: #111111; margin: 0 0 20px 0; font-weight: 400; } p { font-size: 16px; margin-bottom: 24px; color: #444444; } .section-title { font-size: 28px; font-weight: 400; margin-bottom: 40px; text-align: center; letter-spacing: 0.1em; color: #222222; } .section-title::after { content: ''; display: block; width: 40px; height: 1px; background-color: #a8c8e1; margin: 20px auto 0; } /* 4. レイアウト（常に中央寄せの1カラムベース） */ .text-block { max-width: 800px; margin: 0 auto 40px; text-align: center; } /* 本文の改行を綺麗に見せるため、ブロックごと中央に置きつつ文字は左揃えにする */ .text-block p { display: inline-block; text-align: left; } /* 複数枚画像の横並び用グリッド（PC・スマホ共通） */ .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; } .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; margin-top: 40px; } /* お悩みリスト */ .worry-list { padding: 30px; max-width: 600px; margin: 0 auto 40px; } .worry-list h3 { text-align: center; font-size: 20px; margin-bottom: 20px; color: #1a5276; } .worry-list ul { margin: 0; padding: 0; list-style: none; } .worry-list li { background: rgba(255, 255, 255, 0.8); border: 1px solid #dcecf6; border-radius: 0; padding: 12px 20px 12px 40px; margin-bottom: 15px; color: #1a5276; font-size: 15px; position: relative; text-align: left; } .worry-list li::before { content: '✓'; position: absolute; left: 15px; color: #7aa2c2; font-weight: bold; } /* サイズ表イメージコンテナ */ .size-table-wrapper { width: 100%; margin-bottom: 40px; text-align: center; } /* 自動計算ツール */ .calculator-box { background: #f0f8ff; padding: 40px 30px; border-radius: 0; text-align: center; border: 1px solid #dcecf6; max-width: 750px; margin: 0 auto; } .calc-inputs { display: flex; justify-content: center; gap: 30px; margin-bottom: 30px; flex-wrap: wrap; } .calc-input-group { display: flex; flex-direction: column; text-align: left; } .calc-input-group label { font-size: 15px; color: #1a5276; margin-bottom: 8px; font-weight: 500;} .calc-input-group input { padding: 15px; border: 1px solid #ccc; border-radius: 0; width: 220px; font-size: 16px; background: #fff; } .calc-btn { background-color: #7aa2c2; color: white; border: none; padding: 18px 50px; font-size: 16px; border-radius: 0; cursor: pointer; transition: 0.3s; font-weight: 500; letter-spacing: 0.05em; width: 100%; max-width: 350px;} .calc-btn:hover { background-color: #5c85a6; } .calc-result { margin-top: 30px; font-size: 18px; font-weight: 500; color: #1a5276; min-height: 60px; line-height: 1.8; } /* ラインナップ */ .lineup-item img { margin-bottom: 15px; border-radius: 0; transition: transform 0.3s ease; } .lineup-item:hover img { transform: translateY(-5px); } .lineup-item p { font-size: 14px; font-weight: 500; margin: 0; color: #1a5276;} /* FAQ */ .qa-box { border-bottom: 1px solid #e2eef7; padding: 30px 0; } .qa-box:first-of-type { border-top: 1px solid #e2eef7; } .qa-box .q { font-weight: 500; color: #1a5276; margin-bottom: 15px; font-size: 16px; } .qa-list { padding-left: 20px; margin: 10px 0 0 0; list-style-type: none; } .qa-list li::before { content: "・"; } /* スマホ用レイアウト */ @media (max-width: 768px) { .lp-section { padding: 70px 5%; } /* スマホでタイトルが改行されないようにフォントサイズを画面幅に合わせて自動縮小 */ .section-title { font-size: clamp(14px, 4.5vw, 24px); margin-bottom: 30px; line-height: 1.5; } /* お悩みセクションもスマホで改行されないサイズに調整 */ .worry-list h3 { font-size: clamp(14px, 4vw, 20px); } .worry-list li { font-size: clamp(11px, 3.2vw, 15px); } h1 { font-size: 26px !important; line-height: 1.6 !important; } /* 横並びグリッドのスマホ対応 */ .grid-3 { grid-template-columns: repeat(3, 1fr); gap: 10px; } /* カラー展開はスマホでも横3枚並べる */ .grid-4 { grid-template-columns: repeat(2, 1fr); gap: 15px; } /* ラインナップは横2枚ずつ並べる */ .calc-inputs { flex-direction: column; align-items: center; gap: 20px; margin-bottom: 20px;} .calc-input-group input { width: 100%; max-width: 300px; } .lineup-item p { font-size: 12px; } } 接触冷感ワイヤレスブラ | 夏の涼感インナー Refresh Cooler® 夏のブラストレスから、もっと自由に。 暑い季節を、もっと快適に、もっと軽やかに。Refresh Cooler®は、夏特有のブラストレスに寄り添う一枚です。 夏のブラは、我慢するものだと思っていた。 こんなお悩みありませんか？ 暑くてバストがムレる 汗でべたつく 暑い季節はワイヤーブラが苦しい 下着は着け心地にこだわりたい そんな人におすすめ！ 胸まわりの汗やムレ、ベタつき、ワイヤーによる締め付け感。さらに、薄着になったときの背中の段差やブラのラインなど、夏のブラにまつわるお悩みを、仕方ないとあきらめていませんか？ そのブラストレスに、新しい答えを。 接触冷感、吸汗速乾メッシュ、軽量設計、そして美しいシルエット。Refresh Cooler®は、夏のブラストレスに寄り添い、快適さと美しさを両立したワイヤレスブラです。 【接触冷感・吸汗速乾】ひんやり、さらりと心地よく。 肌に触れた瞬間のひんやり感と、汗をかいてもさらりと続く快適さ。接触冷感素材と吸汗速乾性に優れたメッシュ素材を採用し、暑い季節のムレやベタつきを軽減します。夏用ブラに求める涼しさと心地よさを、大人の毎日に寄り添う一枚に仕上げました。 着けていることを忘れるほどの、軽やかさ。 通気性に優れた穴あき不織布カップを採用し、ムレにくく快適な着け心地に。さらに約44gの軽量設計で、着けていることを忘れるほどの軽やかさを実現しました。暑い季節も、毎日の動きに自然に寄り添ってくれるノンワイヤーブラです。 涼しさも、美しさも。 夏用ブラは、軽くて快適な反面、シルエットはどこか物足りない。そんな経験はありませんか。Refresh Cooler®は、涼しく、軽く、心地よい着け心地に加え、自然で美しいバストシルエットにもこだわりました。快適さも、美しさも。どちらも妥協したくない方のための一枚です。 シルエットに、差がつく。 ノンワイヤーブラならではの快適な着け心地はそのままに。Beautyタイプは、すっきりと美しいシルエットにもこだわりました。 夏の毎日を、もっと快適に。 通勤やお友達とのおでかけ、旅行まで。暑い季節のさまざまなシーンで、Refresh Cooler®が快適な毎日をサポートします。 選べる、3つのカラー。 毎日に取り入れやすい、ベーシックな3カラーをご用意しました。お好みに合わせてお選びいただけます。 3サイズ展開で、サイズ選びも簡単。 M・L・LLの3サイズ展開。サイズ選びに悩みにくく、快適なフィット感をお楽しみいただけます。詳しくはサイズ表をご確認ください。 あなたにぴったりのサイズをチェック アンダーバスト (cm) トップバスト (cm) おすすめサイズを計算する あなたに合った、Refresh Cooler®を。 着け心地やライフスタイルに合わせて選べるRefresh Cooler®シリーズ。あなたにぴったりの一枚を見つけてください。 Beauty Active Soft Shorts FAQ Q. ノンワイヤーですか？ A. はい。Refresh Cooler®シリーズはすべてノンワイヤー仕様です。ワイヤーによる圧迫感を軽減しながら、快適な着け心地を目指しました。 Q. 洗濯機で洗えますか？ A. 洗濯ネットをご使用のうえ、ご家庭の洗濯機でお洗濯いただけます。長くご愛用いただくため、洗濯表示をご確認ください。 Q. サイズ選びはどうすればよいですか？ A. M・L・LLの3サイズ展開です。サイズ表を参考に、普段着用されているブラジャーのサイズを目安にお選びください。 Q. 洋服にひびきにくいですか？ A. カップ表の接ぎ線をできる限りなくし、下辺はテープレスにするなど、アウターにひびきにくい仕様を採用しています。※型によって仕様が異なる場合があります。詳しくは各商品の説明をご確認ください。 Q. どのタイプを選べばよいですか？ A. Refresh Cooler®シリーズは、お好みの着用感やシーンに合わせてお選びいただけます。 Beauty：シルエットにもこだわりたい方 Active：動きやすさを重視したい方 Soft：とにかくラクな着け心地を求める方 Show more