@charset 'utf-8';
/*
常設でない企画
*/

/* anniv */
.anniv {
background:#FEEE00 url('../img/anniv/22/bg.png') center 0 / 304px auto;
border-top:solid 2px #FFF;
text-align:center;
}
.anniv:hover { animation:egg21th 1s forwards;}
@keyframes egg21th { 0% { filter:brightness(1.5);}}
.anniv a { display:block; color:#FFF; text-decoration:none;}
.anniv ul { display:flex; flex-wrap:wrap; justify-content:center; padding:4px;}
.anniv li { display:flex; justify-content:center; align-items:center; width:100%; padding:4px;}
.anniv li.logo { max-width:208px;}
.anniv li.text { max-width:512px;}
.anniv li.logo img { display:block; max-width:200px; width:100%;}
.anniv .text div {
display:flex; flex-direction:column; justify-content:center;
width:100%; height:100%;
background:linear-gradient(#FF3906,#920);
border:solid 3px; border-color:#FD1 #DB2 #B83; border-radius:8px;
box-shadow:inset 0 2px 3px rgba(0,0,0,50%), 0 2px 8px rgba(0,0,0,75%);
padding:12px;
}
.anniv .text h2 { font-size:16px; line-height:1.25;}
.anniv .text h3 { color:#FF6; font-size:18px; margin-top:8px;}
@media screen and ( min-width:1024px ){
.anniv li:nth-child(2) { order:3;}
.anniv li:nth-child(3) { order:2;}
}
@media screen and ( max-width:768px ){
.anniv .text h2 { font-size:14px;}
.anniv .text h3 { font-size:16px;}
.anniv .text br { display:none;}
}
/* anniv */
/* wanted */
section.wanted {
display:flex; flex-wrap:wrap; justify-content:center;
background:radial-gradient(farthest-corner at 50% 0,#800,#400);
box-shadow:inset 0 2px 2px #200;
border-top:solid 2px #FFF;
}
section.wanted a {
display:block;
width:33.33%;
text-shadow:0 1px 1px rgba(0,0,0,75%); text-align:center; text-decoration:none;
padding:10px;
}
section.wanted a * { padding:2px;}
section.wanted a p  { color:#9F9; font-size:12px;}
section.wanted a h3 { color:#FFF; font-size:16px;}
section.wanted a:hover {animation:wanted-a 1s forwards;}
@keyframes wanted-a { 0% { background:#F66;}}
@media screen and ( max-width:768px ){ section.wanted a { width:50%;}}
@media screen and ( max-width:480px ){ section.wanted a { width:100%;}}
/* wanted */