.whiteline-title{
letter-spacing: .15em;
line-height: 2.0;
font-size:2.3rem;
font-weight: 800;
color:#595452;
text-align:center;
}
.cleansing-concern {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 20px;
letter-spacing: .18em;
line-height: 1.7;
font-size:2.0rem;
font-weight: 600;
color: #595452;
text-align:center;
}
.cleansing-concern::before,
.cleansing-concern::after {
position: absolute;
top: 0.8rem;
height: 30px;
content: '';
}
.cleansing-concern::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 4px;
height: 110%;
background: #5478BB;
border-radius: 3px;
transform: rotate(-25deg);
}
.cleansing-concern::after {
position: absolute;
content: "";
right: 0;
top: 0;
width: 4px;
height: 110%;
background: #5478BB;
border-radius: 3px;
transform: rotate(25deg);
}
.cleansing-lead{
position: relative;
padding: 1em 2em;
max-width: 780px;
margin: 0 auto;
letter-spacing: .14em;
line-height: 1.7;
font-size:1.7rem;
font-weight: 600;
color: #595452;
text-align:center;
}
.cleansing-lead:before,
.cleansing-lead:after {
position: absolute;
content: '';
}
.cleansing-lead:after {
top: 0;
left: 0;
width: 50px;
height: 50px;
border-top: 3px solid #FFE96E;
border-left: 3px solid #FFE96E;
border-radius: 3px;
}
.cleansing-lead:before {
right: 0;
bottom: 0;
width: 50px;
height: 50px;
border-right: 3px solid #FFE96E;
border-bottom: 3px solid #FFE96E;
border-radius: 3px;
}
.cleansing-point {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 20px;
letter-spacing: .18em;
line-height: 1.7;
font-size:2.0rem;
font-weight: 600;
color: #38a1db;
text-align:center;
}
.cleansing-point::before,
.cleansing-point::after {
position: absolute;
top: 0.8rem;
height: 30px;
content: '';
}
.cleansing-point::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 4px;
height: 110%;
background: #8FD3F5;
border-radius: 3px;
transform: rotate(-25deg);
}
.cleansing-point::after {
position: absolute;
content: "";
right: 0;
top: 0;
width: 4px;
height: 110%;
background: #8FD3F5;
border-radius: 3px;
transform: rotate(25deg);
}
.cleansing-point02 {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 20px;
letter-spacing: .18em;
line-height: 1.7;
font-size:1.8rem;
font-weight: 600;
color: #595452;
text-align:center;
}
.cleansing-howto{
background: linear-gradient(transparent 50%, #8FD3F5 50%);
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
font-size:1.8rem;
font-weight: 600;
color: #38a1db;
text-align:center;
}
.cleansing-campaign {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 20px;
letter-spacing: .18em;
line-height: 1.7;
font-size:1.8rem;
font-weight: 600;
color: #7c509d;
text-align:center;
}
.sp-br{
display:none;
}
@media (max-width: 768px){
.whiteline-title{
font-size:3.1rem;
}
.cleansing-concern{
font-size:2.8rem;
padding: 0 30px;
}
.cleansing-lead{
margin: 15.6px;
line-height: 1.8;
font-size:2.5rem;
}
.cleansing-point{
font-size:2.8rem;
padding: 0 30px;
}
.cleansing-point02{
font-size:2.6rem;
padding: 0 30px;
}
.cleansing-howto{
font-size:2.6rem;
}
.cleansing-campaign{
font-size:2.6rem;
padding: 0 30px;
}
.sp-br{
display: inline-block;
}
}
春にこんなことありませんか?
春はいろいろあたらしいことがたくさん。
まいにちの忙しさで、気づかないうちに
キレイの邪魔モノを溜めこんでいませんか?
磨くケアで心まで晴れやかに。
まっさらに輝く春をむかえましょう。
春はいろいろあたらしいことがたくさん。
まいにちの忙しさで、気づかないうちに
キレイの邪魔モノを溜めこんでいませんか?
磨くケアで心まで晴れやかに。まっさらに輝く春をむかえましょう。
清らかに、冴えわたる。
春の肌を磨きあげる4つの自然の恵み。
清らかに、冴えわたる。
春の肌を磨きあげる4つの自然の恵み 。
その日の気分や好みで。
選べる2つの使い方
その日の気分や好みで。
選べる2つの使い方
詳しい使い方を動画でチェック!
深呼吸したくなる、12種類の
ハーブの香り。心までクリアに。
深呼吸したくなる、12種類のハーブの香り。
心までクリアに。
しっとりクレンジングクリームで
肌磨き体験しませんか?
いちにちの終わりにも、始まりにも。
WHITE LINEの落とすケアでここちよく
期間中、イグニスシリーズのクレンジングを
1品以上ご購入の方に、
オリジナルケースに入った
ピローサシェ(非売品)をプレゼント!
期間中、イグニスシリーズのクレンジングを1品以上ご購入の方に、
オリジナルケースに入ったピローサシェ(非売品)をプレゼント!