/*----------------------------------------------------------------------
よく使うモジュール一覧
----------------------------------------------------------------------*/


html{
	overflow-y: scroll;
}

sup,sub {
	font-size: 65%;
}

a {
	text-decoration: none;
}

a:active, a:focus{
	outline:none;
	
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
　　display:block;
}

img{
	height: auto;
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.sp{
	display: none;
}



/*
 * fade
 */
.fade {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.fade:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);

}

/* ---------- 以下エフェクトに関するcss ---------- */


@keyframes DownAnime{
  from {
    opacity: 0;
  transform: translateY(-170px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}




@media screen and (max-width: 768px) {


.sp{
	display: block!important;
}

.pc{
	display: none!important;
}
	
img{	
	image-rendering: auto;
}



}