@charset 'utf-8';

/*↓reset↓*/
*, *:before, *:after {
box-sizing:border-box;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',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:link { color:#233BEF;} a:visited { color:#47009F;} a:hover,a:active { color:#0073EF;}
/*↑標準リンク色↑*/
/*↓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:#C1BEA0 url( ../img/bg.jpg ) repeat-x center top / 384px auto;
color:#233; font-size:0; line-height:1; text-align:center;
}
body > .inner { width:100vw; margin:0 auto;}
/*↑body↑*/
/*↓ヘッダ↓*/
header div { padding:32px;}
header div a {
display:inline-block;
width:256px; height:80px;
background:url( ../img/logo.png ) no-repeat center center / contain;
filter:drop-shadow(0 2px 2px #860);
}
header nav {
background:rgba(0,0,0,25%);
display:flex; justify-content:center;
}
header nav a {
display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
max-width:160px; width:25%;
color:#FFF !important; font-size:12px; text-decoration:none !important;
padding:1em;
}
header nav a.here { background:rgba(0,0,0,75%);}
@media screen and ( max-width:768px ){
header div { padding:16px;}
header div a { width:192px; height:60px;}
header nav a span { display:none;}
}
/*↑ヘッダ↑*/
/*↓セクション↓*/
section { position:relative; overflow:hidden;}
section > .inner {
max-width:768px; width:100%;
text-shadow:0 1px 1px rgba(102,51,0,75%);
padding:24px; margin:0 auto;
}
@media screen and ( max-width:768px ){
section >.inner {
flex-direction:column !important;
padding:8px;
}
}
/*↑セクション↑*/
/*↓フッタ↓*/
footer { padding:32px;}
footer a {
display:inline-block;
font-size:10px; color:#FFF !important; text-decoration:none !important;
filter:drop-shadow(0 1px 1px #210);
}
footer a:before {
display:block;
width:64px; height:64px;
background:url( ../img/d4e-w.png ) no-repeat center center / contain;
margin:0 auto 8px;
content:'';
}
@media screen and ( max-width:768px ){
footer { padding:16px;}
}
/*↑フッタ↑*/