.sp_only {
    display: none !important;
}

@import url("https://use.typekit.net/jva0gfb.css");

html {
    font-size: 62.5%;
    overflow-x: hidden;
}

.flexBox {
    display: flex;
    flex-wrap: wrap;
}

.lp220204_lookbook img,
.lp220204_lookbook video {
    width: 100%;
}

.lp220204_lookbook {
    width: 100%;
    margin: 0 auto;
    padding-top: 0rem;
    font-family: "EB Garamond", serif;
    font-feature-settings: 'palt';
    background-repeat: no-repeat;
    background-position: center -10.1rem;
    overflow: hidden;
}

/*=============top============*/
.lp220204_lookbook .main_top {
    width: 100%;
}

.lp220204_lookbook .main_top .top_img {
    width: 120rem;
    margin: 0 auto 10rem;
}

/*=============animation============*/
.fade_up.active {
    transition: transform 1s, opacity 1s;
    transform: translateY(0);
    opacity: 1;
}

.fade_up {
    opacity: 0;
    transform: translateY(100px);
}

/*=============slick============*/
.lp220204_lookbook .slick-dots {
    position: relative;
    width: 100%;
    margin: 0 auto 0 27.7rem;
    bottom: 1.8rem;
}

.lp220204_lookbook .sec_12 .slick-dots {
    margin: 0 auto 0 25rem;
}

.lp220204_lookbook .slick-dots li {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 0.5rem !important;
}

.lp220204_lookbook .slick-dots li button {
    background: #58595B !important;
    border: none !important;
    padding: 0;
    width: 0.6rem !important;
    height: 0.6rem !important;
}

.lp220204_lookbook .slick-dots li.slick-active button {
    background: #000000 !important;
}

/*=============common============*/
.lp220204_lookbook .sec_ {
    width: 140rem;
    margin: 0 auto;
    position: relative;
}

/* creidt */
.lp220204_lookbook .credit {
    font-size: 1.4rem;
    letter-spacing: 0.07em;
    text-align: left;
    line-height: 1.5;
    color: #58595B;
}

/*===========sec01==========*/
.lp220204_lookbook .sec_01 .list_01 {
    width: 50rem;
    z-index: 2;
    margin: 0 0 0 60rem;
}

.lp220204_lookbook .sec_01 .list_02 {
    width: 45rem;
    margin: -10rem 0 0 20rem;
}

.lp220204_lookbook .sec_01 .list_03 {
    width: 40rem;
    margin: 15rem 0 0 auto;
}

.lp220204_lookbook .sec_01 .credit {
    margin: 1.8rem 0 0;
}

/*===========sec02==========*/
.lp220204_lookbook .sec_02 .list_01 {
    width: 60rem;
    margin: 18rem auto 2rem;
}

.lp220204_lookbook .sec_02 .list_02 {
    display: flex;
}

.lp220204_lookbook .sec_02 .sec_slider {
    width: 60rem;
    margin: 0 0 0 40rem;
}

.lp220204_lookbook .sec_02 .credit {
    margin: 82rem 0 0 2rem;
}

.lp220204_lookbook .sec_02::before {
    content: "";
    display: block;
    position: absolute;
    width: 99.6rem;
    height: 99.6rem;
    border: 0.4rem solid #000;
    top: 59rem;
    left: 20.3rem;
}

/*===========sec03==========*/
.lp220204_lookbook .sec_03 .list_01 {
    width: 40rem;
    margin: 17rem 8rem 0 15rem;
}

.lp220204_lookbook .sec_03 .list_02 {
    width: 50rem;
    margin: 37rem 0 0;
}

.lp220204_lookbook .sec_03 .credit {
    margin: 1.8rem 0 0;
}

/*===========sec04==========*/
.lp220204_lookbook .sec_04 .list_01 {
    margin: 18rem 0 0 32.5rem;
    display: flex;
}

.lp220204_lookbook .sec_04 .list_01 img {
    width: 75rem;
}

.lp220204_lookbook .sec_04 .credit {
    margin: 97.5rem 0 0 2rem;
}

/*===========sec05==========*/
.lp220204_lookbook .sec_05 {
    width: 94rem;
    justify-content: space-between;
    margin: 17.6rem auto 0;
}

.lp220204_lookbook .sec_05 .list_01,
.lp220204_lookbook .sec_05 .list_02 {
    width: 45rem;
}

.lp220204_lookbook .sec_05 .credit {
    margin: 1.6rem 0 0;
}

/*===========sec06==========*/
.lp220204_lookbook .sec_06 .list_01 {
    width: 40rem;
    margin: 53rem 35rem 0 10rem;
}

