<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*
  File Name   : feature.css
  Description : 特集ページ
*/


/* index
============================================================ */
/* article-header */
#feature.index .article-header__ttl {
  margin-bottom: 10px;
}
#feature.index .article-header__desc {
  margin-bottom: 10px;
  font-size: 16px;
}

/* feature-list */
#feature.index .feature-list {
  /*overflow: hidden;*/
}
#feature.index .feature-list &gt; ul {
  margin: -20px -15px;
}
#feature.index .feature__item {
  float: left;
  width: 50%;
  padding: 30px 15px 0;
}
#feature.index .feature__item a {
  display: block;
  padding: 0;
  /*background: #fdf8e2;*/
}
#feature.index .feature__figure {
  text-align: center;
}
#feature.index .feature__caption {
  margin: 1em 0 .5em;
  font-size: 16px;
  font-weight: bold;
  /*overflow: hidden;*/
  /*white-space: nowrap;*/
  /*text-overflow: ellipsis;*/
}
#feature.index .feature__txt {
  height: 4.8em;
  font-size: 16px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media screen and (max-width: 767px) {
  /* article-header */
  #feature.index .article-header__ttl {
    margin-bottom: 1.56vw;
  }
  #feature.index .article-header__ttl img {
    width: 100%;
  }
  #feature.index .article-header__desc {
    margin-bottom: 3.125vw;
    font-size: 100%;
  }

  /* feature-list */
  #feature.index .feature-list &gt; ul {
    margin: -3.125vw -1.25vw;
  }
  #feature.index .feature__item {
    padding: 3.125vw 1.25vw 0;
    width: 100%;
  }
  #feature.index .feature__item a {
    padding: 0;
    background: none;
  }
  #feature.index .feature__caption {
    display: -webkit-box;
    /*height: 3.2em;*/
    margin: 1em 0 1em;
    font-size: 100%;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 2;*/
    /*white-space: normal;*/
  }
  #feature.index .feature__txt {
    height: 7.9em;
    font-size: 100%;
    -webkit-line-clamp: 5;
  }
}
</pre></body></html>