@charset "utf-8";

#primary { padding: 0; }
#main {min-height:0;}
#main .breadcrumb {display:none;}

#top10_2021 * {
    margin:0;
    padding:0;
    font-family: "Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", "RodinCattleyaPro-L{pm}", sans-serif !important;
}
#top10_2021 {
    padding-bottom:min(5.333%, 80px);
    background:#000;
    color:#FFF;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 {
        padding-bottom:5.333%;
    }

@media screen and (max-width:768px) {
    #top10_2021 {
        padding-bottom:19.067%;/*143px(750)*/
    }
}
#top10_2021 picture,
#top10_2021 img {
    display:block;
}
#top10_2021 img {
    width:100%;
}
#top10_2021 li {
    list-style:none;
}
#top10_2021 a {
    color:#FFF;
    text-decoration:none;
    transition: background 0.3s;
}
#top10_2021 .txt-en {
    font-size:118%;
    line-height:1;
    vertical-align: -3%;
}

/* FV -----------------------------*/
@media screen and (min-width:768px) {
    #top10_2021 .section-fv {
        position: relative;
    }
    #top10_2021 .section-fv .fv-txt {
        position: absolute;
        top: 0;
        left:0;
        /*left: min(11.6%, 174px);*/
        width:100%;
        color:#FFF;
    }
}
#top10_2021 .section-fv .fv-txt * {
    font-family:"HelveticaNeueW01-UltLt", "Helvetica Neue LT W05 25 Ult Lt", "RodinCattleyaPro-L{pm}", sans-serif !important;
}
#top10_2021 .section-fv .fv-txt-wrap {
    width:1152px;
    margin:0 auto;
/*    padding-top:min(7.733%, 116px);*/
    padding-top:5.333%;/*80px*/
}
@media screen and (max-width:1154px) {
    #top10_2021 .section-fv .fv-txt-wrap {
        width:94.8%;/*1094px*/
    }
}
#top10_2021 .section-fv h1 {
    margin-bottom:min(1.389%, 16px);
    font-size:73px;
    line-height:1;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .section-fv h1 {
        margin-bottom:1.389%;
    }
#top10_2021 .section-fv .label01 {
    margin-bottom:min(0.781%, 9px);
    font-size:39px;
    line-height:1;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .section-fv h1 {
        margin-bottom:0.781%;
    }
#top10_2021 .section-fv .label02 {
    font-size:30px;
    line-height:1;
    letter-spacing:0;
}
@media screen and (max-width:1499px) {
    #top10_2021 .section-fv h1 {
        font-size:4.867vw;
    }
    #top10_2021 .section-fv .label01 {
        font-size:2.6vw;
    }
    #top10_2021 .section-fv .label02 {
        font-size:2vw;
    }
}
@media screen and (max-width:767px) {
    #top10_2021 .section-fv .fv-txt-wrap {
        width:100%;
        margin:3.867% 0 0;/*29px 0 0(750)*/
        padding-top:0;
        text-align:center;
    }
    #top10_2021 .section-fv h1 {
        margin-bottom:2.133%;/*16px(750)*/
        font-size:11.733vw;/*88px(750)*/
    }
    #top10_2021 .section-fv .label01 {
        margin-bottom:0.8%;/*6px(750)*/
        font-size:7.04vw;/*52.8px(750)*/
    }
    #top10_2021 .section-fv .label02 {
        font-size:5.5vw;/*41.25px(750)*/
        letter-spacing:0;
    }
}

/* .section-pdp 共通 -----------------------------*/
#top10_2021 .section-pdp {
    display:flex;
    width:min(82.667%, 1240px);
    margin:0 auto;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .section-pdp {
        width:82.667%;
    }
