@charset "utf-8";
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
}
html, body { height: 100vh; } 

body{ 
  font-family: Meiryo, "メイリオ", Hiragino Sans, "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Sans-Serif;
}

/** コピーライト **/
footer{ 
  height:20px;
 }

footer p{ 
  font-size:12px;
  text-align:center;
  color:#fff;
  margin-bottom:2px;
 }

/** フロート解除 **/
.clearfix:after{ 
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
 }

.clearfix{ 
  min-height:1px;
}

* html .clearfix{ 
  height: 1px;
  height: auto;
  overflow: hidden;
}

/** 768px 以上 **/
@media (min-width:768px){ 
  #container, header.summary div{
    width:768px;
    margin-left:auto;
    margin-right:auto;
 }
}