@charset "UTF-8";

/*---------------------------------------------------
topConts
---------------------------------------------------*/
/*
.noMain #contsArea .topConts {
    position: relative;
    padding: 60px 0 80px;
    width: 100%;
}
.contsBlk{
    margin: 0;
}

@media screen and (min-width: 1281px) {
    .noMain #contsArea .topConts {
        padding: 100px 0 120px;
    }
}

@media screen and ( min-width:641px) {
}

@media screen and ( min-width:1281px) {
}
*/

/*---------------------------------------------------
TOP
---------------------------------------------------*/

.collectionArea .sexList{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}
.collectionArea .sexList li{
    margin: 0;
    position: relative;
}
.collectionArea .sexList  li figcaption{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

@media screen and ( min-width:641px) {
    .collectionArea .sexList{
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .collectionArea .sexList  li {
        width: 50%;
    }
}

/*---------------------------------------------------
SEX TOP
---------------------------------------------------*/

.newArrivalsBlk{
    margin: 0 auto 40px;
}

.sexCollectionArea .collectionList{
    width: 100%;
    margin: 0 auto;
}
.sexCollectionArea .collectionList li{
    margin: 0 auto;
    position: relative;
}
.sexCollectionArea .collectionList li h2{
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    letter-spacing: 0;
}
/*奇数*/
.sexCollectionArea .collectionList li:nth-child(odd) h2{
    left: 0%;
    right: 50%;
}
/*奇数*/
.sexCollectionArea .collectionList li:nth-child(even) h2{
    right: 0%;
    left: 50%;
}


@media screen and (min-width:1281px) {
    .sexCollectionArea .collectionList li{
        max-height: 500px;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .sexCollectionArea .collectionList li a{
        width: 100%;
    }

}





/* //index AREA//////////////////////////////////////////////////////// */

#contsArea #productsBlk {
}
#contsArea #productsBlk li div.productCnt{
/*    width: 100%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    background: #eaeaea;
    padding: 0 0 60px;
}

#contsArea #productsBlk li:nth-child(even) div.productCnt{
    background: #fefefe;
}

#contsArea #productsBlk li div.productCnt .imgBlk{
    width: 100%;
    margin: 0 auto 20px;
}
#contsArea #productsBlk li div.productCnt .imgBlk img{
    width: 100%;
    -webkit-transition: .8s;
    transition: .8s;
}
#contsArea #productsBlk div.productCnt .txtBlk{
    width: 90%;
    padding: 5% 0 0;
    margin: 0 auto !important;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#contsArea #productsBlk a:hover{
    opacity: 1;
}

#contsArea #productsBlk div.productCnt .txtBlk .main-ttl{
    margin: 0 auto 20px;
}
#contsArea #productsBlk div.productCnt .txtBlk .colTxt{
    margin: 0 auto 40px;
}

@media screen and ( min-width:1281px) {
    #contsArea #productsBlk li div.productCnt{
        padding: 0;
        margin: 0 auto 1px;
        line-height: 0;
    }
    #contsArea #productsBlk li:nth-child(even) div.productCnt{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    }

    #contsArea #productsBlk li div.productCnt .imgBlk{
        width: 60%;
        margin: 0 auto;
    }
    #contsArea #productsBlk li div.productCnt .imgBlk a{
        width: 100%;
        overflow: hidden;
    }
    #contsArea #productsBlk li div.productCnt .txtBlk{
        width: 40%;
        padding: 5%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
    }
    #contsArea #productsBlk a:hover img{
        opacity: .4;
        -webkit-transition: .6s;
        transition: .6s;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    #contsArea #productsBlk div.productCnt .txtBlk .main-ttl{
        margin: 0 auto 30px;
    }

}


/* //PRODUCTS AREA//////////////////////////////////////////////////////// */
.noDisplay{
    display: none;
}


/* //COLLECTION AREA//////////////////// */



#contsArea .colllectionArea {
    max-width: 100%;
    margin: 0 auto 30px;
}
#contsArea .colllectionArea ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
}

#contsArea .colllectionArea li{
    text-align: left;
    margin: 0 auto 30px;
    width: 90%;
}

#contsArea .colllectionArea .collection-ttl {
    padding: 0;
}

#contsArea .colllectionArea p.col-name{
    margin: 0 auto 20px;
    line-height: 1;
}
#contsArea .colllectionArea .collection-image {
}
#contsArea .colllectionArea .collection-image img{
    width: 100%;
}

@media screen and ( min-width:1281px) {
    #contsArea .colllectionArea {
        max-width: 1200px;
        margin: 100px auto;
    }
    #contsArea .colllectionArea ul {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }


    #contsArea .colllectionArea .collection-ttl {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 5%;
    }

    #contsArea .colllectionArea p.col-name{
        line-height: 1;
        margin: 0 auto 40px;
    }
    #contsArea .colllectionArea .collection-image {
        -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
        flex: 1.5;
    }
}






/* //BTN//////////////////// */


@media screen and ( min-width:1281px) {
    #contsArea #productsBlk div.productCnt .txtBlk .BtnCenter{
        margin: 40px 0 0;
        text-align: left;
    }
}