/* genzu */
*            { box-sizing: border-box; font-family: monospace; }
html,body    { margin: 0; padding: 0; }
h1           { margin: 0 0 20px 0; padding: 0; height: 50px; background-repeat: repeat-x; text-align: center; }
h2           { font-size: 16px; }
h2 a         { text-decoration: none; }
form,p,ul,canvas { margin: 0 0 20px 0; padding: 0; font-size: 14px; }
ul           { list-style: disc; padding-left: 20px;}
.container,.container-fluid { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
@media (min-width: 768px)   { .container { width:  750px; } }
@media (min-width: 992px)   { .container { width:  970px; } }
@media (min-width: 1200px)  { .container { width: 1170px; } }
.text-left   { text-align: left;   }
.text-right  { text-align: right;  }
.text-center { text-align: center; }
input,textarea,button,.btn { margin-bottom: 0; border-width: 1px; border-style: solid; border-radius: 4px; padding: 6px 12px; font-size: 16px; line-height: 1.5; white-space: nowrap; vertical-align: middle; }
.btn-tw      { display: inline-block; vertical-align: top; cursor: pointer; height: 28px; border-radius: 9999px; padding: 1px 12px 1px 12px; font: normal normal normal 12px/18px sans-serif; font-size: 13px; line-height: 26px; white-space: nowrap; margin-left: 4px; }
.wrapper     { min-height: 100vh; position: relative; padding-bottom: 360px; }
footer       { width: 100%; position: absolute; bottom: 0; }
footer .container { height: 280px; padding-top: 30px; }
footer p     { margin: 0; padding: 0; }
footer ul    { padding: 0; list-style: none; }
.genzu-sns li,.genzu-sister li      { display: inline; white-space: nowrap; }
.genzu-sns a ,.genzu-sister a       { padding: 0 4px; }
@media (min-width: 768px)   { .genzu-sister ul { float: right; text-align: right; max-width: 50%; } }
footer ul    { margin-bottom: 10px; }

footer       { background-color: #333; color: #fff; }
footer ul    { color: #888; }
footer a     { color: #aaa; }
.genzu-snsbtn { display: flex; }