@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
.ef-body{
font-family:"Noto Sans JP", sans-serif;
transform:rotateZ(0.03deg);
}
.ef-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: 330px;
padding: 15px 10px;
position: relative;
text-decoration: none;
transition: all 0.4s ease;
margin: 0 5px 5px;
}
.btn01 a {
background-color: #f0ebe4;
border: 1px solid #f0ebe4;
border-radius: 4px;
font-size: 1.2em;
color: #40220f;
font-weight: 600;
}
.btn01 a .sub {
font-size: 0.8em;
color: #40220f;
font-weight: 400;
}
.btn01 a:hover {
background-color: #d6cdbb;
border: 1px solid #d6cdbb;
}
.btn01 a::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
right: 15px;
border-left: solid 1px #444444;
border-bottom: solid 1px #444444;
transform: rotate(-45deg);
}
.btn02 a {
background-color: #e3ddd6;
border: 1px solid #e3ddd6;
border-radius: 4px;
font-size: 1.2em;
color: #40220f;
font-weight: 600;
}
.btn02 a .sub {
font-size: 0.8em;
color: #40220f;
font-weight: 400;
}
.btn02 a:hover {
background-color: #d6cdbb;
border: 1px solid #d6cdbb;
}
.btn02 a::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
right: 15px;
border-left: solid 1px #444444;
border-bottom: solid 1px #444444;
transform: rotate(-45deg);
}
.btn03 a {
background-color: #d9c6c8;
border: 1px solid #d9c6c8;
border-radius: 4px;
font-size: 1.2em;
color: #40220f;
font-weight: 600;
}
.btn03 a .sub {
font-size: 0.8em;
color: #40220f;
font-weight: 400;
}
.btn03 a:hover {
background-color: #d6cdbb;
border: 1px solid #d6cdbb;
}
.btn03 a::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
right: 15px;
border-left: solid 1px #444444;
border-bottom: solid 1px #444444;
transform: rotate(-45deg);
}
.ef-about-box {
margin: 0 auto;
width: 70%;
height: auto;
padding: 60px 20px;
background-color: #ffffffb0;
}
.ef-lead {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.8rem;
font-weight: 400;
color: #40220f;
text-align: center;
}
.ef-catch01 {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:2.6rem;
font-weight: 800;
color: #af5e68;
text-align:center;
}
.ef-catch01-b {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:2.8rem;
font-weight: 800;
color: #af5e68;
text-align:center;
}
.ef-lead02 {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 2.0rem;
font-weight: 400;
color: #40220f;
text-align: center;
}
.ef-ingredient-name {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.8rem;
font-weight: 600;
color: #af5e68;
}
.ef-ingredient-sub {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.4rem;
font-weight: 400;
color: #af5e68;
}
.ef-ingredient-text {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.6rem;
font-weight: 400;
color: #40220f;
text-align: left;
}
.ef-ingredient {
display: flex;
}
.ef-ingredient-img {
display:flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
align-items: center;
margin: 20px 0px 20px 0px;
}
.ef-ingredient-data {
display:flex;
flex-flow: column;
align-items: center;
}
.ef-skincare-box {
width: 330px;
display: inline-block;
padding: 1em 0.5em;
margin: 1.5em 1em;
background: #af5e68c7;
border: solid 1px #af5e68;
}
.ef-point-s {
text-align: center;
letter-spacing: .12em;
font-weight: 600;
font-size: 1.6rem;
color: #ffffff;
margin: 0;
padding: 0;
}
.ef-point-b {
text-align: center;
letter-spacing: .12em;
font-weight: 600;
font-size: 2.0rem;
color: #ffffff;
margin: 0;
padding: 0;
}
.ef-catch02 {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:2.6rem;
font-weight: 800;
color: #40220f;
text-align:center;
border-bottom: 1px solid #40220f;
padding-bottom: 10px;
}
.ef-bg01 {
text-align:center;
letter-spacing: .12em;
font-weight: 800;
font-size:1.9rem;
color:#ffffff;
background-color:#b58184;
display: inline-block;
padding: 10px;
margin: 30px;
}
[data-ruby]{
position: relative;
}
[data-ruby]::before {
content: attr(data-ruby);
position: absolute;
top: -1em;
left: -2em;
right: -2em;
margin: auto;
font-size: 0.5em;
letter-spacing: 0.2em;
text-align: center;
}
.sp-br{
display:none;
}
@media (max-width: 1024px){
.ef-about-box {
width: 90%;
}
.ef-catch01 {
padding: 0 20px;
}
ef-catch02 {
padding: 0 40px;
}
}
@media (max-width: 760px){
.ef-about-box {
margin: 0 auto;
padding: 60px 0;
width: 90%;
height: auto;
}
.ef-lead{
line-height: 1.8;
font-size: 2.6rem;
padding: 0 10px;
}
.ef-catch01{
font-size:3.6rem;
padding: 0 10px;
}
.ef-catch01-b{
font-size:3.8rem;
padding: 0 10px;
}
.ef-lead02{
letter-spacing: .14em;
line-height: 1.8;
font-size: 2.6rem;
padding: 0px 0px;
}
.ef-ingredient-name{
letter-spacing: .18em;
line-height: 1.8;
font-size: 2.4rem;
padding: 0px 5px;
}
.ef-ingredient-sub{
letter-spacing: .18em;
line-height: 1.8;
font-size: 2.0rem;
padding: 0px 5px;
}
.ef-ingredient-text{
letter-spacing: .18em;
line-height: 1.8;
font-size: 2.2rem;
padding: 0px 5px;
}
.ef-ingredient-img {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.ef-skincare-box {
width: 40%;
padding: 1em 0.3em;
margin: 1.5em 1em;
}
.ef-point-s {
font-size: 2.4rem;
}
.ef-point-b {
font-size: 2.8rem;
}
.ef-catch02{
font-size:3.6rem;
padding: 0 10px;
display: inline-block;
}
.ef-catch02-02 {
position: relative;
display: inline-block;
padding: 10px 10px 0px 10px;
margin-bottom: 10px;
letter-spacing: .15em;
line-height: 1.7;
font-size:3.6rem;
font-weight: 800;
color: #40220f;
text-align:center;
border-bottom: 1px solid #40220f;
}
.ef-bg01{
font-size:2.9rem;
}
.sp-br{
display: inline-block;
}
}
長きにわたり、人と寄り添い
培われてきた
“伝統植物の叡智”。
そして
輝く未来をはぐくむため積み重ねてきた
植物の恵みを活かす
“イグニスの独自処方”。
無限の可能性を秘めた
そのふたつを融合させ
すこやかで、自信みなぎる
圧倒的な美しさが
今、叶う。
伝統植物の智慧を
おしみなく凝縮したエフフォーリア
すこやかさを積み重ね、美しい素肌になるために。
古くから伝わる植物エキスを贅沢に配合しました。
伝統植物の智慧をおしみなく凝縮したエフフォーリア
すこやかさを積み重ね、美しい素肌になるために。
古くから伝わる植物エキスを贅沢に配合しました。
月桃葉エキス
（ゲットウ葉エキス）- 保湿成分
ショウガ科の常緑多年草。
月桃葉は、古くから沖縄では
種子を加工して飲用するなど
生活になくてはならない
植物として愛されてきました。
ショウガ科の常緑多年草。
月桃葉は、古くから沖縄では
種子を加工して飲用するなど
生活になくてはならない
植物として愛されてきました。
葛根エキス
（クズ根エキス）- 保湿成分
マメ科のつる性多年草。
葛根は、粉末にしてお湯に
溶いて飲む葛湯など、
昔から現代にわたって
親しまれてきました。
マメ科のつる性多年草。
葛根は、粉末にしてお湯に
溶いて飲む葛湯など、
昔から現代にわたって
親しまれてきました。
桑黄エキス
（メシマコブエキス）- 保湿成分
タバコウロコタケ科の多年生
キノコ。桑黄は、30cm位に
なるのに30年もの歳月が
かかるため、幻のキノコとして
珍重されてきました。
タバコウロコタケ科の多年生
キノコ。桑黄は、30cm位に
なるのに30年もの歳月が
かかるため、幻のキノコとして
珍重されてきました。
桃仁エキス
（モモ種子エキス）- 保湿成分
バラ科のモモ、またはノモモ
などの種子。桃は、中国では
吉祥（めでたいこと）の植物と
考えられ、日本でも祝いごとで
用いられてきました。
バラ科のモモ、またはノモモ
などの種子。桃は、中国では
吉祥（めでたいこと）の植物と
考えられ、日本でも祝いごとで
用いられてきました。
月桃葉エキス
（ゲットウ葉エキス）- 保湿成分
ショウガ科の常緑多年草。
月桃葉は、古くから沖縄では種子を加工して飲用するなど
生活になくてはならない植物として愛されてきました。
ショウガ科の常緑多年草。
月桃葉は、古くから沖縄では種子を加工して飲用するなど
生活になくてはならない植物として愛されてきました。
葛根エキス
（クズ根エキス）- 保湿成分
マメ科のつる性多年草。
葛根は、粉末にしてお湯に溶いて飲む葛湯など、
昔から現代にわたって親しまれてきました。
マメ科のつる性多年草。
葛根は、粉末にしてお湯に溶いて飲む葛湯など、
昔から現代にわたって親しまれてきました。
桑黄エキス
（メシマコブエキス）- 保湿成分
タバコウロコタケ科の多年生キノコ。
桑黄は、30cm位になるのに30年もの歳月が
かかるため、幻のキノコとして珍重されてきました。
タバコウロコタケ科の多年生キノコ。
桑黄は、30cm位になるのに30年もの歳月が
かかるため、幻のキノコとして珍重されてきました。
桃仁エキス
（モモ種子エキス）- 保湿成分
バラ科のモモ、またはノモモなどの種子。
桃は、中国では吉祥（めでたいこと）の植物と
考えられ、日本でも祝いごとで用いられてきました。
バラ科のモモ、またはノモモなどの種子。
桃は、中国では吉祥（めでたいこと）の植物と
考えられ、日本でも祝いごとで用いられてきました。
美しさみなぎる、すこやかな素肌へ
触れるたび幸せな
ふっくらハリ
まぶしいほどに
光り放つツヤ
見惚れるほど
輝くたおやかさ
トラブルを寄せつけず
さらに美しく
美しさみなぎる、すこやかな素肌へ
触れるたび幸せな
ふっくらハリ
まぶしいほどに
光り放つツヤ
見惚れるほど
輝くたおやかさ
トラブルを寄せつけず
さらに美しく