@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;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family:"Noto Sans JP","メイリオ", Meiryo, sans-serif;
}

p {
	line-height:1.8;
}

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

main a:hover img {opacity:0.7; filter: alpha(opacity=70);}
main a img {transition-duration: 0.5s;}
main {
	background:#888888;
}
main a {
	color:#b09344;
	text-decoration:underline;
}

main a:hover {
	text-decoration:none;
}

main img {
	max-width:100%;
	vertical-align:bottom;
}

/* 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 */