@charset "UTF-8";

/*-----------------------------------------------------------------------------------*/
/*トップページ
/*-----------------------------------------------------------------------------------*/
.section {
	margin: 10px 0;
}
h2 {
	margin: 0 5px 10px;
	padding: 0 0 5px 10px;
	border-bottom: 1px solid #00ACDC;
}
@media screen and (min-width: 1024px) {
	li.grid-unit a.inner {
		height: 265px;
		position: relative;
	}
	li.grid-unit a.inner .image img {
		width: 100%;
		height: 100%;
		margin: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	li.grid-unit a.inner:hover .image img {
		width: 110%;
		max-width: 110%;
		height: 110%;
		margin: -17px 0 0 -11px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#product li.grid-unit a.inner {
			height: 162px;
		}
	#product li.grid-unit a.inner .image img {
		-webkit-transition: background-color 0.3s ease-in-out;
		-moz-transition: background-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
		background-color: #FFF;
	}
	#product li.grid-unit a.inner:hover .image img {
		margin: -13px 0 0 -11px;
		background: #999;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	li.grid-unit .txt {
		display: block;
		position: absolute;
		bottom: 0;
	}	
}
.key-visual {
	border: 1px solid #828282;
}
#aging .banner {
	margin: 0 5px;
}
/* アニメーション */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  max-width: none;
  border: 0;
  }