.slider span{
background-image: linear-gradient(0deg, #ffffff, #d1d1d1 30%);	
}

.slider .slider_element{
	margin: 1px;
	padding: 1px;
/*	border: 0.5px solid #000;*/
}

.slider .slider_element img{
	max-width: 100%;
}

.box {
  display: flex;
  gap: 0 10px;
  margin: 0 auto;
  
}
.box span {
  border: solid 8px red;
  box-sizing: border-box;
}
.boxl {
  width: 40%;
}
.boxr {
  display: flex;
  gap: 0 5px;
  margin: 0 auto;
  width: 60%;
	flex-wrap: wrap;
}
.boxr div{
  width: 45%;
}
.item > img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.boxl > video {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
@media screen and (max-width:480px) {
	
.top_img {
	min-height: 280px;
}
.top_img img.img01,
.top_img img.img02,
.top_img img.img03,
.top_img img.img05
 {
	/*min-width: 100%;*/
	left: -100px;
	min-width: 610px;

}
.top_img img.img04
 {
	/*min-width: 100%;*/
	left: -180px;
	min-width: 640px;

}
.box {
  display: block;
  
}
.boxl {
  width: 100%;
}

.boxr {
  display: flex;
  gap: 5px 5px;
  margin: 0 auto;
  width: 100%;
	flex-wrap: wrap;
}
.boxr div{
  width: 49%;
}
.item > img {
  width: 100%;
  height: 140px;
  object-fit: cover;
}
.boxl > video {
  width: 100%;
  height: 330px;
  object-fit: cover;
}



}