@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: 10px;
  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.7;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Serif JP", serif;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
img {
	vertical-align: middle;
	max-width:100%;
}
a:hover img {
	opacity:0.7; 
	filter: alpha(opacity=70); 
	transition-duration: 0.5s;
}
a {
	color:#333;
	text-decoration:underline;
}
a:hover {
	opacity:0.7; 
	filter: alpha(opacity=70); 
	transition-duration: 0.5s;
}

/* margin
-------------------------------------------------------------------------------------------------------*/
.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}

.mb30 {
	margin-bottom:30px;
}


/* padding
-------------------------------------------------------------------------------------------------------*/
.pb5 {
	padding-bottom:5px;
}

.pb10 {
	padding-bottom:10px;
}

.pb15 {
	padding-bottom:15px;
}

.pb20 {
	padding-bottom:20px;
}

.pb30 {
	padding-bottom:30px;
}

/* Hack
-------------------------------------------------------------------------------------------------------*/
.fix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.fix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .fix {height: 1%;}
.fix {display: block;}
/* End hide from IE-mac */