@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;
outline:none;
}
html { -webkit-text-size-adjust:100%;}
a:link,a:visited { text-decoration:underline;}
a:hover,a:active { text-decoration:none;}
a:focus {}
ol,ul { list-style:none;}
img,iframe { border:none;}
button,select,input,textarea { border: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 */
/* body */
body {
overflow-x:hidden; overflow-y:scroll;
overflow-scrolling:touch; -webkit-overflow-scrolling:touch;
width:100vw;
background:#FFF;
color:#333; line-height:1; text-shadow:0 1px 1px rgb(0,0,0,25%); -webkit-text-size-adjust:100%;
}
body > div { min-height:100vh;}
/* body */
/* header */
header {
display:flex; justify-content:space-between; align-items:center;
background:#000; padding:12px 28px;
}
header div a { display:block; padding:4px;}
header div a img { display:block; width:80px;}
header nav { display:flex; flex-wrap:wrap; justify-content:center; color:#666;}
header nav a { font-size:14px; color:#FFF !important; text-decoration:none !important; padding:4px;}
@media screen and ( max-width:768px ){
header { padding:12px;}
header nav a { font-size:12px;}
}
/* header */
/* section */
section { max-width:768px; width:100%; padding:24px; margin:0 auto;}
@media screen and ( max-width:768px ){
section { padding:8px;}
}
/* section */
/* h1-h6,p */
h1,h2,h3,h4,h5,h6 { line-height:1; font-weight:normal;}
section > h1 { font-size:24px; padding:8px;}
section > h2 { font-size:20px; padding:8px;}
section > h3 { font-size:16px; padding:8px;}
* + h1,
* + h2,
* + h3 { margin-top:16px;}
section > p { font-size:14px; line-height:1.5; padding:8px;}
@media screen and ( max-width:768px ){
section > h1 { font-size:20px;}
section > h2 { font-size:16px;}
section > h3 { font-size:14px;}
section > p { font-size:12px;}
}
/* h1-h6,p */
/* ol,ul */
section > ol { counter-reset:i;}
section > ol,
section > ul { padding:8px;}
section > ol li,
section > ul li { position:relative; display:block; font-size:14px; line-height:1.25;}
section > ol:not(.note) li + li,
section > ul:not(.note) li + li { margin-top:0.75em;}
section > ol.note li,
section > ul.note li { font-size:12px; line-height:1.5;}
section > ol li { padding-left:3em;}
section > ul li { padding-left:1em;}
section > ol li:before,
section > ul li:before { position:absolute; top:0; display:block;}
section > ol li:before { right:calc(100% - 2.75em); content:counter(i)'.';counter-increment:i 1;}
section > ul li:before { right:calc(100% - 1em); content:'\30fb';}/* ・ */
section > ol.note li:before { content:'\203b'counter(i)'.';}/* ※99. */
section > ul.note li:before { content:'\203b';}/* ※ */
@media screen and ( max-width:768px ){
section > ol li,
section > ul li { font-size:12px;}
section > ol.note li,
section > ul.note li { font-size:10px;}
}
/* ol,ul */
/* ill */
section > .ill { display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
section > .ill img {
display:block; width:100%;
filter:drop-shadow(0 1px 3px rgb(0,0,0,50%));
margin:8px;
}
/* ill */
/* splut */
.split { padding:8px; margin-top:16px;}
.split:before { display:block; height:4px; border:solid 1px; border-color:rgb(0,0,0,60%) rgb(0,0,0,40%) rgb(0,0,0,20%); border-radius:2px; content:'';}
/* split */
/* footer */
footer { color:#666; text-align:center; padding:16px 32px;}
footer p:nth-child(1) { font-size:14px; line-height:1.25;}
footer p:nth-child(2) { font-size:12px; margin-top:8px;}
footer p:nth-child(2) a { color:#666;}
@media screen and ( max-width:768px ){
footer { padding:16px;}
footer p:nth-child(1) { font-size:12px;}
footer p:nth-child(2) { font-size:10px;}
}
/* footer */