木製ドアの美しさを長く保つためのポイント

木製ドアを美しく保つためには、定期的なお手入れが大切です。日々の清掃方法や傷・汚れへの対処法を知って、ドアの寿命を延ばしましょう。

木製ドアはデリケートな素材なので、日頃の簡単なお手入れで美しさをキープできます。

ホコリや汚れの除去

柔らかい乾いた布で拭き取る

ひどい汚れは、水で薄めた中性洗剤を含ませた布で拭き、その後乾いた布で水分をしっかり拭き取る

こまめな換気で湿気対策

木製ドアは湿気を吸収しやすいため、定期的に換気して湿気をためないようにしましょう。

特に梅雨時期はエアコンや除湿機を活用し、ドアの反りや変色を防ぎます。

小さな傷の補修

市販の補修クレヨンやワックスを使い、傷部分をなじませる

軽くこすると自然な風合いに

黒ずみ・油汚れの落とし方

消しゴムでこすり取ると、軽い黒ずみや汚れが落ちる

ひどい場合は、水で薄めた中性洗剤を布に含ませて拭く

水滴がついたらすぐに拭き取る

濡れた手で触れた後や、結露が発生した場合はすぐに乾いた布で拭く。

カビが発生した場合

消毒用アルコールを布に含ませ、カビ部分を優しく拭き取る

しつこいカビは専用のカビ取り剤を使用（ただし漂白成分が強すぎるものは避ける）

避けるべきこと

強い洗剤やアルコール：表面の塗装を傷める可能性があります

硬いブラシやスポンジ：木目を傷つける原因になるため、柔らかい布を使用

きれいな状態を保つ工夫

定期的に乾拭きし、木の風合いを楽しむ

水拭き後はすぐに乾燥させ、清潔感をキープ

適度な換気で湿気を防ぎ、快適な環境を維持

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

通常の段落テキストは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」を指定します。↓

右寄せのサンプル