@charset "UTF-8";
/*
|---------------------------------------------------------------
| FEATURE / 特集
|---------------------------------------------------------------
*/
.mbsc-features {
  --mbs-container-maxwidth: 1024px;
}

.mbsc-feature {
  --mbs-border-color: #dddddd;
  display: block;
  width: 100%;
}
.mbsc-feature__group {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0 50px;
}
.mbsc-feature__group + .mbsc-feature__group {
  border-top: 1px solid var(--mbs-border-color);
  padding-top: 50px;
}

.mbsc-feature-title {
  display: block;
  width: 100%;
  margin: 0 0 1.5em;
  padding: 0;
  font-size: clamp(20px, 2.67vw, 25px);
  text-align: center;
}

.mbsc-feature-posts {
  display: block;
  width: 100%;
}
.mbsc-feature-posts__list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
  gap: 30px 20px;
}
.mbsc-feature-posts__list__item {
  display: block;
  width: 100%;
}

.mbsc-feature-post {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none !important;
  font-size: 16px;
}
.mbsc-feature-post__image {
  display: block;
  width: 100%;
}
.mbsc-feature-post__body {
  display: block;
  width: 100%;
  margin: 0.5em 0 0;
  text-align: right;
}

.mbsc-feature-post-image {
  display: block;
  width: 100%;
}
.mbsc-feature-post-image img {
  display: block;
  width: 100%;
  height: auto;
}

.mbsc-feature-post-title {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1em;
}
.mbsc-feature-post[href] .mbsc-feature-post-title::after {
  content: "＞";
  margin-left: 0.75em;
}

/*
 * 最新
------------------------------------------------*/
.mbsc-feature-default {
  max-width: 860px;
  margin: 0 auto;
}

/*
 * 定番
------------------------------------------------*/
.mbsc-feature-s-posts {
  display: block;
  width: 100%;
}
.mbsc-feature-s-posts__list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(20px, 2.67vw, 40px);
}
.mbsc-feature-s-posts__list__item {
  display: block;
  width: 100%;
}

.mbsc-feature-s-post {
  display: block;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}
.mbsc-feature-s-post__image {
  display: block;
  width: 100%;
}
.mbsc-feature-s-post__image img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 750px) {
  .mbsc-feature-s-post-img.mbs-isPC {
    display: none !important;
  }
}
@media (min-width: 750.02px) {
  .mbsc-feature-s-post-img.mbs-isSP {
    display: none !important;
  }
}

/*
 * ARCHIVES
------------------------------------------------*/
.mbsc-feature-archive {
  max-width: 860px;
  margin: 0 auto;
}