@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
＼ バスタイムでも使える ／
| インバス |
|---|
| 洗顔の後に。 |
| 洗顔の後に軽く水気をきってからお使いください。 マッサージ後、洗い流します。 |
| アウトバス |
| 化粧水の前（イグニス乳液の後）に。 |
| 化粧水の前（イグニス乳液の後）にお使いください。 マッサージ後、ティッシュペーパーでやさしくふきとります。 |
＼ バスタイムでも使える ／
| インバス | アウトバス |
|---|---|
| 洗顔の後に。 | 化粧水の前（イグニス乳液の後）に。 |
| 洗顔の後に軽く水気をきってからお使いください。 マッサージ後、洗い流します。 | 化粧水の前（イグニス乳液の後）にお使いください。 マッサージ後、ティッシュペーパーでやさしくふきとります。 |