@charset "utf-8";



/*****************/



#style_catalog{
	clear: both;
	 width: 90%; 
	margin:0 auto;
	padding:0 0 12%;
}

/* Horizontal Carousel */

#horizontal_carousel {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	/*height:460px;*/
}

#horizontal_carousel .container {
  width: 300px; 
  overflow: hidden;
  margin:0px auto 5%;
  padding:0px;
  /*z-index:99;*/
}

#horizontal_carousel ul {
  margin: 0px;
  padding:0px;
  width: 9999px;
  position: relative;
  left: 0px;
  padding:0px;
  /*z-index:99;*/
}                      

#horizontal_carousel .container ul li {
  float:left;
  width: 300px;
  height: auto;
  text-align:center;
  list-style:none;
  margin:0px;
  padding:0px;
  /*z-index:99;*/
}

#horizontal_carousel .container ul li p{
  text-align:left;
}

#horizontal_carousel .container ul li img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}



#catalog_sum{
	clear:both;
	width: 300px;
	margin: 0 auto;
}


#catalog_sum ul{
	margin: 0% auto 3%;
	padding:0px;
	width:100%;
}

#catalog_sum li{
	float:left;
	width:30%;
	margin:0px 1.5%;
	text-align:center;
	
}

#catalog_sum li img{
	width:100%;
}


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){
	
#style_catalog{
	 /*width: 100%; */
	padding:30px 0 0;
}
	
/* Horizontal Carousel */

#horizontal_carousel {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	/*height:460px;*/
}

#horizontal_carousel .container {
  /*width: 620px; */
  overflow: hidden;
  margin:0px auto 5%;
  padding:0px;
  /*z-index:99;*/
}

#horizontal_carousel ul {
  margin: 0px;
  padding:0px;
  width: 9999px;
  position: relative;
  left: 0px;
  padding:0px;
  /*z-index:99;*/
}                      

#horizontal_carousel .container ul li {
  float:left;
/*  width: 620px;
  height: 440px;*/
  text-align:center;
  list-style:none;
  margin:0px;
  padding:0px;
  /*z-index:99;*/
}

#horizontal_carousel .container ul li img {
  /*width: 620px;*/
  height: inherit;
  object-fit: cover;
}



#catalog_sum{
	clear:both;
	width: 300px;
	margin: 0 auto;
}


#catalog_sum ul{
	margin: 0% auto 3%;
	padding:0px;
	width:100%;
}

#catalog_sum li{
	float:left;
	width:30%;
	margin:0px 1.5%;
	text-align:center;
	
}

	
	
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}







/*****************/