@charset "utf-8";
*{padding:0;margin:0;}a:link,a:visited{color:#222;}a:hover{color:#bbb;}
body{text-align:center;font-family: serif; color:#222; -webkit-text-size-adjust:100%; font-weight: normal; background-color:#FFF;}
body:before{content: ""; display: block; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh;}
#wrapper{text-align:left;margin:0 auto;position:relative;}
#header{background:#222;width:100%;text-align:center;font-weight:bold;top:0;position: fixed;z-index: 1000; color:#FFF;}
#header a:link,#header a:visited, #header a:hover{color:#FFF;text-decoration:none;}
#footer{width:100%;padding:5px 0;text-align:center;font-weight:bold;background-color:#222;color:#FFF;bottom:0;position: fixed;}
#footer a:link,#footer a:visited, #footer a:hover{color:#000;text-decoration:none;}
#ab{margin:0 0 0 0;padding:0 0 20px 0; background-color:#FFF; width:100%;text-align:center;color:#222;}
#ab a:link,#ab a:visited{color:#222;}
#ab a:hover{color:#bbb;}
#logo{text-align:center;padding:5px 5px;text-decoration:none;}
#logo a{text-decoration:none;}
h1{font-size:150%;text-align:center;margin:20px auto;}
h2{font-size:130%;margin:45px 40px 10px 40px;padding:5px 0;border-bottom:dashed 1px #777;text-align:center;}
h3{font-size:110%;margin:20px 10px 10px 10px;padding:0 10px;text-align:center;}
h4{font-size:100%;margin:15px 15px 10px 30px;padding:0 15px;border-left:double 5px;text-align:center;}
h5{font-size:100%;margin:10px 10px 10px 45px;padding:0 10px;border-left:dotted 2px;text-align:center;}
p{margin: 15px 0;}
#sub1{margin:15px auto;padding:20px 0;width:700px;}
.sns{margin:15 auto;width:100%;list-style: none;}
.sns li{padding:20px 20px;display:inline-block;}

@media screen and (max-width: 719px) {
#sub1{width:430px;margin:15 auto;}
}