@charset "utf-8";

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

#oc2023 * {
    margin:0;
    padding:0;
    font-family:"HelveticaNeueW01-UltLt", "Helvetica Neue LT W05 25 Ult Lt", "RodinCattleyaPro-L{pm}", sans-serif !important;
    line-height:1;
}
#oc2023 {
    width:100%;
    background:#000;
    color:#FFF;
}
#oc2023 section {
    max-width:750px;
    margin:0 auto;
    text-align:center;
}
#oc2023 picture,
#oc2023 img {
    display:block;
}
#oc2023 li {
    list-style:none;
}
#oc2023 a {
    color:#FFF;
    text-decoration:none;
    transition: background 0.3s;
}
#oc2023 .section-title {
    font-size:56px;
    line-height:0.964;
    text-align:center;
}
@media screen and (max-width:750px) {
    #oc2023 .section-title {
        font-size:7.467vw;
    }
}
#oc2023 .txt-en {
    font-size:118%;
    line-height:1;
    vertical-align: -3%;
}
#oc2023 .yt-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
#oc2023 .yt-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
#oc2023 .dblock {
    display:block;
}
#oc2023 .item-slide {
    display: none;
}
#oc2023 .item-slide.slick-initialized {
    display:block;
}

/* Section head -----------------------------------------------------------*/
#oc2023 .section-head .head-title {
    position:relative;
    width:100%;
}
#oc2023 .section-head h1 {
    position:absolute;
    top:83px;
    left:0;
    width:100%;
    color:#000;
    font-size:90px;
    line-height:0.95;
}
@media screen and (max-width:750px) {
    #oc2023 .section-head h1 {
        top:11.066vw;
        font-size:12vw;
    }
}
#oc2023 .section-head .head-txt {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}
#oc2023 .section-head .text-top {
    padding-top:69px;
    padding-bottom:24px;
    font-size:32px;
    line-height:1.2;
}
@media screen and (max-width:750px) {
    #oc2023 .section-head .text-top {
        padding-top:9.2vw;
        padding-bottom:3.2vw;
        font-size:4.266vw;
    }
}
#oc2023 .section-head .text-bottom {
    padding-bottom:82px;
    font-size:44px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-head .text-bottom {
        padding-bottom:10.933vw;
        font-size:5.866vw;
    }
}

