@charset "utf-8";

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0;padding: 0; *zoom:1;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;font-weight: normal; }
address,em { font-style: normal; }
table {border-collapse: collapse;border-spacing: 0; }
th { font-weight:normal;text-align: left; }
legend { display: none; }
img,fieldset { border: 0; }
li { list-style-type: none; }

/* HTML5
------------------------------------------------------------*/
article, aside, dialog, figure, footer, header,hgroup, nav, section, main{
display: block;
margin: 0;
padding: 0;
}

/* scrollbug for FF
------------------------------------------------------------*/
html { overflow-y: scroll;background:transparent; }


/* Form
------------------------------------------------------------*/
input,textarea { outline: none; }

/* Media
------------------------------------------------------------*/
object,embed { vertical-align: top; }
img {
vertical-align: bottom;
font-size: 0;
line-height: 0;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
zoom: 1;
}

/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: '';
display: block;
clear: both;
height: 0; }
.clearfix { zoom: 1; } /* for IE */

/* clear
------------------------------------------------------------*/
.clear {clear: both; }
.none {display:none; }
.block {display:block; }


/* -------------------------------- 

Primary style

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

html {
  font-size: 62.5%;
}

body {
color: #333333;
font-size: 14px;
font-size: 1.4rem;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:300;
line-height:1.625;
letter-spacing:-.02em;
background-color: #F6F6F6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust:100%;
text-rendering: optimizeLegibility;
}

@media only screen and (min-width:768px) {
body {
font-size: 16px;
font-size: 1.6rem;
}
}