.lp220204_lookbook .sec_06 .credit {
    margin: 1.5rem 0 0;
}

.lp220204_lookbook .sec_06 .list_02 {
    width: 50rem;
    margin: 18rem 0 0;
}

.lp220204_lookbook .sec_06 .list_02 .credit {
    text-align: right;
}

/*===========sec07==========*/
.lp220204_lookbook .sec_07 .list_01 {
    width: 55rem;
    margin: 17.8rem 0 4rem 42.5rem;
}

.lp220204_lookbook .sec_07 .list_02 {
    display: flex;
    margin: 0 0 0 53.4rem;
}

.lp220204_lookbook .sec_07 .list_02 a {
    width: 45rem;
    order: 2;
}

.lp220204_lookbook .sec_07 .credit {
    text-align: right;
    margin: 55.2rem 2rem 0;
    order: 1;
}

.lp220204_lookbook .sec_07::before {
    content: "";
    display: block;
    position: absolute;
    width: 99.6rem;
    height: 99.6rem;
    top: 44.7rem;
    left: 30rem;
    border: 0.4rem solid #000;
}

/*===========sec08==========*/
.lp220204_lookbook .sec_08 {
    width: 104rem;
    justify-content: space-between;
    margin: 17.5rem auto 0;
}

.lp220204_lookbook .sec_08 .list_01,
.lp220204_lookbook .sec_08 .list_02 {
    width: 50rem;
}

.lp220204_lookbook .sec_08 .credit {
    margin: 1.7rem 0 0;
}

/*===========sec09==========*/
.lp220204_lookbook .sec_09 .list_01 {
    width: 55rem;
    margin: 48rem 8rem 0 10rem;
}

.lp220204_lookbook .sec_09 .list_02 {
    position: relative;
    width: 40rem;
    margin: 18rem 0 0;
}

.lp220204_lookbook .sec_09 .credit {
    text-align: right;
    margin: 1.5rem 0 0;
}

