@charset "UTF-8";
/* CSS Document */


/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
	z-index: 0;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-attachment: fixed;
}
/*　背景画像設定　*/

.slider-item01 {
    background: url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/pc/main1.jpg");
}

.slider-item02 {
    background:url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/pc/main2.jpg");
}

.slider-item03 {
    background: url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/pc/main3.jpg");
}

.slider-item04 {
    background:url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/pc/main4.jpg");
}

.slider-item05 {
    background: url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/pc/main5.jpg");
}

.slider-item06 {
    background:url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/pc/main6.jpg");
}

.slider-item07 {
    background:url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/pc/main7.jpg");
}

@media (min-width: 737px) and (max-width: 1024px) and (orientation:portrait) {

    .slider-item01 {
        background: url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/sp/main1.jpg");
    }
    
    .slider-item02 {
        background:url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/sp/main2.jpg");
    }
    
    .slider-item03 {
        background: url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/sp/main3.jpg");
    }
    
    .slider-item04 {
        background:url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/sp/main4.jpg");
    }
    
    .slider-item05 {
        background: url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/sp/main5.jpg");
    }
    
    .slider-item06 {
        background:url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/sp/main6.jpg");
    }
    
    .slider-item07 {
        background:url("/user_data/packages/default/client/lp/2023/twisted-wonderland-all/img/sp/main7.jpg");
    }
    
    
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}