@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@100..900&display=swap');
.new-item-bg {
text-align: center;
letter-spacing: .12em;
font-weight: bold;
font-size: 2.0rem;
color: #ffffff;
border-radius: 100vh;
background-color: #ff7b91;
display: inline-block;
margin: 0px 10px 10px 10px;
padding: 0.5rem 3rem;
}
.limited-item-bg {
text-align: center;
letter-spacing: .12em;
font-weight: bold;
font-size: 2.0rem;
color: #ffffff;
border-radius: 100vh;
background-color: #74b9b4;
display: inline-block;
margin: 0px 10px 10px 10px;
padding: 0.5rem 3rem;
}
.new-item-title{
font-family: 'Montserrat', sans-serif;
letter-spacing: .15em;
line-height: 1.0;
font-size:5.5rem;
font-weight: 600;
color:#258583;
text-align:center;
margin: 0 1.2em;
}
.new-title01 {
font-family: 'Montserrat', sans-serif;
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.2;
font-size:5.0rem;
font-weight: 600;
color: #258583;
text-align:center;
}
.new-bg01{
width: 390px;
display: inline-block;
padding: 1em 0.5em;
margin: 1.5em 1em;
background: #ffffff;
border-color: #258583;
border-style: dotted;
border-width: 2px;
border-radius: 15px;
}
.new-bg01 h4 {
letter-spacing: .1em;
line-height: 2.0;
font-size:1.9rem;
font-weight: 600;
color:#258583;
text-align:center;
margin: 0;
padding: 0;
}
.new-bg01 p {
display: inline-block;
letter-spacing: .14em;
line-height: 1.7;
font-size:1.8rem;
font-weight: 400;
color: #258583;
}
.new-box01{
width: 390px;
display: inline-block;
padding: 1em 0.5em;
margin: 1.5em 1em;
background: #fae7b2;
border-radius: 15px;
}
.new-box01 h4 {
letter-spacing: .1em;
line-height: 2.0;
font-size:1.9rem;
font-weight: 600;
color:#ecaa00;
text-align:center;
margin: 0;
padding: 0;
}
.new-box01 span {
display: inline-block;
letter-spacing: .14em;
line-height: 1.6;
font-size:1.6rem;
font-weight: 400;
color: #ecaa00;
}
.new-box02{
width: 390px;
display: inline-block;
padding: 1em 0.5em;
margin: 1.5em 1em;
background: #e1e3ad;
border-radius: 15px;
}
.new-box02 h4 {
letter-spacing: .1em;
line-height: 2.0;
font-size:1.9rem;
font-weight: 600;
color:#8caf2c;
text-align:center;
margin: 0;
padding: 0;
}
.new-box02 span {
display: inline-block;
letter-spacing: .14em;
line-height: 1.6;
font-size:1.6rem;
font-weight: 400;
color: #8caf2c;
}
.new-box03{
width: 390px;
display: inline-block;
padding: 1em 0.5em;
margin: 1.5em 1em;
background: #efdcd1;
border-radius: 15px;
}
.new-box03 h4 {
letter-spacing: .1em;
line-height: 2.0;
font-size:1.9rem;
font-weight: 600;
color:#b24c39;
text-align:center;
margin: 0;
padding: 0;
}
.new-box03 span {
display: inline-block;
letter-spacing: .14em;
line-height: 1.6;
font-size:1.6rem;
font-weight: 400;
color: #b24c39;
}
.new-box04{
width: 390px;
display: inline-block;
padding: 1em 0.5em;
margin: 1.5em 1em;
background: #fae6d6;
border-radius: 15px;
}
.new-box04 h4 {
letter-spacing: .1em;
line-height: 2.0;
font-size:1.9rem;
font-weight: 600;
color:#e37734;
text-align:center;
margin: 0;
padding: 0;
}
.new-box04 span {
display: inline-block;
letter-spacing: .14em;
line-height: 1.6;
font-size:1.6rem;
font-weight: 400;
color: #e37734;
}
.new-point-b {
display: inline-block;
padding: 0.7em 8em;
text-align: center;
position: relative;
}
.new-point-b::before, .new-point-b::after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 2px;
height: 100%;
background: #258583;
}
.new-point-b::before {
left: 20px;
transform: rotate(-28deg);
}
.new-point-b::after {
right: 20px;
transform: rotate(28deg);
}
.new-point-b span {
display: inline-block;
width: 100%;
height: 100%;
letter-spacing: .14em;
line-height: 1.7;
font-size:2.2rem;
font-weight: 600;
color: #5a041a;
}
.new-point-b span::before, .new-point-b span::after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 2px;
height: 50%;
background: #258583;
}
.new-point-b span::before {
left: 10px;
transform: rotate(-42deg);
}
.new-point-b span::after {
right: 10px;
transform: rotate(42deg);
}
@media (max-width: 760px){
.new-item-bg{
font-size: 2.7rem;
}
.limited-item-bg{
font-size: 2.7rem;
}
.new-item-title{
line-height: 1.2;
font-size:6.5rem;
letter-spacing: .1em;
margin: 0;
}
.new-title01 {
line-height: 1.2;
font-size:6.0rem;
padding: 0;
}
.new-bg01{
width: 90%;
}
.new-bg01 h4 {
line-height: 1.8;
font-size:3.2rem;
letter-spacing: .1em;
margin: 0;
}
.new-bg01 p{
line-height: 1.8;
font-size:2.8rem;
}
.new-box01{
width: 90%;
margin: 1em 1em;
}
.new-box01 h4 {
line-height: 1.8;
font-size:3.2rem;
letter-spacing: .1em;
margin: 0;
}
.new-box01 span{
line-height: 1.6;
font-size:2.6rem;
}
.new-box02{
width: 90%;
margin: 1em 1em;
}
.new-box02 h4 {
line-height: 1.8;
font-size:3.2rem;
letter-spacing: .1em;
margin: 0;
}
.new-box02 span{
line-height: 1.6;
font-size:2.6rem;
}
.new-box03{
width: 90%;
margin: 1em 1em;
}
.new-box03 h4 {
line-height: 1.8;
font-size:3.2rem;
letter-spacing: .1em;
margin: 0;
}
.new-box03 span{
line-height: 1.6;
font-size:2.6rem;
}
.new-box04{
width: 90%;
margin: 1em 1em;
}
.new-box04 h4 {
line-height: 1.8;
font-size:3.2rem;
letter-spacing: .1em;
margin: 0;
}
.new-box04 span{
line-height: 1.6;
font-size:2.6rem;
}
.new-point-b {
display: inline-block;
padding: 0.7em 3em;
text-align: center;
position: relative;
}
.new-point-b span {
line-height: 1.8;
font-size:3.6rem;
}
}
濃密でクリーミィな泡で
よごれをすっきりオフ
ほんのり香って
なめらかな明るい肌に
濃密でクリーミィな泡で
よごれをすっきりオフ
ほんのり香って
なめらかな明るい肌に
選べる3つの香り
001 ビターオレンジ
フレッシュなオレンジに
ピールのような苦みを加えた
落ち着きをもたらす香り
002 フローラルネロリ
ネロリを基調とした
さわやかな甘さと
上品な華やかさのある香り
003 スパイシーウッド
樹木のようなぬくもりの中に
スパイシーさがのぞく
個性的でマニッシュな香り
001 ビターオレンジ
フレッシュなオレンジに
ピールのような苦みを加えた
落ち着きをもたらす香り
002 フローラルネロリ
ネロリを基調とした
さわやかな甘さと
上品な華やかさのある香り
003 スパイシーウッド
樹木のようなぬくもりの中に
スパイシーさがのぞく
個性的でマニッシュな香り
リッチでコクのあるクリームが
なめらかにのび広がる
うるおいに満ちた
しっとりとやわらかな肌に
リッチでコクのあるクリームが
なめらかにのび広がる
うるおいに満ちた
しっとりとやわらかな肌に
フレッシュなオレンジに
ピールのような苦みを加えた
落ち着きをもたらす
ビターオレンジの香り
フレッシュなオレンジに
ピールのような苦みを加えた
落ち着きをもたらす
ビターオレンジの香り
フルーティな香りと
マイルドな肌あたりのお湯に包まれて
バスタイムにキレイをチャージ
なめらかなすべすべ肌に
フルーティな香りと
マイルドな肌あたりのお湯に包まれて
バスタイムにキレイをチャージ
なめらかなすべすべ肌に
真夏の太陽をいっぱい浴びた
濃厚で甘酸っぱさのある
フルーツをつめ込んだような
フルーティトロピカルの香り
真夏の太陽をいっぱい浴びた
濃厚で甘酸っぱさのある
フルーツをつめ込んだような
フルーティトロピカルの香り