.swiper-container {
    width: 100%;
    height: calc(100vh - 150px);
    margin-left: auto;
    margin-right: auto;
}
.slideinner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
}
.slideinner h3{
    font-family: 'Poppins', sans-serif;
    font-size:8vw;
    font-weight:200;
    letter-spacing: .07em;
    word-break: break-all;
    line-height:1;
}
.categoryblock{
    display: block;
    position: relative;
    width: 40%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    opacity:1;
}
.itemblock{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 60%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    padding-right:80px;
    opacity:0;
    transition:all 1.3s 0.5s;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.itemblock a img{
    display: block;
    width: 100%;
}
.itemblock.col2 a{
    display: block;
    position: relative;
    width: 50%;
}
.swiper-slide.tofade .itemblock{
     opacity:0;
    transition:all .5s 0s;
}
.swiper-slide-active .itemblock{
     opacity:1;
}


/*
1枚目スライド start
*/
#slide_1 .slideinner{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.calvin_logo{
    display: block;
    position: absolute;
    width: 50%;
    margin: auto;
    padding: 0;
    opacity:0;
    left:0;
    right:0;
    transition:all 1.5s .5s;
    top:0;
    bottom:0;
}
.strong_copy{
    font-size:20px;
    line-height:2;
    font-weight:bold;
    margin-bottom:20px;
    display: none;
    margin-top:20vh;
    text-align:center;
}
.main_copy{
    max-width:700px;
    font-size:14px;
    margin: 0 auto 70px;
    line-height:2;
    display: none;
}
.scroll_wrap{
    display: block;
    position: relative;
    width: 100px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 50px;
    text-align:center;
    opacity:0;
    transition:all 1.5s 3s;
}
#slide_1.active .calvin_logo{
    opacity:1;
}
#slide_1.active .scroll_wrap{
    opacity:1;
}
.calvin_logo.active{
    transform:translateY(-25vh);
    transition:all 1s ease;
}
.scroll_wrap>p{
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    letter-spacing: .05em;
    font-size:20px;
}
.scroll_wrap:before{
    content:"";
    display: block;
    position: absolute;
    width: 20px;
    height: 40px;
    border:1px solid #aaa;
    border-radius:10px;
    margin: auto;
    padding: 0;
    left:0;
    right:0;
    bottom:0;
}
.scroll_wrap:after{
    content:"";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background:#888;
    border-radius:2px;
    margin: auto;
    padding: 0;
    left:0;
    right:0;
    bottom:30px;
    animation: anime1 2s ease 0s infinite normal;
}
@keyframes anime1 {
    0% {opacity:0;transform:translateY(0)}
    15%{opacity:1;transform:translateY(0)}
    85%{opacity:1;transform:translateY(20px)}
    100%{opacity:0;transform:translateY(20px)}
}

/*
1枚目スライド end
*/


/*
 インデックス start
*/

.swiper-pagination-bullet{
    width:15px;
    height:1px;
    background:#000;
    transition:all .5s;
}
.swiper-pagination-bullet:hover{
    opacity:1;
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:30px 0;
    position: relative;
}
.swiper-pagination>.swiper-pagination-bullet:nth-child(1):before{
    content:"Top";
    display: block;
    position: absolute;
    top:-8px;
    right:25px;
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    letter-spacing: .05em;
    font-size:12px;
}
.swiper-pagination>.swiper-pagination-bullet:nth-child(2):before{
    content:"Hoodie";
    display: block;
    position: absolute;
    top:-8px;
    right:25px;
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    letter-spacing: .05em;
    font-size:12px;
}
.swiper-pagination>.swiper-pagination-bullet:nth-child(3):before{
    content:"Handkerchief";
    display: block;
    position: absolute;
    top:-8px;
    right:25px;
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    letter-spacing: .05em;
    font-size:12px;
}
.swiper-pagination>.swiper-pagination-bullet:nth-child(4):before{
    content:"Underwear";
    display: block;
    position: absolute;
    top:-8px;
    right:25px;
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    letter-spacing: .05em;
    font-size:12px;
}
.swiper-pagination>.swiper-pagination-bullet:nth-child(5):before{
    content:"Wallet";
    display: block;
    position: absolute;
    top:-8px;
    right:25px;
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    letter-spacing: .05em;
    font-size:12px;
}
.swiper-pagination>.swiper-pagination-bullet:nth-child(6):before{
    content:"Watch";
    display: block;
    position: absolute;
    top:-8px;
    right:25px;
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    letter-spacing: .05em;
    font-size:12px;
}

/*
 インデックス end
*/


/*
アイテムレイアウト start
*/

#slide_hoodie .itemblock>a{
    position: absolute;
    width: 55%;
}
#slide_hoodie .itemblock>a:nth-child(1){
    top:3vh;
    left:-50px;
}
#slide_hoodie .itemblock>a:nth-child(2){
    bottom:3vh;
    right:50px;
}

#slide_handkerchief .itemblock>a{
    width:33%;
}

#slide_underwear .itemblock>a{
    position: absolute;
    width: 55%;
}
#slide_underwear .itemblock>a:nth-child(1){
    top:3vh;
    left:-50px;
}
#slide_underwear .itemblock>a:nth-child(2){
    bottom:3vh;
    right:50px;
}

#slide_bag .itemblock>a{
    width:33%;
}

#slide_watch .itemblock>a{
    width:60%;
}
#slide_watch .itemblock{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*
アイテムレイアウト end
*/


/*
アイテムマウスオーバー start
*/
.itemblock>a>p{
    display: block;
    position: absolute;
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    letter-spacing: .05em;
    font-size:16px;
    bottom:30px;
    left:0;
    transition:all .5s;
    opacity:0;
    transform:translateX(0px);
}
.itemblock>a:hover>p{
    opacity:1;
    transform:translateX(30px);
}
.itemblock>a:hover{
    opacity:1;
}
.itemblock>a>img{
    transition:all .5s;
    transform-origin: right top;
}
.itemblock>a:hover>img{
    transform:scale(0.85,0.85);
}
.itemblock>a:before{
    content:"";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    margin: 0;
    padding: 0;
    background:#000;
    transition:all .5s;
    transform:scaleY(0);
    bottom:0;
    left:20px;
    transform-origin: left bottom;
}
.itemblock>a:hover:before{
    transform:scaleY(1);
}
.itemblock>a:after{
    content:"";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    background:#000;
    transition:all .5s;
    transform:scaleX(0);
    bottom:20px;
    left:0;
    transform-origin: left bottom;
}
.itemblock>a:hover:after{
    transform:scaleX(1);
}
/*
アイテムマウスオーバー end
*/