@charset "UTF-8";

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;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

a{
	text-decoration:none;
	outline: none;
}
img{vertical-align:bottom;}
table {border-collapse:collapse;border-spacing:0;}

/* clearfix
----------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.mb1em {margin-bottom:1em;}
.mb2em {margin-bottom:2em;}
.mb50 {
	margin-bottom:50px !important;	
}
.mb40 {
	margin-bottom:40px !important;	
}
.mb30 {
	margin-bottom:30px !important;	
}
.mb25 {
	margin-bottom:20px !important;	
}
.mb20 {
	margin-bottom:25px !important;	
}
.mb15 {
	margin-bottom:15px !important;	
}
.mb10 {
	margin-bottom:10px !important;	
}
.mb5 {
	margin-bottom:5px !important;	
}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.clear {clear:both;}

/* font size */
html {
  font-family: Helvetica, Arial,"Meiryo","メイリオ","ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro,osaka","ＭＳ Ｐゴシック",sans-serif;
  color: #333;
  font-size: 62.5%; /*初期値16pxの62.5%でルートが10px*/
  overflow: hidden;
  overflow-y: scroll;
}

body {
  font-size: 16px;
  font-size: 1.6rem;  
  /* sets the default sizing to make sure nothing is actually 10px */
  background:#fff;
}