@charset "UTF-8";

/* ------------------
swiper
------------------ */

.main_mv{
    max-width: 1440px;
    min-width: 1120px;
    margin: 0 auto 50px;
}

.slider a{
    position: relative;
    display: block;
}

.slider a > p img{
    width: 100%;
    height: auto;
}

.tp_design{
    position: absolute;
    background: #fff;
    right: 5%;
    bottom: 5%;
    width: 320px;
    height: 320px;
    padding: 10px;
}

.colls{
    border: 2px solid #f17591;
    width: 300px;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.colls dt{
    margin: 0 auto 20px;
    padding: 0;
    display: block;
}
.colls dd{
    margin-bottom: 20px;
}

.nd{
    width: 128px;
    
}

.pls{
    font-weight: bold;
    font-size: 250%;

}

.pls_jn{
    font-weight: bold;
    font-size: 220%;

}

.nd img{
    width: 100%;
    height: auto;
}

/* Slider */
.slick-arrow{
    position: absolute;
    top: 40%;
    z-index: 10;
    display: block;
    width: 25px;
    height: 48px;
    border: none;
    font-size: 0;
}

.slick-prev{
    background: url(../img/next.svg) no-repeat center center;
    background-size: 25px 48px;
    left: 15px;
}

.slick-next{
    background: url(../img/prev.svg) no-repeat center center;
    background-size: 25px 48px;
    right: 15px;
}

.slick-dots{
    width: 200px;
    margin: 10px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
}
.slick-dots li:first-child{    margin: 0;}

.slick-dots li{
    list-style: none;
    margin-left: 10px;
}

.slick-dots button{
    border: none;
    font-size: 0;
    background: #eee;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.slick-dots .slick-active button{
    background: #f46a8a;
}

/* 開催中のキャンペーン */

.to_camp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 80px;
}

.to_camp img{
    width: 100%;
    height: auto;
}
.to_camp video{
    width: 100%;
    height: auto;
}

.movs{
    width: 50%;
    background: url(../img/dot-strate.gif) repeat-y right top;
    padding-right: 2%;
    font-weight: bold;
    font-size: 130%;
    line-height: 150%;
}

.to_camp ul{
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.to_camp a img,
.to_camp a video,
.sub_camp a img{
    -webkit-transition: .3s;
    transition: .3s;
}

.to_camp a:hover img,
.to_camp a:hover video,
.sub_camp a:hover img{
    opacity: .5;
}

.to_camp li{
    list-style: none;
    width: 47%;
    margin: 0 6% 4% 0;
}

.to_camp li:nth-child(2n){
    margin-right: 0;
}

.to_camp p:first-child,
.sub_camp p:first-child{
    margin-bottom: 15px;
}

.to_camp a,
.sub_camp a{
    text-decoration: none;
}

.to_camp a:hover,
.sub_camp a:hover{
    text-decoration: underline;
}

/* サブキャンペーンバナー */
.sub_camp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
}

.sub_camp li{
    list-style: none;
    width: 23.5%;
    margin: 0 2% 4% 0;
}

.sub_camp li:nth-child(4n){
    margin-right: 0;
}

.sub_camp img{
    width: 100%;
    height: auto;
}

/* ピックアップ */
.pickup{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
}
.pickup li{
    list-style: none;
    margin-bottom: 60px;
}

.pickup li:last-child{    margin-bottom: 0;}

.pickup a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
}

.pickup a:hover{
    opacity: .5;
}

.pickup a .intec{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    width: 38%;
}

.pickup dl{
    margin-bottom: 30px;
    font-weight: bold;
}

.pickup dd{
    font-size: 180%;
    line-height: 150%;
    margin-top: 10px;
}

.imags{
    width: 62%;
    line-height: 0em;
}

.imags img{
    width: 100%;
    height: auto;
}

.pickup .pnk_btn{
    padding: 10px 20px;
}

/* 製品情報 */
.product_tp{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
}

.product_tp ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_tp li{
    list-style: none;
    width: 31%;
    text-align: center;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
}

.product_tp a{
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
}

.product_tp a:hover{
    opacity: .5;
}

.product_tp li img{
    width: 100%;
    height: auto;
}

