#container{
overflow: hidden;
}
.wrap{
max-width:1200px;
margin: 0 auto;
}
/*main visual*/
#main_visual{
position: relative;
height: 40vw;
background-image: url(http://alefs.2-d.jp/data/monipla/lalip/img/fv_bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
h1{
/* position: absolute;*/
top:14%;
right: 7%;
font-size: 4.8vw;
}
.fv_sub{
position: absolute;
top:38%;
right: 23%;
width: 22vw;
}
/*intro*/
#intro{
background-color: #f6becb;
text-align: center;
padding: 90px 0;
}
h2{
line-height: 1.3;
margin-bottom: 50px;
}
.intro_ttl_1{
font-size: 3rem;
color: #FFFFFF;
letter-spacing:0.2em;
font-weight: 300;
}
.intro_ttl_2{
font-size: 3.6rem;
color: #ef508a;
}
.intro_text{
font-size: 2rem;
line-height: 1.8;
}
/*magazine*/
.magazine_photo{
background-color: #fff7fa;
}
.magazine_photo_box{
max-width: 1200px;
margin: 0 auto;
}
/*item_1*/
#item_1{
padding-top: 90px;
padding-bottom: 90px;
padding-left: 50px;
}
.item_1_box{
position: relative;
}
.item_1_bg{
position: absolute;
top: 0;
right: 6%;
width: 50%;
}
.item_1_bg img{
max-width: 587px;
}
.item_1_ttle{
font-size: 3rem;
padding-top: 70px;
margin-bottom: 160px;
}
.item_detail{
font-size: 2rem;
line-height: 1.8;
}
.madein{
font-size: 1.8rem;
border: 1px solid #303030;
padding: 0.5% 1%;
}
/*color_1*/
.clear_0{
color: #f5b8c7;
}
.clear_1{
background-color: #fbe6ef;
}
.clear_2{
background-color: #fff7fa;
}
.clear_3{
color: #f5b7c6;
}
.clear_4{
background-color: #fbe6ef;
}
.clear_5{
background-color: #fff7fa;
}
.brown_0{
color: #d1787c;
}
.brown_1{
background-color: #eed1d3;
}
.brown_2{
background-color: #e2808f;
}
.brown_3{
color: #d07a7b;
}
.brown_4{
background-color: #eed1d3;
}
.brown_5{
background-color: #d07a7b;
}
.pink_0{
color: #ed799b;
}
.pink_1{
background-color: #f9d2d7;
}
.pink_2{
background-color: #cb5b83;
}
.pink_3{
color: #ec789b;
}
.pink_4{
background-color: #f9d2d7;
}
.pink_5{
background-color: #ec7a9b;
}
.orange_0{
color: #f19068;
}
.orange_1{
background-color: #fce4d7;
}
.orange_2{
background-color: #d6887b;
}
.orange_3{
color: #f2906b;
}
.orange_4{
background-color: #fce4d7;
}
.orange_5{
background-color: #f2906b;
}
.bpo_0{
color: #FFFFFF;
}
.color_1_box{
display: flex;
justify-content: space-between;
align-items: center;
}
.color_1_block{
width: 25%;
max-width: 285px;
}
.color_1_upper{
}
.color_1_upper dt{
font-size: 7.2rem;
padding-left: 5%;
}
.color_1_upper dd{
text-align: center;
margin-top: -10%;
}
.color_1_upper dd{
width: 100%;
}
.color_1_upper dd img{
width: 90%;
}
.color_1_middle{
margin: 10% auto;
}
.color_1_middle{
text-align: center;
padding: 5% 5% 0;
}
.color_1_middle dt{
font-size: 1.6rem;
}
.color_1_middle dd{
font-size: 3.0rem;
font-weight: bold;
}
.color_1_bottom{
}
.item_1_btn a{
margin: 10% auto;
display: block;
width: 120px;
height: 38px;
border: 1px solid #1f1f1f;
text-align: center;
border-radius: 5px;
}
.item_1_btn a::before,
.item_1_btn a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.item_1_btn a,
.item_1_btn a::before,
.item_1_btn a::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 1.0s;
transition: all 1.0s;
}
.item_1_btn.cl_btn a:hover {
background-color: #f5b8c7;
border-style: none;
color: #fff;
line-height: 50px;
}
.item_1_btn.b_btn a:hover {
background-color: #d1787c;
border-style: none;
color: #fff;
line-height: 50px;
}
.item_1_btn.p_btn a:hover {
background-color: #ed799b;
border-style: none;
color: #fff;
line-height: 50px;
}
.item_1_btn.o_btn a:hover {
background-color: #f19068;
border-style: none;
color: #fff;
line-height: 50px;
}
.material-icons{
width: 120px;
height: 38px;
font-size: 36px;
color: #1f1f1f;
}
.material-icons:hover{
color: #FFFFFF;
}
/*color_2*/
.color_2_bg_clear{
height: auto;
width: 100%;
background-image:linear-gradient(20deg, #fdeded 50%, #fff7fa 50%);
background-image:-webkit-linear-gradient(20deg, #fdeded 50%, #fff7fa 50%);
background-image:-moz-linear-gradient(20deg, #fdeded 50%, #fff7fa 50%);
background-image:-ms-linear-gradient(20deg, #fdeded 50%, #fff7fa 50%);
background-repeat: no-repeat;
background-size: 100%;
background-position: left -200px bottom 0;
background-color: #fff7fa;
margin-top: 1%;
}
.color_2_bg_brown{
height: auto;
width: 100%;
background-image:linear-gradient(-20deg, #e2808f 50%, #fdeded 50%);
background-image:-webkit-linear-gradient(-20deg, #e2808f 50%, #fdeded 50%);
background-image:-moz-linear-gradient(-20deg, #e2808f 50%, #fdeded 50%);
background-image:-ms-linear-gradient(-20deg, #e2808f 50%, #fdeded 50%);
background-repeat: no-repeat;
background-size: 100%;
background-position: right -200px bottom 0;
background-color: #e2808f;
margin-top: 1%;
}
.color_2_bg_pink{
height: auto;
width: 100%;
background-image:linear-gradient(20deg, #fdeded 50%, #d85f8a 50%);
background-image:-webkit-linear-gradient(20deg, #fdeded 50%, #d85f8a 50%);
background-image:-moz-linear-gradient(20deg, #fdeded 50%, #d85f8a 50%);
background-image:-ms-linear-gradient(20deg, #fdeded 50%, #d85f8a 50%);
background-repeat: no-repeat;
background-size: 100%;
background-position: left -200px bottom 0;
background-color: #d85f8a;
margin-top: 1%;
}
.color_2_bg_orange{
height: auto;
width: 100%;
background-image:linear-gradient(-20deg, #de8b7d 50%, #fdeded 50%);
background-image:-webkit-linear-gradient(-20deg, #de8b7d 50%, #fdeded 50%);
background-image:-moz-linear-gradient(-20deg, #de8b7d 50%, #fdeded 50%);
background-image:-ms-linear-gradient(-20deg, #de8b7d 50%, #fdeded 50%);
background-repeat: no-repeat;
background-size: 100%;
background-position: right -200px bottom 0;
background-color: #de8b7d;
margin-top: 1%;
}
.t_gray{
color: #a0a0a0;
}
.t_white{
color: #FFFFFF;
}
#color_2 h3{
font-size: 3rem;
line-height: 1.4;
}
.cp_m_ttl{
padding-left: 30%;
padding-top: 4%;
padding-bottom: 2%;
}
.bo_m_ttl{
padding-top: 4%;
padding-bottom: 5%;
}
.color_2_block{
display: flex;
justify-content: space-between;
}
.color_2_block_bo{
display: flex;
justify-content: flex-start;
}
.color_2_text_box{
margin-top: 8%;
}
.color_2_text_box_bo{
width: 58%;
margin-top: 7%;
}
.color_2_ttl{
display: flex;
}
.number_1{
font-size: 5.0rem;
line-height: 0.9;
letter-spacing: -4pt;
}
.color_2_ttl dl{
margin-left: 2%;
}
.color_2_ttl dt{
font-size: 3.0rem;
}
.color_2_ttl dd{
font-size: 4rem;
font-weight: bold;
line-height: 1.2;
}
h4{
font-size: 3.0rem;
margin-top: 3%;
}
.color_2_text_box p{
font-size: 1.8rem;
margin-top: 8%;
}
.color_2_text_box_bo p{
font-size: 1.8rem;
margin-top: 8%;
}
.c_btn a{
width: 550px;
height: 60px;
background-color: #c30d23;
color: #FFFFFF;
font-size: 2.4rem;
border: 1px solid #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-top: 8%;
}
.c_btn a:hover{
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.sp{
display: block!important;
}
.sp_f{
display: flex!important;
}
.wrap{
width: 100%;
padding: 0;
margin: 0 auto;
}
/*main visual*/
#main_visual{
background-image: none;
height: auto;
}
.sp_mv{
width: 100%;
position:static;
}
.sp_item_0{
width: 96%;
justify-content: space-between;
align-items: flex-end;
margin: -8% auto 0;
}
.sp_item_0_photo{
width: 40%;
margin-left: 2%;
}
.item_detail{
text-align: right;
/* font-size: 3.6vw;*/
line-height: 1.8;
}
.sp_item_0 .item_detail{
margin-bottom: 28%;
}
.madein{
/* font-size: 3.4vw;*/
padding: 0.5% 3% 1%;
}
/*intro*/
#intro{
padding: 10% 0;
}
h2{
line-height: 1.4;
margin-bottom: 5%;
}
.intro_ttl_1{
/* font-size: 3.6vw;*/
color: #FFFFFF;
letter-spacing:0.2em;
font-weight: 400;
}
.intro_ttl_2{
/* font-size: 7.2vw;*/
color: #ef508a;
}
.intro_text{
/* font-size: 3.6vw;*/
line-height: 2.0;
font-weight: 400;
}
/*item_1*/
#item_1{
padding: 0;
}
.item_1_box{
width: 94%;
margin: 0 auto;
padding-bottom: 10%;
}
.item_1_ttle{
padding-top: 10%;
/* font-size: 7.2vw;*/
margin-bottom: 5%;
}
.item_1_bg{
position: static;
width: 100%;
text-align: center;
margin-bottom: 5%;
}
.item_1_bg img{
width: 90%;
max-width: 100%;
}
.color_1_box{
flex-direction: column;
width: 100%;
}
.color_1_block{
width: 100%;
max-width: 100%;
text-align: left;
position: relative;
}
.color_1_upper{
}
.color_1_upper p{
font-size: 3em;
font-weight: bold;
margin-left: 3%;
line-height: 1.2;
padding-top:2%;
}
.color_1_middle{
text-align: left;
margin: 0 auto;
padding:2% 3% 1%;
}
.color_1_middle dt{
/* font-size: 4.0vw;*/
line-height: 1.4;
}
.android .lip_color_a{
font-family: "Noto Sans Japanese", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
}
.color_1_middle dd{
/* font-size: 5.4vw;*/
line-height: 1.4;
}
.sp_color_1_photo{
position: absolute;
top:10%;
right: 2%;
width: 50%;
}
.sp_color_1_photo img{
mawidth: 36vw;
}
.item_1_btn{
margin: 2% auto -1%;
border-style: none;
text-align: center;
width: 100%;
height: auto;
}
.material-icons{
/* font-size: 10vw;*/
vertical-align: bottom;
height: auto;
}
.material-icons.clear_0{
color: #f5b8c7;
}
.material-icons.brown_0{
color: #eed1d3;
}
.material-icons.pink_0{
color: #f9d2d7;
}
.material-icons.orange_0{
color: #fce4d7;
}
/*color_2*/
.color_2_bg_clear{
height: auto;
width: 100%;
background-image:linear-gradient(110deg, #fff7fa 50%, #fdeded 50%);
background-image:-webkit-linear-gradient(110deg, #fff7fa 50%, #fdeded 50%);
background-image:-moz-linear-gradient(110deg, #fff7fa 50%, #fdeded 50%);
background-image:-ms-linear-gradient(110deg, #fff7fa 50%, #fdeded 50%);
background-repeat: no-repeat;
background-size: 100%;
background-position:top -65vw center;
background-color: #fff7fa;
margin-top: 0;
padding-top:10%;
}
.color_2_bg_brown{
height: auto;
width: 100%;
background-image:linear-gradient(-110deg, #fdeded 50%, #e2808f 50%);
background-image:-webkit-linear-gradient(-110deg, #fdeded 50%, #e2808f 50%);
background-image:-moz-linear-gradient(-110deg, #fdeded 50%, #e2808f 50%);
background-image:-ms-linear-gradient(-110deg, #fdeded 50%, #e2808f 50%);
background-repeat: no-repeat;
background-size: 100%;
background-position:top -65vw center;
background-color: #e2808f;
margin-top: 0;
padding-top:10%;
}
.color_2_bg_pink{
height: auto;
width: 100%;
background-image:linear-gradient(110deg, #d85f8a 50%, #fdeded 50%);
background-image:-webkit-linear-gradient(110deg, #d85f8a 50%, #fdeded 50%);
background-image:-moz-linear-gradient(110deg, #d85f8a 50%, #fdeded 50%);
background-image:-ms-linear-gradient(110deg, #d85f8a 50%, #fdeded 50%);
background-repeat: no-repeat;
background-size: 100%;
background-position:top -65vw center;
background-color: #d85f8a;
margin-top: 0;
padding-top:10%;
z-index: -100;
}
.color_2_bg_orange{
height: auto;
width: 100%;
background-image:linear-gradient(-110deg, #fdeded 50%, #de8b7d 50%);
background-image:-webkit-linear-gradient(-110deg, #fdeded 50%, #de8b7d 50%);
background-image:-moz-linear-gradient(-110deg, #fdeded 50%, #de8b7d 50%);
background-image:-ms-linear-gradient(-110deg, #fdeded 50%, #de8b7d 50%);
background-repeat: no-repeat;
background-size: 100%;
background-position:top -65vw center;
background-color: #de8b7d;
margin-top: 0;
padding-top:10%;
}
.color_2_bg{
padding-bottom: 0;
}
.color_2_clear{
width: 100%;
margin: 0 auto;
padding: 0;
}
#color_2 h3{
/* font-size: 6.0vw;*/
}
.cp_m_ttl{
padding: 3% 3%;
}
.bo_m_ttl{
padding: 3% 3%;
}
.color_2_block{
}
.color_2_text_box{
width: 100%;
margin: 5% auto 0;
padding: 3% 3%;
}
.color_2_text_box_bo{
width: 100%;
margin: 5% auto 0;
padding: 3% 3%;
}
.number_1{
/* font-size: 16vw;*/
font-weight: bold;
}
.color_2_ttl dt{
/* font-size: 5vw;*/
line-height: 1.4;
margin-bottom: -2%;
}
.color_2_ttl dd{
/* font-size: 6.0vw;*/
line-height: 1.4;
}
h4{
/* font-size: 4.8vw;*/
}
.color_2_text_box p{
/* font-size: 3.6vw;*/
margin-top: 11%;
font-feature-settings: "palt";
}
.color_2_text_box_bo p{
/* font-size: 3.6vw;*/
margin-top: 11%;
}
.c_btn a{
margin: 11% auto;
}
.sp_clear_2{
background-color: #fff7fa;
}
.sp_brown_2{
background-color: #e2808f;
}
.sp_pink_2{
background-color: #cb5b83;
}
.sp_orange_2{
background-color: #d6887b;
}
/*point*/
#point{
padding-top: 5%;
padding-bottom: 5%;
}
.point_ttl{
background: url(http://maison-marle.com/moteria/img/hickey.png) no-repeat;
background-position: center right 44%;
background-size: contain;
text-align: left;
margin: 5% auto 10%;
padding-top: 5%;
margin-left: 16%;
width: 100%;
height: auto;
}
.point_ttl:after {
background-image: none;
}
.point_ttl_sub{
/* font-size: 4.4vw;*/
line-height: 0.8;
}
.point_ttl_main{
/* font-size: 10.0vw;*/
}
.point_box{
background-color: #FFFFFF;
border-radius: 20px;
width: 96%;
margin: 0 auto 5%;
padding:0 5% 10%;
}
.point_number_box{
display: flex;
align-items:center;
}
.point_number_box{
flex-direction: column;
}
.point_number{
width: 36vw;
margin: 10% auto;
}
.point_text_1{
text-align: center;
/* font-size: 5.2vw;*/
width: 100%;
line-height: 1.4;
}
.comment{
/* font-size: 2.0vw;*/
}
.point_photo{
margin: 8% auto;
}
.point_text_2{
/* font-size: 3.6vw;*/
line-height: 2.0;
font-feature-settings: "palt";
text-align: justify;
text-align-last: left;
}
.point_text_2 span{
/* font-size: 2.4vw;*/
}
.p_photo_1 img{
width: 100%;
}
.comment_1{
/* font-size: 3.0vw;*/
}
/*voice*/
.voice_ttl{
margin: 12% auto 10%;
}
.voice_ttl_sub {
/* font-size: 4.4vw;*/
}
.voice_ttl_main {
/* font-size: 10.0vw;*/
}
.v_clear::before{
display: none;
}
.v_brown::before{
display: none;
}
.v_pink::before{
display: none;
}
.v_orange::before{
display: none;
}
.voice_box{
margin-bottom: 5%;
}
.voice_box dl{
width: 94%;
padding: 5%;
margin-bottom: 0;
}
.voice_text_ttl{
/* font-size: 5.6vw;*/
font-weight: 500;
margin-bottom: 5%;
}
.voice_text{
/* font-size: 3.6vw;*/
text-align: justify;
text-align-last: left;
}
.comment_2{
width: 90%;
/* font-size: 2.8vw;*/
text-align: left;
margin-top: 2%;
}
/*item_2*/
#item_2{
padding-bottom: 0;
}
.item_2_box{
width: 94%;
margin: 2% auto 5%;
}
.item_2_ttl{
/* font-size: 7.2vw;*/
padding: 0;
}
.item_2_bg{
position: static;
max-width: 100%;
width: 90%;
margin: 2% auto 8%;
}
.item_2_text{
/* font-size: 3.6vw;*/
margin-top: 10%;
margin-bottom: 10%;
line-height: 1.8;
}
/*icolor_3*/
#color_3{
padding-bottom: 0;
}
.color_3_ttl{
/* font-size: 7.2vw;*/
}
.color_3_bg_inner{
padding: 0;
}
.color_3_block{
flex-direction: column;
margin: 0 auto;
}
.color_3_box{
width: 100%;
}
.color_3_item{
width: 30%;
right: 4%;
bottom: 12%;
}
.color_3_text_1{
/* font-size: 5.8vw;*/
}
.color_3_bottom{
padding: 5% 3%;
}
.color_3_lipbox{
align-items: stretch;
}
.lip_color_ttl{
width: 70%;
}
.lip_number{
/* font-size: 15vw;*/
line-height: 1.0;
}
.lip_number span{
/* font-size: 5vw;*/
margin-left: 0;
}
.lip_color{
/* font-size: 5.4vw;*/
line-height: 2.8;
}
.color_3_text_2{
/* font-size: 3.4vw;*/
}
}
@media screen and (max-width: 350px){
.lip_color{
/* font-size: 5.0vw;*/
}
.c_btn a{
width: 80vw;
/* font-size: 7.2vw;*/
}
.point_text_1{
/* font-size: 4.8vw;*/
}
}
モニプラユーザーのみなさま、はじめまして!
「毎日のケアを満足のケアに」その想いを込めて、
新ブランド「NALOW」が誕生しました♪
(※titivateの商品ではございません)
今回は商品ページ、チラシの
顔だしレビュー写真を5
名募集します!
シャンプー&トリートメントの商品関連ページやチラシに参加してみませんか?
NALOW(ナロウ)
【キャンペーン概要】
NALOWの商品ページ、チラシの
レビュー用写真をいただけるモニター様を大募集!
ご応募いただいた方の中から抽選で5名様に
【ダメージケアシャンプー&トリートメント】
(現品:490ml、490mg)をプレゼント!!
楽しみながらシャンプー&トリートメントをもらっちゃお!
※当選発表はモニター商品の発送をもってかえさせていただきます。
――――――
NALOWから新登場
プレゼント商品<シャンプー&トリートメント>
ーNALOWー
理想の自分になろう
ダメージケアシャンプー&トリートメント
♦芯から潤うサロンクオリティー♦
【ダメージを補修し、毛先までまとまる、しなやかな髪へ】
弾力のあるきめ細やかな泡が、うるおいを残しながらも地肌と髪の汚れをやさしくオフし、スッキリとした洗い上がりに。
さらにヘアカラーやブリーチなどで傷んだ、髪一本一本をコーティング。
ハリ・ツヤを与えながら、しっとり、まとまりのある仕上がりに。
さわやかなピオニー香りが、髪だけでなく、バスルームにふんわりと広がります。
「毎日のケアを、満足のケアに。」そんな想いを込めて、サロンクオリティーシャンプー&トリートメントが誕生しました。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
【投稿例】
★ご自身の写真を投稿ください★
普段の自然なメイクの状態でお肌・顔の表情がよくわかるお気に入りの写真をお送りください。
■詳細■
・顔全体が見えるように
・デコルテから頭の先が入るように
・加工はせずに
(例)光をとばしすぎない
・背景は白ベース
▼パターン▼
①カメラ目線
②目線を外す
①と②両方か、どちらか1枚を投稿お願いいたいします。
――――――――――――――――――――――――――――――――――
■モニター当選者さまへのお願い■
①【NALOW】シャンプー&トリートメントを使用してみて、画像or動画と一緒に商品を使ってみた感想・使用感をブログに投稿をしていただきたいです!
*商品をモニプラでもらったこと、商品のPRとしての記載はせずに投稿をお願い致します!シンプルな感想の投稿をお願いいたします。
②商品についてあなたの言葉でリアルなご感想と共にご投稿をお待ちしています。
③投稿していただいた画像や動画をチラシやWeb、広告で使用させていただくこともございます。
皆様のご応募お待ちしております!
公式Instagramのフォローもお願い致します!
@nalow_official
友達にも紹介する
|
|
|
|
|
参加条件を満たす方が当選者より少ない場合、当選者数が所定の人数に満たないことがございます。
予めご了承ください。