@charset "UTF-8";
/*- fuji/shopnews/common/scss/_style.scss -*
============================================================*/
/* layout 
------------------------------*/
/* @use */
/*- config/_index.scss -*
============================================================*/
/* @use */
/*- config/_functions.scss -*
============================================================*/
/*- config/_mixins.scss -*
============================================================*/
/* media query */
/* pseudo set */
/* background set */
/*- config/_variables.scss -*
============================================================*/
/* Color
------------------------------------------------------------*/
/* Size
------------------------------------------------------------*/
/*- fuji/shopnews/common/scss/_layout.scss -*
============================================================*/
/* .list-shopnews
------------------------------------------------------------*/
.list-shopnews {
  display: grid;
  gap: clamp(20px, 4.6875vw, 60px) clamp(16px, 2.5vw, 32px);
}
@media (min-width: 768px) {
  .list-shopnews {
    grid-template-columns: repeat(4, 1fr);
  }
}
.list-shopnews_item {
  display: flex;
  column-gap: clamp(16px, 2.0833333333vw, 32px);
  background-color: #FFFFFF;
  padding: clamp(12px, 1.5625vw, 24px) clamp(5px, 0.6510416667vw, 10px);
}
@media (min-width: 768px) {
  .list-shopnews_item {
    flex-direction: column;
    padding: 0;
  }
}
.list-shopnews_item * + * {
  margin-top: 0 !important;
}
.list-shopnews_item__image {
  width: 33%;
}
@media (min-width: 768px) {
  .list-shopnews_item__image {
    width: 100%;
  }
}
.list-shopnews_item__image img {
  object-fit: cover;
  aspect-ratio: 1/0.75;
}
.list-shopnews_item__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: clamp(8px, 1.0416666667vw, 16px);
  padding: clamp(8px, 1.25vw, 16px);
}
.list-shopnews_item__cate .event-icon {
  display: inline-block;
  border-radius: 99px;
  text-align: center;
  font-size: clamp(1.2rem, 1.25vw, 1.6rem);
  color: #FFFFFF;
  min-width: 90px;
}
@media (min-width: 768px) {
  .list-shopnews_item__cate .event-icon {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .list-shopnews_item__title {
    flex: 1;
  }
}
.list-shopnews_item__date {
  text-align: right;
  font-size: 1.2rem;
}

/* .event-icon
------------------------------------------------------------*/
*[class^=event-icon] {
  border-radius: 5px;
  text-align: center;
  font-size: clamp(1.2rem, 1.71875vw, 2.2rem);
  color: #FFFFFF;
}
*[class^=event-icon][class*=eventCateES] {
  background-color: #222;
}
*[class^=event-icon][class*=eventCateInfo] {
  background-color: #2EA81A;
}
*[class^=event-icon][class*=eventCatSale] {
  background-color: #CF2B2E;
}
*[class^=event-icon][class*=Cateosusume] {
  background-color: #DF6C1F;
}
*[class^=event-icon][class*=Catetenanto] {
  background-color: #1652BC;
}

/* .sec-head
------------------------------------------------------------*/
.sec-head-date {
  text-align: right;
}
.sec-head-title {
  border-bottom: 1px solid #646464;
  font-size: clamp(1.8rem, 2.1875vw, 2.8rem);
  padding-bottom: clamp(16px, 2.5vw, 32px);
}
.sec-head-title + * {
  margin-top: clamp(30px, 3.125vw, 40px);
}

/* body#fuji-shopnews
------------------------------------------------------------*/
body#fuji-shopnews .bgbox-white .bgbox-white_inner > * + * {
  margin-top: clamp(30px, 3.125vw, 40px);
}
body#fuji-shopnews * + .btn-txt-center {
  margin-top: clamp(30px, 6.25vw, 80px);
}

/* 各カテゴリー設定
------------------------------------------------------------*/
#eventCateES .list-shopnews .list-shopnews_item .list-shopnews_item__cate .event-icon {
  background-color: #222;
}

#eventCateInfo .list-shopnews .list-shopnews_item .list-shopnews_item__cate .event-icon {
  background-color: #2EA81A;
}

#eventCatSale .list-shopnews .list-shopnews_item .list-shopnews_item__cate .event-icon {
  background-color: #CF2B2E;
}

#Cateosusume .list-shopnews .list-shopnews_item .list-shopnews_item__cate .event-icon {
  background-color: #DF6C1F;
}

#Catetenanto .list-shopnews .list-shopnews_item .list-shopnews_item__cate .event-icon {
  background-color: #1652BC;
}/*# sourceMappingURL=style.css.map */