@charset "utf-8";
@import url(cmn.css);
@import url(base.css);


/* ==========================================================================
	CONTENTS
	========================================================================== */

.products {
  padding: 8px;
	margin-bottom: -30px;
}
.products__item {
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  border-radius: 5px;
	margin-bottom: 30px;
}
.products__item img {
  display: block;
  border-radius: 5px 5px 0 0;
  margin-bottom: 20px;
}
.products__item p {
  font-size: 90%;
  margin-bottom: 0;
}
.products__inner {
  padding: 20px;
}
.products__tit {
  color: var(--color01);
  font-size: 1.7rem;
  margin-bottom: 30px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.products {
  width: 105%!important;
}
.products__item {
  width: 45%!important;
  margin: 0 5% 5% 0!important;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.products__inner {
  padding: 17px;
}
.products__tit {
  font-size: 1.6rem;
  margin-bottom: 25px;
}
.products {
  width: 100%!important;
	margin-bottom: 0;
}
.products__item:last-child {
  margin: 0!important;
}
.products__item {
  float: none;
  width: 100%!important;
  margin: 0 0 5% 0!important;
}


}