@charset "utf-8";

/* お知らせ */

#home .content .ul_news p {
    margin: 0;
    padding: 0;
}

.news_area {
    padding-bottom: 50px;
}

/* バナーエリア */
.bnr-area {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.bnr-area img {
    margin: 1rem;
}
/* ボタン */
.orange {
    background: #F15A24!important;
    border: #F15A24 3px solid!important;
}

.orange:hover {
    background: #fff!important;
    color: #F15A24!important;
}

.blue {
    background: #fff!important;
    color: #285097!important;
    border: #285097 3px solid!important;
}

.blue:hover {
    background: #285097!important;
    color: #fff!important;
}

.gray {
    background: #4D4D4D!important;
    border: #4D4D4D 3px solid!important;
}

.gray:hover {
    background: #fff!important;
    color: #4D4D4D!important;
}

/* コラム */
#column {
    background: #F2F6F7;
}

#column .btn_cnt {
    margin: 0 auto;
    text-align: center;
}

/* 商品一例 */

#product {
    padding-bottom: 50px;
}

#product .content h2 {
    margin-bottom: 0;
}

/* スライド */

.splide_img 
{
    background: rgb(173, 173, 173);
    overflow:hidden;
}

.splide_text {
    padding: 1rem;
}

.splide__slide .splide_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }


.splide_img  img{
    transition:1s all;
   }
   .splide_img img:hover{
     transform:scale(1.2,1.2);
     transition:1s all;
   }

.splide__slide{
    background: #fff;
    border-radius: 8px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    overflow: hidden;
    margin-top: 0.2rem!important;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 0.5rem!important;
}
  
.splide__slide  a {
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

.splide__slide img {
  width: 100%;
  height: auto;
  max-height: 255px;
  object-fit: cover;
}

.splide__track {
    overflow: visible;
}


  .card03 .splide__track {
    overflow: visible;
  }


  .card03 .splide__slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .card03 .slide {
    overflow: hidden;
    border-radius: 4px;
  }

  .card03 .slide-media img {
    height: calc(100% + 16px);
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }