#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(ティティベイト)」運営グループ会社から新ブランド誕生です♪
(※titivateの商品ではございません)
今回は商品ページ、チラシの
顔だしレビュー写真を5
名募集します!
健康食品の商品ページやチラシに参加してみませんか?
*上記は参考写真です。実際にお写真が載るものではございません。
【キャンペーン概要】
黒玉烏龍サプリの商品ページ、チラシの
レビュー用写真をいただけるモニター様を大募集!
ご応募いただいた方の中から抽選で5名様に
【ダイエッターサプリ】黒玉烏龍 をプレゼント!
楽しみながらサプリメントをもらっちゃお!
※当選発表はモニター商品の発送をもってかえさせていただきます。
――――――
KaraKireから新登場
プレゼントサプリ<黒玉烏龍>
現代人は、脂肪を多く摂る傾向にあります‼
☑脂っこい食べ物が好き ☑運動不足を感じる ☑スッキリしにくくなった
↓そこで
黒玉烏龍サプリ!!
名前の通り烏龍茶エキスを配合しています!
烏龍茶とは脂肪抑制効果があるといわれているので
アレもコレも楽しみたい‼という方の「食べたい」をサポートするサプリメントです。
ターミナリベリリカや
3種の炭などを配合することにより、
脂肪にアプリ―チをかけ、吸着力×吸収力UPで
効率的にダイエッターをサポート!
美容に嬉しい3種のビタミンも配合で、さらに吸収率UP!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
【投稿例】
★ご自身の写真を投稿ください★
普段の自然なメイクの状態でお肌・顔の表情がよくわかるお気に入りの写真をお送りください。
■詳細■
・顔全体が見えるように
・デコルテから頭の先が入るように
・加工はせずに
(例)光をとばしすぎない
・背景は白ベース
▼パターン▼
①カメラ目線
②目線を外す
①と②両方か、どちらか1枚を投稿お願いいたいします。
――――――――――――――――――――――――――――――――――
■モニター当選者さまへのお願い■
①【KaraKire 黒玉烏龍】サプリを飲んでみて、画像or動画と一緒に商品を使ってみた感想・使用感をブログに投稿をしていただきたいです!
*商品をモニプラでもらったこと、商品のPRとしての記載はせずに投稿をお願い致します!シンプルな感想の投稿をお願いいたします。
②商品についてあなたの言葉でリアルなご感想と共にご投稿をお待ちしています。
③投稿していただいた画像や動画をチラシやWeb、広告で使用させていただくこともございます。
皆様のご応募お待ちしております!
公式Instagramのフォローもお願い致します!
@karakire.official
友達にも紹介する
|
|
|
|
|
参加条件を満たす方が当選者より少ない場合、当選者数が所定の人数に満たないことがございます。
予めご了承ください。