前ファスナーデニムサロペット
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&family=Noto+Sans+JP:wght@300;400;500&display=swap'); * { box-sizing: border-box; margin: 0; padding : 0; } .page-wrap { font-family: 'Noto Sans JP', sans-serif; font-weight: 300; color: #1a1a1a; background: transparent; line-height: 1.9; font-size: 15px; max-width: 720px; margin: 0 auto; padding: 2rem 1.25rem 4rem; } /* 画像は全てこのクラスで管理 */ .img-block { width: 100%; margin: 1.5rem 0; } .img-block img { display: block; width: 100%; height: auto; } .img-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 1.5rem 0; } .img-grid-2 img, .img-grid-3 img { display: block; width: 100%; height: auto; } .img-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin: 1.5rem 0; } /* ── HERO ── */ .hero { padding: 2rem 0 2.5rem; border-bottom: 0.5px solid #ddd; margin-bottom: 3rem; } .hero-eyebrow { font-size: 11px; letter-spacing: 0.25em; color: #999; margin-bottom: 1rem; text-transform: uppercase; display: block; } .hero-title { font-family: 'Noto Serif JP', serif; font-size: 28px; font-weight: 300; line-height: 1.5; color: #1a1a1a; margin-bottom: 1rem; } .hero-subtitle { font-size: 14px; color: #666; line-height: 1.85; margin-bottom: 0.4rem; } /* ── SECTION ── */ .section { margin-bottom: 4rem; } .section-label { font-size: 11px; letter-spacing: 0.2em; color: #999; text-transform: uppercase; margin-bottom: 0.75rem; display: block; } .section-heading { font-family: 'Noto Serif JP', serif; font-size: 20px; font-weight: 300; line-height: 1.6; margin-bottom: 1.25rem; color: #1a1a1a; } .body-text { font-size: 14.5px; line-height: 2; color: #555; margin-bottom: 1rem; } .body-text strong { color: #1a1a1a; font-weight: 500; } .divider { border: none; border-top: 0.5px solid #ddd; margin: 2.5rem 0; } /* ── CALLOUT ── */ .callout { background: #f7f7f7; border-radius: 8px; padding: 1.5rem 1.75rem; margin: 2rem 0; } .callout-heading { font-family: 'Noto Serif JP', serif; font-size: 16px; font-weight: 300; margin-bottom: 0.75rem; color: #1a1a1a; } .callout-text { font-size: 13.5px; color: #666; line-height: 1.85; } /* ── FEATURE LIST ── */ .feature-list { list-style: none; margin: 1.25rem 0; } .feature-list li { font-size: 14px; color: #555; padding: 0.65rem 0; border-bottom: 0.5px solid #e0e0e0; display: flex; gap: 12px; align-items: flex-start; line-height: 1.7; } .feature-list li:first-child { border-top: 0.5px solid #e0e0e0; } .feature-list li strong { color: #1a1a1a; font-weight: 500; } .feature-bullet { font-size: 11px; color: #aaa; margin-top: 3px; flex-shrink: 0; } /* ── STAFF VOICE ── */ .staff-voice { border-left: 2px solid #ccc; padding: 1rem 0 1rem 1.5rem; margin: 2rem 0; } .staff-voice-name { font-size: 11px; letter-spacing: 0.15em; color: #999; margin-bottom: 0.5rem; text-transform: uppercase; display: block; } .staff-voice-text { font-size: 14px; color: #555; line-height: 1.9; font-style: italic; } /* ── REVIEW BUTTON ── */ .review-btn-wrap { margin: 2rem 0 0.5rem; text-align: center; } .review-btn { display: inline-block; font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0.1em; color: #221713; background: #FFFFFF; border: 1px solid #221713; padding: 0.75rem 2.5rem; text-decoration: none; transition: background 0.2s, color 0.2s; cursor: pointer; } /* ── COLOR SWATCHES ── */ .color-swatches { display: flex; gap: 20px; margin: 1.5rem 0; flex-wrap: wrap; } .swatch-item { display: flex; flex-direction: column; align-items: center; gap: 6px; } .swatch-circle { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ddd; } .swatch-label { font-size: 11px; color: #999; letter-spacing: 0.1em; } /* ── QUOTE ── */ .quote-block { text-align: center; padding: 2.5rem 1rem; margin: 2.5rem 0; } .quote-block p { font-family: 'Noto Serif JP', serif; font-size: 18px; font-weight: 300; line-height: 1.8; color: #1a1a1a; } /* ── SIZE TABLE ── */ .size-unit { font-size: 12px; color: #999; margin-bottom: 8px; letter-spacing: 0.05em; display: block; } .size-table-wrap { border: 1px solid #c8c8c8; overflow: hidden; margin: 1.25rem 0; } .size-table { width: 100%; border-collapse: collapse; font-size: 13.5px; } .size-table th { background: #f0f0f0; font-weight: 500; font-size: 13px; color: #222; padding: 10px 18px; border-bottom: 1px solid #c8c8c8; text-align: center; } .size-table th:first-child { text-align: left; } .size-table td { padding: 10px 18px; color: #555; border-bottom: 1px solid #c8c8c8; text-align: center; font-size: 13.5px; } .size-table tr:last-child td { border-bottom: none; } .size-table td:first-child { font-weight: 500; color: #222; background: #f0f0f0; text-align: left; border-right: 1px solid #c8c8c8; } .note-text { font-size: 12.5px; color: #999; line-height: 1.8; margin-top: 0.75rem; } /* ── INFO TABLE ── */ .info-table-wrap { border: 1px solid #c8c8c8; overflow: hidden; margin: 1.25rem 0; } .info-table { width: 100%; border-collapse: collapse; font-size: 13.5px; } .info-table td { padding: 12px 18px; border-bottom: 1px solid #c8c8c8; vertical-align: top; line-height: 1.7; } .info-table tr:last-child td { border-bottom: none; } .info-table .info-key { font-weight: 500; color: #222; background: #f0f0f0; white-space: nowrap; width: 110px; border-right: 1px solid #c8c8c8; font-size: 13px; } .info-table .info-val { color: #555; } .info-note { font-size: 12px; color: #999; margin-top: 4px; display: block; } @media (max-width: 520px) { .img-grid-2 { grid-template-columns: 1fr; } .img-grid-3 { grid-template-columns: 1fr 1fr; } .hero-title { font-size: 22px; } .info-table .info-key { width: 80px; font-size: 12px; } } Rien+∞ — 2026 Spring デニムサロペットインディゴブルー / ホワイト 楽ちんなのに、どこか凛として見える。 大人の女性だからこそ似合う、一枚のデニムサロペット。 フロントファスナー仕様で着脱がしやすく、シャープな縦ラインを演出。カジュアルになりすぎず、すっきりとした印象に仕上がります。 Story 「サロペット、敬遠してたんですが——」という方にこそ、着てみてほしい。 サロペットと聞いて、どんなイメージが浮かびますか？「着脱がめんどくさそう」「なんとなく子どもっぽい気がして」——そんな理由で長らく遠ざけていた方もいるかもしれません。 でも、このデニムサロペットは少し違います。細めの肩紐が、幼さをすっと消してくれる。程よく開いた背中が、大人の抜け感を生む。着てみると「あ、私に似合う」と思える瞬間がきっとあります。 インディゴブルーと、今春注目のホワイト。どちらも、普段のワードローブにすんなりなじむ、ずっと着られる一色です。 Wearing Style 胸元のジップで、今日の気分を決める。 このサロペットのポイントは、胸元のジップ（ファスナー）。開け具合を変えるだけで、まったく違う表情になります。 — 半開きで着ると、中のトップスのロゴや柄がのぞいて、こなれた雰囲気に。今日のお気に入りTシャツを主役にしたい日に。 — 肩を落として、ウエストの内蔵紐を絞れば、ワイドパンツとして履けます。トップスとのセットアップ使いも。 ワイドパンツとして履くときの、ちょっとしたコツ 肩を下ろしてパンツとして着るとき、ウエスト位置にゆとりが出ますが、内蔵の紐でしっかり絞れるので安心です。「ワイドパンツのトイレ問題」が気になる方には、100均のアームバンドが意外な救世主。 Design Detail 細部まで、大人のために計算されたデザイン。 シルエットのきれいさは、小さなディテールの積み重ねです。 — 細めの肩紐。太い肩紐が持ちがちな「子どもっぽさ」を、すっきり省いています。長さ調整（32〜60cm）ができるので、低身長から高身長の方まで、自分にぴったりな位置に合わせられます。 — 程よく開いた背中。露出しすぎず、でもきちんと抜け感のある開き具合。後ろ姿もきれいに見えるよう設計しています。 — ポケットの位置が、小尻に見せる。バックのポケット位置はしっかり計算済み。さりげなく、でも確実に、後ろ姿をすっきり見せてくれます。 — ウエストに内蔵紐。サロペットとして着るときも、ウエストをほどよく絞って、メリハリのあるシルエットに整えられます。 Staff Voice リアルバイしたスタッフの正直な感想です。 Staff A — ホワイトをリアル購入 「実はわたし、このホワイトをリアルバイしています。着てみるまでは『サロペットって難しそう』って思っていたんですが、ジップの開け具合を変えるだけで気分が変わるのが楽しくて、今では頻繁に手が伸びます。洗いやすいのも正直ありがたい」 Staff B — 肩紐の長さを調整して 「身長が高めなので、肩紐を短めに調整して着ています。丈のバランスがちょうどよくなって、すごく着やすい。胸元をちょっと開けてTシャツをのぞかせるスタイルが最近のお気に入りです」 着用レビューはこちら 「楽なのに、なぜかきちんとして見える」——そういうものが、ずっと好きです。 Color 2色、どちらを選びますか。 定番のインディゴブルーと、今春の新色ホワイト。どちらも、デニムならではのしっかりした生地感で、着るほどに体になじんでいきます。 INDIGO WHITE Size Guide サイズについて 肩紐の長さ調整（32〜60cm）ができるため、幅広い身長の方にお使いいただけます。サイズ選びに迷ったときはお気軽にお問い合わせください。 単位：cm サイズ FREE 前ファスナーから総丈 123 肩紐 32〜60（調整可） ウエスト 92 ヒップ 98 股下 69 裾回り 81 推奨身長 — ※ 手作業による平置き採寸のため、多少の誤差が出る場合がございます。※ モデル身長：156cm（着用写真参照） Information 商品情報 ブランド Rien⁺∞ 素材 本体：綿 70%、ポリエステル 30%別布：ポリエステル 80%、綿 20% サイズ FREE上記サイズ表をご覧ください。手作業による平置き採寸のため、多少の誤差が出る場合がございます。 カラー Indigo Blue / White 原産国 Made in China 気になることがあれば、お気軽にお問い合わせください。 LINE でお問い合わせ