.lp220204_lookbook .sec_09 .list_02::before {
    content: "";
    position: absolute;
    background-image: url(../img/vi02_bk.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40rem;
    height: 60rem;
    display: block;
    left: 13rem;
    top: 13rem;
    z-index: -1;
}

/*===========sec10==========*/
.lp220204_lookbook .sec_10 .sec_slider {
    width: 60rem;
}

.lp220204_lookbook .sec_10 .list_01 {
    width: 55rem;
    margin: 18rem 0 3rem 40rem;
}

.lp220204_lookbook .sec_10 .list_02 {
    display: flex;
    margin: 0 0 0 43.5rem;
}

.lp220204_lookbook .sec_10 .list_02 a {
    width: 45rem;
    order: 2;
}

.lp220204_lookbook .sec_10 .credit {
    margin: 61.5rem 2rem 0 0;
    order: 1;
    text-align: right;
}

/*===========sec11==========*/
.lp220204_lookbook .sec_11 .list_01 {
    width: 40rem;
    margin: 18rem 0 0 27rem;
}

.lp220204_lookbook .sec_11 .list_02 {
    width: 50rem;
    margin: 37.5rem 0 0 8rem;
}

.lp220204_lookbook .sec_11 .credit {
    margin: 1.3rem 0 0;
}

/*===========sec12==========*/
.lp220204_lookbook .sec_12 .sec_slider {
    width: 55rem;
    margin: 23rem 0 0 42.5rem;
    position: relative;
}

.lp220204_lookbook .sec_12 .list_01 {
    display: flex;
}

.lp220204_lookbook .sec_12 .credit {
    margin: 102.5rem 0 0 7rem;
}

.lp220204_lookbook .sec_12 .sec_slider::before {
    content: "";
    background-image: url(../img/vl01_bk.jpg);
    background-size: 100%;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    width: 65rem;
    height: 92.5rem;
    top: -5rem;
    left: -5rem;
}

/*===========btn========*/
.allitem {
    margin: 13.4rem auto 0;
    font-family: 'bodoni-urw', serif;
    font-weight: 300;
    font-style: normal;
    font-feature-settings: 'palt';
    text-align: center;
    line-height: 1.4;
    color: #000;
    width: 110rem;
    border-bottom: 1px solid #acacad;
    padding-bottom: 13.6rem;
}

.allitem a {
    display: inline-block;
    border-bottom: double 3px #cacaca;
    font-size: 2rem;
    letter-spacing: 0.06em;
    padding: 0 0 0.3rem;
}


/*==========tablet========*/
@media only screen and (max-width: 1400px) and (min-width: 561px) {
    .main-area.archive_slider {
        min-width: inherit !important;
    }

    .lp220204_lookbook {
        width: 100%;
    }

    html {
        font-size: calc(10 * (100vw / 1400));
    }
}

/*==========sp========*/
@media only screen and (max-width: 560px) {

    html {
        font-size: calc(10 * (100vw / 750));
    }

    .pc_only {
        display: none !important;
    }

    .sp_only {
        display: block !important;
    }

    .cateList {
        display: flex;
        flex-wrap: wrap;
    }

    #breadcrumb .cateList {
        line-height: calc(40 *(100vw / 750));
        font-size: calc(20 *(100vw / 750));
        margin: 0 auto 10px !important;
        color: #000000;
        width: 92%;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
        display: flex;
        flex-wrap: wrap;
    }

    #breadcrumb .cateList li {
        margin-right: 5px;
    }

    .lp220204_lookbook {
        width: 75rem;
        /* background-image: url(/Page/feature/220204_lookbook/img/sp.jpg); */
        background-position: center -9.5rem;
        background-size: 100%;
        padding-top: 3.6rem;
    }

    /*---top---*/
    .lp220204_lookbook .main_top .top_img {
        width: 75rem;
        margin: 0 auto 14rem;
    }

    /* common */
    .lp220204_lookbook .sec_ {
        width: 100%;
    }

    /* credit */
    .lp220204_lookbook .credit {
        font-size: 2.4rem;
        line-height: 1.75;
        text-align: left !important;
    }

    /* sec01 */
    .lp220204_lookbook .sec_01 .list_01 {
        width: 60rem;
        margin: 0 0 0 10rem;
    }

    .lp220204_lookbook .sec_01 .list_02 {
        width: 50rem;
        z-index: 4;
        margin: -5rem 0 0;
    }

    .lp220204_lookbook .sec_01 .list_03 {
        width: 75rem;
        margin: 0 auto;
    }

    .lp220204_lookbook .sec_01 .list_03 img {
        width: 40rem;
        margin: 6rem 0 0 35rem;
    }

    .lp220204_lookbook .sec_01 .credit {
        margin: 3.1rem 0 0 4.9rem;
    }

    /* sec02 */
    .lp220204_lookbook .sec_02 .list_01 {
        width: 65rem;
        margin: 19.5rem auto 2rem;
    }

    .lp220204_lookbook .sec_02 .list_02 {
        display: block;
        margin: 0 auto;
    }

    .lp220204_lookbook .sec_02 .sec_slider {
        width: 65rem;
        margin: 0 auto;
    }

    .lp220204_lookbook .sec_02 .credit {
        margin: 2.3rem 0 0 0;
    }

    .lp220204_lookbook .sec_02::before {
        width: 70rem;
        height: 150rem;
        top: 42.8rem;
        left: 2.5rem;
    }

    /* sec03 */
    .lp220204_lookbook .sec_03 .list_01 {
        width: 45rem;
        margin: 19rem 0 6rem;
    }

    .lp220204_lookbook .sec_03 .list_02 {
        width: 75rem;
        margin: 0 auto;
    }

    .lp220204_lookbook .sec_03 .list_02 img {
        width: 56rem;
        margin: 0 0 0 9.5rem;
    }

    .lp220204_lookbook .sec_03 .credit {
        margin: 3.5rem 0 0 4.7rem;
    }

    /* sec04 */
    .lp220204_lookbook .sec_04 .list_01 {
        display: block;
        margin: 19rem auto 0;
    }

    .lp220204_lookbook .sec_04 .credit {
        margin: 3.2rem 0 0 4.9rem;
    }

    /* sec05 */
    .lp220204_lookbook .sec_05 {
        width: 56rem;
        justify-content: unset;
        margin: 19.5rem 0 0 7.5rem;
    }

    .lp220204_lookbook .sec_05 .list_01,
    .lp220204_lookbook .sec_05 .list_02 {
        width: 56rem;
    }

    .lp220204_lookbook .sec_05 .list_01 {
        margin-bottom: 2rem;
    }

    .lp220204_lookbook .sec_05 .credit {
        margin: 3rem 0 0 0rem;
    }

    /* sec06 */
    .lp220204_lookbook .sec_06 .list_01 {
        width: 50rem;
        order: 2;
        margin: 19rem 0 0;
    }

    .lp220204_lookbook .sec_06 .list_02 {
        order: 1;
        width: 60rem;
        margin: 19.5rem 0 0 15rem;
    }

    .lp220204_lookbook .sec_06 .list_02 .credit {
        margin: 3rem 0 0;
    }

    .lp220204_lookbook .sec_06 .list_01 .credit {
        margin: 3.2rem 0 0 2rem;
    }

    /* sec07 */
    .lp220204_lookbook .sec_07 .list_01 {
        width: 65rem;
        margin: 19rem 0 4rem 5rem;
    }

    .lp220204_lookbook .sec_07 .list_02 {
        display: block;
        margin: 0 auto;
    }

    .lp220204_lookbook .sec_07 .list_02 img {
        width: 55rem;
        margin: 0 0 0 20rem;
    }

    .lp220204_lookbook .sec_07 .credit {
        margin: 3.2rem 0 0 4.9rem;
    }

    .lp220204_lookbook .sec_07::before {
        width: 70rem;
        height: 150rem;
        top: 36.2rem;
        left: 2.5rem;
    }

    /* sec08 */
    .lp220204_lookbook .sec_08 {
        width: 60rem;
        justify-content: unset;
        margin: 19.7rem auto 0;
    }

    .lp220204_lookbook .sec_08 .list_01,
    .lp220204_lookbook .sec_08 .list_02 {
        width: 60rem;
    }

    .lp220204_lookbook .sec_08 .list_01 {
        margin-bottom: 2rem;
    }

    .lp220204_lookbook .sec_08 .credit {
        margin: 3rem 0 0;
    }

    /* sec09 */
    .lp220204_lookbook .sec_09 .list_01 {
        order: 2;
        width: 65rem;
        margin: 13.5rem 0 0;
    }

    .lp220204_lookbook .sec_09 .list_02 {
        order: 1;
        width: 45rem;
        margin: 19rem 0 0 30rem;
    }

    .lp220204_lookbook .sec_09 .credit {
        margin: 3.1rem 0 0 4.9rem;
    }

    .lp220204_lookbook .sec_09 .list_02::before {
        width: 45rem;
        height: 67.5rem;
        top: 7.5rem;
        left: -7.5rem;
    }

    /* sec10 */
    .lp220204_lookbook .sec_10 .list_01 {
        width: 75rem;
        margin: 19rem auto 3.5rem;
    }

    .lp220204_lookbook .sec_10 .sec_slider {
        width: 75rem;
    }

    .lp220204_lookbook .sec_10 .list_02 {
        display: block;
        margin: 0 auto;
    }

    .lp220204_lookbook .sec_10 .list_02 img {
        width: 55rem;
        margin: 0 0 0 20rem;
    }

    .lp220204_lookbook .sec_10 .credit {
        margin: 3rem 0 0 4.9rem;
    }

    /* sec11 */
    .lp220204_lookbook .sec_11 .list_01 {
        width: 45rem;
        margin: 19.4rem 0 0 5rem;
    }

    .lp220204_lookbook .sec_11 .list_02 {
        width: 75rem;
        margin: 0 auto;
    }

    .lp220204_lookbook .sec_11 .list_02 img {
        width: 56rem;
        margin: 6rem 0 0 14rem;
    }

    .lp220204_lookbook .sec_11 .credit {
        margin: 3rem 0 0 4.7rem;
    }

    /* sec12 */
    .lp220204_lookbook .sec_12 .sec_slider {
        width: 65rem;
        margin: 24rem auto 0;
    }

    .lp220204_lookbook .sec_12 .list_01 {
        display: block;
        width: 75rem;
    }

    .lp220204_lookbook .sec_12 .credit {
        margin: 7.8rem 0 0 4.7rem;
    }

    .lp220204_lookbook .sec_12 .sec_slider::before {
        width: 75rem;
        height: 107.5rem;
        top: -5rem;
        background-image: url(../img/vlbk.jpg);
    }
    

    /*staff*/
    .allitem {
        margin: 15rem auto 1rem;
        width: 100%;
        border-bottom: none;
    }

    .allitem a {
        letter-spacing: 0.06em;
        font-size: 3.6rem;
        padding-bottom: 1rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
    }

    /* slick */
    .lp220204_lookbook .slick-dots {
        margin: 0 auto 0 33.1rem;
        bottom: 2.5rem;
    }

    .lp220204_lookbook .sec_12 .slick-dots,
    .lp220204_lookbook .sec_02 .slick-dots {
        margin: 0 auto 0 28.1rem;
    }

    .lp220204_lookbook .slick-dots li {
        margin: 0 1.3rem !important;
    }

    .lp220204_lookbook .slick-dots li button {
        width: 1rem !important;
        height: 1rem !important;
    }
}