#top10_2021 .section-pdp .pdp-img {
    width:min(37.097%, 460px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .section-pdp .pdp-img {
        width:37.097%;
    }
#top10_2021 .section-pdp .pdp-txt-wrap {
    width:min(62.903%, 780px);
    padding-left:min(11.452%, 142px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .section-pdp .pdp-txt-wrap {
        padding-left:11.452%;
    }
#top10_2021 .pdp-txt-wrap h2 {
    margin-bottom:min(3.135%, 20px);
    font-family:"HelveticaNeueW01-UltLt", "Helvetica Neue LT W05 25 Ult Lt", "RodinCattleyaPro-L{pm}", sans-serif !important;
    font-size:40px;
    line-height:0.85;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .pdp-txt-wrap h2 {
        margin-bottom:3.135%;
    }
#top10_2021 .pdp-txt-wrap h3 *,
#top10_2021 .pdp-txt-wrap h3 + p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-size:17px;
    line-height:1.529;
}
#top10_2021 .pdp-txt-wrap h3 a {
    display:inline-block;
    text-decoration:underline;
    letter-spacing: -2px;
}
#top10_2021 .pdp-txt-wrap h3 + p {
    margin-bottom:min(3.762%, 24px);
    letter-spacing: -1px;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .pdp-txt-wrap h3 + p {
        margin-bottom:3.762%;
    }
#top10_2021 .section-pdp .pdp-award {
    display:flex;
    margin-bottom:min(2.821%, 18px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .section-pdp .pdp-award {
        margin-bottom:2.821%;
    }
#top10_2021 .pdp-award .pdp-award-txt {
    padding-top:min(1.254%, 8px);
    padding-left:min(1.411%, 9px);
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-size:12px;
    line-height:1.667;
    letter-spacing: -0.7px;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .pdp-award .pdp-award-txt {
        padding-top:1.254%;
        padding-left:1.411%;
    }
#top10_2021 .section-pdp .pdp-color {
    display:flex;
    justify-content: space-between;
}
#top10_2021 .pdp-color .pdp-detail {
    width:48%;
}
#top10_2021 .pdp-detail .pdp-detail-flex {
    display:flex;
    margin-bottom:min(6.531%, 20px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .pdp-detail .pdp-detail-flex {
        margin-bottom:6.531%;
    }
#top10_2021 .pdp-detail-flex .pdp-detail-txt * {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    line-height:1.55;
}
#top10_2021 .pdp-detail-flex .pdp-detail-txt {
    padding-top:min(1.306%, 4px);
    padding-left:min(2.286%, 7px);
    font-size:15px;
    letter-spacing: -1px;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .pdp-detail-flex .pdp-detail-txt {
        padding-top:1.306%;
        padding-left:2.286%;
    }
#top10_2021 .pdp-detail-flex .pdp-detail-txt a {
    display:inline-block;
    text-decoration:underline;
}
#top10_2021 .pdp-detail .pdp-detail-btn a {
    display:block;
    width:min(73.803%, 226px);
    padding: min(6.858%, 12px) 0;
    border: 1px solid #FFF;
    background: #000;
    color: #FFF;
    font-size: 16px;
    line-height:1;
    text-align:center;
    text-decoration: none;
    transition: background 0.3s;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .pdp-detail .pdp-detail-btn a {
        width:73.803%;
        padding: 6.858% 0;
    }
@media screen and (min-width:768px) {
    #top10_2021 .pdp-detail .pdp-detail-btn a:hover {
        background: #FFF;
        color: #000;
    }
}
#top10_2021 .pdp-txt-wrap .pdp-btn a {
    display:block;
    width:min(41.693%, 226px);
    padding: min(1.881%, 12px) 0;
    border: 1px solid #FFF;
    background: #000;
    color: #FFF;
    font-size: 16px;
    line-height:1;
    text-align:center;
    text-decoration: none;
    transition: background 0.3s;
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .pdp-txt-wrap .pdp-btn a {
        width:41.693%;
        padding: 1.881% 0;
    }
