クローゼットドア｜機能性とデザインを兼ね備えた室内収納ドア

ウッドデポのクローゼットドアは、折れ戸・開き戸の2種類から選べる、多様なインテリアにマッチするデザインです。限られたスペースを有効活用しながら、おしゃれな収納空間を演出します。

ウッドデポでは、以下のクローゼットドアをご用意しています。

折れ戸タイプ

開き戸タイプ

クローゼットドア一覧ページはこちら

⏳ 注意点：既製サイズのみのお取り扱いとなり、サイズオーダーは対応不可です。

クローゼットドアの取り付けには、適切なドア枠の選定が重要です。ウッドデポでは、以下の2種類のドア枠を用意しています。

✅ 折れ戸用ドア枠（2枚折れ戸・4枚折れ戸兼用）

✅ 開き戸用ドア枠（観音開き・片開き兼用）

🔧 現場で大工さんに製作してもらうことも可能ですので、施工業者様とご相談の上、最適な方法をお選びください。

✔ 空間の使い方に応じて、折れ戸 or 開き戸を選択

✔ サイズオーダー不可のため、既製サイズで設計する

✔ 施工方法に合わせて、ドア枠を選ぶ

ウッドデポのクローゼットドアで、収納スペースをより機能的に、美しく仕上げませんか？

※以下は利用ガイドで使用できるスタイリングのサンプルです。

通常の段落テキストはp要素でくくります。
p要素による段落と段落の上下余白は1文字分（1em）の余白が付きます。brによる改行での行間余白はline-heightに依存します。

もし段落間の余白を部分的に大きくとりたい場合はbrタグの連続多用でいいのではないかと思います。
利用ガイドでのHTML構造（タグ要素やclass）はなるべく簡潔なのが好ましいのではないかと考えておりますが、厳密に余白をコントロールしたい場合は余白を制御するOOCSSを用意するといいと思います。

これはh3タイトルです

以下は箇条書きスタイルのサンプルです。
箇条書きのスタイリングは「_1.2.typo.scss」に記述してあり、HELPコンテンツ以外のページ（商品詳細ページのフリーエリア等）でも、classを指定すれば使用できます。

リストマークが「・」になる注意書き・箇条書きテキストです（ベーシック）。dl要素にclass「ec-list」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。

これはダミーテキストです

これはダミーテキストです

これはダミーテキストです

リストマークが「※」になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-rice」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。

これはダミーテキストです

これはダミーテキストです

これはダミーテキストです

リストマークが「●」になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-disc」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。

これはダミーテキストです

これはダミーテキストです

これはダミーテキストです

リストマークが連番表示になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-decimal」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。

これはダミーテキストです

これはダミーテキストです

これはダミーテキストです

その他の装飾

EC-CUBEはいくつか文字装飾用のclassが用意されています。「_1.2.typo.scss」。またBootstrapのスタイルも使用できます。

太字にしたい場合は「ec-font-bold」を指定します。→太字のサンプル

文字色をグレーにしたい場合は「ec-color-grey」を指定します。→グレー文字のサンプル

文字色を赤色にしたい場合は「ec-color-red」を指定します。→赤文字のサンプル

「text-primary」→サンプル　「bg-primary」サンプル

「text-success」→サンプル　「bg-success」→サンプル

「text-info」→サンプル　「bg-info」→サンプル

「text-warning」→サンプル　「bg-warning」→サンプル

「text-danger」→サンプル　「bg-danger」→サンプル

文字を中央寄せにしたい場合はブロック要素に「text-center」を指定します。↓

中央寄せのサンプル

文字を右寄せにしたい場合はブロック要素に「text-right」を指定します。↓

右寄せのサンプル