@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{
margin: 1.5em auto;
width: fit-content;
height: auto;
border: solid 2px #f5b962;
border-radius: 10px;
padding: 10px 0px;
}
.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: 767px){
.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{
padding: 10px 10px;
width: 90%;
height: auto;
margin: 1.5em auto;
}
.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;
}
.new-aroma-box {
margin: 0 auto;
padding: 40px 20px;
width: 90%;
height: auto;
}
}
アルコールフリー
低刺激性のうるおい泡で包み込む
デリケートゾーンにも
やさしく心地よく
アルコールフリー
低刺激性のうるおい泡で包み込む
デリケートゾーンにも
やさしく心地よく
みずみずしく厚みのあるベースで
うるおいに満たされて
ほんのり香って
やわらかくなめらかな明るい肌に
みずみずしく厚みのあるベースで
うるおいに満たされて
ほんのり香って
やわらかくなめらかな明るい肌に