@charset "utf-8";

/* このスタイルシートについて

Foundationレイヤー
FoundationレイヤーはNormalize.cssやリセットCSS、要素セレクタ・属性セレクタのような最低限のスタイルを指定します。
詳細度を極力弱く、影響範囲を極力狭くします。

サイト全体で使う共通スタイルです。
サイト全体で用いるグローバルスタイルを定義します。

例：フォント色の定義
.fc-red   {color: #ff0000 !important;}


/* margin、padding、borderのリセット
------------------------------------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/*
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/

/* 行の高さを揃える
------------------------------------------------------------ */
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* box-sizingを指定する　paddingとborderを要素幅に含ませることができる
------------------------------------------------------------ */
selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}


html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}


/*
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
*/