/* 基本 */
body{
margin:0;
font-family:sans-serif;
color:white;
background:black;
overflow-x:hidden;
}

/* 🌌 背景スライド（完全修正ポイント） */
.bg-slides{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-3;   /* ⭐最背面 */
}

.bg-slide{
position:absolute;
width:100%;
height:100%;
animation:fade 18s infinite;
opacity:0;
}

.bg-slide img{
width:100%;
height:100%;
object-fit:cover;
filter:brightness(0.6) saturate(1.2);
}

@keyframes fade{
0%{opacity:0;}
10%{opacity:1;}
30%{opacity:1;}
40%{opacity:0;}
100%{opacity:0;}
}

/* 🌫 overlay（読みやすさ） */
.overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.3));
z-index:-2;
}

/* 🧭 nav */
.nav{
position:fixed;
top:0;
width:100%;
display:flex;
justify-content:space-between;
padding:10px 20px;
font-size:12px;
z-index:10;
background:rgba(0,0,0,0.3);
}

/* 🎬 hero */
.hero{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
}

/* 🧱 共通セクション */
.chapter{
padding:120px 10%;
opacity:0;
transform:translateY(40px);
transition:1s ease;
position:relative;
z-index:1;
}

/* ソフト導入 */
.soft{
background:rgba(0,0,0,0.2);
}

/* カード */
.card{
background:rgba(255,255,255,0.06);
padding:20px;
margin-top:15px;
border-radius:12px;
backdrop-filter:blur(10px);
}

/* 手紙風 */
.paper{
background:rgba(255,255,255,0.04);
border-left:3px solid #ff4d6d;
}

/* チケット風 */
.ticket{
text-align:center;
}

.btn{
padding:14px 40px;
background:linear-gradient(90deg,#ff2a6d,#00e5ff);
border-radius:30px;
color:white;
text-decoration:none;
}

/* FINAL */
.final{
text-align:center;
background:rgba(10,5,20,0.6);
}