.sunny-lead01 {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 20px;
letter-spacing: .15em;
line-height: 1.7;
font-size:2.3rem;
font-weight: 800;
color: #60ab46;
text-align:center;
}
.sunny-lead01:before,
.sunny-lead01::after {
position: absolute;
top: 0.8rem;
height: 30px;
content: '';
}
.sunny-lead01::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 4px;
height: 110%;
background: #ed6c00;
border-radius: 3px;
transform: rotate(-25deg);
}
.sunny-lead01::after {
position: absolute;
content: "";
right: 0;
top: 0;
width: 4px;
height: 110%;
background: #ed6c00;
border-radius: 3px;
transform: rotate(25deg);
}
.sunny-lead02{
letter-spacing: .18em;
line-height: 1.7;
font-size:1.8rem;
font-weight: 500;
color: #60ab46;
text-align:center;
}
.sunny-lead03 {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 20px;
letter-spacing: .15em;
line-height: 1.7;
font-size:2.0rem;
font-weight: 800;
color: #60ab46;
text-align:center;
}
.sunny-lead03:before,
.sunny-lead03::after {
position: absolute;
top: 0.8rem;
height: 30px;
content: '';
}
.sunny-lead03::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 4px;
height: 110%;
background: #ed6c00;
border-radius: 3px;
transform: rotate(-25deg);
}
.sunny-lead03::after {
position: absolute;
content: "";
right: 0;
top: 0;
width: 4px;
height: 110%;
background: #ed6c00;
border-radius: 3px;
transform: rotate(25deg);
}
.sunny-lead03{
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 20px;
letter-spacing: .15em;
line-height: 1.7;
font-size:2.3rem;
font-weight: 800;
color: #60ab46;
text-align:center;
}
.sunny-lead03:before,
.sunny-lead03::after {
position: absolute;
top: 0.8rem;
height: 30px;
content: '';
}
.sunny-lead03::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 4px;
height: 110%;
background: #ed6c00;
border-radius: 3px;
transform: rotate(-25deg);
}
.sunny-lead03::after {
position: absolute;
content: "";
right: 0;
top: 0;
width: 4px;
height: 110%;
background: #ed6c00;
border-radius: 3px;
transform: rotate(25deg);
}
.sunny-line01{
background: linear-gradient(transparent 50%, #e4e980 50%);
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
font-size:2.0rem;
font-weight: 600;
color: #5cb531;
text-align:center;
}
.sunny-line02{
background: linear-gradient(transparent 50%, #bbdb98 50%);
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
font-size:2.0rem;
font-weight: 600;
color: #f39939;
text-align:center;
}
.sunny-line03{
background: linear-gradient(transparent 50%, #fff799 50%);
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
font-size:2.0rem;
font-weight: 600;
color: #009e3b;
text-align:center;
}
.sunny-bg01 {
text-align:center;
letter-spacing: .12em;
font-weight: 400;
font-size:1.8rem;
color:#ffffff;
background-color:#60ab46;
display: inline-block;
width: 350px;
padding: 20px;
margin: 10px 20px;
}
.sunny-bg02 {
text-align:center;
letter-spacing: .12em;
font-weight: 400;
font-size:1.8rem;
color:#ffffff;
background-color:#eb6100;
display: inline-block;
width: 350px;
padding: 20px;
margin: 10px 20px;
}
.sunny-bg03 {
text-align:center;
letter-spacing: .12em;
font-weight: 400;
font-size:1.8rem;
color:#00a73c;
background-color:#ffe893;
display: inline-block;
width: 350px;
padding: 20px;
margin: 10px 20px;
}
.sunny-bg04 {
text-align:center;
letter-spacing: .12em;
font-weight: 400;
font-size:1.8rem;
color:#eb6161;
background-color:#f2f2b0;
display: inline-block;
width: 350px;
padding: 20px 10px;
margin: 10px 20px;
}
.sunny-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: #ec6800;
text-align:center;
}
.sunny-gel {
position: relative;
margin: 10px 20px;
display: inline-block;
width: 160px;
height: 160px;
background: #fff799;
}
.sunny-gel span {
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :160px;
text-align:center;
letter-spacing: .10em;
font-weight: 400;
font-size:1.8rem;
color:#009e3b;
}
.sp-br{
display:none;
}
@media (max-width: 760px){
.sunny-lead01{
font-size:3.3rem;
padding: 0 30px;
}
.sunny-lead02{
line-height: 1.8;
font-size:2.6rem;
}
.sunny-lead03{
font-size:3.0rem;
padding: 0 30px;
}
.sunny-line01{
font-size:2.8rem;
}
.sunny-line02{
font-size:2.8rem;
}
.sunny-line03{
font-size:2.8rem;
}
.sunny-bg01{
font-size:2.6rem;
}
.sunny-bg02{
font-size:2.6rem;
}
.sunny-bg03{
font-size:2.6rem;
}
.sunny-bg04{
font-size:2.6rem;
padding: 20px;
}
.sunny-campaign{
font-size:2.6rem;
padding: 0 30px;
}
.sunny-gel {
width: 140px;
height: 140px;
}
.sunny-gel span {
width :140px;
font-size:2.6rem;
}
.sp-br{
display: inline-block;
}
}
夏をもっと爽快に！
甘酸っぱいシトラスの香りの
クレンジングとソープで
ジメジメムシムシした季節を
まるごとリセットしましょう♪
ぷるぷるジュレ＆もこもこ泡で
夏ハダすっきり、洗いごこちも◎！
甘酸っぱいシトラスの香りのクレンジングとソープで
ジメジメムシムシした季節をまるごとリセットしましょう♪
ぷるぷるジュレ＆もこもこ泡で夏ハダすっきり、洗いごこちも◎！
オイルフリーで軽やかオフ
さわやかで気持ちいい！
毛穴よごれや角栓も
するんと落とす
オイルフリーで軽やかオフ
さわやかで気持ちいい！
毛穴よごれや角栓も
するんと落とす
もこもこ濃密泡がぴたり密着
つるつるに磨きあげる！
サッと流れる泡切れのよさ
よごれオフ→ワントーン明るく
もこもこ濃密泡がぴたり密着
つるつるに磨きあげる！
サッと流れる泡切れのよさ
よごれオフ→ワントーン明るく
ビターフレッシュシトラスの香り
まるで搾りたてのような
フレッシュでさわやかなシトラスの香りで
気分もリフレッシュ
まるで搾りたてのようなフレッシュでさわやかな
シトラスの香りで気分もリフレッシュ
こだわりの素材 “国産シトラス”
イグニス厳選の魅力あふれる
2つの国産シトラス
イグニス厳選の魅力あふれる2つの国産シトラス
サニーサワーラインで
涼やかな夏を！
サニーサワーラインで涼やかな夏を！
クレンジング&洗顔のあとには、
さわやかさ弾けるスキンケア。
涼やかな夏ハダへ。
クレンジング&洗顔のあとには、さわやかさ弾けるスキンケア。
涼やかな夏ハダへ。
バスタイムもシトラスの
香りに包まれて爽快リセット！
バスタイムもシトラスの香りに包まれて爽快リセット！
汗やベタつきをオフ。
すっきり爽快な洗いあがり。
これ1つで全身洗える！
サッと洗えて便利＆時短。
フレッシュなシトラスの香り。
バスタイムがもっと楽しく♪
汗やベタつきをオフ。
すっきり爽快な洗いあがり。
これ1つで全身洗える！
サッと洗えて便利＆時短。
フレッシュなシトラスの香り。
バスタイムがもっと楽しく♪
シュッとひとふき。
シトラスなひんやりミストでさらっとキレイ。
シュッとひとふき。
シトラスなひんやりミストでさらっとキレイ。
皮脂吸着パウダーIN→さらさら夏ハダへ。
ベタつく季節に。
メイクの仕上げやお直しに。
涼やかに肌をきゅっとひきしめ。
持ち運びやすいサイズ。
いつでもどこでも一瞬でさわやか♪
皮脂吸着パウダーIN→さらさら
夏ハダへ。ベタつく季節に。
メイクの仕上げやお直しに。
涼やかに肌をきゅっとひきしめ。
持ち運びやすいサイズ。
いつでもどこでも一瞬でさわやか♪
強い日差しを浴びた日も、
汗をたくさんかいた日も。
肌あれを防ぐ有効成分配合の頼もしいエッセンス！
もぎたて果実のようなフレッシュな夏ハダへ。
強い日差しを浴びた日も、汗をたくさんかいた日も。
肌あれを防ぐ有効成分配合の頼もしいエッセンス！
もぎたて果実のようなフレッシュな夏ハダへ。
もっと美しい夏の素肌のために
有効成分：グリチルリチン酸ジカリウム