マルチケースチャーム
“自分らしく彩るマルチケースチャーム” 透明感のあるクリア素材で仕立てた、軽やかな存在感が魅力のマルチケース。 中身がひと目で分かるデザインで、散らばりやすい小物をすっきりとまとめながら、見せる収納としても楽しめるアイテムです。 小物入れやカードケースとしてマルチに使えるサイズ感で、日常のちょっとした持ち運びにも便利。スナップボタン付きで開閉しやすく、必要な ものをさっと取り出せる使い勝手の良さもポイントです。 カラビナ付きなので、バッグやベルトループに取り付けてアクセサリー感覚で取り入れるのもおすすめ。付属はやわらかなゴールドで統一し、カジュアルな中にも大人らしい上品さをプラスしました。 軽くてかさばらないコンパクトな設計ながら、ちょっとしたアイテムをしっかり収納。透明感のある素材だからこそ、入れるもの次第で表情が変わり、自分らしいアレンジも楽しめます。 実用性と遊び心を兼ね備えた、小さなアクセント。 日常にさりげない楽しさを添えてくれるマルチケースです。 コーデ提案:Dカン付きユーティリティパンツはこちら>> コーデ提案:Dカン付きスウェットパンツはこちら>> 【 sustainable point 】 地球環境に優しい素材を使用しているまたは地球環境に優しい工程でつくられている Item size サイズ(cm) Free 縦 8 横 12 ※商品により多少の誤差が生じる事がございます。予めご了承ください。※商品画像はサンプルのため、色味やサイズ等の仕様に変更がある場合がございますので、予めご了承ください。 body { font-family: "Yu Gothic", sans-serif; font-size: 14px; margin: 0; padding: 0; background-color: #f8f8f8; color: #333; } .container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; overflow: hidden; /* はみ出し防止 */ } .header { text-align: center; margin-bottom: 60px; } .header h1 { font-size: 24px; font-weight: normal; letter-spacing: 2px; } .look { margin-bottom: 80px; } .look-title { text-align: left; /* 左揃え */ font-size: 12px; color: #666; margin-bottom: 20px; width: max-content; /* コンテンツの幅に合わせる */ margin-left: auto; /* 右端に寄せる */ margin-right: 0; /* 余計な余白をなくす */ } .look-title-left { text-align: left; /* 左揃え */ font-size: 12px; color: #666; margin-bottom: 20px; width: max-content; /* コンテンツの幅に合わせる */ margin-left: 0; /* 右端に寄せる */ margin-right: auto; /* 余計な余白をなくす */ } .top { text-align: center; /* 水平方向に中央揃え */ margin-bottom: 20px; } /* Gallery section */ .gallery { display: flex; /* Flexboxに変更 */ flex-wrap: wrap; /* アイテムが横並びで折り返す */ gap: 20px; justify-content: space-between; /* アイテム間にスペース */ } .gallery img { width: 100%; height: auto; object-fit: cover; transition: transform 0.3s ease; } /* ギャラリー2(2つの画像が横並び) */ .gallery-two { display: flex; gap: 10px; margin-bottom: 20px; width: 100%; } .gallery-two img { width: calc(50% - 5px); /* 2つの画像を横並び */ height: auto; object-fit: cover; } /* ギャラリー3(3つの画像が横並び) */ .gallery-three { display: flex; gap: 10px; margin-bottom: 20px; width: 100%; } .gallery-three img { width: calc(33.333% - 7px); /* 3つの画像を横並び */ height: auto; object-fit: cover; } /* PC用レイアウト調整 */ @media (min-width: 769px) { .gallery, .gallery-two, .gallery-three, .gallery-tall, .gallery-tall-left, .gallery-tall-right { display: flex; justify-content: center; gap: 10px; } .gallery-tall-right { justify-content: flex-end; } .gallery-tall-left { justify-content: flex-start; } .top img { display: block; /* 画像をブロック要素にする */ margin: 0 auto; /* 左右の余白を自動にして中央揃え */ max-width: 650px; height: auto; /* 縦横比を維持 */ } .gallery img, .gallery-two img, .gallery-three img, .gallery-tall img, .gallery-tall-left img, .gallery-tall-right img { max-width: 390px; height: auto; object-fit: cover; } /* ギャラリータル(縦長の画像が横並び) */ .gallery-tall, .gallery-tall-right { display: flex; gap: 10px; align-items: flex-end; /* 高さを揃えない */ margin-bottom: 20px; width: 100%; } .gallery-tall img:nth-child(1), .gallery-tall-right img:nth-child(1) { height: 480px; } .gallery-tall img:nth-child(2), .gallery-tall-right img:nth-child(2) { height: 560px; } .gallery-tall img:nth-child(3), .gallery-tall-right img:nth-child(3) { height: 520px; } .gallery-tall img, .gallery-tall-right img { width: auto; object-fit: cover; } /* 左側レイアウト */ .gallery-tall-left { display: flex; gap: 10px; align-items: flex-end; margin-bottom: 20px; width: 100%; } .gallery-tall-left img:nth-child(1) { height: 560px; } .gallery-tall-left img:nth-child(2) { height: 520px; } .gallery-tall-left img:nth-child(3) { height: 480px; } .gallery-tall-left img { width: auto; object-fit: cover; } .banner { display: block; /* display: blockで中央揃えを適用 */ margin: 0 auto; /* 親要素内で中央揃え */ width: 391px; /* バナーの幅を固定 */ text-align: center; /* リンクを中央に配置 */ } .banner a { display: block; /* リンクをブロックレベルにして画像全体をクリック可能に */ } .banner img { width: 391px; /* 横幅を391pxに固定 */ height: auto; /* 縦横比を維持 */ object-fit: cover; /* 画像が枠にフィットするように調整 */ } /* 親要素で中央寄せ */ .banner-container { text-align: center; /* 中央揃え */ } } /* スマホ表示時(横並びを維持) */ @media (max-width: 768px) { .gallery, .gallery-two, .gallery-three { flex-wrap: wrap; justify-content: center; gap: 5px; } .gallery img, .gallery-two img, .gallery-three img { width: calc(50% - 5px); height: auto; } /* 3列レイアウト */ .gallery-three img { width: calc(33.333% - 5px); } /* 縦長画像のレイアウト */ .gallery-tall, .gallery-tall-left, .gallery-tall-right { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 10px } .gallery-tall img, .gallery-tall-left img, .gallery-tall-right img { width: 100%; max-width: 400px; height: auto; object-fit: cover; } } } .gallery img:hover { transform: scale(1.05); } .centered-image { display: flex; justify-content: center; /* 水平中央揃え */ align-items: center; /* 垂直中央揃え */ height: 650px; /* 高さを600pxに設定 */ margin-bottom: 20px; /* 画像下に余白 */ } .centered-image img { max-height: 100%; /* 親要素の高さに合わせて調整 */ width: auto; /* 横幅を自動調整 */ object-fit: cover; /* 画像を切り取らずに中央にフィットさせる */ } .centered-image-horizontal{ display: flex; justify-content: center; align-items: center; width: 100%; /* 画面幅に応じて自動調整 */ max-width: 600px; /* 最大幅は600pxまで */ margin: 0 auto 20px; /* 中央揃え */ } .centered-image-horizontal img { max-height: 100%; /* 親要素の高さに合わせて調整 */ width: auto; /* 横幅を自動調整 */ object-fit: cover; /* 画像を切り取らずに中央にフィットさせる */ } .lookbook-video { display: flex; justify-content: center; /* 中央揃え */ align-items: center; width: 100%; max-width: 600px; /* 必要に応じて変更 */ margin: 0 auto 20px; /* 中央配置 & 下に余白 */ } .lookbook-video video { width: 100%; height: auto; } LOOK BOOK Vol.10 Botanical Mesh Knit Tops ¥16,500 Botanical Mesh Knit Skirt ¥17,600 Airy Line Skinny Scarf ¥5,500 [SET] Botanical Mesh Knit Setup¥34,100 → ¥29,500 <素材> + Material 本体 ポリ塩化ビニル 金具 金属 透け感 あり なし 生地の厚さ 厚手 薄手 伸縮性 あり なし 質感 硬い 柔らかい <アイテム/コレクションのこだわり> + 【Item】“ちょっとした小物も、どうせなら気分が上がる形で持ちたい” そんなディレクターの想いから生まれたアイテムです。 もともとはパンツのスタイリングを考える中で、Dカンに何か付けられたら楽しいよね、という会話がきっかけでした。ただの付属ではなく、きちんと“使えるもの”として成立させたく、サイズ感や仕様を一から組み立てています。 クリア素材を選んだのは、中身が見える楽しさを活かしたかったから。 何を入れるかで印象が変わるので、その日の気分やスタイリングに合わせてアレンジできるようにしています。カジュアルになりすぎないよう、全体のフォルムはあくまでシンプルに整えました。 サイズとマチも細かく調整したポイントです。 カードやリップなど、日常で“これが入ってほしい”というものがきちんと収まるようにしながら、コンパクトさは崩さない。そのバランスを見ながら何度も修正を重ねています。 開閉のしやすさも意識して、スナップボタン仕様に。 さっと取り出せる気軽さは残しつつ、きちんと閉まる安心感も持たせました。 付属のゴールドも、実はかなりこだわっており、強すぎず、でも埋もれない色味を探して、何度も微調整を重ね、やわらかなトーンに仕上げました。 カラビナでバッグやベルトループに付けてアクセサリーのように楽しんだり、ポーチ感覚で使ったり。 実用性と遊び心、そのどちらも自然に馴染むように整えたこだわりのアイテムです。 【Collection】À l’Horizon 空と海が溶け合う水平線のように。そのあわいに立つとき、わたしたちは少し自由になる。機能性と繊細さ。都会と自然。過去と未来。相反するものが出会う場所に、新しいかたちが生まれる。2026 Spring Summer。まだ見ぬ景色へ。À l’Horizon. .accordion__toggle { display: flex; justify-content: space-between; align-items: center; } .accordion__icon { font-size: 20px; margin-left: 10px; /* アイコンとテキストの間にスペースを追加 */ } .accordion__content { max-height: 0; /* 初期状態で閉じる */ overflow: hidden; /* 内容が隠れる */ transition: max-height 0.3s ease; /* 開閉アニメーション */ } .precaution { display: flex; margin-bottom: 20px; align-items: center; } .precaution_icon { width: 20px; height: 20px; margin-right: 15px; } .image-container { display: flex; /* Flexboxを使用して横並びにします */ justify-content: center; /* 画像の間に隙間を開けます */ } .image-inline { display: inline-block; margin-right: 5px; /* 画像間の隙間を調整 */ width: 48%; /* 画像の幅を調整 */ } .image-inline-2 { display: inline-block; width: 48%; /* 画像の幅を調整 */ }