@charset 'utf-8';

section {
position:relative;
max-width:768px; width:100%; overflow:hidden;
background:linear-gradient(#FFFCF9, #FCF9F0);
border-radius:16px;
margin:0 auto;
}
@media screen and ( max-width:768px ){
section { border-radius:0;}
}

/*↓メイン↓*/
.main {
position:relative;
height:384px; overflow:hidden;
background:#000;
}
.main div {
position:absolute; left:-4px; right:-4px; top:-4px; bottom:-4px;
background:no-repeat center center / cover;
filter:blur(4px) opacity(33.33%);
}
.main a {
position:absolute; left:0; right:0; top:0; bottom:0;
display:flex; justify-content:center; align-items:center;
padding:16px;
}
.main img { display:block; max-width:480px; width:100%;}
.main h1 {
position:absolute; left:0; right:0; bottom:0;
background:linear-gradient(transparent, rgba(0,0,0,75%) 0.5em);
color:#FFF; font-size:24px; text-shadow:0 1px 1px #000;
padding:16px 16px 2em;
}
@media screen and ( max-width:768px ){
.main h1 { font-size:20px;}
}
@media screen and ( max-width:384px ){
.main { height:100vw;}
}
/*↑メイン↑*/
/*↓EGGへ↓*/
.to-egg { position:relative; height:30px;}
.to-egg a {
display:inline-block;
background:linear-gradient(#F90, #F63);
border:solid 2px; border-color:#FFC #C30 #900;
border-radius:8px;
box-shadow:inset 0 0 4px #FC0, 0 0 4px rgba(0,0,0,50%), 0 2px 2px rgba(0,0,0,50%);
color:#FFF; font-size:20px; text-shadow:0 1px 1px rgba(0,0,0,75%); text-decoration:none !important;
padding:1em;
transform:translateY(-50%);
}
@media screen and ( max-width:768px ){
.to-egg { height:24px;}
.to-egg a { font-size:16px;}
}
/*↑EGGへ↑*/
/*↓見出・本文↓*/
.game > h2 { font-size:20px; padding:8px;}
.game > h2:not(:first-child) { padding-top:24px;}
.game > p { font-size:14px; line-height:1.5; padding:8px;}
@media screen and ( max-width:768px ){
.game > h2 { font-size:16px; line-height:1.25;}
.game > p { font-size:12px;}
}
/*↑見出・本文↑*/
/*↓スクリーンショット↓*/
.game ul { display:flex; flex-wrap:wrap; justify-content:center;}
.game ul li {
position:relative;
width:256px;
padding:8px;
}
.game ul a {
position:relative;
display:block; width:240px; height:150px;
background:#000 no-repeat center center / cover;
box-shadow:0 2px 2px rgba(0,0,0,50%);
}
.game ul p {
position:absolute; left:0; right:0; bottom:0;
background:rgba(0,0,0,80%);
color:#FFF; font-size:12px; line-height:1.25;
padding:8px;
}
@media screen and ( max-width:768px ){
.game ul p { font-size:10px;}
}
/*↑スクリーンショット↑*/
/*↓トップページ↓*/
a.return {
display:block;
background:linear-gradient(#100,#310);
box-shadow:inset 0 2px 2px #210;
color:#FFF !important; font-size:12px; text-decoration:none;
padding:1em;
}
/*↑トップページ↑*/