@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: #03003c;
font-weight: 600;
}
.btn01 a .sub {
font-size: 0.8em;
color: #03003c;
font-weight: 400;
}
.btn01 a:hover {
background-color: #5e9dab;
border: 1px solid #5e9dab;
}
.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: #eff6f4;
border: 1px solid #eff6f4;
border-radius: 4px;
font-size: 1.2em;
color: #03003c;
font-weight: 600;
}
.btn02 a .sub {
font-size: 0.8em;
color: #03003c;
font-weight: 400;
}
.btn02 a:hover {
background-color: #5e9dab;
border: 1px solid #5e9dab;
}
.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: #bdd8dd;
border: 1px solid #bdd8dd;
border-radius: 4px;
font-size: 1.2em;
color: #03003c;
font-weight: 600;
}
.btn03 a .sub {
font-size: 0.8em;
color: #03003c;
font-weight: 400;
}
.btn03 a:hover {
background-color: #5e9dab;
border: 1px solid #5e9dab;
}
.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);
}
.btn04 a {
background-color: #9fd6db;
border: 1px solid #9fd6db;
border-radius: 4px;
font-size: 1.2em;
color: #03003c;
font-weight: 600;
}
.btn04 a .sub {
font-size: 0.8em;
color: #03003c;
font-weight: 400;
}
.btn04 a:hover {
background-color: #5e9dab;
border: 1px solid #5e9dab;
}
.btn04 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: #03003c;
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: #5e9dab;
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: #5e9dab;
text-align:center;
}
.ef-lead02 {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 2.0rem;
font-weight: 400;
color: #03003c;
text-align: center;
}
.ef-ingredient-name {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.8rem;
font-weight: 600;
color: #5e9dab;
}
.ef-ingredient-sub {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.4rem;
font-weight: 400;
color: #5e9dab;
}
.ef-ingredient-text {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.6rem;
font-weight: 400;
color: #03003c;
text-align: center;
}
.ef-ingredient {
display: inline-flex;
justify-content: center;
width: 90%;
max-width: calc(1200px + 7rem);
}
.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: #5e9dabc7;
border: solid 1px #5e9dab;
}
.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: #03003c;
text-align:center;
border-bottom: 1px solid #03003c;
padding-bottom: 10px;
}
.ef-catch02-sub {
position: relative;
display: inline-block;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:1.2rem;
font-weight: 600;
color: #03003c;
text-align:center;
}
.ef-bg01 {
text-align:center;
letter-spacing: .12em;
font-weight: 800;
font-size:1.9rem;
color:#ffffff;
background-color:#5e9dab;
display: inline-block;
padding: 10px 20px;
margin: 30px;
}
.ef-clean .block-pic-text-responsive {
max-width: 80%;
}
.ef-clean-box {
margin: 0 auto;
width: 100%;
height: auto;
padding: 60px 20px;
}
.ef-wrapper{
display: flex;
justify-content: space-between;
}
.ef-box-aroma {
margin: 0 auto;
width: 90%;
height: auto;
padding: 20px 0px;
max-width: calc(1200px + 7rem);
}
.box {
display: inline-flex;
width: 90%;
max-width: calc(1000px + 7rem);
}
.wrap {
display:flex;
flex-flow: column;
align-items: center;
}
.ef-box-point {
margin: 0 auto;
width: 90%;
height: auto;
padding: 20px 20px;
background: #bdd7dd;
border: solid 1px #bdd7dd;
max-width: calc(1200px + 7rem);
}
.ef-box-point-box {
display: inline-block;
}
.ef-box-point .box-s01 {
display: inline-block;
padding: 1em 0.5em;
margin: 1.5em 1em;
background: #ffffff;
border: solid 1px #03003c;
}
.ef-box-point .box-s02 {
display: inline-block;
padding: 1em 0.5em;
margin: 1.5em 1em;
background: #c1bfd3;
border: solid 1px #03003c;
}
.ef-point-a {
text-align: center;
letter-spacing: .12em;
font-weight: 600;
font-size: 2.0rem;
color: #03003c;
margin: 0;
padding: 0;
}
.ef-point-a-sub {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.8rem;
font-weight: 400;
color: #03003c;
position: relative;
display: inline-block;
text-align: center;
border-bottom: 1px solid #03003c;
padding-bottom: 10px;
}
.ef-point-name {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.8rem;
font-weight: 600;
color: #03003c;
padding-top: 10px;
}
.ef-point-sub {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.4rem;
font-weight: 400;
color: #03003c;
}
.ef-point-text {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size: 1.6rem;
font-weight: 400;
color: #03003c;
}
.ef-lead03 {
letter-spacing: .18em;
line-height: 1.7;
padding: 20px 20px;
font-size: 1.8rem;
font-weight: 400;
color: #03003c;
text-align: center;
/* margin-top: 20px; */
}
.ef-limited-catch-s {
position: relative;
display: inline-block;
padding: 0 20px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size: 2.6rem;
font-weight: 600;
color: #03003c;
text-align: center;
}
.ef-limited-catch-b {
position: relative;
display: inline-block;
padding: 0 20px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size: 2.8rem;
font-weight: 800;
color: #03003c;
text-align: center;
}
.ef-limited-box {
margin: 0 auto;
width: 70%;
height: auto;
padding: 60px 20px;
background-color: #ffffffb0;
border: solid #a68d20;
}
[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-box-aroma {
width: 90%;
}
.ef-limited-box {
width: 90%;
}
.ef-box-point {
margin: 0 auto;
width: 90%;
height: auto;
padding: 20px 20px;
background: #bdd7dd;
border: solid 1px #bdd7dd;
}
.ef-box-point-box {
width: 90%;
}
.ef-clean .block-pic-text-responsive {
max-width: 100%;
}
.box {
width: 80%;
}
.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 {
display: inline-flex;
justify-content: center;
width: 90%;
}
.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;
padding-bottom: 10px;
}
.ef-catch02-sub{
font-size:2.0rem;
}
.ef-catch02-02 {
position: relative;
display: inline-block;
padding: 10px 10px 0px 10px;
margin-bottom: 10px;
padding-bottom: 10px;
letter-spacing: .15em;
line-height: 1.7;
font-size:3.6rem;
font-weight: 800;
color: #03003c;
text-align:center;
border-bottom: 1px solid #03003c;
}
.ef-bg01{
font-size:2.9rem;
}
.ef-clean .block-pic-text-responsive {
max-width: 100%;
}
.ef-box-aroma {
margin: 0 auto;
padding: 20px 0px;
width: 90%;
height: auto;
}
.box {
display: inline-flex;
width: 100%;
}
.ef-box-point {
margin: 0 auto;
padding: 20px 0px;
width: 87%;
height: auto;
}
.ef-point-a {
font-size: 2.8rem;
}
.ef-point-a-sub{
letter-spacing: .18em;
line-height: 1.8;
font-size: 2.4rem;
padding: 0px 5px;
padding-bottom: 10px;
}
.ef-point-name{
letter-spacing: .18em;
line-height: 1.8;
font-size: 2.4rem;
padding: 0px 5px;
padding-top: 10px;
}
.ef-point-sub{
letter-spacing: .18em;
line-height: 1.8;
font-size: 2.0rem;
padding: 0px 5px;
}
.ef-point-text{
letter-spacing: .18em;
line-height: 1.8;
font-size: 2.2rem;
padding: 0px 5px;
}
.ef-lead03{
line-height: 1.8;
font-size: 2.6rem;
padding: 20px 10px;
}
.ef-limited-catch-s {
font-size:3.6rem;
padding: 0 10px;
}
.ef-limited-catch-b {
font-size:3.8rem;
padding: 0 10px;
}
.ef-limited-box {
margin: 0 auto;
padding: 60px 0;
width: 90%;
height: auto;
}
.sp-br{
display: inline-block;
}
}
長きにわたり、人と寄り添い
培われてきた
“伝統植物の叡智”。
そして
輝く未来をはぐくむため積み重ねてきた
植物の恵みを活かす
“イグニスの独自処方”。
無限の可能性を秘めた
そのふたつを融合させ
すこやかで、自信みなぎる
圧倒的な美しさが
今、叶う。
伝統植物の智慧を
おしみなく凝縮したエフフォーリア
すこやかさを積み重ね、美しい素肌になるために。
古くから伝わる植物エキスを贅沢に配合しました。
伝統植物の智慧をおしみなく凝縮したエフフォーリア
すこやかさを積み重ね、美しい素肌になるために。
古くから伝わる植物エキスを贅沢に配合しました。
月桃葉エキス
（ゲットウ葉エキス）- 保湿成分
ショウガ科の常緑多年草。
月桃葉は、古くから沖縄では
種子を加工して飲用するなど
生活になくてはならない
植物として愛されてきました。
ショウガ科の常緑多年草。
月桃葉は、古くから沖縄では
種子を加工して飲用するなど
生活になくてはならない
植物として愛されてきました。
葛根エキス
（カッコンエキス／クズ根エキス）
- 保湿成分
マメ科のつる性多年草。
葛根は、粉末にしてお湯に
溶いて飲む葛湯など、
昔から現代にわたって
親しまれてきました。
- 保湿成分
マメ科のつる性多年草。
葛根は、粉末にしてお湯に
溶いて飲む葛湯など、
昔から現代にわたって
親しまれてきました。
桑黄エキス
（桑黄抽出液／メシマコブエキス）
- 保湿成分
タバコウロコタケ科の多年生
キノコ。桑黄は、30cm位に
なるのに30年もの歳月が
かかるため、幻のキノコとして
珍重されてきました。
- 保湿成分
タバコウロコタケ科の多年生
キノコ。桑黄は、30cm位に
なるのに30年もの歳月が
かかるため、幻のキノコとして
珍重されてきました。
牡丹皮エキス
（ボタンエキス）- 保湿成分
ボタン科の落葉小低木。
大輪の花を咲かせる優雅な
姿から「百花の王」と言われ、
古くから美しさの象徴と
されてきました。
ボタン科の落葉小低木。
大輪の花を咲かせる優雅な
姿から「百花の王」と言われ、
古くから美しさの象徴と
されてきました。
月桃葉エキス
（ゲットウ葉エキス）- 保湿成分
ショウガ科の常緑多年草。
月桃葉は、古くから沖縄では種子を加工して飲用するなど
生活になくてはならない植物として愛されてきました。
ショウガ科の常緑多年草。
月桃葉は、古くから沖縄では種子を加工して飲用するなど
生活になくてはならない植物として愛されてきました。
葛根エキス
（カッコンエキス／クズ根エキス）- 保湿成分
マメ科のつる性多年草。
葛根は、粉末にしてお湯に溶いて飲む葛湯など、
昔から現代にわたって親しまれてきました。
マメ科のつる性多年草。
葛根は、粉末にしてお湯に溶いて飲む葛湯など、
昔から現代にわたって親しまれてきました。
桑黄エキス
（桑黄抽出液／メシマコブエキス）- 保湿成分
タバコウロコタケ科の多年生キノコ。
桑黄は、30cm位になるのに30年もの歳月が
かかるため、幻のキノコとして珍重されてきました。
タバコウロコタケ科の多年生キノコ。
桑黄は、30cm位になるのに30年もの歳月が
かかるため、幻のキノコとして珍重されてきました。
牡丹皮エキス
（ボタンエキス）- 保湿成分
ボタン科の落葉小低木。大輪の花を
咲かせる優雅な姿から「百花の王」と言われ、
古くから美しさの象徴とされてきました。
ボタン科の落葉小低木。大輪の花を
咲かせる優雅な姿から「百花の王」と言われ、
古くから美しさの象徴とされてきました。
透明感冴えわたる、美しい肌へ
見惚れるほどの
澄んだ透明感
触れるたび幸せな
ふっくらハリ
まぶしいほどに
輝き放つツヤ
トラブルを寄せつけず
さらに美しく
シミ・肌あれ・ニキビを防ぎ、
クリアな肌へ
美白
有効成分配合ビタミンC誘導体
（L-アスコルビン酸2-グルコシド）
メラニンの生成を抑え、
シミ・ソバカスを防ぎます。
抗肌あれ
有効成分配合
グリチルリチン酸
ジカリウム
肌あれ・ニキビを防ぎます。
透明感冴えわたる、美しい肌へ
見惚れるほどの
澄んだ透明感
触れるたび幸せな
ふっくらハリ
まぶしいほどに
輝き放つツヤ
トラブルを寄せつけず
さらに美しく
シミ・肌あれ・ニキビを防ぎ、
クリアな肌へ
美白
有効成分配合ビタミンC誘導体
（L-アスコルビン酸2-グルコシド）メラニンの生成を抑え、
シミ・ソバカスを防ぎます。
抗肌あれ
有効成分配合
グリチルリチン酸
ジカリウム
肌あれ・ニキビを防ぎます。
ハーブの香りに心まで満たされて
12種のハーブをブレンドした
清々しいハーバルフレッシュの香り。
ウイキョウ
レモン
オレンジ
カモミール
アルモアーズ
ベルガモット
バジル
ローズマリー
タイム
コリアンダー
ラバンジン
パルマローザ
ハーブの香りに心まで満たされて
12種のハーブをブレンドした清々しいハーバルフレッシュの香り
ウイキョウ
レモン
オレンジ
カモミール
アルモアーズ
ベルガモット
バジル
ローズマリー
タイム
コリアンダー
ラバンジン
パルマローザ