@charset 'utf-8';

/*↓reset↓*/
html { -webkit-text-size-adjust:100%;}
body,
body * {
box-sizing:border-box;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
text-overflow:ellipsis;
padding:0; margin:0;
outline:none;
}
body {
width:100vw; 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%,#9C3,#482,#231);
color:#FFF; font-size:0; line-height:1; text-shadow:0 1px 1px rgb(0,0,0,75%); text-align:center;
}
/*↑reset↑*/
/*↓ヘッダ↓*/
header { padding:32px;}
header a {
display:block;
width:160px; height:96px;
background:url(../img/egg.png) no-repeat center center / contain;
filter:drop-shadow(0 2px 2px rgb(0,0,0,25%));
margin:0 auto;
}
@media screen and ( max-width:768px ){
header { padding:16px;}
header a { width:120px; height:72px;}
}
/*↑ヘッダ↑*/
/*↓セクション↓*/
section {
max-width:768px; width:100%; overflow:hidden;
background:#151A24;
border-radius:16px;
box-shadow:0 2px 2px rgb(21,26,36,50%);
padding:24px;
margin:0 auto;
}
@media screen and ( max-width:768px ){
section {
border-radius:0;
padding:8px;
}
}
/*↑セクション↑*/
/*↓フッタ↓*/
footer { padding:32px;}
footer a {
display:inline-block;
filter:drop-shadow(0 1px 1px rgb(0,0,0,50%));
font-size:10px; color:#FFF !important; text-decoration:none !important;
}
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;}
}
/*↑フッタ↑*/
/*↓タイトル↓*/
.title * { padding:8px;}
.title h1 { font-size:24px;}
.title p  { font-size:12px; color:#899; line-height:1.25;}
@media screen and ( max-width:768px ){
.title h1 { font-size:20px;}
}
/*↑タイトル↑*/
/*↓導入部↓*/
.intro { margin:16px 0;}
.intro .text { font-size:16px; line-height:1.5; padding:8px;}
.intro .prof { display:flex;}
.intro .prof > div { width:50%; padding:8px;}
.intro .prof a { color:#FFF; font-size:18px;}
.intro .prof p { color:#BCC; font-size:14px; line-height:1.25; margin-top:0.5em;}
@media screen and ( max-width:768px ){
.intro .text { font-size:14px;}
.intro .prof a { font-size:16px;}
.intro .prof p { font-size:12px;}
}
/*↑導入部↑*/
/*↓バックナンバー↓*/
.bnum  .item { display:flex; align-items:center;}
.bnum  .item:nth-child(n+2) { margin-top:16px;}
.bnum  .item > li { padding:8px;}
.bnum  .photo {
display:block; width:300px; height:150px;
background:no-repeat center center / cover;
}
.bnum  h3 { color:#CF6; font-size:16px;}
.bnum  p:nth-of-type(1) { color:#BCC; font-size:14px; line-height:1.5;}
.bnum  p:nth-of-type(1) a { color:#FFF; font-size:14px;}
.bnum  p:nth-of-type(2) { color:#899; font-size:12px; margin-top:8px;}
@media screen and ( max-width:768px ){
.bnum  .item { flex-direction:column;}
.bnum  h3 { font-size:14px;}
.bnum  p:nth-of-type(1),
.bnum  p:nth-of-type(1) a { font-size:12px;}
.bnum  p:nth-of-type(2) { font-size:10px;}
}
@media screen and ( max-width:480px ){
.bnum  .photo { width:calc(100vw - 32px); height:calc((100vw - 32px)/2);}
}
/*↑バックナンバー↑*/