@media screen and (min-width:768px) {
    #top10_2021 .pdp-txt-wrap .pdp-btn a:hover {
        background: #FFF;
        color: #000;
    }
}
@media screen and (max-width:1499px) {
    #top10_2021 .pdp-txt-wrap h2 {
        font-size:2.667vw;
    }
    #top10_2021 .pdp-txt-wrap h3 *,
    #top10_2021 .pdp-txt-wrap h3 + p {
        font-size:1.133vw;
    }
    #top10_2021 .pdp-txt-wrap h3 a {
        letter-spacing: -0.133vw;
    }
    #top10_2021 .pdp-txt-wrap h3 + p {
        letter-spacing: -0.067vw;
    }
    #top10_2021 .pdp-award .pdp-award-txt {
        font-size:0.8vw;
        letter-spacing: -0.047vw;
    }
    #top10_2021 .pdp-detail-flex .pdp-detail-txt {
        font-size:1vw;
        letter-spacing: -0.067vw;/*-1px(375)*/
    }
    #top10_2021 .pdp-detail .pdp-detail-btn a {
        font-size:1.067vw;
    }    
    #top10_2021 .pdp-txt-wrap .pdp-btn a {
        font-size:1.067vw;
    }
}
@media screen and (max-width:767px) {
    #top10_2021 .section-pdp {
        display:block;
        width:100%;
        margin:0;
    }
    #top10_2021 .section-pdp .pdp-img {
        width:100%;
        margin-bottom:1.067%;/*8px(750)*/
    }
    #top10_2021 .section-pdp .pdp-txt-wrap {
        width:86.667%;/*650px(750)*/
        margin:0 auto;
        padding-left:0;
    }
    #top10_2021 .pdp-txt-wrap h2 {
        margin-bottom:6.154%;/*40px(750)*/
        font-size:9.333vw;/*70px(750)*/
        line-height:0.87;
        text-align:center;
        letter-spacing: -0.267vw;/*-1px(375)*/
    }
    #top10_2021 .pdp-txt-wrap h3 *,
    #top10_2021 .pdp-txt-wrap h3 + p {
        font-size:3.733vw;/*28px(750)*/
        line-height:1.45;
    }
    #top10_2021 .pdp-txt-wrap h3 a {
        letter-spacing: -0.4vw;/*-1.5px(375)*/
    }
    #top10_2021 .pdp-txt-wrap h3 + p {
        margin-bottom:4.615%;/*30px(750)*/
        letter-spacing:0;
    }
    #top10_2021 .section-pdp .pdp-award {
        margin-bottom:4.308%;/*28px(750)*/
    }
    #top10_2021 .pdp-award .pdp-award-txt {
        padding-top:4.615%;/*30px(750)*/
        padding-left:3.538%;/*23px(750)*/
        font-size:3.2vw;/*24px(750)*/
        line-height:1.417;
        letter-spacing: -0.4vw;/*-1.5px(375)*/
    }
    #top10_2021 .section-pdp .pdp-color {
        display:block;
        justify-content: space-between;
        padding:0 1.385%;/*0 9px(750)*/
    }
    #top10_2021 .pdp-color .pdp-detail {
        width:100%;
    }
    #top10_2021 .pdp-detail .pdp-detail-flex {
        margin-bottom:3.651%;/*23px(750)*/
    }
    #top10_2021 .pdp-detail-flex .pdp-detail-txt * {
        line-height:1.417;
    }
    #top10_2021 .pdp-detail-flex .pdp-detail-txt {
        padding-top:2.532%;/*16px(750)*/
        padding-left:2.69%;/*17px(750)*/
        font-size:3.2vw;/*24px(750)*/
        letter-spacing: -0.267vw;/*-1px(375)*/
    }
    #top10_2021 .pdp-detail .pdp-detail-btn a {
        width:80.063%;/*506px(750)*/
        margin:0 auto;
        padding:4.272% 0;/*27px(750)*/
        font-size: 3.466vw;/*26px(750)*/
    }
    #top10_2021 .pdp-txt-wrap .pdp-btn a {
        width:77.846%;/*506px(750)*/
        margin:0 auto;
        padding: 4.154%;/*27px(750)*/
        font-size: 3.467vw;/*26px(750)*/
    }
}


/* ナチュラルラディアント　ロングウェア　クッションファンデーション -----------------------------*/
#top10_2021 #nrlcfd {
    padding-top:min(2.733%, 41px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #nrlcfd {
        padding-top:2.733%;
    }
