.slider-00{
   background-color:#444;
   max-width: 960px;
   margin: 0px auto;
   color: #fff;
   position: relative;
   overflow: hidden;
   padding-bottom: 10px;
}

.slider_title-01{
   width: 100%;
   margin-bottom: -180px;
}
.slider_title-01 img{
   width: 100%;
}
.slider_title-01-L{
  display: none;
  }

.slider{
   margin-top: 150px;
   width:100%;
   padding:50px 10px;
   display: flex;
   flex-wrap:wrap; 
   justify-content: center; 
}
.slider div{
   width:40%;
   margin:10px 10px;
}
.slider div div{
   width:100%;
   margin: 10px auto;
}
.slider div div img{
   width:100%;
   }

.slider_item{
   font-size: .9em;
   font-weight: light;
   white-space:pre-wrap;
   line-height: 1.2em;
   margin-top: 10px;
   margin-bottom: 30px;
}
.slider a{
   text-decoration: none;
   color: #fff;
}
.slider a:hover{
   opacity: .8;
}
.slider_details{
  margin: -60px auto 0;
  text-align: center;
  border-radius: 25px;
  width: 300px;
  background-color: #fff;
  height: 30px;
  line-height: 30px;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  color: #666;
  box-shadow:2px 2px 5px 2px rgba(0, 0, 0, .3);
}
.slider_details a{
  text-decoration: none;
  color: #666;
}
.slider_details:hover{
   opacity: .8;
   box-shadow:2px 2px 5px 2px rgba(0, 0, 0, .5);
}



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

.slider_title-01{
  display: none;
  }

.slider_title-01-L{
   display: inline-block;
   width: 100%;
   margin-bottom: -250px;
}
.slider_title-01-L img{
   width: 100%;
}

.slider{
   flex-wrap:nowrap; 
}



}