@charset "euc-jp";
#slider{
/*  background-color:#282B31;*/
}
.slider {
  width:100%;
  position: relative;
}
.slick-slider{
  padding-top:20px;
  padding-bottom:20px;
}
.swiper-slide{
  padding-left:10px;
  padding-right:10px;
}
.swiper-slide img{
  max-width:950px;
  width:100%;
  height:auto;
}

.information dl{
  width:80%;
  margin:0 10%;
  display:flex;
  flex-wrap:wrap;
}
.information dt{
  width:20%;
  text-align:center;
  line-height:3.8em;
  background-color:#282B31;
  color:#fff;
  border-radius:0.5em;
  margin-bottom:1.8em;
}
.information dd{
  box-sizing:border-box;
  width:75%;
  line-height:3.8em;
  position:relative;
  padding-left: 1.8em;
  padding-right:1.8em;
  margin-bottom:1.8em;
}
.information dd:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:1px;
  width:100%;
  border-bottom: 1px dotted #d3d3d3;
}


.prd_list_middle, .prd_list_large{
  display:flex;
  flex-wrap:wrap;
}
.prd_list_middle li, .prd_list_large li{
  display:flex;
  flex-direction:column;
}
.prd_list_middle .card,  .prd_list_large .card{
  display:block;
  background-color:#F7EFE7;
  padding:0;
  position:relative;
}
.prd_list_middle .card:before, .prd_list_large .card:before{
  content:"";
  display:block;
  padding-top:100%;
}
.prd_list_middle .card img,  .prd_list_large .card img{
  position:absolute;
  object-fit: cover;
  object-position:center;
}

.prd_list_middle{
  width:94%;
  margin:0 3%;
  padding:0 0.5%;
}
.prd_list_middle li{
  width:24%;
  margin:1.5% 4.5% 5em;
}
.prd_list_middle .card img{
  width:calc(100%);
  height:calc(100%);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.prd_list_large{
  width:90%;
  margin: 0 5%;
}
.prd_list_large li{
  width:30%;
  margin:1.5% 1.5% 3em;
}
.prd_list_large .card{
  padding:7px 7px;
}
.prd_list_large .card img{
  width:calc(100% - 14px);
  height:calc(100% - 14px);
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
}

.prd_list_middle .prd_name, .prd_list_large .prd_name{
  display:block;
  padding:0.8em;
  margin-bottom:1.5em;
  font-size:1.3em;
}
.prd_list_middle .prd_name a, .prd_list_large .prd_name a{
  text-decoration:none;
  color:#000;
}
.prd_list_middle .prd_price, .prd_list_large .prd_price{
  display:block;
  text-align:center;
  font-weight:bold;
  margin-top:auto;
  font-size:1.3em;
  position:relative;
  bottom:0;
}

.banner{
  margin-top:16em;
  margin-bottom:26em;
}
.banner img{
  width:100%;
  height:auto;
  margin-bottom:2em;
}