@charset "UTF-8";

html{
	font-size:62.5%;
}
body{
	margin:0;
	padding:0;
	font-size:16px;
	font-size:1.6rem;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-family:Meiryo,YuGothic,'Yu Gothic','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	background:#fff;
	color:#333;
}
div,p,span,object,iframe,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
article,aside,canvas,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video,
table,tr,td,th,tbody,tfoot,thead{
	font-size:16px;
	font-size:1.6rem;
	line-height:1;
	margin:0;
}
body,div,dl,dt,dd,p,img,
h1,h2,h3,h4,h5,h6,p,th,td{ 
	margin:0;
	padding:0;
}
ul,ol,li{
	margin:0;
}
h1,h2,h3,h4,h5,h6,p,th,td{
	font-weight:normal;
}	
img{
	max-width:100%;
	/*width:auto;*/
	height:auto;
	vertical-align:bottom;
	margin:0;
	padding:0;
}
a img{
	border:none;
}
a img:hover{
	opacity:0.6;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	opacity:0.6;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}
ul li{
	list-style:none;
}

/* clearfix
--------------------------------- */
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	margin:0;
	padding:0;
}


@media screen and (max-width:768px){
	body{
		font-size:3.75vw;
	}
	div,p,span,object,iframe,blockquote,pre,
	abbr,address,cite,code,
	del,dfn,em,img,ins,kbd,q,samp,
	small,strong,sub,sup,var,
	b,i,
	dl,dt,dd,ol,ul,li,
	fieldset,form,label,legend,
	article,aside,canvas,details,figcaption,figure, 
	footer,header,hgroup,menu,nav,section,summary,
	time,mark,audio,video,
	table,tr,td,th,tbody,tfoot,thead{
		font-size:3.75vw;
	}
}