/* Section Item -----------------------------------------------------------*/
#oc2023 .section-item .item-head {
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    background:#000;
    color:#FFF;
}
#oc2023 .section-item .item-head div {
    width:50%;
}
#oc2023 .section-item .item-head.pic-right .item-head-img {
    order:2;
}
#oc2023 .section-item .item-head-txt {
    padding-top:63px;
}
#oc2023 .section-item .item-head.pic-right .item-head-txt {
    order:1;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-head-txt {
        padding-top:8.4vw;
    }
}
#oc2023 .section-item .item-head-txt h2 {
    font-size:80px;
    text-transform:uppercase;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-head-txt h2 {
        font-size:10.666vw;
    }
}
#oc2023 .section-item .item-head-txt p {
    margin-top:13px;
    margin-bottom:30px;
    font-size:24px;
    line-height:1.25;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-head-txt p {
        margin-top:1.733vw;
        margin-bottom:4vw;
        font-size:3.2vw;
    }
}
#oc2023 .section-item .item-head-txt button {
    position:relative;
    width:321px;
    margin:0 auto;
    padding:23px 0;
    border:1px solid #FFF;
    box-sizing: border-box;
    transition:background .3s;
    background:#000;
    color:#FFF;
    font-size:20px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-head-txt button {
        width:42.8vw;
        padding:3.066vw 0;
        font-size:2.666vw;
    }
}
#oc2023 .section-item .item-head-txt button:before,
#oc2023 .section-item .item-head-txt button:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 16px;
    width: 25px;
    height: 25px;
    border-top: 1px solid #FFF;
    transform: translateX(-50%);
    content: "";
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-head-txt button:before,
    #oc2023 .section-item .item-head-txt button:after {
        right: 2.133vw;
        width: 3.333vw;
        height: 3.333vw;
    }
}
#oc2023 .section-item .item-head-txt button:after {
    display: none;
    margin-top: -11px;
    margin-right: 24px;
    transform: rotate(90deg);
}
#oc2023 .section-item .item-head-txt button.thisAct:after {
    display:inline-block;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-head-txt button:after {
        margin-top: -1.466vw;
        margin-right: 3.2vw;
    }
}
@media screen and (min-width:751px) {
    #oc2023 .section-item .item-head-txt button:hover {
        background:#FFF;
        color:#000;
    }
    #oc2023 .section-item .item-head-txt button:hover:before,
    #oc2023 .section-item .item-head-txt button:hover:after {
        border-top: 1px solid #000;
    }
}
#oc2023 .section-item .item-wrap {
    width:100%;
    padding-bottom:137px;
    background:#FFF;
    color:#000;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-wrap {
        padding-bottom:18.266vw;
    }
}
#oc2023 .section-item .item-detail {
    padding-top:137px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-detail {
        padding-top:18.266vw;
    }
}
#oc2023 .section-item .item-pic {
    margin-bottom:58px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-pic {
        margin-bottom:7.733vw;
    }
}
#oc2023 .section-eye .item-pic_orgasm-eyeshadow {
    margin-bottom:58px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-eye .item-pic_orgasm-eyeshadow {
        margin-bottom:7.733vw;
    }
}
#oc2023 .section-eye .item-pic_qi01801 {
    margin-bottom:66px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-eye .item-pic_qi01801 {
        margin-bottom:8.8vw;
    }
}
#oc2023 .section-lip .item-pic_assl777 {
    margin-top:-5px;
    margin-bottom:81px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-lip .item-pic_assl777 {
        margin-top:-0.666vw;
        margin-bottom:10.8vw;
    }
}
#oc2023 .section-lip .item-pic_alb3420 {
    margin-bottom:87px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-lip .item-pic_alb3420 {
        margin-bottom:11.6vw;
    }
}
#oc2023 .section-lip .item-pic_ls2915 {
    margin-bottom:72px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-lip .item-pic_ls2915 {
        margin-bottom:9.6vw;
    }
}
#oc2023 .section-lip .item-pic_als02469 {
    margin-bottom:72px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-lip .item-pic_als02469 {
        margin-bottom:9.6vw;
    }
}
#oc2023 .section-cheek .aglb .item-detail {
    padding-top:166px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-cheek .aglb .item-detail {
        padding-top:22.133vw;
    }
}
#oc2023 .section-cheek .item-pic_orgasm-pbq {
    margin-bottom:59px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-cheek .item-pic_orgasm-pbq {
        margin-bottom:7.866vw;
    }
}
#oc2023 .section-cheek .item-pic_amb00533 {
    margin-bottom:3px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-cheek .item-pic_amb00533 {
        margin-bottom:0.4vw;
    }
}
#oc2023 .section-cheek .item-pic_blush4013n {
    margin-bottom:22px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-cheek .item-pic_blush4013n {
        margin-bottom:2.933vw;
    }
}
#oc2023 .section-cheek .item-pic_blush4077 {
    margin-bottom:15px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-cheek .item-pic_blush4077 {
        margin-bottom:2vw;
    }
}
#oc2023 .section-cheek .item-pic_liquid-blush5155 {
    margin-bottom:72px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-cheek .item-pic_liquid-blush5155 {
        margin-bottom:9.6vw;
    }
}
#oc2023 .section-multiple .item-pic_multiple {
    margin-bottom:72px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-multiple .item-pic_multiple {
        margin-bottom:9.6vw;
    }
}
#oc2023 .section-multiple .item-pic_multiple1517n {
    margin-bottom:24px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-multiple .item-pic_multiple1517n {
        margin-bottom:3.2vw;
    }
}
#oc2023 .section-item .item-slide .item-pic {
    margin-bottom:134px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-slide .item-pic {
        margin-bottom:17.866vw;
    }
}
#oc2023 .section-item .item-slide.blush-n .item-pic {
    margin-bottom:107px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-slide.blush-n .item-pic {
        margin-bottom:14.266vw;
    }
}
#oc2023 .section-item .item-slide.aglb .item-pic {
    margin-bottom:139px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-slide.aglb .item-pic {
        margin-bottom:18.533vw;
    }
}
#oc2023 .section-item .item-pic img {
    width:100%;
}
#oc2023 .section-item .item-detail h3 {
    margin-bottom:22px;
    font-size:34px;
    line-height:1.235;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-detail h3 {
        margin-bottom:2.933vw;
        font-size:4.533vw;
    }
}
#oc2023 .section-item .item-detail .item-name {
    margin-bottom:21px;
    font-size:30px;
    line-height:1.333;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-detail .item-name {
        margin-bottom:2.8vw;
        font-size:4vw;
    }
}
#oc2023 .section-item .item-detail .item-price {
    margin-bottom:48px;
    font-size:30px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-detail .item-price {
        margin-bottom:6.4vw;
        font-size:4vw;
    }
}
#oc2023 .section-item .item-detail .item-button,
#oc2023 .section-item .item-detail .out-of-stock-btn {
    width:460px;
    margin:0 auto;
    padding:23px 0;
    box-sizing: border-box;
    border:1px solid #000;
    background:#FFF;
    color:#000;
    font-size:26px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-detail .item-button,
    #oc2023 .section-item .item-detail .out-of-stock-btn {
        width:61.333vw;
        padding:3.066vw 0;
        font-size:3.466vw;
    }
}
#oc2023 .section-item .item-detail .out-of-stock-btn {
    display:block;
    opacity:0.5;
    background:#808080;
}
#oc2023 .section-item .item-detail .item-button.showPdp-cta {
    margin-top:20px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-detail .item-button.showPdp-cta {
        margin-top:2.666vw;
    }
}
#oc2023 .section-item .item-detail.assl777 .item-button.showPdp-cta,
#oc2023 .section-item .item-slide.blush-n .item-detail .item-button.showPdp-cta,
#oc2023 .section-item .item-slide.aglb .item-detail .item-button.showPdp-cta {
    margin-top:0;
}
@media screen and (min-width:751px) {
    #oc2023 .section-item .item-detail .item-button:hover {
        background:#000;
        color:#FFF;
    }
}
#oc2023 .section-item .item-slide .slick-dots {
    position: absolute;
    top:50%;
    left: 0;
/*    margin-top:78px;*/
    margin-top:118px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-slide .slick-dots {
/*        margin-top:10.4vw;*/
        margin-top:15.733vw;
    }
}
#oc2023 .section-item .item-slide .slick-dots li {
    width:32px;
    height:14px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-slide .slick-dots li {
        width:4.266vw;
        height:1.866vw;
    }
}
#oc2023 .section-item .item-slide .slick-dots li button {
    width:100%;
    height:14px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-slide .slick-dots li button {
        height:1.866vw;
    }
}
#oc2023 .section-item .item-slide .slick-dots li button:before {
    width:14px;
    height:14px;
    margin-left:9px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-slide .slick-dots li button:before {
        width:1.866vw;
        height:1.866vw;
        margin-left:1.2vw;
    }
}
#oc2023 .section-item .item-movie {
    padding-top:137px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-movie {
        padding-top:18.266vw;
    }
}
#oc2023 .section-item .item-movie h3 {
    margin-bottom:36px;
    font-size:30px;
}
@media screen and (max-width:750px) {
    #oc2023 .section-item .item-movie h3 {
        margin-bottom:4.8vw;
        font-size:4vw;
    }
}