/* リセットCSS */

/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * https://cssreset.com/
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
/*
  TODO will need to remove settings on HTML since we can't namespace it.
  TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
    color:#000;
    background:#FFF;
  }
  /*
    TODO remove settings on BODY since we can't namespace it.
  */
  /*
    TODO test putting a class on HEAD.
      - Fails on FF.
  */
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  code,
  form,
  fieldset,
  legend,
  input,
  textarea,
  p,
  blockquote,
  th,
  td {
    margin:0;
    padding:0;
  }
  table {
    border-collapse:collapse;
    border-spacing:0;
  }
  fieldset,
  img {
    border:0;
  }
  /*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
  */
  address,
  caption,
  cite,
  code,
  dfn,
  em,
  strong,
  th,
  var {
    font-style:normal;
    font-weight:normal;
  }
   
  ol,
  ul {
    list-style:none;
  }
   
  caption,
  th {
    text-align:left;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size:100%;
    font-weight:normal;
  }
  q:before,
  q:after {
    content:'';
  }
  abbr,
  acronym {
    border:0;
    font-variant:normal;
  }
  /* to preserve line-height and selector appearance */
  sup {
    vertical-align:text-top;
  }
  sub {
    vertical-align:text-bottom;
  }
  input,
  textarea,
  select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
  }
  /*to enable resizing for IE*/
  input,
  textarea,
  select {
    *font-size:100%;
  }
  /*because legend doesn't inherit in IE */
  legend {
    color:#000;
  }
  /* YUI CSS Detection Stamp */
  #yui3-css-stamp.cssreset { display: none;
  }
/* リセットCSSここまで */

body {
    width:100%;
    height:100%;
    font-family: "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif;
}

h1 {
    font-size:28px;
    text-align:center;
}

.sec1 {
    width:70%;
    margin:100px auto;
    font-size:16px;
}

.center {
    width:60%;
    margin:0 auto;
}

@media screen and (max-width: 580px) {
	h1 {
        font-size:20px;
    }

    .sec1 {
        width:100%;
        margin:100px auto;
        font-size:14px;
    }
}