@charset "utf-8";

/*↓reset↓*/
*, *:before, *:after {
box-sizing:border-box;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
text-overflow:ellipsis;
padding:0; margin:0;
}
html { -webkit-text-size-adjust:100%;}
h1,h2,h3,h4,h5 { font-weight:normal;}
ul { list-style:none;}
img,iframe { border:0;}
button,select,input,textarea { outline:none;}
button,select,input[type='checkbox'],label　{ cursor:pointer;}/* 指 */
button,select { line-height:1;}
button::-moz-focus-inner, input::-moz-focus-inner { padding:0 !important; border:0 !important;}/* 呪 */
/*↑reset↑*/
/*↓a↓*/
a:focus { outline:none;}
a:link { color:#233BEF; text-decoration:underline;}
a:visited { color:#47009F; text-decoration:none;}
a:hover,a:active { color:#0073EF; text-decoration:underline;}
/*↑a↑*/
/*↓body↓*/
body {
position:relative;
width:100vw; min-height:100vh;
overflow-x:hidden; overflow-y:scroll;
overflow-scrolling:touch; -webkit-overflow-scrolling:touch;
background:linear-gradient(#000, #024);
color:#FFF; font-size:0; line-height:1; text-align:center;
}
body:after {
position:absolute; z-index:-1; left:0; right:0; bottom:0;
height:50vh;
background:linear-gradient(to top, #FFF 5vh, #0CF 15vh, #039 30vh, transparent 50vh);
content:'';
}
body > .inner {
position:relative;
width:960px; min-height:100vh;
background:url('../img/bg-2.png') center top;
box-shadow:0 0 4px #FFF, 0 0 8px #09C, 0 0 16px #069, 0 0 32px #009;
margin:0 auto;
}
body > .inner > img {/* キービジュアル */
position:absolute; left:0; top:0;
max-width:100%; width:auto;
}
@media screen and ( max-width:1024px ){
body > .inner { width:100%;}
}
/*↑body↑*/
/*↓header↓*/
header { position:relative; padding:32px;}
header p { font-size:16px; text-shadow:0 0 3px #09C, 0 0 6px #069, 0 0 9px #009;}
header a {
display:block;
width:150px; height:90px;
background:url('../img/egg.png') no-repeat center center / contain;
filter:drop-shadow(0 0 8px #06C);
margin:16px auto 0;
}
@media screen and ( max-width:768px ){
header { padding:16px;}
header p { font-size:14px;}
header a { width:100px; height:60px;}
}
@media screen and ( max-width:480px ){
header p { font-size:12px;}
}
/*↑header↑*/
/*↓footer↓*/
footer { padding:24px;}
footer ul { display:flex; flex-wrap:wrap; justify-content:center; padding:4px;}
footer ul li { color:#BCC; font-size:10px; padding:4px;}
footer a {
display:inline-block;
font-size:10px; color:#FFF !important; text-decoration:none !important;
margin:8px;
}
footer a:before {
display:block;
width:64px; height:64px;
background:url('../img/d4e.png') no-repeat center center / contain;
margin:0 auto 8px;
content:'';
}
@media screen and ( max-width:768px ){
footer { padding:8px;}
}
/*↑footer↑*/