@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
.nightwell-body{
font-family:"Noto Sans JP", sans-serif;
transform:rotateZ(0.03deg);
}
.night-title-w {
font-family: "Raleway", sans-serif;
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:5.0rem;
font-weight: 400;
color: #ffffff;
text-align:center;
}
.night-title-a {
font-family: "Allura", cursive;
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:5.0rem;
font-weight: 400;
color: #ffffff;
text-align:center;
}
.night-title {
font-family: "Raleway", sans-serif;
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:5.0rem;
font-weight: 400;
color: #00785f;
text-align:center;
}
.night-title-s {
font-family: "Raleway", sans-serif;
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:3.5rem;
font-weight: 400;
color: #00785f;
text-align:center;
}
.night-title-b {
font-family: "Raleway", sans-serif;
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:3.5rem;
font-weight: 400;
color: #595452;
text-align:center;
}
.night-catch01 {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 20px;
letter-spacing: .15em;
line-height: 1.7;
font-size:2.4rem;
font-weight: 600;
color: #00785f;
text-align:center;
}
.night-catch01-s{
letter-spacing: .18em;
line-height: 1.6;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #595452;
text-align:center;
}
.night-lead01{
letter-spacing: .20em;
line-height: 2.2;
padding: 0 20px;
font-size:1.9rem;
font-weight: 400;
color: #ffffff;
text-align:center;
}
.night-lead02{
letter-spacing: .18em;
line-height: 1.6;
padding: 0 20px;
font-size:1.7rem;
font-weight: 400;
color: #595452;
text-align:center;
}
.night-lead03{
letter-spacing: .20em;
line-height: 2.2;
padding: 0 20px;
font-size:1.9rem;
font-weight: 400;
color: #e29700;
text-align:center;
}
.night-ingredient{
display: inline-flex;
justify-content: center;
flex-direction: row;
align-items: center;
}
.night-ingredient-l{
letter-spacing: .10em;
line-height: 1.6;
padding: 0 0 20 px;
font-size:1.7rem;
font-weight: 600;
color: #00785f;
text-align:center;
}
.night-ingredient-sub{
line-height: 1.6;
padding: 0px;
font-size:1.5rem;
font-weight: 400;
color: #595452;
text-align: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;
width: 120px;
}
.night-bg-r {
text-align:center;
letter-spacing: .12em;
font-weight: bold;
font-size:2.4rem;
color:#e29700;
background-color:#ffffff;
border: solid 1px #d3c6b7;/*線色*/
border-radius: 3em;/*角丸*/
display: inline-block;
padding: 10px 40px;
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: 8px;
font-weight: 600;
font-size:1.8rem;
background-color: #fcf9f1;
text-align: center;
}
.night-table td {
border: 1px solid #595452;
padding: 8px 10px;
text-align: center;
width: 1%;
}
.night-table td.border {
border-bottom-width: 3px;
border-bottom-style: dotted;
border-bottom-color: #595452;
padding: 8px 10px;
font-weight: 400;
font-size:1.8rem;
text-align: center;
width: 1%;
}
.night-box {
margin: 0 auto;
width: 60%;
height: auto;
border-radius: 10px;
padding: 20px 0;
border: 1px solid #595452;
}
.night-box01 {
margin: 0 auto;
width: 60%;
height: auto;
border-radius: 10px;
padding: 20px 0;
border: 1px solid #317e68;
}
.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;
}
.night-point01 {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 400;
color: #595452;
text-align:center;
position: relative;
display: inline-block;
background: #ffffff00;
width: 60%;
}
.night-anchorLink {
display: flex;
justify-content: center;
margin: 40px auto;
width: 100%;
flex-wrap: wrap;
}
.btn a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 320px;
padding: 0px 10px 10px 10px;
position: relative;
text-decoration: none;
transition: all 0.4s ease;
margin: 0 5px 5px;
}
.btn01 a {
background-color: #e5e1d4;
border: 1px solid #fe5e1d4;
border-radius: 4px;
font-size: 1.2em;
color: #00785f;
font-weight: 600;
}
.btn01 a .sub {
font-family: "Allura", cursive;
font-size: 1.8em;
color: #e29700;
font-weight: 400;
}
.btn01 a .en {
font-family: "Raleway", sans-serif;
font-size: 0.5em;
color: #595452;
font-weight: 400;
letter-spacing: .08em;
}
.btn01 a:hover {
background-color: #afc3b7;
border: 1px solid #afc3b7;
}
.btn01 a::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
right: 15px;
border-left: solid 1px #595452;
border-bottom: solid 1px #595452;
transform: rotate(-45deg);
}
.btn02 a {
background-color: #c6cac5;
border: 1px solid #c6cac5;
border-radius: 4px;
font-size: 1.2em;
color: #00785f;
font-weight: 600;
}
.btn02 a .sub {
font-family: "Allura", cursive;
font-size: 1.8em;
color: #e29700;
font-weight: 400;
}
.btn02 a .en {
font-family: "Raleway", sans-serif;
font-size:0.5em;
color: #595452;
font-weight: 400;
letter-spacing: .08em;
}
.btn02 a:hover {
background-color: #afc3b7;
border: 1px solid #afc3b7;
}
.btn02 a::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
right: 15px;
border-left: solid 1px #595452;
border-bottom: solid 1px #595452;
transform: rotate(-45deg);
}
.btn03 a {
background-color: #d6c192;
border: 1px solid #d6c192;
border-radius: 4px;
font-size: 1.2em;
color: #00785f;
font-weight: 600;
}
.btn03 a .sub {
font-family: "Allura", cursive;
font-size: 1.8em;
color: #e29700;
font-weight: 400;
}
.btn03 a .en {
font-family: "Raleway", sans-serif;
font-size: 0.5em;
color: #595452;
font-weight: 400;
letter-spacing: .08em;
}
.btn03 a:hover {
background-color: #afc3b7;
border: 1px solid #afc3b7;
}
.btn03 a::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
right: 15px;
border-left: solid 1px #595452;
border-bottom: solid 1px #595452;
transform: rotate(-45deg);
}
.btn04 a {
background-color: #f8e495;
border: 1px solid #f8e495;
border-radius: 4px;
font-size: 1.2em;
color: #00785f;
font-weight: 600;
}
.btn04 a .sub {
font-family: "Allura", cursive;
font-size: 1.8em;
color: #e29700;
font-weight: 400;
}
.btn04 a .en {
font-family: "Raleway", sans-serif;
font-size: 0.5em;
color: #595452;
font-weight: 400;
letter-spacing: .08em;
}
.btn04 a:hover {
background-color: #afc3b7;
border: 1px solid #afc3b7;
}
.btn04 a::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
right: 15px;
border-left: solid 1px #595452;
border-bottom: solid 1px #595452;
transform: rotate(-45deg);
}
@media (max-width: 1024px){
.night-box {
width: 90%;
}
.night-box01 {
width: 90%;
}
.night-table{
width: 90%;
}
.night-point01 {
width: 90%;
}
.night-title-w{
font-size:4.0rem;
}
.night-title-a{
font-size:4.0rem;
}
.night-title{
font-size:4.0rem;
}
}
@media (max-width: 760px){
.night-title-w{
font-size:6.0rem;
padding: 0 30px;
}
.night-title-a{
font-size:6.0rem;
padding: 0 30px;
}
.night-title{
font-size:6.0rem;
padding: 0 30px;
}
.night-title-s{
font-size:4.5rem;
padding: 0 30px;
}
.night-title-b{
font-size:4.5rem;
padding: 0 30px;
}
.night-catch01{
font-size:3.4rem;
padding: 0 30px;
}
.night-catch01-s{
line-height: 1.7;
font-size:3.0rem;
}
.night-lead01{
padding: 0;
line-height: 2.3;
font-size:2.9rem;
}
.night-lead02{
line-height: 1.7;
font-size:2.7rem;
}
.night-lead03{
padding: 0;
line-height: 2.3;
font-size:2.9rem;
}
.night-ingredient-sp {
display:flex;
flex-flow: column;
}
.night-ingredient-l{
padding: 0 0 20 px;
line-height: 1.6;
font-size:2.5rem;
}
.night-ingredient-sub{
padding: 0;
line-height: 1.6;
font-size:2.4rem;
}
.night-bg{
font-size:2.4rem;
padding: 5px;
width: 80px;
}
.night-bg-r{
font-size:3.4rem;
}
.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-box01 {
margin: 0 auto;
padding: 20px 0;
width: 90%;
height: auto;
}
.night-shadow{
font-size:3.2rem;
}
.night-point01{
padding: 0px;
line-height: 1.8;
font-size:3.0rem;
width: 90%;
}
.sp-br{
display: inline-block;
}
}
About
NIGHTWELL
一日頑張った日の終わりには、
柚子の香りで、ご自愛を。
おやすみ前のひとときを
夢へとつづく、
リラックスタイムに変えるアイテム
ナイトウェル。
About
NIGHTWELL
一日頑張った日の終わりには、
柚子の香りで、ご自愛を。
おやすみ前のひとときを
夢へとつづく、
リラックスタイムに変えるアイテム ナイトウェル。
特別な時間をつくりだす
シトラスウッディの香り
やわらかさの中にほんのり苦みを感じる
柚子を基調に、
やすらかなセダーウッドや針葉樹林のような
深いグリーンをしのばせた香り。
特別な時間をつくりだす
シトラスウッディの香り
やわらかさの中にほんのり苦みを感じる柚子を基調に、
やすらかなセダーウッドや針葉樹林のような深いグリーンをしのばせた香り。
AROMA
AROMA
BOTANICAL INGREDIENT
BOTANICAL INGREDIENT
11月17日（日）発売
BEDSIDE MIST
特別なリラックス空間を演出する、
ルーム・リネン用フレグランス
11月17日（日）発売
BEDSIDE MIST
特別なリラックス空間を演出する、ルーム・リネン用フレグランス
MASSAGE
表情までやわらげるように
MASSAGE
表情までやわらげるように
How to Use
How to Use
＼ バスタイムでも使える ／
| インバス |
|---|
| 洗顔の後に。 |
| 洗顔の後に軽く水気をきってからお使いください。 マッサージ後、洗い流します。 |
| アウトバス |
| 化粧水の前（イグニス乳液の後）に。 |
| 化粧水の前（イグニス乳液の後）にお使いください。 マッサージ後、ティッシュペーパーでやさしくふきとります。 |
＼ バスタイムでも使える ／
| インバス | アウトバス |
|---|---|
| 洗顔の後に。 | 化粧水の前（イグニス乳液の後）に。 |
| 洗顔の後に軽く水気をきってからお使いください。 マッサージ後、洗い流します。 | 化粧水の前（イグニス乳液の後）にお使いください。 マッサージ後、ティッシュペーパーでやさしくふきとります。 |
HAND TREATMENT
朝までうるおいハンドケア
HAND TREATMENT
朝までうるおいハンドケア
How to Use
How to Use
With
ハンドトリートメント
With
ハンドトリートメント
11月17日（日）限定発売
HAND TREATMENT
いつでもどこでも、 うるおいハンドケア
11月17日（日）限定発売
HAND TREATMENT
いつでもどこでも、うるおいハンドケア
いつでもどこでも、手肌も心も、
柚子の香りでうっとり。
いつでもどこでも、手肌も心も、柚子の香りでうっとり。
