html,
body {
     position: relative;
     height: 100%;
}

@font-face {
     font-family: 'Disp55Roman';
     src: url('../font/Disp55Roman.otf');
}

@font-face {
     font-family: 'Disp65Medium';
     src: url('../font/Disp65Medium.otf');
}

body {
     background: #000;
     margin: 0;
     padding: 0;
}

.swiper {
     width: 100%;
     height: 100%;
     display: none;
}

.swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
}

.page {
     width: 100%;
     height: 100%;
     background: url("../image/bg.jpg") no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
}

.logo {
     position: absolute;
     width: 251px;
     top: 40px;
     left: 40px;

}

.noTxt {
     width: 445px;
     position: absolute;
     top: 168px;
     left: 40px;
}

.next {
     width: 58px;
     position: absolute;
     bottom: 50px;
     right: 40px;
}

.rules {
     display: block;
     position: absolute;
     top: 50%;
     height: 100%;
     left: 50%;
     transform: translate(-50%, -50%);
}

.message {
     height: 15%;
     position: absolute;
     top: 40px;
     left: 40px;
}

.logo2 {
     position: absolute;
     width: 251px;
     bottom: 80px;
     left: 40px;
}

.shoe1 {
     height: 35%;
     position: absolute;
     top: 6%;
     left: 0px;
}

.shoe2 {
     height: 40%;
     position: absolute;
     top: 17%;
     right: 30px;
}

.shoe3 {
     height: 35%;
     position: absolute;
     top: 36%;
     right: -30px;
}

.info {
     position: absolute;
     top: 52%;
     left: 40px;
     color: #fff;
     text-align: left;
}

.shoes_date {
     font-family: 'Disp65Medium';
     font-size: 90px;
     -webkit-transform: scale(0.92, 1.26);
     transform-origin: left center;
}

.title {
     font-family: "Disp55Roman";
     font-size: 26px;
     margin-top: 5%;
     margin-bottom: 4%;
}

.name {
     font-family: "Disp55Roman";
     font-size: 45px;
     line-height: 1.3;
     width: 650px;
     margin: 0;
}

.shoe_code {
     font-family: "Disp55Roman";
     font-size: 26px;
     line-height: 2;
}

.shoe_type {
     font-family: "Disp55Roman";
     font-size: 26px;
}

.mTop {
     margin-top: 2%;
}