#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;*/
}
}
---------------------------
モニプラユーザーのみなさま、はじめまして!
「titivate(ティティベイト)」運営グループ会社から新ブランドです♪
あなたの恋を一押ししたい、そんな想いを込めて生まれた 「MOTERiA」
" 好きな人の前では、いつだって可愛くありたい "
恋する準備をたくさん整えたあなたに贈る、最愛の一本。
「恋って楽しい!」そう感じてみてください。
ファッションとして、コスメもお楽しみください♪
---------------------------
MOTERiA La lip
(モテリア ラ リップ) / 全4色
Made in Japan
MOTE + i + REALIZE
モテるわたしを実現する
あなたの恋を一押ししたい、
そんな想いを込めて生まれた MOTERiA
" 好きな人の前では、いつだって可愛くありたい "
恋する準備を整えたあなたに贈る、最愛の一本。
「恋って楽しい!」そう感じてみてください。
秘めた想いをリップに込めて
唇で変わる恋の結末
MOTERiA La lip (モテリア ラ リップ) / 全4色
3,500円+TAX Made in Japan
#01
デート前夜、ナイトケアにも
使えるクリアカラー
CLEAR
#02
年上キラーの
ヌーディブラウン
NUDIE BROWN
#03
一目惚れさせる
愛されベビーピンク
BABY PINK
#04
告らせ上手の
コーラルオレンジ
CORAL ORANGE
デート前夜ナイトケアにも
使えるクリアカラー
#01
La lip
CLEAR
ぷるぷるの濡れツヤ質感を
1日中キープ!
いつもより魅せたいあなたに。
たっぷりのうるおいで包みこむクリアカラーが
濡れ&ツヤの質感でダイヤモンドのように
キラキラと輝くリップをメイク!
定価3,500円+TAX
年上キラーの
ヌーディブラウン
#02
La lip
NUDIE BROWN
フォーマルなシーンなどで
自分自身をエレガントに演出
シアーなニュアンスで
ほどよい抜け感のあるヌーディブラウン。
上品な大人の女性らしさを演出するカラーリングで
映画女優のようなレディな唇に。
定価3,500円+TAX
一目惚れさせる
愛されベビーピンク
#03
La lip
BABY PINK
デートや合コンなら
可愛く見えるピンク系で決まり!
キスを誘うベビーピンク。
明るく可愛らしいニュアンスで、男心をくすぐる
ヒロイン級の唇に。
ぷっくり可愛いピュアな唇で狙い撃ち!
定価3,500円+TAX
告らせ上手の
コーラルオレンジ
#04
La lip
CORAL ORANGE
パーティーやイベントでは
ラメ入りグロスで華やかに
果実のようにフレッシュでみずみずしい
コーラルオレンジ。
健康的で媚びない唇で好感度UP!
弾けるラメで彩られたあなたの唇に視線がくぎづけ!
定価3,500円+TAX
商品の詳細はコチラ(公式サイト)
友達にも紹介する
|
|
|
|
|
参加条件を満たす方が当選者より少ない場合、当選者数が所定の人数に満たないことがございます。
予めご了承ください。