●枠【こだわり商品研究所】

▼キャプション

<div class="box9">
<p>▲ ここに文章</p>
</div>

▼普通の枠

<div class="box1">
<p>ここに文章</p>
</div>

.box1 {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
border: solid 3px #000000;
}
.box1 p {
margin: 0;
padding: 0;
}

▼枠が1.5em、レビュー用

<div class="box6">
<p>ここに文章</p>
</div>

.box6 {
padding: 1.5em 1em;
margin: 2em 0;
font-weight: bold;
border: solid 3px #d3d3d3;
}
.box6 p {
margin: 0;
padding: 0;
}

▼枠が1em

<div class="box10">
<p>ここに文章</p>
</div>

.box10 {
padding: 1em 1em;
margin: 2em 0;
font-weight: bold;
border: solid 3px #d3d3d3;
}
.box10 p {
margin: 0;
padding: 0;
}

▼枠が1em、カテゴリページ使用

<div class="box12">
<p>ここに文章</p>
</div>

.box12 {
padding: 1em 1em;
margin: 0 0 5em;
color: black; /* 文字色 */
background-color: ivory; /* 背景色 */
border: 1px solid gainsboro; /* 枠線 */
}
.box12 p {
margin: 0;
padding: 0;
}

▼枠が2em、注目商品ナビの商品リンクへ使用

<div class="box16">
<p>ここに文章</p>
</div>

.box16 {
padding: 2em 2em;
margin: 0 0 5em;
color: black; /* 文字色 */
background-color: gold; /* 背景色 */
border: 2px solid gainsboro; /* 枠線 */
}
.box12 p {
margin: 0;
padding: 0;
}

▼TOPページメニューに促すための枠

<div class="box14">
<p>ここに文章</p>
</div>

.box14 {
padding: 0.5em 1em;
margin: 2em 0;
color: black; /* 文字色 */
background-color: seashell; /* 背景色 */
border: 1px solid maroon; /* 枠線 */
}
.box14 p {
margin: 0;
padding: 0;
}

<div class="box2">
<p>ここに文章</p>
</div>

.box2 {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: normal;
color: black;/*文字色*/
background: #FFF;
border: solid 2px #db7093;/*線*/
border-radius: 10px;/*角の丸み*/
}
.box2 p {
margin: 0;
padding: 0;
}

<div class="box3">
<p>ここに文章</p>
</div>

.box3 {
padding: 0.5em 1em;
margin: 2em 0;
color: #2c2c2f;
background: papayawhip;/*背景色*/
}
.box3 p {
margin: 0;
padding: 0;
}

▼フューチャーショップ一言コメント用

<div class="box2">
<p>ここに文章</p>
</div>

.box2 {
padding: 0.5em 0.5em;
margin: 0 0;
color: #2c2c2f;
background: papayawhip;/*背景色*/
}
.box2 p {
margin: 0;
padding: 0;
}

<div class="box35">
<p>ここに文章</p>
</div>

.box35 {
padding: 0.5em 0.5em;
margin: 2em 0;
color: #2c2c2f;
background: ghostwhite;/*背景色*/
}
.box35 p {
margin: 0;
padding: 0;
}

<div class="box5">
<p>ここに文章</p>
</div>

.box5 {
padding: 0.5em 1em;
margin: 2em 0; 
color: black; /* 文字色 */
background-color: ghostwhite; /* 背景色 */
border: 1px solid #ccc; /* 枠線 */
}
.box5 p {
margin: 0; 
padding: 0;
}

<div class="box7">
<p>ここに文章</p>
</div>

.box7 {
padding: 0.5em 1em;
margin: 2em 0; 
color: black; /* 文字色 */
background-color: papayawhip; /* 背景色 */
border: 1px solid #ccc; /* 枠線 */
}
.box7 p {
margin: 0; 
padding: 0;
}

<div class="box15">
<p>ここに文章</p>
</div>

.box15 {
padding: 0.5em 1em;
margin: 2em 0; 
color: black; /* 文字色 */
background-color: papayawhip; /* 背景色 */
border: 1px solid #ccc; /* 枠線 */
}
.box7 p {
margin: 0; 
padding: 0;
}

<div class="box8">
<p>ここに文章</p>
</div>

.box8 {
padding: 0.5em 1em;
margin: 2em 0;
color: #232323;
background: #fff8e8;
border-left: solid 10px #ffc06e;
}
.box8 p {
margin: 0;
padding: 0;
}

<div class="box11">
<p>ここに文章</p>
</div>

ここにタイトル

<div class="box29">
<div class="box-title">ここにタイトル</div>
<p>ここに文章</p>
</div>

.box29 {
margin: 2em 0;
background: #fff8e8;
}
.box29 .box-title {
font-size: 1.2em;
background: #ffc06e;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.box29 p {
padding: 15px 20px;
margin: 0;
}

ここにタイトル

<div class="box30">
<div class="box-title">ここにタイトル</div>
<p>ここに文章</p>
</div>

.box30 {
margin: 2em 0;
background: #fff9f9;
}
.box30 .box-title {
font-size: 1.2em;
background: #ffc06e;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.box30 p {
padding: 15px 20px;
margin: 0;
}

<div class="box33">
<p>ここに文章</p>
</div>

.box33 {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: normal;
color: black;/*文字色*/
background: #FFF;
border: solid 2px #db7093;/*線*/
border-radius: 10px;/*角の丸み*/
}
.box33 p {
margin: 0;
padding: 0;
}

こだわり商品研究所

こだわり商品研究所の公式商品解説です。

●自然派×エイジングケア商品の通販会社として、25年間情報収集をしてきました。25年分の蓄積された情報と知識に基づいて商品を解説しています。

●こだわり商品研究所は、卸業者から商品を仕入れることはなく、すべてメーカー・輸入元から直接詳しく情報をヒアリングした上で商品を厳選しておりますので、正確な情報提供ができます。

●その上で「売るための商品説明」ではなく、「商品の本質を理解してもらうための商品解説」を心がけています。商品を理解していただくと同時に、オーガニックやエイジングケアに関する周辺情報を知ってもらえるような説明を心がけています。商品解説を読むだけで、情報を入手できます。

●テキスト量が多いかもしれませんが、情報を正しく理解してもらうためには必要と考えています。また、理解していただいた上で、商品を使用していただくことで、より適切に商品をご活用いただけます。