html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
body {
	background-image:none;
	font-size: 1.6rem;/* 16px */
		font-family:'Roboto', sans-serif;

}
.fade-in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}

/*-------------------------------------
 SP
-------------------------------------*/


#wrapper{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:10% 0;

}

#main {
	width:100%;
	margin:0 0 10% 0;
	padding:0;
	text-align:center;
}
#main img {
	width:40%;
	max-width:200px;
	margin:0;
	padding:0;
	text-align:center;

}


#webcatalog {
	width:100%;
	margin:0;
	padding:0;
}
#webcatalog>ul {
	width:100%;
	margin:0;
	padding:0;
}
#webcatalog>ul>li {
	width:100%;
	margin:0 0 15% 0;
	padding:0;
}
#webcatalog>ul figure{
	width:100%;
	margin:0 0 8% 0;
	padding:0;
}
#webcatalog>ul figure img{
	width:100%;
	margin:0;
	padding:0;
}
#webcatalog .credit {
	width:90%;
	margin:0 auto;
	padding:0;
	font-size:1.1rem;
	color:#777;
}
#webcatalog .credit li {
	width:100%;
	margin:0 0 0.5% 0;
}
#webcatalog .credit li a {
	color:#777;

}
#caution{
	width:90%;
	margin:0 auto;
	padding:0;
	font-size:1.1rem;
}



/*-------------------------------------
 PC
-------------------------------------*/

@media ( min-width : 768px ) {

#wrapper{
}
#webcatalog>ul {
	text-align:center;
}

#caution{
	text-align:center;
}
}
#footer li{
	display:inline;
	float:none;
}

}