.prod{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.prod div{
    padding: 60px 5%;
}

.prod h2{
    font-size: 180%;
    line-height: 150%;
    margin-bottom: 10px;
}

.chatchs{
    margin-bottom: 60px;
}

.prod  .pnk_btn{
    padding: 10px 20px;
}

/* 人気ランキング */
.ranking{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ranking a{
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
}

.ranking a:hover{
    opacity: .5;
}

.ranking li{
    width: 23.5%;
    text-align: center;
    list-style: none;
}

.ranking img{
    width: 100%;
    height: auto;
}

.ranking dl{  font-weight: bold;  }
.ranking dt{
    font-size: 130%;
    margin-bottom: 22px;
}

.crown{
    width: 38px;
    height: 26px;
    margin: 0 auto 20px;
}

/* オススメのヌーブラ製品 */
.recomm{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
    position: relative;
    padding: 10px;
}

.p_bord{
    border: 5px solid #ee8099;
    z-index: 2;
    padding: 5% 7% 5% 5%;
    height: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.p_bord a{
    text-decoration: none;
    display: block;
}

.rem_bgi{
    position: absolute;
    top:0;
    left: 0;
    z-index: -1;
}

.p_bord dl{
    text-align: center;
}

.p_bord dt{
    font-size: 150%;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 30px;
}
.p_bord .pnk_btn{
    margin-top: 60px;
    padding:10px 30px;
}

/* 特集 */
.specials{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
}
.specials p:first-child{    margin-bottom: 15px;}

.specials ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.specials li{
    list-style: none;
    width: 32%;
    margin: 0 2% 4% 0;
}
.specials li:nth-child(3n){    margin-right: 0;}

.specials img{
    width: 100%;
    height: auto;
}

.specials a img{
    -webkit-transition: .3s;
    transition: .3s;
}

.specials a:hover img{
    opacity: .6;
}

.specials a{
    text-decoration: none;
}

.specials a:hover{
    text-decoration: underline;
}

/* ヌーブラガイド */
.n_guide{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
}

.n_guide ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.n_guide a{
    text-decoration: none;
}

.n_guide a img{
    -webkit-transition: .3s;
    transition: .3s;
}
.n_guide a:hover img{
opacity: .6;}

.n_guide li{
    list-style: none;
    width: 32%;
    margin: 0 2% 4% 0;
    text-align: center;
}
.n_guide li:nth-child(3n){    margin-right: 0;}
.n_guide li:nth-child(4),
.n_guide li:last-child{    
    width: 49%;
}

.n_guide li:nth-child(4){
    margin: 0 2% 0 0;
}
.n_guide li:last-child{    
    margin: 0;
}
.n_guide img{
    width: 100%;
    height: auto;
}

.n_guide h2{
    margin: 15px 0;
    font-size: 170%;
}
.n_guide div{
    margin: 30px auto;
    text-align: center;    
}

.n_guide .pnk_btn{
    width: 180px;
}

/* メディア掲載情報 */
.mediaguide{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
}

.mediaguide ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}
.mediaguide a{
    text-decoration: none;
}
.mediaguide a img{
    -webkit-transition: .3s;
    transition: .3s;
}

.mediaguide a:hover img{
opacity: .6;}

.mediaguide li{
    width: 17%;
    list-style: none;
}

.mediaguide img{
    width: 100%;
    height: auto;
}

.m_name{
    font-size: 120%;
    font-weight: bold;
    margin: 15px 0;
}

.mediaguide div{
    margin: 0 auto;
    text-align: center;
}

/* ビューティーBLOG */
.b_blog{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 60px;
    position: relative;
    padding: 40px 0 40px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.b_bord{
    border: 5px solid #ee8099;
    z-index: 2;
    padding: 5% 5% 5% 12%;
    height: 400px;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.b_bord a{
    text-decoration: none;
    display: block;
}

.b_bord dt{
    font-size: 150%;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 30px;
}
.b_bord .pnk_btn{
    padding:10px 30px;
}

.blog_tplist{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
}

.blog_tplist ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.blog_tplist li{
    list-style: none;
    width: 23.5%;
    text-align: center;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
}

.blog_tplist a{
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
}

.blog_tplist a:hover{
    opacity: .5;
}

.blog_tplist li img{
    width: 100%;
    height: auto;
}

.blg_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.blg_area div{
    padding: 10% 10%;
}

.b_tit{
    font-size: 160%;
    line-height: 150%;
    margin-bottom: 20px;
}

.blg_area .pnk_btn{
    padding: 10px 20px;
}

.m_cat{    margin-bottom: 20px;}

/* What's News */
.tp_news{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
}

.tp_news ul{    margin-bottom: 50px;}
.tp_news ul{    margin-bottom: 50px;}

.tp_news li{
    list-style: none;
    margin-bottom: 30px;
}

.tp_news li:last-child{    margin-bottom: 0;}

.tp_news a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
}

.tp_news a .date{
    width: 10%;
    margin-right: 3%;
}


.tp_news a {
    text-decoration: none;
}

.tp_news a:hover p:last-child{
    text-decoration: underline;
}

.ne_listbtn{
    text-align: center;
    margin: 0 auto;
}

.ne_listbtn a{
    display: inline-block;
    text-decoration: underline;
    font-size: 110%;
}

.ne_listbtn a:hover{
    text-decoration: none;
}

/* 直営店舗案内 */
.stores{
    max-width: 1260px;
    min-width: 1120px;
    margin: 0 auto 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.stores .photo{
    width: 60%;
    line-height: 0;
}

.stores .photo img{
    width: 100%;
    height: auto;
}

.stores_a{
    width: 40%;
    height: 250px;
    text-align: center;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.stores_a a{
    text-decoration: none;
    display: block;
}

.stores_a dt{
    font-size: 180%;
    font-weight: bold;
    margin-bottom: 30px;
}

/* Instagram */
.instagram{
    width: 750px;
    margin: 0 auto 100px;
}