@charset 'utf-8';

.anniv { border-top:solid 2px #FFF;}
.anniv .inner {
max-width:1280px; width:100%;
padding:8px; margin:0 auto;
opacity:0; transform:translateY(8px);
transition:opacity 1s 1s, transform 1s 1s;
}
.anniv.fire .inner { opacity:1; transform:translateY(0);}

.anniv .intro { display:flex; flex-wrap:wrap; justify-content:center;}
.anniv .intro li { padding:8px;}
.anniv .intro div {
background:rgb(0,0,0,75%);
border-radius:8px;
padding:16px;
}
.anniv .intro h3 { color:#FF6; font-size:20px;}
.anniv .intro p { color:#FFE; font-size:16px; line-height:1.25; margin-top:8px;}
.anniv .intro span { color:#F66;}
@media screen and ( max-width:768px ){
.anniv .intro li:nth-child(1),
.anniv .intro li:nth-child(2) { width:calc(100% - 16px);}
.anniv .intro h3 { font-size:16px;}
.anniv .intro p { font-size:12px;}
.anniv .intro br { display:none;}
}