#top10_2021 #nrlcfd .pdp-award-ico {
    width:min(11.599%, 74px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #nrlcfd .pdp-award-ico {
        width:11.599%;
    }
@media screen and (max-width:767px) {
    #top10_2021 #nrlcfd {
        padding-top:10.933%;/*82px(750)*/
    }
    #top10_2021 #nrlcfd .pdp-award-ico {
        width:23.077%;/*150px(750)*/
    }
}

/* ピュアラディアント プロテクション アクアティックグロー クッションファンデーション -----------------------------*/
#top10_2021 #prpagcfd {
    padding-top:min(3.933%, 59px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #prpagcfd {
        padding-top:3.933%;
    }
#top10_2021 #prpagcfd .pdp-award-ico {
    width:min(11.755%, 75px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .pdp-award-ico {
        width:11.755%;
    }
@media screen and (max-width:767px) {
    #top10_2021 #prpagcfd {
        padding-top:21.333%;/*160px(750)*/
    }
    #top10_2021 #prpagcfd .pdp-txt-wrap h2 {
        margin-top:9.231%;/*60px(750)*/
    }
    #top10_2021 #prpagcfd .pdp-award-ico {
        width:23.077%;/*150px(750)*/
    }
}

/* ラディアントクリーミーコンシーラー -----------------------------*/
#top10_2021 #rcc {
    padding-top:min(3.135%, 65px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #rcc {
        padding-top:3.135%;
    }
#top10_2021 #rcc .pdp-txt-wrap h2 {
    margin-top:min(4.333%, 20px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #rcc .pdp-txt-wrap h2 {
        margin-top:4.333%;
    }
#top10_2021 #rcc .pdp-award-ico {
    width:min(16.458%, 105px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #rcc .pdp-award-ico {
        width:16.458%;
    }
@media screen and (max-width:767px) {
    #top10_2021 #rcc {
        padding-top:16.667%;/*125px(750)*/
    }
    #top10_2021 #rcc .pdp-txt-wrap h2 {
        margin-top:9.231%;/*60px(750)*/
    }
    #top10_2021 #rcc .pdp-award-ico {
        width:32.308%;/*210px(750)*/
    }
}

/* ライトリフレクティングセッティングパウダー プレストN -----------------------------*/
#top10_2021 #lrsp {
    padding-top:min(2.467%, 37px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #lrsp {
        padding-top:2.467%;
    }
#top10_2021 #lrsp .pdp-txt-wrap h2 {
    margin-top:min(14.107%, 90px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #lrsp .pdp-txt-wrap h2 {
        margin-top:4.107%;
    }
@media screen and (max-width:767px) {
    #top10_2021 #lrsp {
        padding-top:17.333%;/*130px(750)*/
    }
    #top10_2021 #lrsp .pdp-txt-wrap h2 {
        margin-top:2.308%;/*15px(750)*/
    }
    #top10_2021 .pdp-txt-wrap h3 + p {
        letter-spacing:-0.133vw;/*-0.5px(375)*/
    }
}

/* ブラッシュ -----------------------------*/
#top10_2021 #blush {
    padding-top:min(2%, 30px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #blush {
        padding-top:2%;
    }
#top10_2021 #blush .pdp-txt-wrap h2 {
    margin-top:min(1.567%, 10px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #blush .pdp-txt-wrap h2 {
        margin-top:1.567%;
    }
#top10_2021 #blush .pdp-detail-flex picture {
    width:min(23.839%, 73px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #blush .pdp-detail-flex picture {
        width:23.839%;
    }
@media screen and (max-width:767px) {
    #top10_2021 #blush {
        padding-top:18.667%;/*140px(750)*/
    }
    #top10_2021 #blush .pdp-txt-wrap h2 {
        margin-top:8.615%;/*56px(750)*/
    }
    #top10_2021 #blush .pdp-award-ico {
        width:23.077%;/*150px(750)*/
    }
    #top10_2021 #blush .pdp-detail-bottom {
        margin-top:3.538%;/*23px(750)*/
    }
    #top10_2021 #blush .pdp-detail-flex picture {
        width:16.462%;/*107px(750)*/
    }
}

