.mist-title{ letter-spacing: .15em; line-height: 1.5; font-size:2.6rem; font-weight: 600; color:#827fbb; text-align:center; margin: 0 0 0.6em; } .mist-catch{ letter-spacing: .15em; line-height: 1.5; font-size:2.3rem; font-weight: 800; color:#ffffff; text-align:center; margin: 0 1.2em; } .mist-catch02{ letter-spacing: .15em; line-height: 1.5; font-size:2.0rem; font-weight: 600; color:#ffffff; text-align:center; margin: 0 1.2em; } .mist-catch02-color{ letter-spacing: .15em; line-height: 1.5; font-size:2.0rem; font-weight: 600; color:#827fbb; text-align:center; margin: 0 1.2em; } .mist01-catch{ letter-spacing: .15em; line-height: 2.0; font-size:2.3rem; font-weight: 600; color:#aaa5d5; text-align:center; margin: 0 1.2em; } .mist01-catch02{ letter-spacing: .15em; line-height: 2.0; font-size:2.1rem; font-weight: 600; color:#ffffff; text-align:center; margin: 0 1.2em; } .mist01-catch03{ letter-spacing: .15em; line-height: 2.0; font-size:2.1rem; font-weight: 600; color:#f2a5ff; text-align:center; margin: 0 1.2em; } .mist02-catch{ letter-spacing: .15em; line-height: 2.0; font-size:2.3rem; font-weight: 600; color:#ffcc47; text-align:center; margin: 0 1.2em; } .mist02-catch02{ letter-spacing: .15em; line-height: 2.0; font-size:2.1rem; font-weight: 600; color:#ffffff; text-align:center; margin: 0 1.2em; } .mist02-catch03{ letter-spacing: .15em; line-height: 2.0; font-size:2.1rem; font-weight: 600; color:#ff795d; text-align:center; margin: 0 1.2em; } .mist03-catch{ letter-spacing: .15em; line-height: 2.0; font-size:2.3rem; font-weight: 600; color:#89cb71; text-align:center; margin: 0 1.2em; } .mist03-catch02{ letter-spacing: .15em; line-height: 2.0; font-size:2.1rem; font-weight: 600; color:#ffffff; text-align:center; margin: 0 1.2em; } .mist03-catch03{ letter-spacing: .15em; line-height: 2.0; font-size:2.1rem; font-weight: 600; color:#0dac67; text-align:center; margin: 0 1.2em; } .contents {  width: 100%; margin: 0; padding: 80px 0; position: relative; top: 100px; } .contents::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #e9dfff; transform: skewY(-3deg); z-index: -1; } .contents_inner { box-sizing: boder-box; width: 100%; max-width: 880px; height: 100%; margin: 0 auto; padding: 80px 0px 10px; color: #fff; text-align: center; } .contents::after { content: ''; position: absolute; top: 0px; bottom: 0px; left: 0; right: 0; background-color: #fffdcc; transform: skewY(3deg); z-index: -2; } .balloon { position: relative; display: inline-block; margin: 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #827fbb; background: #827fbb; border: solid 3px #827fbb; border-radius: 60px; } .balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #827fbb; z-index: 2; } .balloon-top { position: relative; display: inline-block; margin: 1.5em 0; padding: 14px 20px; min-width: 120px; max-width: 100%; color: #827fbb; color: #827fbb; background: #827fbb; border: solid 3px #827fbb; border-radius: 60px; } .balloon-top:before { content: ""; position: absolute; top: -30px; left: 50%; margin-left: -15px; border: 15px solid transparent; border-bottom: 15px solid #827fbb; } .mist01_balloon { position: relative; display: inline-block; margin: 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #f2b9ff; background: #f2a5ff; border: solid 3px #f2a5ff; border-radius: 60px; } .mist01_balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #f2a5ff; z-index: 2; } .mist02_balloon { position: relative; display: inline-block; margin: 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #ff795d; background: #ff795d; border: solid 3px #ff795d; border-radius: 60px; } .mist02_balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #ff795d; z-index: 2; } .mist03_balloon { position: relative; display: inline-block; margin: 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #0dac67; background: #0dac67; border: solid 3px #0dac67; border-radius: 60px; } .mist03_balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #0dac67; z-index: 2; } .sp-br{ display:none; } @media (max-width: 768px){ .mist-title{  line-height: 1.7; font-size: 3.4rem; letter-spacing: .2em; } .mist-catch{ line-height: 1.7; font-size:3.0rem; letter-spacing: .2em; } .mist-catch02{ line-height: 1.7; font-size:2.7rem; letter-spacing: .2em; } .mist-catch02-color{ line-height: 1.7; font-size:2.7rem; letter-spacing: .2em; } .mist01-catch{ line-height: 1.7; font-size:2.8rem; letter-spacing: .2em; } .mist01-catch02{ line-height: 1.7; font-size:2.6rem; letter-spacing: .2em; } .mist01-catch03{ line-height: 1.7; font-size:2.6rem; letter-spacing: .2em; } .mist02-catch{ line-height: 1.7; font-size:2.8rem; letter-spacing: .2em; } .mist02-catch02{ line-height: 1.7; font-size:2.6rem; letter-spacing: .2em; } .mist02-catch03{ line-height: 1.7; font-size:2.6rem; letter-spacing: .2em; } .mist03-catch{ line-height: 1.7; font-size:2.8rem; letter-spacing: .2em; } .mist03-catch02{ line-height: 1.7; font-size:2.6rem; letter-spacing: .2em; } .mist03-catch03{ line-height: 1.7; font-size:2.6rem; letter-spacing: .2em; } .contents { top: 50px; } .contents::before { transform: skewY(-4deg); } .contents::after { transform: skewY(4deg); } .contents_inner { width: auto; padding: 10px 10px 0; } .balloon-top { padding: 14px 8px; margin: 1.5em 0.5em; } }
 
 

これから、
ご紹介するミスト化粧水は...

これから、ご紹介するミスト化粧水は...


3つのタイプから、
マッチングするのはどのミスト?

3つのタイプから、マッチングするのはどのミスト?

気になるキーワードをえらんで♡

ミストとのマッチングSTART!

 もっと、くわしく知って♡ 

ホワイトジャスミンティーの華やかな香り
美白して透明感

有効成分で美白

#みずみずしく保湿
#春夏の肌も守る

フレッシュカモミールティーのやわらかな甘い香り
やさしくなめらかに

シュッと気持ちをリカバリー

#しっとり保湿
#肌に「アレ?」と感じたら

シトラスミントティーのさわやかな香り
すっきり、肌をひきしめる

すっきり清涼感 肌をひきしめる

#ひんやり保湿
#毛穴が気になる…

試してみたいミストをえらんだら、
ぜひお店でTRY!
あなたのマッチングミストに出会えますように♡