/*--------------------------------------
  Reset Css
---------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, small, strong, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, embed, figure, figcaption, footer, header, nav, section, summary, time, audio, video, input, button, textarea, select {
  border : 0;
  font-size : 100%;
  margin : 0;
  padding : 0;
  vertical-align : baseline;
}

ol, ul {
  list-style : none;
}

table {
  border-collapse : collapse;
  border-spacing : 0;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }



/*--------------------------------------
  Common-Setting
---------------------------------------*/

html {
    font-size: 10px;
    /*overflow-y: scroll;*/

}
body, input, button, select, textarea {
    font-family: Helvetica,Arial,'游ゴシック体',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
body {
    min-width: 320px;
    width: 100%;


    // background: #fff;
    color: #000;

    font-size: 1.6rem;
    line-height:1.7;

    -webkit-text-size-adjust: 100%;

    word-wrap : break-word;
    overflow-wrap : break-word;

    -webkit-font-smoothing: antialiased;

}
h1 , h2 , h3 , h4 , h5 , h6 {
    line-height : 1.4;  
}
img {
    vertical-align: top; 
    max-width: 100%;
    height: auto;
}

input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -moz-outline-style: none;
    ::-moz-focus-inner{
      border: none;
    }
}
label { cursor: pointer; }
strong { font-weight: bold; }
em { font-style: italic;}
a {
    text-decoration: none;
    color: #000;
    transition: opacity .3s;
    outline:none;
}
a:hover,a:active{color:#000; text-decoration:none;outline:none;}



/*a:hover {
  opacity: 0.6;
}
*/

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