/* オーデイシャスリップスティック -----------------------------*/
#top10_2021 #audacious-ls {
    padding-top:min(2.667%, 40px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #audacious-ls {
        padding-top:2.667%;
    }
#top10_2021 #audacious-ls .pdp-txt-wrap h2 {
    margin-top:min(9.404%, 60px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #audacious-ls .pdp-txt-wrap h2 {
        margin-top:9.404%;
    }
@media screen and (max-width:767px) {
    #top10_2021 #audacious-ls {
        padding-top:16.667%;/*125px(750)*/
    }
    #top10_2021 #audacious-ls .pdp-txt-wrap h2 {
        margin-top:8.615%;/*56px(750)*/
    }
    #top10_2021 #audacious-ls .pdp-detail-flex picture {
        width:8.544%;/*54px(750)*/
    }
}

/* リップスティック -----------------------------*/
#top10_2021 #lipstick {
    padding-top:min(2.667%, 40px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #lipstick {
        padding-top:2.667%;
    }
#top10_2021 #lipstick .pdp-txt-wrap h2 {
    margin-top:min(7.524%, 48px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 .pdp-txt-wrap h2 {
        margin-top:7.524%;
    }
@media screen and (max-width:767px) {
    #top10_2021 #lipstick {
        padding-top:16.667%;/*125px(750)*/
    }
    #top10_2021 #lipstick .pdp-txt-wrap h2 {
        margin-top:6.615%;/*43px(750)*/
    }
    #top10_2021 #lipstick .pdp-detail-flex picture {
        width:8.703%;/*55px(750)*/
    }
}

/* パワーマットリップピグメント -----------------------------*/
#top10_2021 #powermatte-lp {
    padding-top:min(2.667%, 40px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #powermatte-lp {
        padding-top:2.667%;
    }
#top10_2021 #powermatte-lp .pdp-txt-wrap h2 {
    margin-top:min(8.934%, 57px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #powermatte-lp .pdp-txt-wrap h2 {
        margin-top:8.934%;
    }
@media screen and (max-width:767px) {
    #top10_2021 #powermatte-lp {
        padding-top:16.667%;/*125px(750)*/
    }
    #top10_2021 #powermatte-lp .pdp-txt-wrap h2 {
        margin-top:6.308%;/*41px(750)*/
    }
    #top10_2021 #powermatte-lp .pdp-detail-flex picture {
        width:17.722%;/*112px(750)*/
    }
}

/* ハードワイヤードアイシャドー -----------------------------*/
#top10_2021 #hardwired {
    padding-top:min(2.667%, 40px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #hardwired {
        padding-top:2.667%;
    }
#top10_2021 #hardwired .pdp-txt-wrap h2 {
    margin-top:min(8.464%, 54px);
}
    _:-ms-lang(x)::-ms-backdrop, #top10_2021 #hardwired .pdp-txt-wrap h2 {
        margin-top:8.464%;
    }
@media screen and (max-width:767px) {
    #top10_2021 #hardwired {
        padding-top:16.667%;/*125px(750)*/
    }
    #top10_2021 #hardwired .pdp-txt-wrap h2 {
        margin-top:6.462%;/*42px(750)*/
    }
}

/* デュオアイシャドー -----------------------------*/
#top10_2021 #duo-eyeshadow {
    padding-top:min(2.667%, 40px);
}
#top10_2021 #duo-eyeshadow .pdp-txt-wrap h2 {
    margin-top:min(9.718%, 62px);
}
@media screen and (max-width:767px) {
    #top10_2021 #duo-eyeshadow {
        padding-top:9.231%;/*60px(750)*/
    }
    #top10_2021 #duo-eyeshadow .pdp-txt-wrap h2 {
        margin-top:0;
    }
    #top10_2021 #duo-eyeshadow .pdp-detail-flex picture {
        width:21.044%;/*133px(750)*/
    }
}