/* Colors */
/* Gray scale */
/* Off-white */
/* Background */
/* Input background */
/* Lines */
/* Placeholder */
/* Tag */
/* Body */
/* Title */
/* Gradients */
/* Filter for SVG's */
/* Font size */
/* font family */
/* Media Querys */
@media (min-width: 800px) {
  /* line 4, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page {
    padding-bottom: 2em;
    padding-top: 2em;
    display: grid;
    grid-template-columns: 8fr 3fr;
    grid-template-rows: auto auto;
    grid-template-areas: 'header header' 'main aside' 'pagination aside';
    max-width: 1150px;
    width: 95%;
    margin: auto;
    gap: 1em;
    align-items: flex-start;
  }
}

/* line 21, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .header {
  display: block;
  grid-area: header;
  cursor: unset;
  border-radius: 8px;
}

@media (min-width: 800px) {
  /* line 21, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .header {
    width: 100%;
  }
}

/* line 31, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .header__title-area {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 1em;
}

/* line 38, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .header__title-area .title-area__image {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #CECECE;
  overflow: hidden;
  margin-right: .5em;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 49, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .header__title-area .title-area__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 56, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .header__title-area .title-area__title {
  margin: 0;
  font-size: 1.5em;
}

/* line 64, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .navigation-area {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  padding: 0;
  width: 100%;
  overflow-x: auto;
  margin: 0;
}

/* line 73, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .navigation-area__item {
  font-size: 1em;
}

/* line 76, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .navigation-area__item:not(:has(a)) {
  color: #E31519;
  border-bottom: 2px solid #E31519;
  padding: 1em 0;
  margin: 0 1em;
}

/* line 83, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .navigation-area__item a {
  display: block;
  color: #C6C6C6;
  padding: 1em;
}

/* line 91, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list {
  background-color: #fff;
  padding: 0 1em;
  grid-area: main;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 8px;
}

@media (min-width: 800px) {
  /* line 91, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .article-list {
    width: 100%;
    margin: 0;
    align-self: start;
    border-radius: 8px;
  }
}

/* line 106, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item {
  border-bottom: 1px solid #ECECEE;
  display: flex;
  padding: 1em 0;
}

/* line 111, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item:last-child {
  border-bottom: none;
}

/* line 115, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item__image {
  min-width: 120px;
  max-width: 120px;
  height: 95px;
  position: relative;
}

@media only screen and (min-width : 481px) {
  /* line 115, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .article-list .item__image {
    min-width: 180px;
    max-width: 180px;
    height: 180px;
  }
}

@media (min-width: 800px) {
  /* line 115, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .article-list .item__image {
    min-width: 250px;
    max-width: 250px;
  }
}

/* line 132, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 138, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item__image__play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

/* line 149, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item__image__play svg {
  width: 4em;
  height: 4em;
}

/* line 156, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item__content {
  padding: 6px 8px;
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
}

@media (min-width: 800px) {
  /* line 156, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .article-list .item__content {
    padding: 12px 1rem;
    justify-content: space-between;
  }
}

/* line 167, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item__content__category {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1em;
  /* fallback */
  max-height: 1em;
  /* fallback */
  -webkit-line-clamp: 1;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  font-family: "LFTEtica-Semibold";
  font-size: 12px;
  font-weight: 500;
  color: #E31519;
  margin: 0;
  margin-bottom: 1em;
}

@media (min-width: 800px) {
  /* line 167, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .article-list .item__content__category {
    font-size: 14px;
  }
}

/* line 181, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item__content__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1em;
  /* fallback */
  max-height: 3em;
  /* fallback */
  -webkit-line-clamp: 3;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  font-family: "LFTEtica-Semibold";
  font-size: 17px;
  margin: 0;
}

@media (min-width: 800px) {
  /* line 181, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .article-list .item__content__title {
    font-size: 20px;
  }
}

/* line 192, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item__content__description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 19px;
  /* fallback */
  max-height: 57px;
  /* fallback */
  -webkit-line-clamp: 3;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  display: none;
  font-size: 14px;
  color: #39393999;
  margin: 8px 0;
  font-family: "LFTEtica-Regular";
}

@media only screen and (min-width : 481px) {
  /* line 192, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .article-list .item__content__description {
    display: block;
  }
}

/* line 206, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .article-list .item__content__author {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1em;
  /* fallback */
  max-height: 1em;
  /* fallback */
  -webkit-line-clamp: 1;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  font-family: "LFTEtica-Regular";
  font-size: 12px;
  margin: 0;
  color: #E31519;
  display: none;
}

@media only screen and (min-width : 481px) {
  /* line 206, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .article-list .item__content__author {
    display: block;
  }
}

/* line 222, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .aside {
  width: 100%;
  background-color: #fff;
  padding: 1em;
  margin-top: 1em;
  grid-area: aside;
}

@media (min-width: 800px) {
  /* line 222, app/assets/stylesheets/pages/tags/show.scss */
  .tag-page .aside {
    margin: 0;
    border-radius: 8px;
  }
}

/* line 234, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .aside__title {
  border-bottom: 1px solid #ECECEE;
  padding: 0 0 1rem 8px;
  margin: 0;
}

/* line 241, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .aside .list-by-date__item {
  margin-bottom: 1em;
}

/* line 244, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .aside .list-by-date__item__date {
  border-bottom: 1px solid #ECECEE;
  padding: .7em;
  font-size: .7em;
  margin: 0;
}

/* line 251, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .aside .list-by-date__item .list-by-time {
  display: block;
}

/* line 254, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .aside .list-by-date__item .list-by-time__item {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  padding: .7em;
}

/* line 260, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .aside .list-by-date__item .list-by-time__item__time {
  font-size: .8em;
  color: #E31519;
  margin: 0;
  font-weight: 700;
}

/* line 268, app/assets/stylesheets/pages/tags/show.scss */
.tag-page .aside .list-by-date__item .list-by-time__item__title {
  font-size: .9em;
  margin: 0;
  font-weight: 400;
  color: #262626;
}

/*# sourceMappingURL=show.css-8eaef598857d47c843ffdfb3823352391ad45ff8e1f2142a6057021a17a04bb2.map */