@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 { font-weight:normal;}
a:link,a:visited { text-decoration:none;}
a:hover,a:active { text-decoration:underline;}
a:focus { outline:none;}
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:link { color:#233BEF;}
a:visited { color:#47009F;}
a:hover,a:active { color:#0073EF;}
/* a */
/* body */
body {
width:100vw; min-height:100vh; height:auto;
overflow-x:hidden; overflow-y:scroll;
position:relative;
overflow-scrolling:touch; -webkit-overflow-scrolling:touch;
/* background:radial-gradient(farthest-side circle at center -10%,#ABB,#455,#677); */
background:radial-gradient(farthest-side circle at center -10%,#FE0,#F93,#C36);
color:#233; font-size:0; line-height:1; text-align:center;
}
body >.inner { width:768px; margin:0 auto;}
@media screen and ( max-width:768px ){
body >.inner { width:100%;}
}
/* body */
/* header */
header { padding:32px;}
header a {
display:block;
width:150px; height:90px;
background:url('../img/egg.png') no-repeat center center / contain;
filter:drop-shadow(0 2px 2px #F90);
margin:0 auto;
}
@media screen and ( max-width:768px ){
header { padding:16px;}
header a { width:100px; height:60px;}
}
/* header */
/* section */
section { overflow:hidden; border-radius:16px; margin:0 32px;}
section > div { padding:24px;}
section > div > * { padding:8px;}
section > div h1 { font-size:20px; margin:2em auto;}
section > div h2 { font-size:18px;}
section > div p  { font-size:14px; line-height:1.5; text-align:left;}

@media screen and ( max-width:768px ){
section { border-radius:8px; margin:0 16px;}
section > div h1 { font-size:18px;}
section > div h2 { font-size:16px;}
section > div p  { font-size:12px;}
}
@media screen and ( max-width:480px ){ section { border-radius:0; margin:0;}}
/* section */
/* footer */
footer { padding:32px;}
footer a {
display:inline-block;
font-size:10px; color:#FFF !important; text-decoration:none !important;
filter:drop-shadow(0 0 3px #FC0);
}
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:16px;}
}
/* footer */