@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600&display=swap');
.night-title {
font-family: 'Cormorant', sans-serif;
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:4.3rem;
font-weight: 400;
color: #00785f;
text-align:center;
}
.night-title-s {
font-family: 'Cormorant', sans-serif;
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:3.3rem;
font-weight: 400;
color: #00785f;
text-align:center;
}
.night-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: 600;
color: #00785f;
text-align:center;
}
.night-lead02{
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:1.8rem;
font-weight: 400;
color: #595452;
text-align:center;
}
.night-ingredient{
display: inline-flex;
justify-content: center;
flex-direction: row;
align-items: center;
}
.night-bg {
font-family: 'Cormorant', sans-serif;
text-align:center;
letter-spacing: .10em;
font-weight: bold;
font-size:1.4rem;
color:#ffffff;
background-color:#00785f;
display: inline-block;
padding: 10px;
margin: 10px 20px 5px 20px;
}
.night-bg-r {
text-align:center;
letter-spacing: .12em;
font-weight: bold;
font-size:1.9rem;
color:#dfa900;
background-color:#ffffff;
border: solid 1px #d3c6b7;/*線色*/
border-radius: 3em;/*角丸*/
display: inline-block;
padding: 10px;
margin: 20px;
}
.night-bg-l {
text-align:center;
letter-spacing: .12em;
font-weight: bold;
font-size:1.9rem;
color:#ffffff;
background-color:#dfa900;
border: solid 1px #d3c6b7;/*線色*/
border-radius: 3em;/*角丸*/
display: inline-block;
padding: 10px;
margin: 20px;
}
.night-table{
table-layout: fixed;
border-collapse: collapse;
border: 1px solid #595452;
width: 50%;
text-align: center;
margin: auto;
}
.night-table th {
border: 1px solid #595452;
padding: 10px;
font-weight: 600;
font-size:1.8rem;
background-color: #d3c6b7;
text-align: center;
}
.night-table td {
border: 1px solid #595452;
padding: 10px 10px;
text-align: center;
width: 1%;
}
.night-table td.border {
border-bottom-width: 3px;
border-bottom-style: dotted;
border-bottom-color: #595452;
padding: 10px 10px;
font-weight: 400;
font-size:1.8rem;
text-align: center;
width: 1%;
}
.night-box {
margin: 0 auto;
width: 60%;
height: auto;
border-radius: 15px;
padding: 20px 0;
border: 1px solid #595452;
}
.night-shadow {
text-align:center;
letter-spacing: .12em;
font-weight: bold;
font-size:2.0rem;
color:#ffffff;
text-shadow: 0 0 10px #fff22c;
padding: 10px;
margin: 20px;
}
.night-cap {
color:#ffffff;
}
.moist-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: #b81744;
text-align:center;
}
.moist-lead02{
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 500;
color: #ec6d6d;
text-align:center;
}
.moist-lead02-cap{
letter-spacing: .18em;
line-height: 1.7;
font-size:1.2rem;
font-weight: 300;
color: #ec6d6d;
text-align:center;
}
.moist-lead03{
letter-spacing: .18em;
line-height: 1.6;
padding: 0 20px;
font-size:1.7rem;
font-weight: 500;
color: #5bac34;
text-align:center;
}
.moist-lead04{
letter-spacing: .18em;
line-height: 1.6;
font-size:1.7rem;
font-weight: 500;
color: #595452;
text-align:center;
}
.moist-lead05 {
border-bottom: solid 3px #ec6d6d;
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: #ec6d6d;
text-align:center;
}
.moist-lead06{
letter-spacing: .18em;
line-height: 1.6;
padding: 0 20px;
font-size:1.7rem;
font-weight: 500;
color: #f4a45e;
text-align:center;
}
.moist-lead07{
letter-spacing: .18em;
line-height: 1.6;
padding: 0 20px;
font-size:1.7rem;
font-weight: 500;
color: #a74458;
text-align:center;
}
.moist-lead08{
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 500;
color: #a74458;
text-align:center;
}
.moist-lead08-cap{
letter-spacing: .18em;
line-height: 1.7;
font-size:1.2rem;
font-weight: 300;
color: #a74458;
text-align:center;
}
.moist-lead09 {
border-bottom: solid 3px #a74458;
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: #a74458;
text-align:center;
}
.moist-catch {
background: linear-gradient(transparent 60%, #fef1ee 50%);
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
font-size:4.8rem;
font-weight: 800;
color: #ec6d6d;
text-align:center;
}
.moist-subcatch {
background: linear-gradient(transparent 60%, #fef1ee 50%);
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
font-size:2.0rem;
font-weight: 800;
color: #ec6d6d;
text-align:center;
}
.moist-recommend{
position: relative;
padding: 0.5em;
background: #ec6d6d;
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
font-size:2.8rem;
font-weight: 800;
color: #ffffff;
text-align:center;
}
.moist-recommend::before{
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px #ffffff;
}
.moist-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: #ec6d6d;
text-align:center;
}
.moist-bg01 {
text-align:center;
letter-spacing: .12em;
font-weight: 500;
font-size:1.8rem;
color:#ec6d6d;
background-color:#fef1ee;
border-radius: 15px;
display: inline-block;
width: 350px;
padding: 20px;
margin: 10px 20px;
}
.moist-box {
margin: 0 auto;
width: 60%;
height: auto;
border-radius: 15px;
padding: 25px 0 20px;
background-color: #fffcd1;
}
.moist-box02 {
margin: 0 auto;
width: 60%;
height: auto;
border-radius: 15px;
padding: 20px 0;
background-color: #fef1ee;
}
.moist-box03 {
margin: 0 auto;
width: 60%;
height: auto;
border-radius: 15px;
padding: 20px 0;
background-color: #fef5f5;
}
.moist-box04 {
margin: 0 auto;
width: 60%;
height: auto;
border-radius: 15px;
padding: 20px 0;
background-color: #fef5f5;
}
.sp-br{
display:none;
}
@media (max-width: 1024px){
.night-box {
width: 80%;
}
.night-table{
width: 80%;
}
}
@media (max-width: 760px){
.night-title{
font-size:5.3rem;
padding: 0 30px;
}
.night-title-s{
font-size:4.3rem;
padding: 0 30px;
}
.night-lead01{
font-size:3.3rem;
padding: 0 30px;
}
.night-lead02{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.night-ingredient-sp {
display:flex;
flex-flow: column;
}
.night-bg{
font-size:2.4rem;
padding: 5px;
}
.night-bg-r{
font-size:2.7rem;
}
.night-bg-l{
font-size:2.7rem;
}
.night-table{
width: 90%;
}
.night-table th{
font-size:2.8rem;
}
.night-table td.border {
border-bottom-width: 3px;
font-size:2.8rem;
}
.night-box {
margin: 0 auto;
padding: 20px 0;
width: 90%;
height: auto;
}
.night-shadow{
font-size:3.2rem;
}
.moist-lead01{
font-size:3.3rem;
padding: 0 30px;
}
.moist-lead02{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.moist-lead02-cap{
line-height: 1.8;
font-size:1.8rem;
}
.moist-lead03{
line-height: 1.7;
font-size:2.7rem;
}
.moist-lead04{
line-height: 1.7;
font-size:2.7rem;
}
.moist-lead05{
font-size:3.3rem;
padding: 0 30px;
}
.moist-lead06{
line-height: 1.7;
font-size:2.7rem;
}
.moist-lead07{
line-height: 1.7;
font-size:2.7rem;
}
.moist-lead08{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.moist-lead08-cap{
line-height: 1.8;
font-size:1.8rem;
}
.moist-lead09{
font-size:3.3rem;
padding: 0 30px;
}
.moist-catch{
line-height: 1.8;
font-size:5.8rem;
}
.moist-subcatch{
line-height: 1.8;
font-size:2.8rem;
}
.moist-recommend{
line-height: 1.8;
font-size:3.8rem;
}
.moist-campaign{
font-size:2.6rem;
padding: 0 20px;
}
.moist-bg01{
font-size:2.8rem;
}
.moist-box {
margin: 0 auto;
padding: 20px 0;
width: 90%;
height: auto;
}
.moist-box02 {
margin: 0 auto;
padding: 20px 0;
width: 90%;
height: auto;
}
.moist-box03 {
margin: 0 auto;
padding: 20px 0;
width: 90%;
height: auto;
}
.moist-box04 {
margin: 0 auto;
padding: 20px 0;
width: 90%;
height: auto;
}
.sp-br{
display: inline-block;
}
}
About NIGHTWELL
About NIGHTWELL
寒さが厳しい冬の夜は
おやすみ前に
柚子香るリラックスタイムを。
長く寒い冬の夜を
ナイトウェルで楽しみませんか。
柚子を基調とした香りに
包まれながら肌も心もやわらげて、
眠りにつくまでの時間が
至福のリラックスタイムに。
寒さが厳しい冬の夜はおやすみ前に
柚子香るリラックスタイムを。
長く寒い冬の夜をナイトウェルで楽しみませんか。
柚子を基調とした香りに包まれながら肌も心もやわらげて、
眠りにつくまでの時間が至福のリラックスタイムに。
INGREDIENT
INGREDIENT
AROMA
AROMA
NIGHTWELL LINEUP
11月18日（土）発売
NIGHTWELL LINEUP
11月18日（土）発売
夜のマッサージで夢の中へ
夜のマッサージで夢の中へ
How to Use
How to Use
＼ バスタイムでも使える ／
| インバス |
|---|
| 洗顔の後に。 |
| 洗顔の後に軽く水気をきってからお使いください。 マッサージ後、洗い流します。 |
| アウトバス |
| 化粧水の前に。 |
| 化粧水の前にお使いください。 マッサージ後、ティッシュペーパーでやさしくふきとります。 |
＼ バスタイムでも使える ／
| インバス | アウトバス |
|---|---|
| 洗顔の後に。 | 化粧水の前に。 |
| 洗顔の後に軽く水気をきってからお使いください。 マッサージ後、洗い流します。 | 化粧水の前にお使いください。 マッサージ後、ティッシュペーパーでやさしくふきとります。 |